primereact 10.0.5 → 10.0.6

package/password/password.cjs.js

@@ -326,7 +326,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       });
     }
   };
-  var onMaskToggle = function onMaskToggle() {
+  var toggleMask = function toggleMask() {
     setUnmaskedState(function (prevUnmasked) {
       return !prevUnmasked;
     });
@@ -433,6 +433,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
+      toggleMask: toggleMask,
       focus: function focus() {
         return utils.DomHandler.focus(inputRef.current);
       },
@@ -478,11 +479,11 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     });
     if (props.toggleMask) {
       var content = /*#__PURE__*/React__namespace.createElement("i", {
-        onClick: onMaskToggle
+        onClick: toggleMask
       }, " ", eyeIcon, " ");
       if (props.icon) {
         var defaultIconOptions = {
-          onClick: onMaskToggle,
+          onClick: toggleMask,
           className: className,
           element: content,
           props: props

package/password/password.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),l=require("primereact/icons/eye"),a=require("primereact/icons/eyeslash"),i=require("primereact/inputtext"),s=require("primereact/overlayservice"),u=require("primereact/portal"),p=require("primereact/utils");function c(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(e),m=c(t);function y(){return y=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},y.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function b(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=b(e,"string");return"symbol"===g(t)?t:String(t)}function w(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,o,l,a,i=[],s=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function O(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 O(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)?O(e,t):void 0}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return w(e)||h(e,t)||E(e,t)||x()}var j=n.ComponentBase.extend({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,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return p.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return p.classNames("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return p.classNames("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===m.default.ripple})},meter:"p-password-meter",meterLabel:function(e){return p.classNames("p-password-strength",e.strength)},info:function(e){return p.classNames("p-password-info",e.strength)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n    \n    .p-password-meter {\n        height: 10px;\n    }\n    \n    .p-password-strength {\n        height: 100%;\n        width: 0%;\n        transition: width 1s ease-in-out;\n    }\n    \n    .p-fluid .p-password {\n        display: flex;\n    }\n    \n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n"}});function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=v(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=d.memo(d.forwardRef((function(e,c){var f=d.useContext(t.PrimeReactContext),g=j.getProps(e,f),b=g.promptLabel||t.localeOption("passwordPrompt"),v=g.weakLabel||t.localeOption("weak"),w=g.mediumLabel||t.localeOption("medium"),h=g.strongLabel||t.localeOption("strong"),O=S(d.useState(!1),2),E=O[0],x=O[1],P=S(d.useState(null),2),k=P[0],N=P[1],R=S(d.useState(b),2),U=R[0],C=R[1],D=S(d.useState(!1),2),H=D[0],L=D[1],T=S(d.useState(!1),2),q=T[0],M=T[1],A=d.useRef(null),Z=d.useRef(null),_=d.useRef(g.inputRef),z=d.useRef(new RegExp(g.mediumRegex)),F=d.useRef(new RegExp(g.strongRegex)),J=q?"text":"password",X={props:g,state:{overlayVisible:E,meter:k,infoText:U,focused:H,unmasked:q}},B=j.setMetaData(X),K=B.ptm,V=B.cx;n.useHandleStyle(j.css.styles,B.isUnstyled,{name:"password"});var Y=S(o.useOverlayListener({target:A,overlay:Z,listener:function(e,t){t.valid&&oe()},when:E}),2),$=Y[0],G=Y[1],Q=_.current&&_.current.value,W=d.useMemo((function(){return p.ObjectUtils.isNotEmpty(g.value)||p.ObjectUtils.isNotEmpty(g.defaultValue)||p.ObjectUtils.isNotEmpty(Q)}),[g.value,g.defaultValue,Q]),ee=function(){if(k){var e=null;switch(k.strength){case"weak":e=v;break;case"medium":e=w;break;case"strong":e=h}e&&U!==e&&C(e)}else U!==b&&C(b)},te=function(e){g.feedback&&s.OverlayService.emit("overlay-click",{originalEvent:e,target:A.current})},ne=function(){M((function(e){return!e}))},re=function(){ee(),x(!0)},oe=function(){x(!1)},le=function(){p.ZIndexUtils.set("overlay",Z.current,f&&f.autoZIndex||m.default.autoZIndex,f&&f.zIndex.overlay||m.default.zIndex.overlay),p.DomHandler.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),_.current&&p.DomHandler.alignOverlay(Z.current,_.current.parentElement,g.appendTo||f&&f.appendTo||m.default.appendTo)},ae=function(){$(),g.onShow&&g.onShow()},ie=function(){G()},se=function(){p.ZIndexUtils.clear(Z.current),g.onHide&&g.onHide()},ue=function(e){return F.current.test(e)?3:z.current.test(e)?2:e.length?1:0};d.useImperativeHandle(c,(function(){return{props:g,focus:function(){return p.DomHandler.focus(_.current)},getElement:function(){return A.current},getOverlay:function(){return Z.current},getInput:function(){return _.current}}})),d.useEffect((function(){p.ObjectUtils.combinedRefs(_,g.inputRef)}),[_,g.inputRef]),d.useEffect((function(){z.current=new RegExp(g.mediumRegex)}),[g.mediumRegex]),d.useEffect((function(){F.current=new RegExp(g.strongRegex)}),[g.strongRegex]),d.useEffect((function(){!W&&p.DomHandler.hasClass(A.current,"p-inputwrapper-filled")&&p.DomHandler.removeClass(A.current,"p-inputwrapper-filled")}),[W]),o.useUnmountEffect((function(){p.ZIndexUtils.clear(Z.current)}));var pe=p.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":W,"p-inputwrapper-focus":H,"p-input-icon-right":g.toggleMask},g.className),ce=j.getOtherProps(g),fe=function(){var e=p.mergeProps(K("hideIcon")),t=p.mergeProps(K("showIcon")),n=p.IconUtils.getJSXIcon(q?g.hideIcon||d.createElement(a.EyeSlashIcon,e):g.showIcon||d.createElement(l.EyeIcon,t),I({},q?e:t),{props:g});if(g.toggleMask){var r=d.createElement("i",{onClick:ne}," ",n," ");if(g.icon)r=p.ObjectUtils.getJSXElement(g.icon,{onClick:ne,className:pe,element:r,props:g});return r}return null}(),de=function(){var e=k||{strength:"",width:"0%"},t=e.strength,n=e.width,o=p.ObjectUtils.getJSXElement(g.header,g),l=p.ObjectUtils.getJSXElement(g.footer,g),a=p.mergeProps({className:V("panel",{context:f}),style:g.panelStyle,onClick:te},K("panel")),i=p.mergeProps({className:V("meter")},K("meter")),s=p.mergeProps({className:V("meterLabel",{strength:t}),style:{width:n}},K("meterLabel")),c=p.mergeProps({className:V("info",{strength:t})},K("info")),m=g.content?p.ObjectUtils.getJSXElement(g.content,g):d.createElement(d.Fragment,null,d.createElement("div",i,d.createElement("div",s)),d.createElement("div",c,U)),b=p.mergeProps({classNames:V("transition"),in:E,timeout:{enter:120,exit:100},options:g.transitionOptions,unmountOnExit:!0,onEnter:le,onEntered:ae,onExit:ie,onExited:se},K("transition")),v=d.createElement(r.CSSTransition,y({nodeRef:Z},b),d.createElement("div",y({ref:Z},a),o,m,l));return d.createElement(u.Portal,{element:v,appendTo:g.appendTo})}(),me=p.mergeProps({ref:A,id:g.id,className:V("root",{isFilled:W,focusedState:H}),style:g.style},K("root")),ye=p.mergeProps(I(I({ref:_,id:g.inputId},ce),{},{className:V("input"),onBlur:function(e){L(!1),g.feedback&&oe(),g.onBlur&&g.onBlur(e)},onFocus:function(e){L(!0),g.feedback&&re(),g.onFocus&&g.onFocus(e)},onInput:function(e,t){g.onInput&&g.onInput(e,t),g.onChange||(p.ObjectUtils.isNotEmpty(e.target.value)?p.DomHandler.addClass(A.current,"p-inputwrapper-filled"):p.DomHandler.removeClass(A.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.keyCode||e.which;if(g.feedback){var n=null,r=null;switch(ue(e.target.value)){case 1:n=v,r={strength:"weak",width:"33.33%"};break;case 2:n=w,r={strength:"medium",width:"66.66%"};break;case 3:n=h,r={strength:"strong",width:"100%"};break;default:n=b,r=null}N(r),C(n),t&&!E&&re()}g.onKeyUp&&g.onKeyUp(e)},style:g.inputStyle,tabIndex:g.tabIndex,tooltip:g.tooltip,tooltipOptions:g.tooltipOptions,type:J,value:g.value,__parentMetadata:{parent:X}}),K("input"));return d.createElement("div",me,d.createElement(i.InputText,ye),fe,de)})));k.displayName="Password",exports.Password=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),l=require("primereact/icons/eye"),a=require("primereact/icons/eyeslash"),i=require("primereact/inputtext"),s=require("primereact/overlayservice"),u=require("primereact/portal"),p=require("primereact/utils");function c(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(e),m=c(t);function y(){return y=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},y.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function b(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=b(e,"string");return"symbol"===g(t)?t:String(t)}function w(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,o,l,a,i=[],s=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function O(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 O(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)?O(e,t):void 0}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return w(e)||h(e,t)||E(e,t)||x()}var j=n.ComponentBase.extend({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,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return p.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return p.classNames("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return p.classNames("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===m.default.ripple})},meter:"p-password-meter",meterLabel:function(e){return p.classNames("p-password-strength",e.strength)},info:function(e){return p.classNames("p-password-info",e.strength)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n    \n    .p-password-meter {\n        height: 10px;\n    }\n    \n    .p-password-strength {\n        height: 100%;\n        width: 0%;\n        transition: width 1s ease-in-out;\n    }\n    \n    .p-fluid .p-password {\n        display: flex;\n    }\n    \n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n"}});function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=v(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=d.memo(d.forwardRef((function(e,c){var f=d.useContext(t.PrimeReactContext),g=j.getProps(e,f),b=g.promptLabel||t.localeOption("passwordPrompt"),v=g.weakLabel||t.localeOption("weak"),w=g.mediumLabel||t.localeOption("medium"),h=g.strongLabel||t.localeOption("strong"),O=S(d.useState(!1),2),E=O[0],x=O[1],P=S(d.useState(null),2),k=P[0],N=P[1],R=S(d.useState(b),2),U=R[0],C=R[1],D=S(d.useState(!1),2),H=D[0],L=D[1],T=S(d.useState(!1),2),q=T[0],M=T[1],A=d.useRef(null),Z=d.useRef(null),_=d.useRef(g.inputRef),z=d.useRef(new RegExp(g.mediumRegex)),F=d.useRef(new RegExp(g.strongRegex)),J=q?"text":"password",X={props:g,state:{overlayVisible:E,meter:k,infoText:U,focused:H,unmasked:q}},B=j.setMetaData(X),K=B.ptm,V=B.cx;n.useHandleStyle(j.css.styles,B.isUnstyled,{name:"password"});var Y=S(o.useOverlayListener({target:A,overlay:Z,listener:function(e,t){t.valid&&oe()},when:E}),2),$=Y[0],G=Y[1],Q=_.current&&_.current.value,W=d.useMemo((function(){return p.ObjectUtils.isNotEmpty(g.value)||p.ObjectUtils.isNotEmpty(g.defaultValue)||p.ObjectUtils.isNotEmpty(Q)}),[g.value,g.defaultValue,Q]),ee=function(){if(k){var e=null;switch(k.strength){case"weak":e=v;break;case"medium":e=w;break;case"strong":e=h}e&&U!==e&&C(e)}else U!==b&&C(b)},te=function(e){g.feedback&&s.OverlayService.emit("overlay-click",{originalEvent:e,target:A.current})},ne=function(){M((function(e){return!e}))},re=function(){ee(),x(!0)},oe=function(){x(!1)},le=function(){p.ZIndexUtils.set("overlay",Z.current,f&&f.autoZIndex||m.default.autoZIndex,f&&f.zIndex.overlay||m.default.zIndex.overlay),p.DomHandler.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),_.current&&p.DomHandler.alignOverlay(Z.current,_.current.parentElement,g.appendTo||f&&f.appendTo||m.default.appendTo)},ae=function(){$(),g.onShow&&g.onShow()},ie=function(){G()},se=function(){p.ZIndexUtils.clear(Z.current),g.onHide&&g.onHide()},ue=function(e){return F.current.test(e)?3:z.current.test(e)?2:e.length?1:0};d.useImperativeHandle(c,(function(){return{props:g,toggleMask:ne,focus:function(){return p.DomHandler.focus(_.current)},getElement:function(){return A.current},getOverlay:function(){return Z.current},getInput:function(){return _.current}}})),d.useEffect((function(){p.ObjectUtils.combinedRefs(_,g.inputRef)}),[_,g.inputRef]),d.useEffect((function(){z.current=new RegExp(g.mediumRegex)}),[g.mediumRegex]),d.useEffect((function(){F.current=new RegExp(g.strongRegex)}),[g.strongRegex]),d.useEffect((function(){!W&&p.DomHandler.hasClass(A.current,"p-inputwrapper-filled")&&p.DomHandler.removeClass(A.current,"p-inputwrapper-filled")}),[W]),o.useUnmountEffect((function(){p.ZIndexUtils.clear(Z.current)}));var pe=p.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":W,"p-inputwrapper-focus":H,"p-input-icon-right":g.toggleMask},g.className),ce=j.getOtherProps(g),fe=function(){var e=p.mergeProps(K("hideIcon")),t=p.mergeProps(K("showIcon")),n=p.IconUtils.getJSXIcon(q?g.hideIcon||d.createElement(a.EyeSlashIcon,e):g.showIcon||d.createElement(l.EyeIcon,t),I({},q?e:t),{props:g});if(g.toggleMask){var r=d.createElement("i",{onClick:ne}," ",n," ");if(g.icon)r=p.ObjectUtils.getJSXElement(g.icon,{onClick:ne,className:pe,element:r,props:g});return r}return null}(),de=function(){var e=k||{strength:"",width:"0%"},t=e.strength,n=e.width,o=p.ObjectUtils.getJSXElement(g.header,g),l=p.ObjectUtils.getJSXElement(g.footer,g),a=p.mergeProps({className:V("panel",{context:f}),style:g.panelStyle,onClick:te},K("panel")),i=p.mergeProps({className:V("meter")},K("meter")),s=p.mergeProps({className:V("meterLabel",{strength:t}),style:{width:n}},K("meterLabel")),c=p.mergeProps({className:V("info",{strength:t})},K("info")),m=g.content?p.ObjectUtils.getJSXElement(g.content,g):d.createElement(d.Fragment,null,d.createElement("div",i,d.createElement("div",s)),d.createElement("div",c,U)),b=p.mergeProps({classNames:V("transition"),in:E,timeout:{enter:120,exit:100},options:g.transitionOptions,unmountOnExit:!0,onEnter:le,onEntered:ae,onExit:ie,onExited:se},K("transition")),v=d.createElement(r.CSSTransition,y({nodeRef:Z},b),d.createElement("div",y({ref:Z},a),o,m,l));return d.createElement(u.Portal,{element:v,appendTo:g.appendTo})}(),me=p.mergeProps({ref:A,id:g.id,className:V("root",{isFilled:W,focusedState:H}),style:g.style},K("root")),ye=p.mergeProps(I(I({ref:_,id:g.inputId},ce),{},{className:V("input"),onBlur:function(e){L(!1),g.feedback&&oe(),g.onBlur&&g.onBlur(e)},onFocus:function(e){L(!0),g.feedback&&re(),g.onFocus&&g.onFocus(e)},onInput:function(e,t){g.onInput&&g.onInput(e,t),g.onChange||(p.ObjectUtils.isNotEmpty(e.target.value)?p.DomHandler.addClass(A.current,"p-inputwrapper-filled"):p.DomHandler.removeClass(A.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.keyCode||e.which;if(g.feedback){var n=null,r=null;switch(ue(e.target.value)){case 1:n=v,r={strength:"weak",width:"33.33%"};break;case 2:n=w,r={strength:"medium",width:"66.66%"};break;case 3:n=h,r={strength:"strong",width:"100%"};break;default:n=b,r=null}N(r),C(n),t&&!E&&re()}g.onKeyUp&&g.onKeyUp(e)},style:g.inputStyle,tabIndex:g.tabIndex,tooltip:g.tooltip,tooltipOptions:g.tooltipOptions,type:J,value:g.value,__parentMetadata:{parent:X}}),K("input"));return d.createElement("div",me,d.createElement(i.InputText,ye),fe,de)})));k.displayName="Password",exports.Password=k;

