primereact 9.2.2 → 9.3.0

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

package/password/password.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.password = (function (exports, React, PrimeReact, csstransition, hooks, inputtext, overlayservice, portal, utils) {
+this.primereact.password = (function (exports, React, PrimeReact, csstransition, hooks, inputtext, overlayservice, portal, utils, eye, eyeslash) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -113,6 +113,8 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
       header: null,
       content: null,
       footer: null,
+      showIcon: null,
+      hideIcon: null,
       icon: null,
       tooltip: null,
       tooltipOptions: null,
@@ -349,16 +351,27 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
       utils.ZIndexUtils.clear(overlayRef.current);
     });
     var createIcon = function createIcon() {
+      var icon;
+      if (unmaskedState) {
+        icon = props.hideIcon || /*#__PURE__*/React__namespace.createElement(eyeslash.EyeSlashIcon, null);
+      } else {
+        icon = props.showIcon || /*#__PURE__*/React__namespace.createElement(eye.EyeIcon, null);
+      }
+      var hideIcon = utils.IconUtils.getJSXIcon(icon, undefined, {
+        props: props
+      });
+      var showIcon = utils.IconUtils.getJSXIcon(icon, undefined, {
+        props: props
+      });
+      var eyeIcons = hideIcon || showIcon;
       if (props.toggleMask) {
-        var iconClassName = unmaskedState ? 'pi pi-eye-slash' : 'pi pi-eye';
         var content = /*#__PURE__*/React__namespace.createElement("i", {
-          className: iconClassName,
           onClick: onMaskToggle
-        });
+        }, " ", eyeIcons, " ");
         if (props.icon) {
           var defaultIconOptions = {
             onClick: onMaskToggle,
-            className: iconClassName,
+            className: className,
             element: content,
             props: props
           };
@@ -442,7 +455,9 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
       onKeyUp: onKeyup,
       onInput: onInput,
       tooltip: props.tooltip,
-      tooltipOptions: props.tooltipOptions
+      tooltipOptions: props.tooltipOptions,
+      hideIcon: props.hideIcon,
+      showIcon: props.showIcon
     })), icon, panel);
   }));
   Password.displayName = 'Password';
@@ -453,4 +468,4 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.inputtext, primereact.overlayservice, primereact.portal, primereact.utils);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.inputtext, primereact.overlayservice, primereact.portal, primereact.utils, primereact.icons/eye, primereact.icons/eyeslash);

package/password/password.min.js

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

package/picklist/picklist.cjs.js

@@ -7,7 +7,16 @@ var PrimeReact = require('primereact/api');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
 var button = require('primereact/button');
+var angledown = require('primereact/icons/angledown');
+var angledoubleup = require('primereact/icons/angledoubleup');
+var angleup = require('primereact/icons/angleup');
+var angledoubledown = require('primereact/icons/angledoubledown');
 var ripple = require('primereact/ripple');
+var search = require('primereact/icons/search');
+var angleleft = require('primereact/icons/angleleft');
+var angledoubleleft = require('primereact/icons/angledoubleleft');
+var angledoubleright = require('primereact/icons/angledoubleright');
+var angleright = require('primereact/icons/angleright');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -122,6 +131,16 @@ var PickListBase = {
     filter: false,
     filterBy: null,
     filterMatchMode: 'contains',
+    targetFilterIcon: null,
+    sourceFilterIcon: null,
+    moveAllToSourceIcon: null,
+    moveToSourceIcon: null,
+    moveAllToTargetIcon: null,
+    moveToTargetIcon: null,
+    moveBottomIcon: null,
+    moveUpIcon: null,
+    moveTopIcon: null,
+    moveDownIcon: null,
     filterLocale: undefined,
     sourceFilterValue: null,
     targetFilterValue: null,
@@ -173,6 +192,10 @@ function _toConsumableArray(arr) {
 }
 
 var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
+  var moveUpIcon = props.moveUpIcon || /*#__PURE__*/React__namespace.createElement(angleup.AngleUpIcon, null);
+  var moveTopIcon = props.moveTopIcon || /*#__PURE__*/React__namespace.createElement(angledoubleup.AngleDoubleUpIcon, null);
+  var moveDownIcon = props.moveDownIcon || /*#__PURE__*/React__namespace.createElement(angledown.AngleDownIcon, null);
+  var moveBottomIcon = props.moveBottomIcon || /*#__PURE__*/React__namespace.createElement(angledoubledown.AngleDoubleDownIcon, null);
   var moveDisabled = !props.selection || !props.selection.length;
   var moveUp = function moveUp(event) {
     var selectedItems = props.selection;
@@ -276,22 +299,22 @@ var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
   }, /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveDisabled,
     type: "button",
-    icon: "pi pi-angle-up",
+    icon: moveUpIcon,
     onClick: moveUp
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveDisabled,
     type: "button",
-    icon: "pi pi-angle-double-up",
+    icon: moveTopIcon,
     onClick: moveTop
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveDisabled,
     type: "button",
-    icon: "pi pi-angle-down",
+    icon: moveDownIcon,
     onClick: moveDown
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveDisabled,
     type: "button",
-    icon: "pi pi-angle-double-down",
+    icon: moveBottomIcon,
     onClick: moveBottom
   }));
 });