package/password/password.d.ts

@@ -308,6 +308,10 @@ export declare class Password extends React.Component<PasswordProps, any> {
      * Used to focus the component.
      */
     public focus(): void;
+    /**
+     * Toggle the mask on or off.
+     */
+    public toggleMask(): void;
     /**
      * Used to get container element.
      * @return {HTMLDivElement} Container element

package/password/password.esm.js

@@ -299,7 +299,7 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       });
     }
   };
-  var onMaskToggle = function onMaskToggle() {
+  var toggleMask = function toggleMask() {
     setUnmaskedState(function (prevUnmasked) {
       return !prevUnmasked;
     });
@@ -406,6 +406,7 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
+      toggleMask: toggleMask,
       focus: function focus() {
         return DomHandler.focus(inputRef.current);
       },
@@ -451,11 +452,11 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     });
     if (props.toggleMask) {
       var content = /*#__PURE__*/React.createElement("i", {
-        onClick: onMaskToggle
+        onClick: toggleMask
       }, " ", eyeIcon, " ");
       if (props.icon) {
         var defaultIconOptions = {
-          onClick: onMaskToggle,
+          onClick: toggleMask,
           className: className,
           element: content,
           props: props

package/password/password.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{PrimeReactContext as n,localeOption as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useOverlayListener as l,useUnmountEffect as u}from"primereact/hooks";import{EyeIcon as p}from"primereact/icons/eye";import{EyeSlashIcon as s}from"primereact/icons/eyeslash";import{InputText as c}from"primereact/inputtext";import{OverlayService as f}from"primereact/overlayservice";import{Portal as m}from"primereact/portal";import{classNames as d,ObjectUtils as y,DomHandler as g,ZIndexUtils as b,mergeProps as w,IconUtils as v}from"primereact/utils";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 E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function S(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=S(e,"string");return"symbol"===E(t)?t:String(t)}function O(e){if(Array.isArray(e))return e}function k(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],u=!0,p=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){p=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(p)throw o}}return l}}function I(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 R(e,t){if(e){if("string"==typeof e)return I(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)?I(e,t):void 0}}function j(){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 N(e,t){return O(e)||k(e,t)||R(e,t)||j()}var P=o.extend({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,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return d("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return d("p-password-input",e.props.inputClassName)},panel:function(e){var n=e.context;return d("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},meter:"p-password-meter",meterLabel:function(e){return d("p-password-strength",e.strength)},info:function(e){return d("p-password-info",e.strength)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n    \n    .p-password-meter {\n        height: 10px;\n    }\n    \n    .p-password-strength {\n        height: 100%;\n        width: 0%;\n        transition: width 1s ease-in-out;\n    }\n    \n    .p-fluid .p-password {\n        display: flex;\n    }\n    \n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n"}});function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=x(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=e.memo(e.forwardRef((function(o,E){var S=e.useContext(n),x=P.getProps(o,S),O=x.promptLabel||r("passwordPrompt"),k=x.weakLabel||r("weak"),I=x.mediumLabel||r("medium"),R=x.strongLabel||r("strong"),j=N(e.useState(!1),2),C=j[0],T=j[1],A=N(e.useState(null),2),M=A[0],F=A[1],z=N(e.useState(O),2),D=z[0],J=z[1],U=N(e.useState(!1),2),X=U[0],Z=U[1],H=N(e.useState(!1),2),_=H[0],B=H[1],K=e.useRef(null),V=e.useRef(null),Y=e.useRef(x.inputRef),$=e.useRef(new RegExp(x.mediumRegex)),q=e.useRef(new RegExp(x.strongRegex)),G=_?"text":"password",Q={props:x,state:{overlayVisible:C,meter:M,infoText:D,focused:X,unmasked:_}},W=P.setMetaData(Q),ee=W.ptm,te=W.cx;i(P.css.styles,W.isUnstyled,{name:"password"});var ne=N(l({target:K,overlay:V,listener:function(e,t){t.valid&&ce()},when:C}),2),re=ne[0],oe=ne[1],ie=Y.current&&Y.current.value,ae=e.useMemo((function(){return y.isNotEmpty(x.value)||y.isNotEmpty(x.defaultValue)||y.isNotEmpty(ie)}),[x.value,x.defaultValue,ie]),le=function(){if(M){var e=null;switch(M.strength){case"weak":e=k;break;case"medium":e=I;break;case"strong":e=R}e&&D!==e&&J(e)}else D!==O&&J(O)},ue=function(e){x.feedback&&f.emit("overlay-click",{originalEvent:e,target:K.current})},pe=function(){B((function(e){return!e}))},se=function(){le(),T(!0)},ce=function(){T(!1)},fe=function(){b.set("overlay",V.current,S&&S.autoZIndex||t.autoZIndex,S&&S.zIndex.overlay||t.zIndex.overlay),g.addStyles(V.current,{position:"absolute",top:"0",left:"0"}),Y.current&&g.alignOverlay(V.current,Y.current.parentElement,x.appendTo||S&&S.appendTo||t.appendTo)},me=function(){re(),x.onShow&&x.onShow()},de=function(){oe()},ye=function(){b.clear(V.current),x.onHide&&x.onHide()},ge=function(e){return q.current.test(e)?3:$.current.test(e)?2:e.length?1:0};e.useImperativeHandle(E,(function(){return{props:x,focus:function(){return g.focus(Y.current)},getElement:function(){return K.current},getOverlay:function(){return V.current},getInput:function(){return Y.current}}})),e.useEffect((function(){y.combinedRefs(Y,x.inputRef)}),[Y,x.inputRef]),e.useEffect((function(){$.current=new RegExp(x.mediumRegex)}),[x.mediumRegex]),e.useEffect((function(){q.current=new RegExp(x.strongRegex)}),[x.strongRegex]),e.useEffect((function(){!ae&&g.hasClass(K.current,"p-inputwrapper-filled")&&g.removeClass(K.current,"p-inputwrapper-filled")}),[ae]),u((function(){b.clear(V.current)}));var be=d("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":ae,"p-inputwrapper-focus":X,"p-input-icon-right":x.toggleMask},x.className),we=P.getOtherProps(x),ve=function(){var t=w(ee("hideIcon")),n=w(ee("showIcon")),r=v.getJSXIcon(_?x.hideIcon||e.createElement(s,t):x.showIcon||e.createElement(p,n),L({},_?t:n),{props:x});if(x.toggleMask){var o=e.createElement("i",{onClick:pe}," ",r," ");if(x.icon)o=y.getJSXElement(x.icon,{onClick:pe,className:be,element:o,props:x});return o}return null}(),he=function(){var t=M||{strength:"",width:"0%"},n=t.strength,r=t.width,o=y.getJSXElement(x.header,x),i=y.getJSXElement(x.footer,x),l=w({className:te("panel",{context:S}),style:x.panelStyle,onClick:ue},ee("panel")),u=w({className:te("meter")},ee("meter")),p=w({className:te("meterLabel",{strength:n}),style:{width:r}},ee("meterLabel")),s=w({className:te("info",{strength:n})},ee("info")),c=x.content?y.getJSXElement(x.content,x):e.createElement(e.Fragment,null,e.createElement("div",u,e.createElement("div",p)),e.createElement("div",s,D)),f=w({classNames:te("transition"),in:C,timeout:{enter:120,exit:100},options:x.transitionOptions,unmountOnExit:!0,onEnter:fe,onEntered:me,onExit:de,onExited:ye},ee("transition")),d=e.createElement(a,h({nodeRef:V},f),e.createElement("div",h({ref:V},l),o,c,i));return e.createElement(m,{element:d,appendTo:x.appendTo})}(),Ee=w({ref:K,id:x.id,className:te("root",{isFilled:ae,focusedState:X}),style:x.style},ee("root")),Se=w(L(L({ref:Y,id:x.inputId},we),{},{className:te("input"),onBlur:function(e){Z(!1),x.feedback&&ce(),x.onBlur&&x.onBlur(e)},onFocus:function(e){Z(!0),x.feedback&&se(),x.onFocus&&x.onFocus(e)},onInput:function(e,t){x.onInput&&x.onInput(e,t),x.onChange||(y.isNotEmpty(e.target.value)?g.addClass(K.current,"p-inputwrapper-filled"):g.removeClass(K.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.keyCode||e.which;if(x.feedback){var n=null,r=null;switch(ge(e.target.value)){case 1:n=k,r={strength:"weak",width:"33.33%"};break;case 2:n=I,r={strength:"medium",width:"66.66%"};break;case 3:n=R,r={strength:"strong",width:"100%"};break;default:n=O,r=null}F(r),J(n),t&&!C&&se()}x.onKeyUp&&x.onKeyUp(e)},style:x.inputStyle,tabIndex:x.tabIndex,tooltip:x.tooltip,tooltipOptions:x.tooltipOptions,type:G,value:x.value,__parentMetadata:{parent:Q}}),ee("input"));return e.createElement("div",Ee,e.createElement(c,Se),ve,he)})));T.displayName="Password";export{T as Password};
+import*as e from"react";import t,{PrimeReactContext as n,localeOption as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useOverlayListener as l,useUnmountEffect as u}from"primereact/hooks";import{EyeIcon as p}from"primereact/icons/eye";import{EyeSlashIcon as s}from"primereact/icons/eyeslash";import{InputText as c}from"primereact/inputtext";import{OverlayService as f}from"primereact/overlayservice";import{Portal as m}from"primereact/portal";import{classNames as d,ObjectUtils as y,DomHandler as g,ZIndexUtils as b,mergeProps as w,IconUtils as v}from"primereact/utils";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 E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function S(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=S(e,"string");return"symbol"===E(t)?t:String(t)}function O(e){if(Array.isArray(e))return e}function k(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],u=!0,p=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){p=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(p)throw o}}return l}}function I(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 R(e,t){if(e){if("string"==typeof e)return I(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)?I(e,t):void 0}}function j(){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 N(e,t){return O(e)||k(e,t)||R(e,t)||j()}var P=o.extend({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,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return d("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return d("p-password-input",e.props.inputClassName)},panel:function(e){var n=e.context;return d("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},meter:"p-password-meter",meterLabel:function(e){return d("p-password-strength",e.strength)},info:function(e){return d("p-password-info",e.strength)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n    \n    .p-password-meter {\n        height: 10px;\n    }\n    \n    .p-password-strength {\n        height: 100%;\n        width: 0%;\n        transition: width 1s ease-in-out;\n    }\n    \n    .p-fluid .p-password {\n        display: flex;\n    }\n    \n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n"}});function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=x(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=e.memo(e.forwardRef((function(o,E){var S=e.useContext(n),x=P.getProps(o,S),O=x.promptLabel||r("passwordPrompt"),k=x.weakLabel||r("weak"),I=x.mediumLabel||r("medium"),R=x.strongLabel||r("strong"),j=N(e.useState(!1),2),C=j[0],T=j[1],A=N(e.useState(null),2),M=A[0],F=A[1],z=N(e.useState(O),2),D=z[0],J=z[1],U=N(e.useState(!1),2),X=U[0],Z=U[1],H=N(e.useState(!1),2),_=H[0],B=H[1],K=e.useRef(null),V=e.useRef(null),Y=e.useRef(x.inputRef),$=e.useRef(new RegExp(x.mediumRegex)),q=e.useRef(new RegExp(x.strongRegex)),G=_?"text":"password",Q={props:x,state:{overlayVisible:C,meter:M,infoText:D,focused:X,unmasked:_}},W=P.setMetaData(Q),ee=W.ptm,te=W.cx;i(P.css.styles,W.isUnstyled,{name:"password"});var ne=N(l({target:K,overlay:V,listener:function(e,t){t.valid&&ce()},when:C}),2),re=ne[0],oe=ne[1],ie=Y.current&&Y.current.value,ae=e.useMemo((function(){return y.isNotEmpty(x.value)||y.isNotEmpty(x.defaultValue)||y.isNotEmpty(ie)}),[x.value,x.defaultValue,ie]),le=function(){if(M){var e=null;switch(M.strength){case"weak":e=k;break;case"medium":e=I;break;case"strong":e=R}e&&D!==e&&J(e)}else D!==O&&J(O)},ue=function(e){x.feedback&&f.emit("overlay-click",{originalEvent:e,target:K.current})},pe=function(){B((function(e){return!e}))},se=function(){le(),T(!0)},ce=function(){T(!1)},fe=function(){b.set("overlay",V.current,S&&S.autoZIndex||t.autoZIndex,S&&S.zIndex.overlay||t.zIndex.overlay),g.addStyles(V.current,{position:"absolute",top:"0",left:"0"}),Y.current&&g.alignOverlay(V.current,Y.current.parentElement,x.appendTo||S&&S.appendTo||t.appendTo)},me=function(){re(),x.onShow&&x.onShow()},de=function(){oe()},ye=function(){b.clear(V.current),x.onHide&&x.onHide()},ge=function(e){return q.current.test(e)?3:$.current.test(e)?2:e.length?1:0};e.useImperativeHandle(E,(function(){return{props:x,toggleMask:pe,focus:function(){return g.focus(Y.current)},getElement:function(){return K.current},getOverlay:function(){return V.current},getInput:function(){return Y.current}}})),e.useEffect((function(){y.combinedRefs(Y,x.inputRef)}),[Y,x.inputRef]),e.useEffect((function(){$.current=new RegExp(x.mediumRegex)}),[x.mediumRegex]),e.useEffect((function(){q.current=new RegExp(x.strongRegex)}),[x.strongRegex]),e.useEffect((function(){!ae&&g.hasClass(K.current,"p-inputwrapper-filled")&&g.removeClass(K.current,"p-inputwrapper-filled")}),[ae]),u((function(){b.clear(V.current)}));var be=d("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":ae,"p-inputwrapper-focus":X,"p-input-icon-right":x.toggleMask},x.className),we=P.getOtherProps(x),ve=function(){var t=w(ee("hideIcon")),n=w(ee("showIcon")),r=v.getJSXIcon(_?x.hideIcon||e.createElement(s,t):x.showIcon||e.createElement(p,n),L({},_?t:n),{props:x});if(x.toggleMask){var o=e.createElement("i",{onClick:pe}," ",r," ");if(x.icon)o=y.getJSXElement(x.icon,{onClick:pe,className:be,element:o,props:x});return o}return null}(),he=function(){var t=M||{strength:"",width:"0%"},n=t.strength,r=t.width,o=y.getJSXElement(x.header,x),i=y.getJSXElement(x.footer,x),l=w({className:te("panel",{context:S}),style:x.panelStyle,onClick:ue},ee("panel")),u=w({className:te("meter")},ee("meter")),p=w({className:te("meterLabel",{strength:n}),style:{width:r}},ee("meterLabel")),s=w({className:te("info",{strength:n})},ee("info")),c=x.content?y.getJSXElement(x.content,x):e.createElement(e.Fragment,null,e.createElement("div",u,e.createElement("div",p)),e.createElement("div",s,D)),f=w({classNames:te("transition"),in:C,timeout:{enter:120,exit:100},options:x.transitionOptions,unmountOnExit:!0,onEnter:fe,onEntered:me,onExit:de,onExited:ye},ee("transition")),d=e.createElement(a,h({nodeRef:V},f),e.createElement("div",h({ref:V},l),o,c,i));return e.createElement(m,{element:d,appendTo:x.appendTo})}(),Ee=w({ref:K,id:x.id,className:te("root",{isFilled:ae,focusedState:X}),style:x.style},ee("root")),Se=w(L(L({ref:Y,id:x.inputId},we),{},{className:te("input"),onBlur:function(e){Z(!1),x.feedback&&ce(),x.onBlur&&x.onBlur(e)},onFocus:function(e){Z(!0),x.feedback&&se(),x.onFocus&&x.onFocus(e)},onInput:function(e,t){x.onInput&&x.onInput(e,t),x.onChange||(y.isNotEmpty(e.target.value)?g.addClass(K.current,"p-inputwrapper-filled"):g.removeClass(K.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.keyCode||e.which;if(x.feedback){var n=null,r=null;switch(ge(e.target.value)){case 1:n=k,r={strength:"weak",width:"33.33%"};break;case 2:n=I,r={strength:"medium",width:"66.66%"};break;case 3:n=R,r={strength:"strong",width:"100%"};break;default:n=O,r=null}F(r),J(n),t&&!C&&se()}x.onKeyUp&&x.onKeyUp(e)},style:x.inputStyle,tabIndex:x.tabIndex,tooltip:x.tooltip,tooltipOptions:x.tooltipOptions,type:G,value:x.value,__parentMetadata:{parent:Q}}),ee("input"));return e.createElement("div",Ee,e.createElement(c,Se),ve,he)})));T.displayName="Password";export{T as Password};

package/password/password.js

@@ -313,7 +313,7 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
         });
       }
     };
-    var onMaskToggle = function onMaskToggle() {
+    var toggleMask = function toggleMask() {
       setUnmaskedState(function (prevUnmasked) {
         return !prevUnmasked;
       });
@@ -420,6 +420,7 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        toggleMask: toggleMask,
         focus: function focus() {
           return utils.DomHandler.focus(inputRef.current);
         },
@@ -465,11 +466,11 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
       });
       if (props.toggleMask) {
         var content = /*#__PURE__*/React__namespace.createElement("i", {
-          onClick: onMaskToggle
+          onClick: toggleMask
         }, " ", eyeIcon, " ");
         if (props.icon) {
           var defaultIconOptions = {
-            onClick: onMaskToggle,
+            onClick: toggleMask,
             className: className,
             element: content,
             props: props

package/password/password.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.password=function(e,t,n,r,o,l,a,i,s,u,p,c){"use strict";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 m=d(t),y=f(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 b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function v(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=v(e,"string");return"symbol"===b(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],s=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function E(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 S(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,t){return h(e)||O(e,t)||S(e,t)||x()}var P=r.ComponentBase.extend({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,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return c.classNames("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return c.classNames("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===y.default.ripple})},meter:"p-password-meter",meterLabel:function(e){return c.classNames("p-password-strength",e.strength)},info:function(e){return c.classNames("p-password-info",e.strength)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n    \n    .p-password-meter {\n        height: 10px;\n    }\n    \n    .p-password-strength {\n        height: 100%;\n        width: 0%;\n        transition: width 1s ease-in-out;\n    }\n    \n    .p-fluid .p-password {\n        display: flex;\n    }\n    \n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n"}});function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=w(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=m.memo(m.forwardRef((function(e,t){var f=m.useContext(n.PrimeReactContext),d=P.getProps(e,f),b=d.promptLabel||n.localeOption("passwordPrompt"),v=d.weakLabel||n.localeOption("weak"),w=d.mediumLabel||n.localeOption("medium"),h=d.strongLabel||n.localeOption("strong"),O=j(m.useState(!1),2),E=O[0],S=O[1],x=j(m.useState(null),2),I=x[0],N=x[1],R=j(m.useState(b),2),U=R[0],C=R[1],D=j(m.useState(!1),2),H=D[0],L=D[1],T=j(m.useState(!1),2),M=T[0],A=T[1],Z=m.useRef(null),_=m.useRef(null),z=m.useRef(d.inputRef),F=m.useRef(new RegExp(d.mediumRegex)),J=m.useRef(new RegExp(d.strongRegex)),X=M?"text":"password",B={props:d,state:{overlayVisible:E,meter:I,infoText:U,focused:H,unmasked:M}},K=P.setMetaData(B),V=K.ptm,Y=K.cx;r.useHandleStyle(P.css.styles,K.isUnstyled,{name:"password"});var $=j(l.useOverlayListener({target:Z,overlay:_,listener:function(e,t){t.valid&&oe()},when:E}),2),q=$[0],G=$[1],Q=z.current&&z.current.value,W=m.useMemo((function(){return c.ObjectUtils.isNotEmpty(d.value)||c.ObjectUtils.isNotEmpty(d.defaultValue)||c.ObjectUtils.isNotEmpty(Q)}),[d.value,d.defaultValue,Q]),ee=function(){if(I){var e=null;switch(I.strength){case"weak":e=v;break;case"medium":e=w;break;case"strong":e=h}e&&U!==e&&C(e)}else U!==b&&C(b)},te=function(e){d.feedback&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:Z.current})},ne=function(){A((function(e){return!e}))},re=function(){ee(),S(!0)},oe=function(){S(!1)},le=function(){c.ZIndexUtils.set("overlay",_.current,f&&f.autoZIndex||y.default.autoZIndex,f&&f.zIndex.overlay||y.default.zIndex.overlay),c.DomHandler.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),z.current&&c.DomHandler.alignOverlay(_.current,z.current.parentElement,d.appendTo||f&&f.appendTo||y.default.appendTo)},ae=function(){q(),d.onShow&&d.onShow()},ie=function(){G()},se=function(){c.ZIndexUtils.clear(_.current),d.onHide&&d.onHide()},ue=function(e){return J.current.test(e)?3:F.current.test(e)?2:e.length?1:0};m.useImperativeHandle(t,(function(){return{props:d,focus:function(){return c.DomHandler.focus(z.current)},getElement:function(){return Z.current},getOverlay:function(){return _.current},getInput:function(){return z.current}}})),m.useEffect((function(){c.ObjectUtils.combinedRefs(z,d.inputRef)}),[z,d.inputRef]),m.useEffect((function(){F.current=new RegExp(d.mediumRegex)}),[d.mediumRegex]),m.useEffect((function(){J.current=new RegExp(d.strongRegex)}),[d.strongRegex]),m.useEffect((function(){!W&&c.DomHandler.hasClass(Z.current,"p-inputwrapper-filled")&&c.DomHandler.removeClass(Z.current,"p-inputwrapper-filled")}),[W]),l.useUnmountEffect((function(){c.ZIndexUtils.clear(_.current)}));var pe=c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":W,"p-inputwrapper-focus":H,"p-input-icon-right":d.toggleMask},d.className),ce=P.getOtherProps(d),fe=function(){var e=c.mergeProps(V("hideIcon")),t=c.mergeProps(V("showIcon")),n=c.IconUtils.getJSXIcon(M?d.hideIcon||m.createElement(i.EyeSlashIcon,e):d.showIcon||m.createElement(a.EyeIcon,t),k({},M?e:t),{props:d});if(d.toggleMask){var r=m.createElement("i",{onClick:ne}," ",n," ");if(d.icon)r=c.ObjectUtils.getJSXElement(d.icon,{onClick:ne,className:pe,element:r,props:d});return r}return null}(),de=function(){var e=I||{strength:"",width:"0%"},t=e.strength,n=e.width,r=c.ObjectUtils.getJSXElement(d.header,d),l=c.ObjectUtils.getJSXElement(d.footer,d),a=c.mergeProps({className:Y("panel",{context:f}),style:d.panelStyle,onClick:te},V("panel")),i=c.mergeProps({className:Y("meter")},V("meter")),s=c.mergeProps({className:Y("meterLabel",{strength:t}),style:{width:n}},V("meterLabel")),u=c.mergeProps({className:Y("info",{strength:t})},V("info")),y=d.content?c.ObjectUtils.getJSXElement(d.content,d):m.createElement(m.Fragment,null,m.createElement("div",i,m.createElement("div",s)),m.createElement("div",u,U)),b=c.mergeProps({classNames:Y("transition"),in:E,timeout:{enter:120,exit:100},options:d.transitionOptions,unmountOnExit:!0,onEnter:le,onEntered:ae,onExit:ie,onExited:se},V("transition")),v=m.createElement(o.CSSTransition,g({nodeRef:_},b),m.createElement("div",g({ref:_},a),r,y,l));return m.createElement(p.Portal,{element:v,appendTo:d.appendTo})}(),me=c.mergeProps({ref:Z,id:d.id,className:Y("root",{isFilled:W,focusedState:H}),style:d.style},V("root")),ye=c.mergeProps(k(k({ref:z,id:d.inputId},ce),{},{className:Y("input"),onBlur:function(e){L(!1),d.feedback&&oe(),d.onBlur&&d.onBlur(e)},onFocus:function(e){L(!0),d.feedback&&re(),d.onFocus&&d.onFocus(e)},onInput:function(e,t){d.onInput&&d.onInput(e,t),d.onChange||(c.ObjectUtils.isNotEmpty(e.target.value)?c.DomHandler.addClass(Z.current,"p-inputwrapper-filled"):c.DomHandler.removeClass(Z.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.keyCode||e.which;if(d.feedback){var n=null,r=null;switch(ue(e.target.value)){case 1:n=v,r={strength:"weak",width:"33.33%"};break;case 2:n=w,r={strength:"medium",width:"66.66%"};break;case 3:n=h,r={strength:"strong",width:"100%"};break;default:n=b,r=null}N(r),C(n),t&&!E&&re()}d.onKeyUp&&d.onKeyUp(e)},style:d.inputStyle,tabIndex:d.tabIndex,tooltip:d.tooltip,tooltipOptions:d.tooltipOptions,type:X,value:d.value,__parentMetadata:{parent:B}}),V("input"));return m.createElement("div",me,m.createElement(s.InputText,ye),fe,de)})));return N.displayName="Password",e.Password=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.eye,primereact.icons.eyeslash,primereact.inputtext,primereact.overlayservice,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.password=function(e,t,n,r,o,l,a,i,s,u,p,c){"use strict";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 m=d(t),y=f(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 b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function v(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=v(e,"string");return"symbol"===b(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],s=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function E(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 S(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,t){return h(e)||O(e,t)||S(e,t)||x()}var P=r.ComponentBase.extend({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,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return c.classNames("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return c.classNames("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===y.default.ripple})},meter:"p-password-meter",meterLabel:function(e){return c.classNames("p-password-strength",e.strength)},info:function(e){return c.classNames("p-password-info",e.strength)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n    \n    .p-password-meter {\n        height: 10px;\n    }\n    \n    .p-password-strength {\n        height: 100%;\n        width: 0%;\n        transition: width 1s ease-in-out;\n    }\n    \n    .p-fluid .p-password {\n        display: flex;\n    }\n    \n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n"}});function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=w(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=m.memo(m.forwardRef((function(e,t){var f=m.useContext(n.PrimeReactContext),d=P.getProps(e,f),b=d.promptLabel||n.localeOption("passwordPrompt"),v=d.weakLabel||n.localeOption("weak"),w=d.mediumLabel||n.localeOption("medium"),h=d.strongLabel||n.localeOption("strong"),O=j(m.useState(!1),2),E=O[0],S=O[1],x=j(m.useState(null),2),I=x[0],N=x[1],R=j(m.useState(b),2),U=R[0],C=R[1],D=j(m.useState(!1),2),H=D[0],L=D[1],T=j(m.useState(!1),2),M=T[0],A=T[1],Z=m.useRef(null),_=m.useRef(null),z=m.useRef(d.inputRef),F=m.useRef(new RegExp(d.mediumRegex)),J=m.useRef(new RegExp(d.strongRegex)),X=M?"text":"password",B={props:d,state:{overlayVisible:E,meter:I,infoText:U,focused:H,unmasked:M}},K=P.setMetaData(B),V=K.ptm,Y=K.cx;r.useHandleStyle(P.css.styles,K.isUnstyled,{name:"password"});var $=j(l.useOverlayListener({target:Z,overlay:_,listener:function(e,t){t.valid&&oe()},when:E}),2),q=$[0],G=$[1],Q=z.current&&z.current.value,W=m.useMemo((function(){return c.ObjectUtils.isNotEmpty(d.value)||c.ObjectUtils.isNotEmpty(d.defaultValue)||c.ObjectUtils.isNotEmpty(Q)}),[d.value,d.defaultValue,Q]),ee=function(){if(I){var e=null;switch(I.strength){case"weak":e=v;break;case"medium":e=w;break;case"strong":e=h}e&&U!==e&&C(e)}else U!==b&&C(b)},te=function(e){d.feedback&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:Z.current})},ne=function(){A((function(e){return!e}))},re=function(){ee(),S(!0)},oe=function(){S(!1)},le=function(){c.ZIndexUtils.set("overlay",_.current,f&&f.autoZIndex||y.default.autoZIndex,f&&f.zIndex.overlay||y.default.zIndex.overlay),c.DomHandler.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),z.current&&c.DomHandler.alignOverlay(_.current,z.current.parentElement,d.appendTo||f&&f.appendTo||y.default.appendTo)},ae=function(){q(),d.onShow&&d.onShow()},ie=function(){G()},se=function(){c.ZIndexUtils.clear(_.current),d.onHide&&d.onHide()},ue=function(e){return J.current.test(e)?3:F.current.test(e)?2:e.length?1:0};m.useImperativeHandle(t,(function(){return{props:d,toggleMask:ne,focus:function(){return c.DomHandler.focus(z.current)},getElement:function(){return Z.current},getOverlay:function(){return _.current},getInput:function(){return z.current}}})),m.useEffect((function(){c.ObjectUtils.combinedRefs(z,d.inputRef)}),[z,d.inputRef]),m.useEffect((function(){F.current=new RegExp(d.mediumRegex)}),[d.mediumRegex]),m.useEffect((function(){J.current=new RegExp(d.strongRegex)}),[d.strongRegex]),m.useEffect((function(){!W&&c.DomHandler.hasClass(Z.current,"p-inputwrapper-filled")&&c.DomHandler.removeClass(Z.current,"p-inputwrapper-filled")}),[W]),l.useUnmountEffect((function(){c.ZIndexUtils.clear(_.current)}));var pe=c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":W,"p-inputwrapper-focus":H,"p-input-icon-right":d.toggleMask},d.className),ce=P.getOtherProps(d),fe=function(){var e=c.mergeProps(V("hideIcon")),t=c.mergeProps(V("showIcon")),n=c.IconUtils.getJSXIcon(M?d.hideIcon||m.createElement(i.EyeSlashIcon,e):d.showIcon||m.createElement(a.EyeIcon,t),k({},M?e:t),{props:d});if(d.toggleMask){var r=m.createElement("i",{onClick:ne}," ",n," ");if(d.icon)r=c.ObjectUtils.getJSXElement(d.icon,{onClick:ne,className:pe,element:r,props:d});return r}return null}(),de=function(){var e=I||{strength:"",width:"0%"},t=e.strength,n=e.width,r=c.ObjectUtils.getJSXElement(d.header,d),l=c.ObjectUtils.getJSXElement(d.footer,d),a=c.mergeProps({className:Y("panel",{context:f}),style:d.panelStyle,onClick:te},V("panel")),i=c.mergeProps({className:Y("meter")},V("meter")),s=c.mergeProps({className:Y("meterLabel",{strength:t}),style:{width:n}},V("meterLabel")),u=c.mergeProps({className:Y("info",{strength:t})},V("info")),y=d.content?c.ObjectUtils.getJSXElement(d.content,d):m.createElement(m.Fragment,null,m.createElement("div",i,m.createElement("div",s)),m.createElement("div",u,U)),b=c.mergeProps({classNames:Y("transition"),in:E,timeout:{enter:120,exit:100},options:d.transitionOptions,unmountOnExit:!0,onEnter:le,onEntered:ae,onExit:ie,onExited:se},V("transition")),v=m.createElement(o.CSSTransition,g({nodeRef:_},b),m.createElement("div",g({ref:_},a),r,y,l));return m.createElement(p.Portal,{element:v,appendTo:d.appendTo})}(),me=c.mergeProps({ref:Z,id:d.id,className:Y("root",{isFilled:W,focusedState:H}),style:d.style},V("root")),ye=c.mergeProps(k(k({ref:z,id:d.inputId},ce),{},{className:Y("input"),onBlur:function(e){L(!1),d.feedback&&oe(),d.onBlur&&d.onBlur(e)},onFocus:function(e){L(!0),d.feedback&&re(),d.onFocus&&d.onFocus(e)},onInput:function(e,t){d.onInput&&d.onInput(e,t),d.onChange||(c.ObjectUtils.isNotEmpty(e.target.value)?c.DomHandler.addClass(Z.current,"p-inputwrapper-filled"):c.DomHandler.removeClass(Z.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.keyCode||e.which;if(d.feedback){var n=null,r=null;switch(ue(e.target.value)){case 1:n=v,r={strength:"weak",width:"33.33%"};break;case 2:n=w,r={strength:"medium",width:"66.66%"};break;case 3:n=h,r={strength:"strong",width:"100%"};break;default:n=b,r=null}N(r),C(n),t&&!E&&re()}d.onKeyUp&&d.onKeyUp(e)},style:d.inputStyle,tabIndex:d.tabIndex,tooltip:d.tooltip,tooltipOptions:d.tooltipOptions,type:X,value:d.value,__parentMetadata:{parent:B}}),V("input"));return m.createElement("div",me,m.createElement(s.InputText,ye),fe,de)})));return N.displayName="Password",e.Password=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.eye,primereact.icons.eyeslash,primereact.inputtext,primereact.overlayservice,primereact.portal,primereact.utils);

package/picklist/picklist.cjs.js

@@ -108,13 +108,18 @@ var classes = {
   filterContainer: 'p-picklist-filter-container',
   list: 'p-picklist-list',
   listWrapper: 'p-picklist-list-wrapper',
+  listSourceWrapper: 'p-picklist-source-wrapper',
+  listTargetWrapper: 'p-picklist-target-wrapper',
+  listSource: 'p-picklist-source',
+  listTarget: 'p-picklist-target',
   item: function item(_ref) {
     var subProps = _ref.subProps;
     return utils.classNames('p-picklist-item', {
       'p-highlight': subProps.selected
     });
   },
-  controls: 'p-picklist-buttons'
+  sourceControls: 'p-picklist-source-controls p-picklist-buttons',
+  targetControls: 'p-picklist-target-controls p-picklist-buttons'
 };
 var styles = "\n@layer primereact {\n    .p-picklist {\n        display: flex;\n    }\n    \n    .p-picklist-buttons {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    \n    .p-picklist-list-wrapper {\n        flex: 1 1 50%;\n    }\n    \n    .p-picklist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n    \n    .p-picklist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-picklist-filter {\n        position: relative;\n    }\n    \n    .p-picklist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-picklist-filter-input {\n        width: 100%;\n    }\n}\n";
 var PickListBase = componentbase.ComponentBase.extend({
@@ -1044,7 +1049,7 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     list: props.source,
     selection: sourceSelection,
     onReorder: onSourceReorder,
-    className: "p-picklist-source-controls",
+    className: cx('sourceControls'),
     dataKey: props.dataKey,
     moveUpIcon: props.moveUpIcon,
     moveTopIcon: props.moveTopIcon,
@@ -1066,8 +1071,8 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     itemTemplate: sourceItemTemplate,
     header: props.sourceHeader,
     style: props.sourceStyle,
-    className: "p-picklist-source-wrapper",
-    listClassName: "p-picklist-source",
+    className: cx('listSourceWrapper'),
+    listClassName: cx('listSource'),
     metaKeySelection: props.metaKeySelection,
     tabIndex: props.tabIndex,
     dataKey: props.dataKey,
@@ -1110,8 +1115,8 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     itemTemplate: targetItemTemplate,
     header: props.targetHeader,
     style: props.targetStyle,
-    className: "p-picklist-target-wrapper",
-    listClassName: "p-picklist-target",
+    className: cx('listTargetWrapper'),
+    listClassName: cx('listWrapper'),
     metaKeySelection: props.metaKeySelection,
     tabIndex: props.tabIndex,
     dataKey: props.dataKey,
@@ -1128,7 +1133,7 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     list: props.target,
     selection: targetSelection,
     onReorder: onTargetReorder,
-    className: "p-picklist-target-controls",
+    className: cx('targetControls'),
     dataKey: props.dataKey,
     moveUpIcon: props.moveUpIcon,
     moveTopIcon: props.moveTopIcon,

package/picklist/picklist.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/utils"),l=require("primereact/button"),i=require("primereact/icons/angledoubledown"),a=require("primereact/icons/angledoubleup"),c=require("primereact/icons/angledown"),s=require("primereact/icons/angleup"),u=require("primereact/icons/search"),p=require("primereact/ripple"),m=require("primereact/icons/angledoubleleft"),f=require("primereact/icons/angledoubleright"),v=require("primereact/icons/angleleft"),g=require("primereact/icons/angleright");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var y=b(e),h=d(t);function I(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 I(e)||T(e,t)||E(e,t)||k()}var N=n.ComponentBase.extend({defaultProps:{__TYPE:"PickList",id:null,source:null,target:null,sourceHeader:null,targetHeader:null,style:null,className:null,sourceStyle:null,targetStyle:null,sourceSelection:null,targetSelection:null,showSourceControls:!0,showTargetControls:!0,metaKeySelection:!0,filter:!1,filterBy:null,filterMatchMode:"contains",targetFilterIcon:null,sourceFilterIcon:null,moveAllToSourceIcon:null,moveToSourceIcon:null,moveAllToTargetIcon:null,moveToTargetIcon:null,moveBottomIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,filterLocale:void 0,sourceFilterValue:null,targetFilterValue:null,showSourceFilter:!0,showTargetFilter:!0,sourceFilterPlaceholder:null,targetFilterPlaceholder:null,sourceFilterTemplate:null,targetFilterTemplate:null,tabIndex:0,dataKey:null,breakpoint:"960px",itemTemplate:null,sourceItemTemplate:null,targetItemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null,onSourceFilterChange:null,onTargetFilterChange:null,children:void 0},css:{classes:{root:"p-picklist p-component",buttons:"p-picklist-buttons p-picklist-transfer-buttons",header:"p-picklist-header",filterIcon:"p-picklist-filter-icon",filter:"p-picklist-filter",filterInput:"p-picklist-filter-input p-inputtext p-component",filterContainer:"p-picklist-filter-container",list:"p-picklist-list",listWrapper:"p-picklist-list-wrapper",item:function(e){return o.classNames("p-picklist-item",{"p-highlight":e.subProps.selected})},controls:"p-picklist-buttons"},styles:"\n@layer primereact {\n    .p-picklist {\n        display: flex;\n    }\n    \n    .p-picklist-buttons {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    \n    .p-picklist-list-wrapper {\n        flex: 1 1 50%;\n    }\n    \n    .p-picklist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n    \n    .p-picklist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-picklist-filter {\n        position: relative;\n    }\n    \n    .p-picklist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-picklist-filter-input {\n        width: 100%;\n    }\n}\n"}});function C(e){if(Array.isArray(e))return S(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e){return C(e)||O(e)||E(e)||j()}var D=y.memo((function(e){var t=e.ptm,n=e.cx,r=e.unstyled,u=e.moveUpIcon||y.createElement(s.AngleUpIcon,null),p=e.moveTopIcon||y.createElement(a.AngleDoubleUpIcon,null),m=e.moveDownIcon||y.createElement(c.AngleDownIcon,null),f=e.moveBottomIcon||y.createElement(i.AngleDoubleDownIcon,null),v=!e.selection||!e.selection.length,g=o.mergeProps({className:o.classNames(e.className,n("controls"))},t("controls",{hostName:e.hostName}));return y.createElement("div",g,y.createElement(l.Button,{disabled:v,type:"button",icon:u,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=x(e.list),l=0;l<n.length;l++){var i=o.ObjectUtils.findIndexInList(n[l],r,e.dataKey);if(0===i)break;var a=r[i-1];r[i-1]=r[i],r[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}},pt:t("moveUpButton"),unstyled:r,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:v,type:"button",icon:p,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=x(e.list),l=0;l<n.length;l++){var i=o.ObjectUtils.findIndexInList(n[l],r,e.dataKey);if(0===i)break;var a=r.splice(i,1)[0];r.unshift(a)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}},pt:t("moveTopButton"),unstyled:r,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:v,type:"button",icon:m,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=x(e.list),l=n.length-1;l>=0;l--){var i=o.ObjectUtils.findIndexInList(n[l],r,e.dataKey);if(i===r.length-1)break;var a=r[i+1];r[i+1]=r[i],r[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}},pt:t("moveDownButton"),unstyled:r,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:v,type:"button",icon:f,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=x(e.list),l=n.length-1;l>=0;l--){var i=o.ObjectUtils.findIndexInList(n[l],r,e.dataKey);if(i===r.length-1)break;var a=r.splice(i,1)[0];r.push(a)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}},pt:t("moveBottomButton"),unstyled:r,__parentMetadata:{parent:e.metaData}}))}));function P(e){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P(e)}function A(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function U(e){var t=A(e,"string");return"symbol"===P(t)?t:String(t)}D.displayName="PickListControls";var L=y.memo((function(e){var t=e.ptm,n=e.cx,r=e.template?e.template(e.value):e.value,l=o.mergeProps({className:o.classNames(e.className,n("item",{subProps:e})),onClick:function(t){e.onClick&&e.onClick({originalEvent:t,value:e.value})},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,value:e.value})},tabIndex:e.tabIndex,role:"option","aria-selected":e.selected},t("item",{hostName:e.hostName,context:{selected:e.selected}}));return y.createElement("li",l,r,y.createElement(p.Ripple,null))}));function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=U(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}L.displayName="PickListItem";var M=y.memo(y.forwardRef((function(e,t){var n=y.useRef(null),r=e.ptm,l=e.cx,i=function(t,n){return r(t,K({hostName:e.hostName},n))},a=function(t){var n=t.originalEvent,r=t.value,l=x(e.selection),i=o.ObjectUtils.findIndexInList(r,l,e.dataKey),a=-1!==i;if(e.metaKeySelection){var c=n.metaKey||n.ctrlKey;a&&c?l.splice(i,1):(c||(l.length=0),l.push(r))}else a?l.splice(i,1):l.push(r);e.onSelectionChange&&e.onSelectionChange({event:n,value:l})},c=function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=s(n);r&&r.focus(),t.preventDefault();break;case 38:var o=p(n);o&&o.focus(),t.preventDefault();break;case 13:a(e),t.preventDefault()}},s=function e(t){var n=t.nextElementSibling;return n?o.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},p=function e(t){var n=t.previousElementSibling;return n?o.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},m=function(t){return-1!==o.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},f=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value,type:e.type})},v=function(e){13===e.which&&e.preventDefault()};y.useImperativeHandle(t,(function(){return{listElementRef:n}}));var g,d,b,h=(g=o.mergeProps({className:l("header")},i("header")),e.header?y.createElement("div",g,o.ObjectUtils.getJSXElement(e.header,e)):null),I=function(){var t=o.mergeProps({className:l("filterIcon")},i("filterIcon")),n=o.IconUtils.getJSXIcon("source"===e.type?e.sourceFilterIcon||y.createElement(u.SearchIcon,t):e.targetFilterIcon||y.createElement(u.SearchIcon,t),K({},t),{props:e});if(e.showFilter){var r=o.mergeProps({className:l("filter")},i("filter")),a=o.mergeProps({type:"text",value:e.filterValue,onChange:f,onKeyDown:v,placeholder:e.placeholder,className:l("filterInput")},i("filterInput")),c=y.createElement("div",r,y.createElement("input",a),y.createElement("span",null," ",n," "));if(e.filterTemplate)c=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-picklist-filter",inputProps:{className:"p-picklist-filter-input p-inputtext p-component",onChange:f,onKeyDown:v},iconClassName:"p-picklist-filter-icon",element:c,props:e});var s=o.mergeProps({className:l("filterContainer")},i("filterContainer"));return y.createElement("div",s,c)}return null}(),T=(d=e.list?e.list.map((function(t){var n=JSON.stringify(t),o=m(t);return y.createElement(L,{hostName:e.hostName,key:n,value:t,template:e.itemTemplate,selected:o,onClick:a,onKeyDown:c,tabIndex:e.tabIndex,ptm:r,cx:l})})):null,b=o.mergeProps({className:o.classNames(e.listClassName,l("list")),role:"listbox","aria-multiselectable":!0,style:e.style},i("list")),y.createElement("ul",b,d)),S=o.mergeProps({className:o.classNames(e.className,l("listWrapper")),ref:n},i("listWrapper"));return y.createElement("div",S,h,I,T)})));M.displayName="PickListSubList";var B=y.memo((function(e){var t=r.useMatchMedia("(max-width: ".concat(e.breakpoint,")"),e.breakpoint),n=e.ptm,u=e.cx,p=e.unstyled;function d(n){switch(n){case"moveToTargetIcon":return e.moveToTargetIcon||t?e.moveToTargetIcon||y.createElement(c.AngleDownIcon,null):e.moveToTargetIcon||y.createElement(g.AngleRightIcon,null);case"moveAllToTargetIcon":return e.moveAllToTargetIcon||t?e.moveAllToTargetIcon||y.createElement(i.AngleDoubleDownIcon,null):e.moveAllToTargetIcon||y.createElement(f.AngleDoubleRightIcon,null);case"moveToSourceIcon":return e.moveToSourceIcon||t?e.moveToSourceIcon||y.createElement(s.AngleUpIcon,null):e.moveToSourceIcon||y.createElement(v.AngleLeftIcon,null);case"moveAllToSourceIcon":return e.moveAllToSourceIcon||t?e.moveAllToSourceIcon||y.createElement(a.AngleDoubleUpIcon,null):e.moveAllToSourceIcon||y.createElement(m.AngleDoubleLeftIcon,null);default:return null}}var b=o.IconUtils.getJSXIcon(d("moveToTargetIcon"),void 0,{props:e,viewChanged:t}),h=o.IconUtils.getJSXIcon(d("moveAllToTargetIcon"),void 0,{props:e,viewChanged:t}),I=o.IconUtils.getJSXIcon(d("moveToSourceIcon"),void 0,{props:e,viewChanged:t}),T=o.IconUtils.getJSXIcon(d("moveAllToSourceIcon"),void 0,{props:e,viewChanged:t}),S=o.ObjectUtils.isEmpty(e.sourceSelection)||o.ObjectUtils.isEmpty(e.visibleSourceList),E=o.ObjectUtils.isEmpty(e.targetSelection)||o.ObjectUtils.isEmpty(e.visibleTargetList),k=o.ObjectUtils.isEmpty(e.visibleSourceList),w=o.ObjectUtils.isEmpty(e.visibleTargetList),N=o.mergeProps({className:o.classNames(e.className,u("buttons"))},n("buttons",{hostName:e.hostName}));return y.createElement("div",N,y.createElement(l.Button,{disabled:S,type:"button",icon:b,onClick:function(t){var n=e.sourceSelection;if(o.ObjectUtils.isNotEmpty(n)){for(var r=x(e.target),l=x(e.source),i=0;i<n.length;i++){var a=n[i];-1===o.ObjectUtils.findIndexInList(a,r,e.dataKey)&&r.push(l.splice(o.ObjectUtils.findIndexInList(a,l,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:r,direction:"toTarget"})}},pt:n("moveToTargetButton"),unstyled:p,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:k,type:"button",icon:h,onClick:function(t){if(e.source){var n=[].concat(x(e.target),x(e.visibleSourceList)),r=e.source.filter((function(t){return!e.visibleSourceList.some((function(e){return e===t}))}));e.onTransfer&&e.onTransfer({originalEvent:t,source:r,target:n,direction:"allToTarget"})}},pt:n("moveAllToTargetButton"),unstyled:p,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:E,type:"button",icon:I,onClick:function(t){var n=e.targetSelection;if(o.ObjectUtils.isNotEmpty(n)){for(var r=x(e.target),l=x(e.source),i=0;i<n.length;i++){var a=n[i];-1===o.ObjectUtils.findIndexInList(a,l,e.dataKey)&&l.push(r.splice(o.ObjectUtils.findIndexInList(a,r,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:r,direction:"toSource"})}},pt:n("moveToSourceButton"),unstyled:p,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:w,type:"button",icon:T,onClick:function(t){if(e.source){var n=[].concat(x(e.source),x(e.visibleTargetList)),r=e.target.filter((function(t){return!e.visibleTargetList.some((function(e){return e===t}))}));e.onTransfer&&e.onTransfer({originalEvent:t,source:n,target:r,direction:"allToSource"})}},pt:n("moveAllToSourceButton"),unstyled:p,__parentMetadata:{parent:e.metaData}}))}));B.displayName="PickListTransferControls";var R=y.memo(y.forwardRef((function(e,l){var i=y.useContext(t.PrimeReactContext),a=N.getProps(e,i),c=w(y.useState([]),2),s=c[0],u=c[1],p=w(y.useState([]),2),m=p[0],f=p[1],v=w(y.useState(""),2),g=v[0],d=v[1],b=w(y.useState(""),2),I=b[0],T=b[1],S=w(y.useState(null),2),E=S[0],k=S[1],C={props:a,state:{sourceSelection:s,targetSelection:m,sourceFilterValue:g,targetFilterValue:I,attributeSelector:E}},O=N.setMetaData(C),j=O.ptm,x=O.cx;n.useHandleStyle(N.css.styles,O.isUnstyled,{name:"picklist"});var P=y.useRef(null),A=y.useRef(null),U=y.useRef(null),L=y.useRef(null),F=y.useRef(null),K=y.useRef(null),R=a.sourceSelection?a.sourceSelection:s,_=a.targetSelection?a.targetSelection:m,q=a.onSourceFilterChange?a.sourceFilterValue:g,H=a.onTargetFilterChange?a.targetFilterValue:I,V=o.ObjectUtils.isNotEmpty(a.filterBy),J=V&&a.showSourceFilter,X=V&&a.showTargetFilter,W=function(e,t){if(e){var n=o.DomHandler.findSingle(e,'[data-pc-section="list"]');switch(t){case"up":Y(n,-1);break;case"top":n.scrollTop=0;break;case"down":Y(n,1);break;case"bottom":setTimeout((function(){return n.scrollTop=n.scrollHeight}),100)}}},z=function(e,t,n){a.onChange&&a.onChange({originalEvent:e.originalEvent,source:t,target:n})},Y=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.getElementsByClassName("p-highlight");o.ObjectUtils.isNotEmpty(n)&&o.DomHandler.scrollInView(e,-1===t?n[0]:n[n.length-1])},$=function(e,t,n){"sourceSelection"===t?u(e.value):f(e.value),n&&n(e),o.ObjectUtils.isNotEmpty(R)&&"targetSelection"===t?u([]):o.ObjectUtils.isNotEmpty(_)&&"sourceSelection"===t&&f([])},G=function(e){var t=e.originalEvent,n=e.value,r=w("source"===e.type?[d,a.onSourceFilterChange]:[T,a.onTargetFilterChange],2),o=r[0],l=r[1];l?l({originalEvent:t,value:n}):o(n)},Q=function(e,t){var n=w("source"===t?[q,Z]:[H,ee],2),r=n[0],l=n[1];return V&&o.ObjectUtils.isNotEmpty(r)?l(r):e},Z=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(a.filterLocale);return te(a.source,e)},ee=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(a.filterLocale);return te(a.target,e)},te=function(e,n){var r=V?a.filterBy.split(","):[];return t.FilterService.filter(e,r,n,a.filterMatchMode,a.filterLocale)},ne=function(){if(!K.current){K.current=o.DomHandler.createInlineStyle(i&&i.nonce||h.default.nonce);var e="\n@media screen and (max-width: ".concat(a.breakpoint,") {\n    .p-picklist[").concat(E,"] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(E,"] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(E,"] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(E,"] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");K.current.innerHTML=e}};y.useImperativeHandle(l,(function(){return{props:a,getElement:function(){return P.current}}})),r.useMountEffect((function(){!E&&k(o.UniqueComponentId())})),r.useUpdateEffect((function(){return E&&(P.current.setAttribute(E,""),ne()),function(){K.current=o.DomHandler.removeInlineStyle(K.current)}}),[E,a.breakpoint]),r.useUpdateEffect((function(){L.current&&(W(L.current,F.current),L.current=null,F.current=null)}));var re=a.sourceItemTemplate?a.sourceItemTemplate:a.itemTemplate,oe=a.targetItemTemplate?a.targetItemTemplate:a.itemTemplate,le=Q(a.source,"source"),ie=Q(a.target,"target"),ae=o.mergeProps({id:a.id,ref:P,className:o.classNames(a.className,x("root")),style:a.style},N.getOtherProps(a),j("root"));return y.createElement("div",ae,a.showSourceControls&&y.createElement(D,{hostName:"PickList",list:a.source,selection:R,onReorder:function(e){z(e,e.value,a.target),L.current=A.current.listElementRef.current,F.current=e.direction},className:"p-picklist-source-controls",dataKey:a.dataKey,moveUpIcon:a.moveUpIcon,moveTopIcon:a.moveTopIcon,moveDownIcon:a.moveDownIcon,moveBottomIcon:a.moveBottomIcon,ptm:j,cx:x,unstyled:a.unstyled,metaData:C}),y.createElement(M,{hostName:"PickList",ref:A,type:"source",list:le,selection:R,onSelectionChange:function(e){return $(e,"sourceSelection",a.onSourceSelectionChange)},itemTemplate:re,header:a.sourceHeader,style:a.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:a.metaKeySelection,tabIndex:a.tabIndex,dataKey:a.dataKey,filterValue:q,onFilter:G,showFilter:J,placeholder:a.sourceFilterPlaceholder,filterTemplate:a.sourceFilterTemplate,sourceFilterIcon:a.sourceFilterIcon,ptm:j,cx:x}),y.createElement(B,{hostName:"PickList",onTransfer:function(e){var t=e.originalEvent,n=e.source,r=e.target,o=[];switch(e.direction){case"toTarget":o=R,a.onMoveToTarget&&a.onMoveToTarget({originalEvent:t,value:o});break;case"allToTarget":o=a.source,a.onMoveAllToTarget&&a.onMoveAllToTarget({originalEvent:t,value:o}),o=[];break;case"toSource":o=_,a.onMoveToSource&&a.onMoveToSource({originalEvent:t,value:o});break;case"allToSource":o=a.target,a.onMoveAllToSource&&a.onMoveAllToSource({originalEvent:t,value:o}),o=[]}$({originalEvent:t,value:o},"sourceSelection",a.onSourceSelectionChange),$({originalEvent:t,value:o},"targetSelection",a.onTargetSelectionChange),z(e,n,r)},source:a.source,visibleSourceList:le,target:a.target,breakpoint:a.breakpoint,visibleTargetList:ie,sourceSelection:R,targetSelection:_,dataKey:a.dataKey,moveToTargetIcon:a.moveToTargetIcon,moveAllToTargetIcon:a.moveAllToTargetIcon,moveToSourceIcon:a.moveToSourceIcon,moveAllToSourceIcon:a.moveAllToSourceIcon,ptm:j,cx:x,unstyled:a.unstyled,metaData:C}),y.createElement(M,{hostName:"PickList",ref:U,type:"target",list:ie,selection:_,onSelectionChange:function(e){return $(e,"targetSelection",a.onTargetSelectionChange)},itemTemplate:oe,header:a.targetHeader,style:a.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:a.metaKeySelection,tabIndex:a.tabIndex,dataKey:a.dataKey,filterValue:H,onFilter:G,showFilter:X,placeholder:a.targetFilterPlaceholder,filterTemplate:a.targetFilterTemplate,targetFilterIcon:a.targetFilterIcon,ptm:j,cx:x}),a.showTargetControls&&y.createElement(D,{hostName:"PickList",list:a.target,selection:_,onReorder:function(e){z(e,a.source,e.value),L.current=U.current.listElementRef.current,F.current=e.direction},className:"p-picklist-target-controls",dataKey:a.dataKey,moveUpIcon:a.moveUpIcon,moveTopIcon:a.moveTopIcon,moveDownIcon:a.moveDownIcon,moveBottomIcon:a.moveBottomIcon,ptm:j,cx:x,unstyled:a.unstyled,metaData:C}))})));R.displayName="PickList",exports.PickList=R;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/utils"),l=require("primereact/button"),i=require("primereact/icons/angledoubledown"),a=require("primereact/icons/angledoubleup"),c=require("primereact/icons/angledown"),s=require("primereact/icons/angleup"),u=require("primereact/icons/search"),p=require("primereact/ripple"),m=require("primereact/icons/angledoubleleft"),f=require("primereact/icons/angledoubleright"),v=require("primereact/icons/angleleft"),g=require("primereact/icons/angleright");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var y=b(e),h=d(t);function T(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return T(e)||I(e,t)||E(e,t)||k()}var C=n.ComponentBase.extend({defaultProps:{__TYPE:"PickList",id:null,source:null,target:null,sourceHeader:null,targetHeader:null,style:null,className:null,sourceStyle:null,targetStyle:null,sourceSelection:null,targetSelection:null,showSourceControls:!0,showTargetControls:!0,metaKeySelection:!0,filter:!1,filterBy:null,filterMatchMode:"contains",targetFilterIcon:null,sourceFilterIcon:null,moveAllToSourceIcon:null,moveToSourceIcon:null,moveAllToTargetIcon:null,moveToTargetIcon:null,moveBottomIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,filterLocale:void 0,sourceFilterValue:null,targetFilterValue:null,showSourceFilter:!0,showTargetFilter:!0,sourceFilterPlaceholder:null,targetFilterPlaceholder:null,sourceFilterTemplate:null,targetFilterTemplate:null,tabIndex:0,dataKey:null,breakpoint:"960px",itemTemplate:null,sourceItemTemplate:null,targetItemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null,onSourceFilterChange:null,onTargetFilterChange:null,children:void 0},css:{classes:{root:"p-picklist p-component",buttons:"p-picklist-buttons p-picklist-transfer-buttons",header:"p-picklist-header",filterIcon:"p-picklist-filter-icon",filter:"p-picklist-filter",filterInput:"p-picklist-filter-input p-inputtext p-component",filterContainer:"p-picklist-filter-container",list:"p-picklist-list",listWrapper:"p-picklist-list-wrapper",listSourceWrapper:"p-picklist-source-wrapper",listTargetWrapper:"p-picklist-target-wrapper",listSource:"p-picklist-source",listTarget:"p-picklist-target",item:function(e){return o.classNames("p-picklist-item",{"p-highlight":e.subProps.selected})},sourceControls:"p-picklist-source-controls p-picklist-buttons",targetControls:"p-picklist-target-controls p-picklist-buttons"},styles:"\n@layer primereact {\n    .p-picklist {\n        display: flex;\n    }\n    \n    .p-picklist-buttons {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    \n    .p-picklist-list-wrapper {\n        flex: 1 1 50%;\n    }\n    \n    .p-picklist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n    \n    .p-picklist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-picklist-filter {\n        position: relative;\n    }\n    \n    .p-picklist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-picklist-filter-input {\n        width: 100%;\n    }\n}\n"}});function N(e){if(Array.isArray(e))return S(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e){return N(e)||O(e)||E(e)||j()}var D=y.memo((function(e){var t=e.ptm,n=e.cx,r=e.unstyled,u=e.moveUpIcon||y.createElement(s.AngleUpIcon,null),p=e.moveTopIcon||y.createElement(a.AngleDoubleUpIcon,null),m=e.moveDownIcon||y.createElement(c.AngleDownIcon,null),f=e.moveBottomIcon||y.createElement(i.AngleDoubleDownIcon,null),v=!e.selection||!e.selection.length,g=o.mergeProps({className:o.classNames(e.className,n("controls"))},t("controls",{hostName:e.hostName}));return y.createElement("div",g,y.createElement(l.Button,{disabled:v,type:"button",icon:u,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=x(e.list),l=0;l<n.length;l++){var i=o.ObjectUtils.findIndexInList(n[l],r,e.dataKey);if(0===i)break;var a=r[i-1];r[i-1]=r[i],r[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}},pt:t("moveUpButton"),unstyled:r,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:v,type:"button",icon:p,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=x(e.list),l=0;l<n.length;l++){var i=o.ObjectUtils.findIndexInList(n[l],r,e.dataKey);if(0===i)break;var a=r.splice(i,1)[0];r.unshift(a)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}},pt:t("moveTopButton"),unstyled:r,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:v,type:"button",icon:m,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=x(e.list),l=n.length-1;l>=0;l--){var i=o.ObjectUtils.findIndexInList(n[l],r,e.dataKey);if(i===r.length-1)break;var a=r[i+1];r[i+1]=r[i],r[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}},pt:t("moveDownButton"),unstyled:r,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:v,type:"button",icon:f,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=x(e.list),l=n.length-1;l>=0;l--){var i=o.ObjectUtils.findIndexInList(n[l],r,e.dataKey);if(i===r.length-1)break;var a=r.splice(i,1)[0];r.push(a)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}},pt:t("moveBottomButton"),unstyled:r,__parentMetadata:{parent:e.metaData}}))}));function P(e){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P(e)}function A(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function U(e){var t=A(e,"string");return"symbol"===P(t)?t:String(t)}D.displayName="PickListControls";var L=y.memo((function(e){var t=e.ptm,n=e.cx,r=e.template?e.template(e.value):e.value,l=o.mergeProps({className:o.classNames(e.className,n("item",{subProps:e})),onClick:function(t){e.onClick&&e.onClick({originalEvent:t,value:e.value})},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,value:e.value})},tabIndex:e.tabIndex,role:"option","aria-selected":e.selected},t("item",{hostName:e.hostName,context:{selected:e.selected}}));return y.createElement("li",l,r,y.createElement(p.Ripple,null))}));function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=U(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}L.displayName="PickListItem";var M=y.memo(y.forwardRef((function(e,t){var n=y.useRef(null),r=e.ptm,l=e.cx,i=function(t,n){return r(t,K({hostName:e.hostName},n))},a=function(t){var n=t.originalEvent,r=t.value,l=x(e.selection),i=o.ObjectUtils.findIndexInList(r,l,e.dataKey),a=-1!==i;if(e.metaKeySelection){var c=n.metaKey||n.ctrlKey;a&&c?l.splice(i,1):(c||(l.length=0),l.push(r))}else a?l.splice(i,1):l.push(r);e.onSelectionChange&&e.onSelectionChange({event:n,value:l})},c=function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=s(n);r&&r.focus(),t.preventDefault();break;case 38:var o=p(n);o&&o.focus(),t.preventDefault();break;case 13:a(e),t.preventDefault()}},s=function e(t){var n=t.nextElementSibling;return n?o.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},p=function e(t){var n=t.previousElementSibling;return n?o.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},m=function(t){return-1!==o.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},f=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value,type:e.type})},v=function(e){13===e.which&&e.preventDefault()};y.useImperativeHandle(t,(function(){return{listElementRef:n}}));var g,d,b,h=(g=o.mergeProps({className:l("header")},i("header")),e.header?y.createElement("div",g,o.ObjectUtils.getJSXElement(e.header,e)):null),T=function(){var t=o.mergeProps({className:l("filterIcon")},i("filterIcon")),n=o.IconUtils.getJSXIcon("source"===e.type?e.sourceFilterIcon||y.createElement(u.SearchIcon,t):e.targetFilterIcon||y.createElement(u.SearchIcon,t),K({},t),{props:e});if(e.showFilter){var r=o.mergeProps({className:l("filter")},i("filter")),a=o.mergeProps({type:"text",value:e.filterValue,onChange:f,onKeyDown:v,placeholder:e.placeholder,className:l("filterInput")},i("filterInput")),c=y.createElement("div",r,y.createElement("input",a),y.createElement("span",null," ",n," "));if(e.filterTemplate)c=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-picklist-filter",inputProps:{className:"p-picklist-filter-input p-inputtext p-component",onChange:f,onKeyDown:v},iconClassName:"p-picklist-filter-icon",element:c,props:e});var s=o.mergeProps({className:l("filterContainer")},i("filterContainer"));return y.createElement("div",s,c)}return null}(),I=(d=e.list?e.list.map((function(t){var n=JSON.stringify(t),o=m(t);return y.createElement(L,{hostName:e.hostName,key:n,value:t,template:e.itemTemplate,selected:o,onClick:a,onKeyDown:c,tabIndex:e.tabIndex,ptm:r,cx:l})})):null,b=o.mergeProps({className:o.classNames(e.listClassName,l("list")),role:"listbox","aria-multiselectable":!0,style:e.style},i("list")),y.createElement("ul",b,d)),S=o.mergeProps({className:o.classNames(e.className,l("listWrapper")),ref:n},i("listWrapper"));return y.createElement("div",S,h,T,I)})));M.displayName="PickListSubList";var B=y.memo((function(e){var t=r.useMatchMedia("(max-width: ".concat(e.breakpoint,")"),e.breakpoint),n=e.ptm,u=e.cx,p=e.unstyled;function d(n){switch(n){case"moveToTargetIcon":return e.moveToTargetIcon||t?e.moveToTargetIcon||y.createElement(c.AngleDownIcon,null):e.moveToTargetIcon||y.createElement(g.AngleRightIcon,null);case"moveAllToTargetIcon":return e.moveAllToTargetIcon||t?e.moveAllToTargetIcon||y.createElement(i.AngleDoubleDownIcon,null):e.moveAllToTargetIcon||y.createElement(f.AngleDoubleRightIcon,null);case"moveToSourceIcon":return e.moveToSourceIcon||t?e.moveToSourceIcon||y.createElement(s.AngleUpIcon,null):e.moveToSourceIcon||y.createElement(v.AngleLeftIcon,null);case"moveAllToSourceIcon":return e.moveAllToSourceIcon||t?e.moveAllToSourceIcon||y.createElement(a.AngleDoubleUpIcon,null):e.moveAllToSourceIcon||y.createElement(m.AngleDoubleLeftIcon,null);default:return null}}var b=o.IconUtils.getJSXIcon(d("moveToTargetIcon"),void 0,{props:e,viewChanged:t}),h=o.IconUtils.getJSXIcon(d("moveAllToTargetIcon"),void 0,{props:e,viewChanged:t}),T=o.IconUtils.getJSXIcon(d("moveToSourceIcon"),void 0,{props:e,viewChanged:t}),I=o.IconUtils.getJSXIcon(d("moveAllToSourceIcon"),void 0,{props:e,viewChanged:t}),S=o.ObjectUtils.isEmpty(e.sourceSelection)||o.ObjectUtils.isEmpty(e.visibleSourceList),E=o.ObjectUtils.isEmpty(e.targetSelection)||o.ObjectUtils.isEmpty(e.visibleTargetList),k=o.ObjectUtils.isEmpty(e.visibleSourceList),w=o.ObjectUtils.isEmpty(e.visibleTargetList),C=o.mergeProps({className:o.classNames(e.className,u("buttons"))},n("buttons",{hostName:e.hostName}));return y.createElement("div",C,y.createElement(l.Button,{disabled:S,type:"button",icon:b,onClick:function(t){var n=e.sourceSelection;if(o.ObjectUtils.isNotEmpty(n)){for(var r=x(e.target),l=x(e.source),i=0;i<n.length;i++){var a=n[i];-1===o.ObjectUtils.findIndexInList(a,r,e.dataKey)&&r.push(l.splice(o.ObjectUtils.findIndexInList(a,l,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:r,direction:"toTarget"})}},pt:n("moveToTargetButton"),unstyled:p,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:k,type:"button",icon:h,onClick:function(t){if(e.source){var n=[].concat(x(e.target),x(e.visibleSourceList)),r=e.source.filter((function(t){return!e.visibleSourceList.some((function(e){return e===t}))}));e.onTransfer&&e.onTransfer({originalEvent:t,source:r,target:n,direction:"allToTarget"})}},pt:n("moveAllToTargetButton"),unstyled:p,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:E,type:"button",icon:T,onClick:function(t){var n=e.targetSelection;if(o.ObjectUtils.isNotEmpty(n)){for(var r=x(e.target),l=x(e.source),i=0;i<n.length;i++){var a=n[i];-1===o.ObjectUtils.findIndexInList(a,l,e.dataKey)&&l.push(r.splice(o.ObjectUtils.findIndexInList(a,r,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:r,direction:"toSource"})}},pt:n("moveToSourceButton"),unstyled:p,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:w,type:"button",icon:I,onClick:function(t){if(e.source){var n=[].concat(x(e.source),x(e.visibleTargetList)),r=e.target.filter((function(t){return!e.visibleTargetList.some((function(e){return e===t}))}));e.onTransfer&&e.onTransfer({originalEvent:t,source:n,target:r,direction:"allToSource"})}},pt:n("moveAllToSourceButton"),unstyled:p,__parentMetadata:{parent:e.metaData}}))}));B.displayName="PickListTransferControls";var R=y.memo(y.forwardRef((function(e,l){var i=y.useContext(t.PrimeReactContext),a=C.getProps(e,i),c=w(y.useState([]),2),s=c[0],u=c[1],p=w(y.useState([]),2),m=p[0],f=p[1],v=w(y.useState(""),2),g=v[0],d=v[1],b=w(y.useState(""),2),T=b[0],I=b[1],S=w(y.useState(null),2),E=S[0],k=S[1],N={props:a,state:{sourceSelection:s,targetSelection:m,sourceFilterValue:g,targetFilterValue:T,attributeSelector:E}},O=C.setMetaData(N),j=O.ptm,x=O.cx;n.useHandleStyle(C.css.styles,O.isUnstyled,{name:"picklist"});var P=y.useRef(null),A=y.useRef(null),U=y.useRef(null),L=y.useRef(null),F=y.useRef(null),K=y.useRef(null),R=a.sourceSelection?a.sourceSelection:s,_=a.targetSelection?a.targetSelection:m,q=a.onSourceFilterChange?a.sourceFilterValue:g,H=a.onTargetFilterChange?a.targetFilterValue:T,V=o.ObjectUtils.isNotEmpty(a.filterBy),J=V&&a.showSourceFilter,W=V&&a.showTargetFilter,X=function(e,t){if(e){var n=o.DomHandler.findSingle(e,'[data-pc-section="list"]');switch(t){case"up":Y(n,-1);break;case"top":n.scrollTop=0;break;case"down":Y(n,1);break;case"bottom":setTimeout((function(){return n.scrollTop=n.scrollHeight}),100)}}},z=function(e,t,n){a.onChange&&a.onChange({originalEvent:e.originalEvent,source:t,target:n})},Y=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.getElementsByClassName("p-highlight");o.ObjectUtils.isNotEmpty(n)&&o.DomHandler.scrollInView(e,-1===t?n[0]:n[n.length-1])},$=function(e,t,n){"sourceSelection"===t?u(e.value):f(e.value),n&&n(e),o.ObjectUtils.isNotEmpty(R)&&"targetSelection"===t?u([]):o.ObjectUtils.isNotEmpty(_)&&"sourceSelection"===t&&f([])},G=function(e){var t=e.originalEvent,n=e.value,r=w("source"===e.type?[d,a.onSourceFilterChange]:[I,a.onTargetFilterChange],2),o=r[0],l=r[1];l?l({originalEvent:t,value:n}):o(n)},Q=function(e,t){var n=w("source"===t?[q,Z]:[H,ee],2),r=n[0],l=n[1];return V&&o.ObjectUtils.isNotEmpty(r)?l(r):e},Z=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(a.filterLocale);return te(a.source,e)},ee=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(a.filterLocale);return te(a.target,e)},te=function(e,n){var r=V?a.filterBy.split(","):[];return t.FilterService.filter(e,r,n,a.filterMatchMode,a.filterLocale)},ne=function(){if(!K.current){K.current=o.DomHandler.createInlineStyle(i&&i.nonce||h.default.nonce);var e="\n@media screen and (max-width: ".concat(a.breakpoint,") {\n    .p-picklist[").concat(E,"] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(E,"] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(E,"] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(E,"] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");K.current.innerHTML=e}};y.useImperativeHandle(l,(function(){return{props:a,getElement:function(){return P.current}}})),r.useMountEffect((function(){!E&&k(o.UniqueComponentId())})),r.useUpdateEffect((function(){return E&&(P.current.setAttribute(E,""),ne()),function(){K.current=o.DomHandler.removeInlineStyle(K.current)}}),[E,a.breakpoint]),r.useUpdateEffect((function(){L.current&&(X(L.current,F.current),L.current=null,F.current=null)}));var re=a.sourceItemTemplate?a.sourceItemTemplate:a.itemTemplate,oe=a.targetItemTemplate?a.targetItemTemplate:a.itemTemplate,le=Q(a.source,"source"),ie=Q(a.target,"target"),ae=o.mergeProps({id:a.id,ref:P,className:o.classNames(a.className,x("root")),style:a.style},C.getOtherProps(a),j("root"));return y.createElement("div",ae,a.showSourceControls&&y.createElement(D,{hostName:"PickList",list:a.source,selection:R,onReorder:function(e){z(e,e.value,a.target),L.current=A.current.listElementRef.current,F.current=e.direction},className:x("sourceControls"),dataKey:a.dataKey,moveUpIcon:a.moveUpIcon,moveTopIcon:a.moveTopIcon,moveDownIcon:a.moveDownIcon,moveBottomIcon:a.moveBottomIcon,ptm:j,cx:x,unstyled:a.unstyled,metaData:N}),y.createElement(M,{hostName:"PickList",ref:A,type:"source",list:le,selection:R,onSelectionChange:function(e){return $(e,"sourceSelection",a.onSourceSelectionChange)},itemTemplate:re,header:a.sourceHeader,style:a.sourceStyle,className:x("listSourceWrapper"),listClassName:x("listSource"),metaKeySelection:a.metaKeySelection,tabIndex:a.tabIndex,dataKey:a.dataKey,filterValue:q,onFilter:G,showFilter:J,placeholder:a.sourceFilterPlaceholder,filterTemplate:a.sourceFilterTemplate,sourceFilterIcon:a.sourceFilterIcon,ptm:j,cx:x}),y.createElement(B,{hostName:"PickList",onTransfer:function(e){var t=e.originalEvent,n=e.source,r=e.target,o=[];switch(e.direction){case"toTarget":o=R,a.onMoveToTarget&&a.onMoveToTarget({originalEvent:t,value:o});break;case"allToTarget":o=a.source,a.onMoveAllToTarget&&a.onMoveAllToTarget({originalEvent:t,value:o}),o=[];break;case"toSource":o=_,a.onMoveToSource&&a.onMoveToSource({originalEvent:t,value:o});break;case"allToSource":o=a.target,a.onMoveAllToSource&&a.onMoveAllToSource({originalEvent:t,value:o}),o=[]}$({originalEvent:t,value:o},"sourceSelection",a.onSourceSelectionChange),$({originalEvent:t,value:o},"targetSelection",a.onTargetSelectionChange),z(e,n,r)},source:a.source,visibleSourceList:le,target:a.target,breakpoint:a.breakpoint,visibleTargetList:ie,sourceSelection:R,targetSelection:_,dataKey:a.dataKey,moveToTargetIcon:a.moveToTargetIcon,moveAllToTargetIcon:a.moveAllToTargetIcon,moveToSourceIcon:a.moveToSourceIcon,moveAllToSourceIcon:a.moveAllToSourceIcon,ptm:j,cx:x,unstyled:a.unstyled,metaData:N}),y.createElement(M,{hostName:"PickList",ref:U,type:"target",list:ie,selection:_,onSelectionChange:function(e){return $(e,"targetSelection",a.onTargetSelectionChange)},itemTemplate:oe,header:a.targetHeader,style:a.targetStyle,className:x("listTargetWrapper"),listClassName:x("listWrapper"),metaKeySelection:a.metaKeySelection,tabIndex:a.tabIndex,dataKey:a.dataKey,filterValue:H,onFilter:G,showFilter:W,placeholder:a.targetFilterPlaceholder,filterTemplate:a.targetFilterTemplate,targetFilterIcon:a.targetFilterIcon,ptm:j,cx:x}),a.showTargetControls&&y.createElement(D,{hostName:"PickList",list:a.target,selection:_,onReorder:function(e){z(e,a.source,e.value),L.current=U.current.listElementRef.current,F.current=e.direction},className:x("targetControls"),dataKey:a.dataKey,moveUpIcon:a.moveUpIcon,moveTopIcon:a.moveTopIcon,moveDownIcon:a.moveDownIcon,moveBottomIcon:a.moveBottomIcon,ptm:j,cx:x,unstyled:a.unstyled,metaData:N}))})));R.displayName="PickList",exports.PickList=R;

package/picklist/picklist.esm.js

@@ -81,13 +81,18 @@ var classes = {
   filterContainer: 'p-picklist-filter-container',
   list: 'p-picklist-list',
   listWrapper: 'p-picklist-list-wrapper',
+  listSourceWrapper: 'p-picklist-source-wrapper',
+  listTargetWrapper: 'p-picklist-target-wrapper',
+  listSource: 'p-picklist-source',
+  listTarget: 'p-picklist-target',
   item: function item(_ref) {
     var subProps = _ref.subProps;
     return classNames('p-picklist-item', {
       'p-highlight': subProps.selected
     });
   },
-  controls: 'p-picklist-buttons'
+  sourceControls: 'p-picklist-source-controls p-picklist-buttons',
+  targetControls: 'p-picklist-target-controls p-picklist-buttons'
 };
 var styles = "\n@layer primereact {\n    .p-picklist {\n        display: flex;\n    }\n    \n    .p-picklist-buttons {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    \n    .p-picklist-list-wrapper {\n        flex: 1 1 50%;\n    }\n    \n    .p-picklist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n    \n    .p-picklist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-picklist-filter {\n        position: relative;\n    }\n    \n    .p-picklist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-picklist-filter-input {\n        width: 100%;\n    }\n}\n";
 var PickListBase = ComponentBase.extend({
@@ -1017,7 +1022,7 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     list: props.source,
     selection: sourceSelection,
     onReorder: onSourceReorder,
-    className: "p-picklist-source-controls",
+    className: cx('sourceControls'),
     dataKey: props.dataKey,
     moveUpIcon: props.moveUpIcon,
     moveTopIcon: props.moveTopIcon,
@@ -1039,8 +1044,8 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     itemTemplate: sourceItemTemplate,
     header: props.sourceHeader,
     style: props.sourceStyle,
-    className: "p-picklist-source-wrapper",
-    listClassName: "p-picklist-source",
+    className: cx('listSourceWrapper'),
+    listClassName: cx('listSource'),
     metaKeySelection: props.metaKeySelection,
     tabIndex: props.tabIndex,
     dataKey: props.dataKey,
@@ -1083,8 +1088,8 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     itemTemplate: targetItemTemplate,
     header: props.targetHeader,
     style: props.targetStyle,
-    className: "p-picklist-target-wrapper",
-    listClassName: "p-picklist-target",
+    className: cx('listTargetWrapper'),
+    listClassName: cx('listWrapper'),
     metaKeySelection: props.metaKeySelection,
     tabIndex: props.tabIndex,
     dataKey: props.dataKey,
@@ -1101,7 +1106,7 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     list: props.target,
     selection: targetSelection,
     onReorder: onTargetReorder,
-    className: "p-picklist-target-controls",
+    className: cx('targetControls'),
     dataKey: props.dataKey,
     moveUpIcon: props.moveUpIcon,
     moveTopIcon: props.moveTopIcon,