@@ -441,6 +464,17 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     return null;
   };
   var createFilter = function createFilter() {
+    var iconClassName = 'p-picklist-filter-icon';
+    var icon = props.type === 'source' ? props.sourceFilterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
+      className: iconClassName
+    }) : props.targetFilterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
+      className: iconClassName
+    });
+    var filterIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    });
     if (props.showFilter) {
       var content = /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-picklist-filter"
@@ -451,9 +485,7 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
         onKeyDown: onFilterInputKeyDown,
         placeholder: props.placeholder,
         className: "p-picklist-filter-input p-inputtext p-component"
-      }), /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-picklist-filter-icon pi pi-search"
-      }));
+      }), /*#__PURE__*/React__namespace.createElement("span", null, " ", filterIcon, " "));
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-picklist-filter',
@@ -462,7 +494,7 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
             onChange: onFilter,
             onKeyDown: onFilterInputKeyDown
           },
-          iconClassName: 'p-picklist-filter-icon pi pi-search',
+          iconClassName: iconClassName,
           element: content,
           props: props
         };
@@ -496,6 +528,37 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
 PickListSubList.displayName = 'PickListSubList';
 
 var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (props) {
+  var viewChanged = hooks.useMatchMedia("(max-width: ".concat(props.breakpoint, ")"), props.breakpoint);
+  function getIconComponent(iconType) {
+    switch (iconType) {
+      case 'moveToTargetIcon':
+        return props.moveToTargetIcon || viewChanged ? /*#__PURE__*/React__namespace.createElement(angledown.AngleDownIcon, null) : /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, null);
+      case 'moveAllToTargetIcon':
+        return props.moveAllToTargetIcon || viewChanged ? /*#__PURE__*/React__namespace.createElement(angledoubledown.AngleDoubleDownIcon, null) : /*#__PURE__*/React__namespace.createElement(angledoubleright.AngleDoubleRightIcon, null);
+      case 'moveToSourceIcon':
+        return props.moveToSourceIcon || viewChanged ? /*#__PURE__*/React__namespace.createElement(angleup.AngleUpIcon, null) : /*#__PURE__*/React__namespace.createElement(angleleft.AngleLeftIcon, null);
+      case 'moveAllToSourceIcon':
+        return props.moveAllToSourceIcon || viewChanged ? /*#__PURE__*/React__namespace.createElement(angledoubleup.AngleDoubleUpIcon, null) : /*#__PURE__*/React__namespace.createElement(angledoubleleft.AngleDoubleLeftIcon, null);
+      default:
+        return null;
+    }
+  }
+  var moveToTargetIcon = utils.IconUtils.getJSXIcon(getIconComponent('moveToTargetIcon'), undefined, {
+    props: props,
+    viewChanged: viewChanged
+  });
+  var moveAllToTargetIcon = utils.IconUtils.getJSXIcon(getIconComponent('moveAllToTargetIcon'), undefined, {
+    props: props,
+    viewChanged: viewChanged
+  });
+  var moveToSourceIcon = utils.IconUtils.getJSXIcon(getIconComponent('moveToSourceIcon'), undefined, {
+    props: props,
+    viewChanged: viewChanged
+  });
+  var moveAllToSourceIcon = utils.IconUtils.getJSXIcon(getIconComponent('moveAllToSourceIcon'), undefined, {
+    props: props,
+    viewChanged: viewChanged
+  });
   var moveRightDisabled = utils.ObjectUtils.isEmpty(props.sourceSelection) || utils.ObjectUtils.isEmpty(props.visibleSourceList);
   var moveLeftDisabled = utils.ObjectUtils.isEmpty(props.targetSelection) || utils.ObjectUtils.isEmpty(props.visibleTargetList);
   var moveAllRightDisabled = utils.ObjectUtils.isEmpty(props.visibleSourceList);
@@ -584,22 +647,22 @@ var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (prop
   }, /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveRightDisabled,
     type: "button",
-    icon: "pi pi-angle-right",
+    icon: moveToTargetIcon,
     onClick: moveRight
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveAllRightDisabled,
     type: "button",
-    icon: "pi pi-angle-double-right",
+    icon: moveAllToTargetIcon,
     onClick: moveAllRight
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveLeftDisabled,
     type: "button",
-    icon: "pi pi-angle-left",
+    icon: moveToSourceIcon,
     onClick: moveLeft
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveAllLeftDisabled,
     type: "button",
-    icon: "pi pi-angle-double-left",
+    icon: moveAllToSourceIcon,
     onClick: moveAllLeft
   }));
 });
@@ -794,7 +857,7 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
       styleElementRef.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
-      var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-picklist[").concat(attributeSelectorState, "] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .pi-angle-right:before {\n        content: \"\\e930\"\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .pi-angle-double-right:before {\n        content: \"\\e92c\"\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .pi-angle-left:before {\n        content: \"\\e933\"\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .pi-angle-double-left:before {\n        content: \"\\e92f\"\n    }\n}\n");
+      var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-picklist[").concat(attributeSelectorState, "] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");
       styleElementRef.current.innerHTML = innerHTML;
     }
   };
@@ -844,7 +907,11 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     selection: sourceSelection,
     onReorder: onSourceReorder,
     className: "p-picklist-source-controls",
-    dataKey: props.dataKey
+    dataKey: props.dataKey,
+    moveUpIcon: props.moveUpIcon,
+    moveTopIcon: props.moveTopIcon,
+    moveDownIcon: props.moveDownIcon,
+    moveBottomIcon: props.moveBottomIcon
   }), /*#__PURE__*/React__namespace.createElement(PickListSubList, {
     ref: sourceListElementRef,
     type: "source",
@@ -865,16 +932,22 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onFilter: onFilter,
     showFilter: showSourceFilter,
     placeholder: props.sourceFilterPlaceholder,
-    template: props.sourceFilterTemplate
+    template: props.sourceFilterTemplate,
+    sourceFilterIcon: props.sourceFilterIcon
   }), /*#__PURE__*/React__namespace.createElement(PickListTransferControls, {
     onTransfer: onTransfer,
     source: props.source,
     visibleSourceList: sourceList,
     target: props.target,
+    breakpoint: props.breakpoint,
     visibleTargetList: targetList,
     sourceSelection: sourceSelection,
     targetSelection: targetSelection,
-    dataKey: props.dataKey
+    dataKey: props.dataKey,
+    moveToTargetIcon: props.moveToTargetIcon,
+    moveAllToTargetIcon: props.moveAllToTargetIcon,
+    moveToSourceIcon: props.moveToSourceIcon,
+    moveAllToSourceIcon: props.moveAllToSourceIcon
   }), /*#__PURE__*/React__namespace.createElement(PickListSubList, {
     ref: targetListElementRef,
     type: "target",
@@ -895,13 +968,18 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onFilter: onFilter,
     showFilter: showTargetFilter,
     placeholder: props.targetFilterPlaceholder,
-    template: props.targetFilterTemplate
+    template: props.targetFilterTemplate,
+    targetFilterIcon: props.targetFilterIcon
   }), props.showTargetControls && /*#__PURE__*/React__namespace.createElement(PickListControls, {
     list: props.target,
     selection: targetSelection,
     onReorder: onTargetReorder,
     className: "p-picklist-target-controls",
-    dataKey: props.dataKey
+    dataKey: props.dataKey,
+    moveUpIcon: props.moveUpIcon,
+    moveTopIcon: props.moveTopIcon,
+    moveDownIcon: props.moveDownIcon,
+    moveBottomIcon: props.moveBottomIcon
   }));
 }));
 PickList.displayName = 'PickList';

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){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=o(e),s=a(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,i,a,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return o}}function m(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 d(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){return p(e)||f(e,t)||d(e,t)||g()}var b={defaultProps:{__TYPE:"PickList",id:null,source:null,target:null,sourceHeader:null,targetHeader:null,style:null,className:null,sourceStyle:null,targetStyle:null,sourceSelection:null,targetSelection:null,showSourceControls:!0,showTargetControls:!0,metaKeySelection:!0,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,sourceFilterValue:null,targetFilterValue:null,showSourceFilter:!0,showTargetFilter:!0,sourceFilterPlaceholder:null,targetFilterPlaceholder:null,sourceFilterTemplate:null,targetFilterTemplate:null,tabIndex:0,dataKey:null,breakpoint:"960px",itemTemplate:null,sourceItemTemplate:null,targetItemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null,onSourceFilterChange:null,onTargetFilterChange:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,b.defaultProps)}};function y(e){if(Array.isArray(e))return m(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(){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 E(e){return y(e)||h(e)||d(e)||S()}var T=c.memo((function(e){var t=!e.selection||!e.selection.length,n=r.classNames("p-picklist-buttons",e.className);return c.createElement("div",{className:n},c.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=E(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"})}}}),c.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=E(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"})}}}),c.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=E(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"})}}}),c.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=E(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"})}}}))}));T.displayName="PickListControls";var k=c.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 c.createElement("li",{className:n,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,value:e.value})},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,value:e.value})},tabIndex:e.tabIndex,role:"option","aria-selected":e.selected},t,c.createElement(i.Ripple,null))}));k.displayName="PickListItem";var C=c.memo(c.forwardRef((function(e,t){var n=c.useRef(null),l=function(t){var n=t.originalEvent,l=t.value,i=E(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=o(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},o=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()};c.useImperativeHandle(t,(function(){return{listElementRef:n}}));var f=r.classNames("p-picklist-list-wrapper",e.className),m=e.header?c.createElement("div",{className:"p-picklist-header"},r.ObjectUtils.getJSXElement(e.header,e)):null,d=function(){if(e.showFilter){var t=c.createElement("div",{className:"p-picklist-filter"},c.createElement("input",{type:"text",value:e.filterValue,onChange:u,onKeyDown:p,placeholder:e.placeholder,className:"p-picklist-filter-input p-inputtext p-component"}),c.createElement("span",{className:"p-picklist-filter-icon pi pi-search"}));if(e.filterTemplate)t=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 c.createElement("div",{className:"p-picklist-filter-container"},t)}return null}(),g=function(){var t=e.list?e.list.map((function(t){var n=JSON.stringify(t),r=s(t);return c.createElement(k,{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 c.createElement("ul",{className:n,style:e.style,role:"listbox","aria-multiselectable":!0},t)}();return c.createElement("div",{ref:n,className:f},m,d,g)})));C.displayName="PickListSubList";var I=c.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),o=r.classNames("p-picklist-buttons p-picklist-transfer-buttons",e.className);return c.createElement("div",{className:o},c.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=E(e.target),i=E(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"})}}}),c.createElement(l.Button,{disabled:i,type:"button",icon:"pi pi-angle-double-right",onClick:function(t){if(e.source){var n=[].concat(E(e.target),E(e.visibleSourceList)),r=e.source.filter((function(t){return!e.visibleSourceList.some((function(e){return e===t}))}));e.onTransfer&&e.onTransfer({originalEvent:t,source:r,target:n,direction:"allToTarget"})}}}),c.createElement(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=E(e.target),i=E(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"})}}}),c.createElement(l.Button,{disabled:a,type:"button",icon:"pi pi-angle-double-left",onClick:function(t){if(e.source){var n=[].concat(E(e.source),E(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"})}}}))}));I.displayName="PickListTransferControls";var N=c.memo(c.forwardRef((function(e,l){var i=b.getProps(e),a=v(c.useState([]),2),o=a[0],p=a[1],f=v(c.useState([]),2),m=f[0],d=f[1],g=v(c.useState(""),2),y=g[0],h=g[1],S=v(c.useState(""),2),E=S[0],k=S[1],N=v(c.useState(null),2),O=N[0],w=N[1],j=c.useRef(null),L=c.useRef(null),K=c.useRef(null),x=c.useRef(null),U=c.useRef(null),F=c.useRef(null),P=i.sourceSelection?i.sourceSelection:o,R=i.targetSelection?i.targetSelection:m,M=i.onSourceFilterChange?i.sourceFilterValue:y,D=i.onTargetFilterChange?i.targetFilterValue:E,A=r.ObjectUtils.isNotEmpty(i.filterBy),H=A&&i.showSourceFilter,B=A&&i.showTargetFilter,V=function(e,t){if(e){var n=r.DomHandler.findSingle(e,".p-picklist-list");switch(t){case"up":_(n,-1);break;case"top":n.scrollTop=0;break;case"down":_(n,1);break;case"bottom":setTimeout((function(){return n.scrollTop=n.scrollHeight}),100)}}},q=function(e,t,n){i.onChange&&i.onChange({originalEvent:e.originalEvent,source:t,target:n})},_=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])},J=function(e,t,n){"sourceSelection"===t?p(e.value):d(e.value),n&&n(e),r.ObjectUtils.isNotEmpty(P)&&"targetSelection"===t?p([]):r.ObjectUtils.isNotEmpty(R)&&"sourceSelection"===t&&d([])},X=function(e){var t=e.originalEvent,n=e.value,r=v("source"===e.type?[h,i.onSourceFilterChange]:[k,i.onTargetFilterChange],2),l=r[0],a=r[1];a?a({originalEvent:t,value:n}):l(n)},z=function(e,t){var n=v("source"===t?[M,Y]:[D,$],2),l=n[0],i=n[1];return A&&r.ObjectUtils.isNotEmpty(l)?i(l):e},Y=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(i.filterLocale);return G(i.source,e)},$=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(i.filterLocale);return G(i.target,e)},G=function(e,n){var r=A?i.filterBy.split(","):[];return t.FilterService.filter(e,r,n,i.filterMatchMode,i.filterLocale)},Q=function(){if(!F.current){F.current=r.DomHandler.createInlineStyle(s.default.nonce);var e="\n@media screen and (max-width: ".concat(i.breakpoint,") {\n    .p-picklist[").concat(O,"] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(O,"] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(O,"] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(O,"] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n\n    .p-picklist[").concat(O,'] .pi-angle-right:before {\n        content: "\\e930"\n    }\n\n    .p-picklist[').concat(O,'] .pi-angle-double-right:before {\n        content: "\\e92c"\n    }\n\n    .p-picklist[').concat(O,'] .pi-angle-left:before {\n        content: "\\e933"\n    }\n\n    .p-picklist[').concat(O,'] .pi-angle-double-left:before {\n        content: "\\e92f"\n    }\n}\n');F.current.innerHTML=e}};c.useImperativeHandle(l,(function(){return{props:i,getElement:function(){return j.current}}})),n.useMountEffect((function(){!O&&w(r.UniqueComponentId())})),n.useUpdateEffect((function(){return O&&(j.current.setAttribute(O,""),Q()),function(){F.current=r.DomHandler.removeInlineStyle(F.current)}}),[O,i.breakpoint]),n.useUpdateEffect((function(){x.current&&(V(x.current,U.current),x.current=null,U.current=null)}));var W=b.getOtherProps(i),Z=r.classNames("p-picklist p-component",i.className),ee=i.sourceItemTemplate?i.sourceItemTemplate:i.itemTemplate,te=i.targetItemTemplate?i.targetItemTemplate:i.itemTemplate,ne=z(i.source,"source"),re=z(i.target,"target");return c.createElement("div",u({id:i.id,ref:j,className:Z,style:i.style},W),i.showSourceControls&&c.createElement(T,{list:i.source,selection:P,onReorder:function(e){q(e,e.value,i.target),x.current=L.current.listElementRef.current,U.current=e.direction},className:"p-picklist-source-controls",dataKey:i.dataKey}),c.createElement(C,{ref:L,type:"source",list:ne,selection:P,onSelectionChange:function(e){return J(e,"sourceSelection",i.onSourceSelectionChange)},itemTemplate:ee,header:i.sourceHeader,style:i.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:i.metaKeySelection,tabIndex:i.tabIndex,dataKey:i.dataKey,filterValue:M,onFilter:X,showFilter:H,placeholder:i.sourceFilterPlaceholder,template:i.sourceFilterTemplate}),c.createElement(I,{onTransfer:function(e){var t=e.originalEvent,n=e.source,r=e.target,l=[];switch(e.direction){case"toTarget":l=P,i.onMoveToTarget&&i.onMoveToTarget({originalEvent:t,value:l});break;case"allToTarget":l=i.source,i.onMoveAllToTarget&&i.onMoveAllToTarget({originalEvent:t,value:l});break;case"toSource":l=R,i.onMoveToSource&&i.onMoveToSource({originalEvent:t,value:l});break;case"allToSource":l=i.target,i.onMoveAllToSource&&i.onMoveAllToSource({originalEvent:t,value:l})}J({originalEvent:t,value:l},"sourceSelection",i.onSourceSelectionChange),J({originalEvent:t,value:l},"targetSelection",i.onTargetSelectionChange),q(e,n,r)},source:i.source,visibleSourceList:ne,target:i.target,visibleTargetList:re,sourceSelection:P,targetSelection:R,dataKey:i.dataKey}),c.createElement(C,{ref:K,type:"target",list:re,selection:R,onSelectionChange:function(e){return J(e,"targetSelection",i.onTargetSelectionChange)},itemTemplate:te,header:i.targetHeader,style:i.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:i.metaKeySelection,tabIndex:i.tabIndex,dataKey:i.dataKey,filterValue:D,onFilter:X,showFilter:B,placeholder:i.targetFilterPlaceholder,template:i.targetFilterTemplate}),i.showTargetControls&&c.createElement(T,{list:i.target,selection:R,onReorder:function(e){q(e,i.source,e.value),x.current=K.current.listElementRef.current,U.current=e.direction},className:"p-picklist-target-controls",dataKey:i.dataKey}))})));N.displayName="PickList",exports.PickList=N;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/utils"),o=require("primereact/button"),l=require("primereact/icons/angledown"),i=require("primereact/icons/angledoubleup"),a=require("primereact/icons/angleup"),c=require("primereact/icons/angledoubledown"),s=require("primereact/ripple"),u=require("primereact/icons/search"),m=require("primereact/icons/angleleft"),p=require("primereact/icons/angledoubleleft"),v=require("primereact/icons/angledoubleright"),g=require("primereact/icons/angleright");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(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 b=d(e),I=f(t);function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h.apply(this,arguments)}function y(e){if(Array.isArray(e))return e}function T(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return y(e)||T(e,t)||E(e,t)||k()}var C={defaultProps:{__TYPE:"PickList",id:null,source:null,target:null,sourceHeader:null,targetHeader:null,style:null,className:null,sourceStyle:null,targetStyle:null,sourceSelection:null,targetSelection:null,showSourceControls:!0,showTargetControls:!0,metaKeySelection:!0,filter:!1,filterBy:null,filterMatchMode:"contains",targetFilterIcon:null,sourceFilterIcon:null,moveAllToSourceIcon:null,moveToSourceIcon:null,moveAllToTargetIcon:null,moveToTargetIcon:null,moveBottomIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,filterLocale:void 0,sourceFilterValue:null,targetFilterValue:null,showSourceFilter:!0,showTargetFilter:!0,sourceFilterPlaceholder:null,targetFilterPlaceholder:null,sourceFilterTemplate:null,targetFilterTemplate:null,tabIndex:0,dataKey:null,breakpoint:"960px",itemTemplate:null,sourceItemTemplate:null,targetItemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null,onSourceFilterChange:null,onTargetFilterChange:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,C.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,C.defaultProps)}};function N(e){if(Array.isArray(e))return S(e)}function U(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(){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 j(e){return N(e)||U(e)||E(e)||O()}var A=b.memo((function(e){var t=e.moveUpIcon||b.createElement(a.AngleUpIcon,null),n=e.moveTopIcon||b.createElement(i.AngleDoubleUpIcon,null),s=e.moveDownIcon||b.createElement(l.AngleDownIcon,null),u=e.moveBottomIcon||b.createElement(c.AngleDoubleDownIcon,null),m=!e.selection||!e.selection.length,p=r.classNames("p-picklist-buttons",e.className);return b.createElement("div",{className:p},b.createElement(o.Button,{disabled:m,type:"button",icon:t,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=j(e.list),l=0;l<n.length;l++){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(0===i)break;var a=o[i-1];o[i-1]=o[i],o[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"up"})}}}),b.createElement(o.Button,{disabled:m,type:"button",icon:n,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=j(e.list),l=0;l<n.length;l++){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(0===i)break;var a=o.splice(i,1)[0];o.unshift(a)}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"top"})}}}),b.createElement(o.Button,{disabled:m,type:"button",icon:s,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=j(e.list),l=n.length-1;l>=0;l--){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(i===o.length-1)break;var a=o[i+1];o[i+1]=o[i],o[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"down"})}}}),b.createElement(o.Button,{disabled:m,type:"button",icon:u,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=j(e.list),l=n.length-1;l>=0;l--){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(i===o.length-1)break;var a=o.splice(i,1)[0];o.push(a)}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"bottom"})}}}))}));A.displayName="PickListControls";var L=b.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 b.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,b.createElement(s.Ripple,null))}));L.displayName="PickListItem";var F=b.memo(b.forwardRef((function(e,t){var n=b.useRef(null),o=function(t){var n=t.originalEvent,o=t.value,l=j(e.selection),i=r.ObjectUtils.findIndexInList(o,l,e.dataKey),a=-1!==i;if(e.metaKeySelection){var c=n.metaKey||n.ctrlKey;a&&c?l.splice(i,1):(c||(l.length=0),l.push(o))}else a?l.splice(i,1):l.push(o);e.onSelectionChange&&e.onSelectionChange({event:n,value:l})},l=function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=i(n);r&&r.focus(),t.preventDefault();break;case 38:var l=a(n);l&&l.focus(),t.preventDefault();break;case 13:o(e),t.preventDefault()}},i=function e(t){var n=t.nextElementSibling;return n?r.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},a=function e(t){var n=t.previousElementSibling;return n?r.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},c=function(t){return-1!==r.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},s=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value,type:e.type})},m=function(e){13===e.which&&e.preventDefault()};b.useImperativeHandle(t,(function(){return{listElementRef:n}}));var p=r.classNames("p-picklist-list-wrapper",e.className),v=e.header?b.createElement("div",{className:"p-picklist-header"},r.ObjectUtils.getJSXElement(e.header,e)):null,g=function(){var t="p-picklist-filter-icon",n=r.IconUtils.getJSXIcon("source"===e.type?e.sourceFilterIcon||b.createElement(u.SearchIcon,{className:t}):e.targetFilterIcon||b.createElement(u.SearchIcon,{className:t}),{className:t},{props:e});if(e.showFilter){var o=b.createElement("div",{className:"p-picklist-filter"},b.createElement("input",{type:"text",value:e.filterValue,onChange:s,onKeyDown:m,placeholder:e.placeholder,className:"p-picklist-filter-input p-inputtext p-component"}),b.createElement("span",null," ",n," "));if(e.filterTemplate)o=r.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-picklist-filter",inputProps:{className:"p-picklist-filter-input p-inputtext p-component",onChange:s,onKeyDown:m},iconClassName:t,element:o,props:e});return b.createElement("div",{className:"p-picklist-filter-container"},o)}return null}(),f=function(){var t=e.list?e.list.map((function(t){var n=JSON.stringify(t),r=c(t);return b.createElement(L,{key:n,value:t,template:e.itemTemplate,selected:r,onClick:o,onKeyDown:l,tabIndex:e.tabIndex})})):null,n=r.classNames("p-picklist-list",e.listClassName);return b.createElement("ul",{className:n,style:e.style,role:"listbox","aria-multiselectable":!0},t)}();return b.createElement("div",{ref:n,className:p},v,g,f)})));F.displayName="PickListSubList";var K=b.memo((function(e){var t=n.useMatchMedia("(max-width: ".concat(e.breakpoint,")"),e.breakpoint);function s(n){switch(n){case"moveToTargetIcon":return b.createElement(e.moveToTargetIcon||t?l.AngleDownIcon:g.AngleRightIcon,null);case"moveAllToTargetIcon":return b.createElement(e.moveAllToTargetIcon||t?c.AngleDoubleDownIcon:v.AngleDoubleRightIcon,null);case"moveToSourceIcon":return b.createElement(e.moveToSourceIcon||t?a.AngleUpIcon:m.AngleLeftIcon,null);case"moveAllToSourceIcon":return b.createElement(e.moveAllToSourceIcon||t?i.AngleDoubleUpIcon:p.AngleDoubleLeftIcon,null);default:return null}}var u=r.IconUtils.getJSXIcon(s("moveToTargetIcon"),void 0,{props:e,viewChanged:t}),f=r.IconUtils.getJSXIcon(s("moveAllToTargetIcon"),void 0,{props:e,viewChanged:t}),d=r.IconUtils.getJSXIcon(s("moveToSourceIcon"),void 0,{props:e,viewChanged:t}),I=r.IconUtils.getJSXIcon(s("moveAllToSourceIcon"),void 0,{props:e,viewChanged:t}),h=r.ObjectUtils.isEmpty(e.sourceSelection)||r.ObjectUtils.isEmpty(e.visibleSourceList),y=r.ObjectUtils.isEmpty(e.targetSelection)||r.ObjectUtils.isEmpty(e.visibleTargetList),T=r.ObjectUtils.isEmpty(e.visibleSourceList),S=r.ObjectUtils.isEmpty(e.visibleTargetList),E=r.classNames("p-picklist-buttons p-picklist-transfer-buttons",e.className);return b.createElement("div",{className:E},b.createElement(o.Button,{disabled:h,type:"button",icon:u,onClick:function(t){var n=e.sourceSelection;if(r.ObjectUtils.isNotEmpty(n)){for(var o=j(e.target),l=j(e.source),i=0;i<n.length;i++){var a=n[i];-1===r.ObjectUtils.findIndexInList(a,o,e.dataKey)&&o.push(l.splice(r.ObjectUtils.findIndexInList(a,l,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:o,direction:"toTarget"})}}}),b.createElement(o.Button,{disabled:T,type:"button",icon:f,onClick:function(t){if(e.source){var n=[].concat(j(e.target),j(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"})}}}),b.createElement(o.Button,{disabled:y,type:"button",icon:d,onClick:function(t){var n=e.targetSelection;if(r.ObjectUtils.isNotEmpty(n)){for(var o=j(e.target),l=j(e.source),i=0;i<n.length;i++){var a=n[i];-1===r.ObjectUtils.findIndexInList(a,l,e.dataKey)&&l.push(o.splice(r.ObjectUtils.findIndexInList(a,o,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:o,direction:"toSource"})}}}),b.createElement(o.Button,{disabled:S,type:"button",icon:I,onClick:function(t){if(e.source){var n=[].concat(j(e.source),j(e.visibleTargetList)),r=e.target.filter((function(t){return!e.visibleTargetList.some((function(e){return e===t}))}));e.onTransfer&&e.onTransfer({originalEvent:t,source:n,target:r,direction:"allToSource"})}}}))}));K.displayName="PickListTransferControls";var D=b.memo(b.forwardRef((function(e,o){var l=C.getProps(e),i=w(b.useState([]),2),a=i[0],c=i[1],s=w(b.useState([]),2),u=s[0],m=s[1],p=w(b.useState(""),2),v=p[0],g=p[1],f=w(b.useState(""),2),d=f[0],y=f[1],T=w(b.useState(null),2),S=T[0],E=T[1],k=b.useRef(null),N=b.useRef(null),U=b.useRef(null),O=b.useRef(null),j=b.useRef(null),L=b.useRef(null),D=l.sourceSelection?l.sourceSelection:a,x=l.targetSelection?l.targetSelection:u,P=l.onSourceFilterChange?l.sourceFilterValue:v,R=l.onTargetFilterChange?l.targetFilterValue:d,M=r.ObjectUtils.isNotEmpty(l.filterBy),B=M&&l.showSourceFilter,q=M&&l.showTargetFilter,H=function(e,t){if(e){var n=r.DomHandler.findSingle(e,".p-picklist-list");switch(t){case"up":V(n,-1);break;case"top":n.scrollTop=0;break;case"down":V(n,1);break;case"bottom":setTimeout((function(){return n.scrollTop=n.scrollHeight}),100)}}},J=function(e,t,n){l.onChange&&l.onChange({originalEvent:e.originalEvent,source:t,target:n})},V=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])},X=function(e,t,n){"sourceSelection"===t?c(e.value):m(e.value),n&&n(e),r.ObjectUtils.isNotEmpty(D)&&"targetSelection"===t?c([]):r.ObjectUtils.isNotEmpty(x)&&"sourceSelection"===t&&m([])},_=function(e){var t=e.originalEvent,n=e.value,r=w("source"===e.type?[g,l.onSourceFilterChange]:[y,l.onTargetFilterChange],2),o=r[0],i=r[1];i?i({originalEvent:t,value:n}):o(n)},z=function(e,t){var n=w("source"===t?[P,Y]:[R,$],2),o=n[0],l=n[1];return M&&r.ObjectUtils.isNotEmpty(o)?l(o):e},Y=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(l.filterLocale);return G(l.source,e)},$=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(l.filterLocale);return G(l.target,e)},G=function(e,n){var r=M?l.filterBy.split(","):[];return t.FilterService.filter(e,r,n,l.filterMatchMode,l.filterLocale)},Q=function(){if(!L.current){L.current=r.DomHandler.createInlineStyle(I.default.nonce);var e="\n@media screen and (max-width: ".concat(l.breakpoint,") {\n    .p-picklist[").concat(S,"] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");L.current.innerHTML=e}};b.useImperativeHandle(o,(function(){return{props:l,getElement:function(){return k.current}}})),n.useMountEffect((function(){!S&&E(r.UniqueComponentId())})),n.useUpdateEffect((function(){return S&&(k.current.setAttribute(S,""),Q()),function(){L.current=r.DomHandler.removeInlineStyle(L.current)}}),[S,l.breakpoint]),n.useUpdateEffect((function(){O.current&&(H(O.current,j.current),O.current=null,j.current=null)}));var W=C.getOtherProps(l),Z=r.classNames("p-picklist p-component",l.className),ee=l.sourceItemTemplate?l.sourceItemTemplate:l.itemTemplate,te=l.targetItemTemplate?l.targetItemTemplate:l.itemTemplate,ne=z(l.source,"source"),re=z(l.target,"target");return b.createElement("div",h({id:l.id,ref:k,className:Z,style:l.style},W),l.showSourceControls&&b.createElement(A,{list:l.source,selection:D,onReorder:function(e){J(e,e.value,l.target),O.current=N.current.listElementRef.current,j.current=e.direction},className:"p-picklist-source-controls",dataKey:l.dataKey,moveUpIcon:l.moveUpIcon,moveTopIcon:l.moveTopIcon,moveDownIcon:l.moveDownIcon,moveBottomIcon:l.moveBottomIcon}),b.createElement(F,{ref:N,type:"source",list:ne,selection:D,onSelectionChange:function(e){return X(e,"sourceSelection",l.onSourceSelectionChange)},itemTemplate:ee,header:l.sourceHeader,style:l.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:l.metaKeySelection,tabIndex:l.tabIndex,dataKey:l.dataKey,filterValue:P,onFilter:_,showFilter:B,placeholder:l.sourceFilterPlaceholder,template:l.sourceFilterTemplate,sourceFilterIcon:l.sourceFilterIcon}),b.createElement(K,{onTransfer:function(e){var t=e.originalEvent,n=e.source,r=e.target,o=[];switch(e.direction){case"toTarget":o=D,l.onMoveToTarget&&l.onMoveToTarget({originalEvent:t,value:o});break;case"allToTarget":o=l.source,l.onMoveAllToTarget&&l.onMoveAllToTarget({originalEvent:t,value:o});break;case"toSource":o=x,l.onMoveToSource&&l.onMoveToSource({originalEvent:t,value:o});break;case"allToSource":o=l.target,l.onMoveAllToSource&&l.onMoveAllToSource({originalEvent:t,value:o})}X({originalEvent:t,value:o},"sourceSelection",l.onSourceSelectionChange),X({originalEvent:t,value:o},"targetSelection",l.onTargetSelectionChange),J(e,n,r)},source:l.source,visibleSourceList:ne,target:l.target,breakpoint:l.breakpoint,visibleTargetList:re,sourceSelection:D,targetSelection:x,dataKey:l.dataKey,moveToTargetIcon:l.moveToTargetIcon,moveAllToTargetIcon:l.moveAllToTargetIcon,moveToSourceIcon:l.moveToSourceIcon,moveAllToSourceIcon:l.moveAllToSourceIcon}),b.createElement(F,{ref:U,type:"target",list:re,selection:x,onSelectionChange:function(e){return X(e,"targetSelection",l.onTargetSelectionChange)},itemTemplate:te,header:l.targetHeader,style:l.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:l.metaKeySelection,tabIndex:l.tabIndex,dataKey:l.dataKey,filterValue:R,onFilter:_,showFilter:q,placeholder:l.targetFilterPlaceholder,template:l.targetFilterTemplate,targetFilterIcon:l.targetFilterIcon}),l.showTargetControls&&b.createElement(A,{list:l.target,selection:x,onReorder:function(e){J(e,l.source,e.value),O.current=U.current.listElementRef.current,j.current=e.direction},className:"p-picklist-target-controls",dataKey:l.dataKey,moveUpIcon:l.moveUpIcon,moveTopIcon:l.moveTopIcon,moveDownIcon:l.moveDownIcon,moveBottomIcon:l.moveBottomIcon}))})));D.displayName="PickList",exports.PickList=D;

package/picklist/picklist.d.ts

@@ -8,6 +8,7 @@
  *
  */
 import * as React from 'react';
+import { IconType } from '../utils/utils';
 
 /**
  * Custom picklist event.
@@ -167,6 +168,46 @@ export interface PickListProps {
      * @defaultValue false
      */
     filter?: boolean | undefined;
+    /**
+     * Icon of the target list filter.
+     */
+    targetFilterIcon?: IconType<PickListProps> | undefined;
+    /**
+     * Icon of the source list filter.
+     */
+    sourceFilterIcon?: IconType<PickListProps> | undefined;
+    /**
+     * Icon for moving all items to the source list.
+     */
+    moveAllToSourceIcon?: IconType<PickListProps> | undefined;
+    /**
+     * Icon for moving an item to the source list.
+     */
+    moveToSourceIcon?: IconType<PickListProps> | undefined;
+    /**
+     * Icon for moving all items to the target list.
+     */
+    moveAllToTargetIcon?: IconType<PickListProps> | undefined;
+    /**
+     * Icon for moving an item to the target list.
+     */
+    moveToTargetIcon?: IconType<PickListProps> | undefined;
+    /**
+     * Icon of the move up icon.
+     */
+    moveUpIcon?: IconType<PickListProps> | undefined;
+    /**
+     * Icon of the move top icon.
+     */
+    moveTopIcon?: IconType<PickListProps> | undefined;
+    /**
+     * Icon of the move down icon.
+     */
+    moveDownIcon?: IconType<PickListProps> | undefined;
+    /**
+     * Icon of the move bottom icon.
+     */
+    moveBottomIcon?: IconType<PickListProps> | undefined;
     /**
      * When specified displays an input field to filter the items on keyup and decides which field to search (Accepts multiple fields with a comma).
      */