primereact 10.2.1 → 10.3.1

package/password/password.cjs.js

@@ -279,8 +279,13 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   componentbase.useHandleStyle(PasswordBase.css.styles, isUnstyled, {
     name: 'password'
   });
-  hooks.useOnEscapeKey(overlayRef, props.feedback, function (event) {
-    hide();
+  var passwordDisplayOrder = hooks.useDisplayOrder('password', overlayVisibleState);
+  hooks.useGlobalOnEscapeKey({
+    callback: function callback() {
+      hide();
+    },
+    when: overlayVisibleState && props.feedback,
+    priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.PASSWORD, passwordDisplayOrder]
   });
   var _useOverlayListener = hooks.useOverlayListener({
       target: elementRef,

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],M=S(d.useState(!1),2),T=M[0],q=M[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=T?"text":"password",X={props:g,state:{overlayVisible:E,meter:k,infoText:U,focused:H,unmasked:T}},B=j.setMetaData(X),K=B.ptm,V=B.cx;n.useHandleStyle(j.css.styles,B.isUnstyled,{name:"password"}),o.useOnEscapeKey(Z,g.feedback,(function(e){oe()}));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(){q((function(e){return!e}))},re=function(){ee(),x(!0)},oe=function(){x(!1)},le=function(){_.current&&p.DomHandler.alignOverlay(Z.current,_.current.parentElement,g.appendTo||f&&f.appendTo||m.default.appendTo)},ae=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"}),le()},ie=function(){$(),g.onShow&&g.onShow()},se=function(){G()},ue=function(){p.ZIndexUtils.clear(Z.current),g.onHide&&g.onHide()},pe=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.useMountEffect((function(){le()})),o.useUnmountEffect((function(){p.ZIndexUtils.clear(Z.current)}));var ce=p.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":W,"p-inputwrapper-focus":H,"p-input-icon-right":g.toggleMask},g.className),fe=j.getOtherProps(g),de=function(){var e=p.mergeProps(K("hideIcon")),t=p.mergeProps(K("showIcon")),n=p.IconUtils.getJSXIcon(T?g.hideIcon||d.createElement(a.EyeSlashIcon,e):g.showIcon||d.createElement(l.EyeIcon,t),I({},T?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:ce,element:r,props:g});return r}return null}(),me=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:ae,onEntered:ie,onExit:se,onExited:ue},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})}(),ye=p.mergeProps({ref:A,id:g.id,className:V("root",{isFilled:W,focusedState:H}),style:g.style},K("root")),ge=p.mergeProps(I(I({ref:_,id:g.inputId},fe),{},{className:p.classNames(g.inputClassName,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.code;if(g.feedback){var n=null,r=null;switch(pe(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&&"Escape"!==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",ye,d.createElement(i.InputText,ge),de,me)})));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 S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return w(e)||h(e,t)||E(e,t)||S()}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 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 P(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=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)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=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=x(d.useState(!1),2),E=O[0],S=O[1],I=x(d.useState(null),2),N=I[0],k=I[1],R=x(d.useState(b),2),C=R[0],U=R[1],D=x(d.useState(!1),2),H=D[0],L=D[1],T=x(d.useState(!1),2),M=T[0],q=T[1],A=d.useRef(null),_=d.useRef(null),Z=d.useRef(g.inputRef),z=d.useRef(new RegExp(g.mediumRegex)),F=d.useRef(new RegExp(g.strongRegex)),J=M?"text":"password",K={props:g,state:{overlayVisible:E,meter:N,infoText:C,focused:H,unmasked:M}},X=j.setMetaData(K),B=X.ptm,V=X.cx;n.useHandleStyle(j.css.styles,X.isUnstyled,{name:"password"});var G=o.useDisplayOrder("password",E);o.useGlobalOnEscapeKey({callback:function(){le()},when:E&&g.feedback,priority:[o.ESC_KEY_HANDLING_PRIORITIES.PASSWORD,G]});var Y=x(o.useOverlayListener({target:A,overlay:_,listener:function(e,t){t.valid&&le()},when:E}),2),W=Y[0],$=Y[1],Q=Z.current&&Z.current.value,ee=d.useMemo((function(){return p.ObjectUtils.isNotEmpty(g.value)||p.ObjectUtils.isNotEmpty(g.defaultValue)||p.ObjectUtils.isNotEmpty(Q)}),[g.value,g.defaultValue,Q]),te=function(){if(N){var e=null;switch(N.strength){case"weak":e=v;break;case"medium":e=w;break;case"strong":e=h}e&&C!==e&&U(e)}else C!==b&&U(b)},ne=function(e){g.feedback&&s.OverlayService.emit("overlay-click",{originalEvent:e,target:A.current})},re=function(){q((function(e){return!e}))},oe=function(){te(),S(!0)},le=function(){S(!1)},ae=function(){Z.current&&p.DomHandler.alignOverlay(_.current,Z.current.parentElement,g.appendTo||f&&f.appendTo||m.default.appendTo)},ie=function(){p.ZIndexUtils.set("overlay",_.current,f&&f.autoZIndex||m.default.autoZIndex,f&&f.zIndex.overlay||m.default.zIndex.overlay),p.DomHandler.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),ae()},se=function(){W(),g.onShow&&g.onShow()},ue=function(){$()},pe=function(){p.ZIndexUtils.clear(_.current),g.onHide&&g.onHide()},ce=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:re,focus:function(){return p.DomHandler.focus(Z.current)},getElement:function(){return A.current},getOverlay:function(){return _.current},getInput:function(){return Z.current}}})),d.useEffect((function(){p.ObjectUtils.combinedRefs(Z,g.inputRef)}),[Z,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(){!ee&&p.DomHandler.hasClass(A.current,"p-inputwrapper-filled")&&p.DomHandler.removeClass(A.current,"p-inputwrapper-filled")}),[ee]),o.useMountEffect((function(){ae()})),o.useUnmountEffect((function(){p.ZIndexUtils.clear(_.current)}));var fe=p.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":ee,"p-inputwrapper-focus":H,"p-input-icon-right":g.toggleMask},g.className),de=j.getOtherProps(g),me=function(){var e=p.mergeProps(B("hideIcon")),t=p.mergeProps(B("showIcon")),n=p.IconUtils.getJSXIcon(M?g.hideIcon||d.createElement(a.EyeSlashIcon,e):g.showIcon||d.createElement(l.EyeIcon,t),P({},M?e:t),{props:g});if(g.toggleMask){var r=d.createElement("i",{onClick:re}," ",n," ");if(g.icon)r=p.ObjectUtils.getJSXElement(g.icon,{onClick:re,className:fe,element:r,props:g});return r}return null}(),ye=function(){var e=N||{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:ne},B("panel")),i=p.mergeProps({className:V("meter")},B("meter")),s=p.mergeProps({className:V("meterLabel",{strength:t}),style:{width:n}},B("meterLabel")),c=p.mergeProps({className:V("info",{strength:t})},B("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,C)),b=p.mergeProps({classNames:V("transition"),in:E,timeout:{enter:120,exit:100},options:g.transitionOptions,unmountOnExit:!0,onEnter:ie,onEntered:se,onExit:ue,onExited:pe},B("transition")),v=d.createElement(r.CSSTransition,y({nodeRef:_},b),d.createElement("div",y({ref:_},a),o,m,l));return d.createElement(u.Portal,{element:v,appendTo:g.appendTo})}(),ge=p.mergeProps({ref:A,id:g.id,className:V("root",{isFilled:ee,focusedState:H}),style:g.style},B("root")),be=p.mergeProps(P(P({ref:Z,id:g.inputId},de),{},{className:p.classNames(g.inputClassName,V("input")),onBlur:function(e){L(!1),g.feedback&&le(),g.onBlur&&g.onBlur(e)},onFocus:function(e){L(!0),g.feedback&&oe(),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.code;if(g.feedback){var n=null,r=null;switch(ce(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}k(r),U(n),t&&"Escape"!==t&&!E&&oe()}g.onKeyUp&&g.onKeyUp(e)},style:g.inputStyle,tabIndex:g.tabIndex,tooltip:g.tooltip,tooltipOptions:g.tooltipOptions,type:J,value:g.value,__parentMetadata:{parent:K}}),B("input"));return d.createElement("div",ge,d.createElement(i.InputText,be),me,ye)})));N.displayName="Password",exports.Password=N;

package/password/password.d.ts

@@ -215,7 +215,7 @@ export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputH
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
      * @defaultValue document.body
      */
-    appendTo?: 'self' | HTMLElement | undefined | null;
+    appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * Template of panel header if "feedback" is enabled.
      */

package/password/password.esm.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useOnEscapeKey, useOverlayListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
+import { useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useOverlayListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
 import { EyeIcon } from 'primereact/icons/eye';
 import { EyeSlashIcon } from 'primereact/icons/eyeslash';
 import { InputText } from 'primereact/inputtext';
@@ -252,8 +252,13 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   useHandleStyle(PasswordBase.css.styles, isUnstyled, {
     name: 'password'
   });
-  useOnEscapeKey(overlayRef, props.feedback, function (event) {
-    hide();
+  var passwordDisplayOrder = useDisplayOrder('password', overlayVisibleState);
+  useGlobalOnEscapeKey({
+    callback: function callback() {
+      hide();
+    },
+    when: overlayVisibleState && props.feedback,
+    priority: [ESC_KEY_HANDLING_PRIORITIES.PASSWORD, passwordDisplayOrder]
   });
   var _useOverlayListener = useOverlayListener({
       target: elementRef,

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{useOnEscapeKey as l,useOverlayListener as u,useMountEffect as p,useUnmountEffect as s}from"primereact/hooks";import{EyeIcon as c}from"primereact/icons/eye";import{EyeSlashIcon as f}from"primereact/icons/eyeslash";import{InputText as m}from"primereact/inputtext";import{OverlayService as d}from"primereact/overlayservice";import{Portal as y}from"primereact/portal";import{classNames as g,ObjectUtils as b,DomHandler as w,ZIndexUtils as v,mergeProps as h,IconUtils as E}from"primereact/utils";function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},S.apply(this,arguments)}function x(e){return x="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},x(e)}function O(e,t){if("object"!==x(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=O(e,"string");return"symbol"===x(t)?t:String(t)}function I(e){if(Array.isArray(e))return e}function R(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 j(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 N(e,t){if(e){if("string"==typeof e)return j(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)?j(e,t):void 0}}function P(){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 C(e,t){return I(e)||R(e,t)||N(e,t)||P()}var L=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 g("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 g("p-password-input",e.props.inputClassName)},panel:function(e){var n=e.context;return g("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 g("p-password-strength",e.strength)},info:function(e){return g("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 T(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=k(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)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(o,x){var O=e.useContext(n),k=L.getProps(o,O),I=k.promptLabel||r("passwordPrompt"),R=k.weakLabel||r("weak"),j=k.mediumLabel||r("medium"),N=k.strongLabel||r("strong"),P=C(e.useState(!1),2),T=P[0],M=P[1],F=C(e.useState(null),2),z=F[0],D=F[1],J=C(e.useState(I),2),U=J[0],X=J[1],Z=C(e.useState(!1),2),H=Z[0],_=Z[1],B=C(e.useState(!1),2),K=B[0],V=B[1],Y=e.useRef(null),$=e.useRef(null),q=e.useRef(k.inputRef),G=e.useRef(new RegExp(k.mediumRegex)),Q=e.useRef(new RegExp(k.strongRegex)),W=K?"text":"password",ee={props:k,state:{overlayVisible:T,meter:z,infoText:U,focused:H,unmasked:K}},te=L.setMetaData(ee),ne=te.ptm,re=te.cx;i(L.css.styles,te.isUnstyled,{name:"password"}),l($,k.feedback,(function(e){me()}));var oe=C(u({target:Y,overlay:$,listener:function(e,t){t.valid&&me()},when:T}),2),ie=oe[0],ae=oe[1],le=q.current&&q.current.value,ue=e.useMemo((function(){return b.isNotEmpty(k.value)||b.isNotEmpty(k.defaultValue)||b.isNotEmpty(le)}),[k.value,k.defaultValue,le]),pe=function(){if(z){var e=null;switch(z.strength){case"weak":e=R;break;case"medium":e=j;break;case"strong":e=N}e&&U!==e&&X(e)}else U!==I&&X(I)},se=function(e){k.feedback&&d.emit("overlay-click",{originalEvent:e,target:Y.current})},ce=function(){V((function(e){return!e}))},fe=function(){pe(),M(!0)},me=function(){M(!1)},de=function(){q.current&&w.alignOverlay($.current,q.current.parentElement,k.appendTo||O&&O.appendTo||t.appendTo)},ye=function(){v.set("overlay",$.current,O&&O.autoZIndex||t.autoZIndex,O&&O.zIndex.overlay||t.zIndex.overlay),w.addStyles($.current,{position:"absolute",top:"0",left:"0"}),de()},ge=function(){ie(),k.onShow&&k.onShow()},be=function(){ae()},we=function(){v.clear($.current),k.onHide&&k.onHide()},ve=function(e){return Q.current.test(e)?3:G.current.test(e)?2:e.length?1:0};e.useImperativeHandle(x,(function(){return{props:k,toggleMask:ce,focus:function(){return w.focus(q.current)},getElement:function(){return Y.current},getOverlay:function(){return $.current},getInput:function(){return q.current}}})),e.useEffect((function(){b.combinedRefs(q,k.inputRef)}),[q,k.inputRef]),e.useEffect((function(){G.current=new RegExp(k.mediumRegex)}),[k.mediumRegex]),e.useEffect((function(){Q.current=new RegExp(k.strongRegex)}),[k.strongRegex]),e.useEffect((function(){!ue&&w.hasClass(Y.current,"p-inputwrapper-filled")&&w.removeClass(Y.current,"p-inputwrapper-filled")}),[ue]),p((function(){de()})),s((function(){v.clear($.current)}));var he=g("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":ue,"p-inputwrapper-focus":H,"p-input-icon-right":k.toggleMask},k.className),Ee=L.getOtherProps(k),Se=function(){var t=h(ne("hideIcon")),n=h(ne("showIcon")),r=E.getJSXIcon(K?k.hideIcon||e.createElement(f,t):k.showIcon||e.createElement(c,n),A({},K?t:n),{props:k});if(k.toggleMask){var o=e.createElement("i",{onClick:ce}," ",r," ");if(k.icon)o=b.getJSXElement(k.icon,{onClick:ce,className:he,element:o,props:k});return o}return null}(),xe=function(){var t=z||{strength:"",width:"0%"},n=t.strength,r=t.width,o=b.getJSXElement(k.header,k),i=b.getJSXElement(k.footer,k),l=h({className:re("panel",{context:O}),style:k.panelStyle,onClick:se},ne("panel")),u=h({className:re("meter")},ne("meter")),p=h({className:re("meterLabel",{strength:n}),style:{width:r}},ne("meterLabel")),s=h({className:re("info",{strength:n})},ne("info")),c=k.content?b.getJSXElement(k.content,k):e.createElement(e.Fragment,null,e.createElement("div",u,e.createElement("div",p)),e.createElement("div",s,U)),f=h({classNames:re("transition"),in:T,timeout:{enter:120,exit:100},options:k.transitionOptions,unmountOnExit:!0,onEnter:ye,onEntered:ge,onExit:be,onExited:we},ne("transition")),m=e.createElement(a,S({nodeRef:$},f),e.createElement("div",S({ref:$},l),o,c,i));return e.createElement(y,{element:m,appendTo:k.appendTo})}(),Oe=h({ref:Y,id:k.id,className:re("root",{isFilled:ue,focusedState:H}),style:k.style},ne("root")),ke=h(A(A({ref:q,id:k.inputId},Ee),{},{className:g(k.inputClassName,re("input")),onBlur:function(e){_(!1),k.feedback&&me(),k.onBlur&&k.onBlur(e)},onFocus:function(e){_(!0),k.feedback&&fe(),k.onFocus&&k.onFocus(e)},onInput:function(e,t){k.onInput&&k.onInput(e,t),k.onChange||(b.isNotEmpty(e.target.value)?w.addClass(Y.current,"p-inputwrapper-filled"):w.removeClass(Y.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;if(k.feedback){var n=null,r=null;switch(ve(e.target.value)){case 1:n=R,r={strength:"weak",width:"33.33%"};break;case 2:n=j,r={strength:"medium",width:"66.66%"};break;case 3:n=N,r={strength:"strong",width:"100%"};break;default:n=I,r=null}D(r),X(n),t&&"Escape"!==t&&!T&&fe()}k.onKeyUp&&k.onKeyUp(e)},style:k.inputStyle,tabIndex:k.tabIndex,tooltip:k.tooltip,tooltipOptions:k.tooltipOptions,type:W,value:k.value,__parentMetadata:{parent:ee}}),ne("input"));return e.createElement("div",Oe,e.createElement(m,ke),Se,xe)})));M.displayName="Password";export{M 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{useDisplayOrder as l,useGlobalOnEscapeKey as u,ESC_KEY_HANDLING_PRIORITIES as p,useOverlayListener as s,useMountEffect as c,useUnmountEffect as f}from"primereact/hooks";import{EyeIcon as m}from"primereact/icons/eye";import{EyeSlashIcon as d}from"primereact/icons/eyeslash";import{InputText as y}from"primereact/inputtext";import{OverlayService as g}from"primereact/overlayservice";import{Portal as b}from"primereact/portal";import{classNames as w,ObjectUtils as v,DomHandler as h,ZIndexUtils as E,mergeProps as S,IconUtils as x}from"primereact/utils";function O(){return O=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},O.apply(this,arguments)}function k(e){return k="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},k(e)}function I(e,t){if("object"!==k(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function R(e){var t=I(e,"string");return"symbol"===k(t)?t:String(t)}function j(e){if(Array.isArray(e))return e}function N(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 P(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function C(e,t){if(e){if("string"==typeof e)return P(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?P(e,t):void 0}}function L(){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 A(e,t){return j(e)||N(e,t)||C(e,t)||L()}var T=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 w("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 w("p-password-input",e.props.inputClassName)},panel:function(e){var n=e.context;return w("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 w("p-password-strength",e.strength)},info:function(e){return w("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 M(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=R(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)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=e.memo(e.forwardRef((function(o,k){var I=e.useContext(n),R=T.getProps(o,I),j=R.promptLabel||r("passwordPrompt"),N=R.weakLabel||r("weak"),P=R.mediumLabel||r("medium"),C=R.strongLabel||r("strong"),L=A(e.useState(!1),2),M=L[0],F=L[1],z=A(e.useState(null),2),J=z[0],U=z[1],X=A(e.useState(j),2),Z=X[0],H=X[1],_=A(e.useState(!1),2),B=_[0],K=_[1],V=A(e.useState(!1),2),W=V[0],Y=V[1],$=e.useRef(null),q=e.useRef(null),G=e.useRef(R.inputRef),Q=e.useRef(new RegExp(R.mediumRegex)),ee=e.useRef(new RegExp(R.strongRegex)),te=W?"text":"password",ne={props:R,state:{overlayVisible:M,meter:J,infoText:Z,focused:B,unmasked:W}},re=T.setMetaData(ne),oe=re.ptm,ie=re.cx;i(T.css.styles,re.isUnstyled,{name:"password"});var ae=l("password",M);u({callback:function(){ge()},when:M&&R.feedback,priority:[p.PASSWORD,ae]});var le=A(s({target:$,overlay:q,listener:function(e,t){t.valid&&ge()},when:M}),2),ue=le[0],pe=le[1],se=G.current&&G.current.value,ce=e.useMemo((function(){return v.isNotEmpty(R.value)||v.isNotEmpty(R.defaultValue)||v.isNotEmpty(se)}),[R.value,R.defaultValue,se]),fe=function(){if(J){var e=null;switch(J.strength){case"weak":e=N;break;case"medium":e=P;break;case"strong":e=C}e&&Z!==e&&H(e)}else Z!==j&&H(j)},me=function(e){R.feedback&&g.emit("overlay-click",{originalEvent:e,target:$.current})},de=function(){Y((function(e){return!e}))},ye=function(){fe(),F(!0)},ge=function(){F(!1)},be=function(){G.current&&h.alignOverlay(q.current,G.current.parentElement,R.appendTo||I&&I.appendTo||t.appendTo)},we=function(){E.set("overlay",q.current,I&&I.autoZIndex||t.autoZIndex,I&&I.zIndex.overlay||t.zIndex.overlay),h.addStyles(q.current,{position:"absolute",top:"0",left:"0"}),be()},ve=function(){ue(),R.onShow&&R.onShow()},he=function(){pe()},Ee=function(){E.clear(q.current),R.onHide&&R.onHide()},Se=function(e){return ee.current.test(e)?3:Q.current.test(e)?2:e.length?1:0};e.useImperativeHandle(k,(function(){return{props:R,toggleMask:de,focus:function(){return h.focus(G.current)},getElement:function(){return $.current},getOverlay:function(){return q.current},getInput:function(){return G.current}}})),e.useEffect((function(){v.combinedRefs(G,R.inputRef)}),[G,R.inputRef]),e.useEffect((function(){Q.current=new RegExp(R.mediumRegex)}),[R.mediumRegex]),e.useEffect((function(){ee.current=new RegExp(R.strongRegex)}),[R.strongRegex]),e.useEffect((function(){!ce&&h.hasClass($.current,"p-inputwrapper-filled")&&h.removeClass($.current,"p-inputwrapper-filled")}),[ce]),c((function(){be()})),f((function(){E.clear(q.current)}));var xe=w("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":ce,"p-inputwrapper-focus":B,"p-input-icon-right":R.toggleMask},R.className),Oe=T.getOtherProps(R),ke=function(){var t=S(oe("hideIcon")),n=S(oe("showIcon")),r=x.getJSXIcon(W?R.hideIcon||e.createElement(d,t):R.showIcon||e.createElement(m,n),D({},W?t:n),{props:R});if(R.toggleMask){var o=e.createElement("i",{onClick:de}," ",r," ");if(R.icon)o=v.getJSXElement(R.icon,{onClick:de,className:xe,element:o,props:R});return o}return null}(),Ie=function(){var t=J||{strength:"",width:"0%"},n=t.strength,r=t.width,o=v.getJSXElement(R.header,R),i=v.getJSXElement(R.footer,R),l=S({className:ie("panel",{context:I}),style:R.panelStyle,onClick:me},oe("panel")),u=S({className:ie("meter")},oe("meter")),p=S({className:ie("meterLabel",{strength:n}),style:{width:r}},oe("meterLabel")),s=S({className:ie("info",{strength:n})},oe("info")),c=R.content?v.getJSXElement(R.content,R):e.createElement(e.Fragment,null,e.createElement("div",u,e.createElement("div",p)),e.createElement("div",s,Z)),f=S({classNames:ie("transition"),in:M,timeout:{enter:120,exit:100},options:R.transitionOptions,unmountOnExit:!0,onEnter:we,onEntered:ve,onExit:he,onExited:Ee},oe("transition")),m=e.createElement(a,O({nodeRef:q},f),e.createElement("div",O({ref:q},l),o,c,i));return e.createElement(b,{element:m,appendTo:R.appendTo})}(),Re=S({ref:$,id:R.id,className:ie("root",{isFilled:ce,focusedState:B}),style:R.style},oe("root")),je=S(D(D({ref:G,id:R.inputId},Oe),{},{className:w(R.inputClassName,ie("input")),onBlur:function(e){K(!1),R.feedback&&ge(),R.onBlur&&R.onBlur(e)},onFocus:function(e){K(!0),R.feedback&&ye(),R.onFocus&&R.onFocus(e)},onInput:function(e,t){R.onInput&&R.onInput(e,t),R.onChange||(v.isNotEmpty(e.target.value)?h.addClass($.current,"p-inputwrapper-filled"):h.removeClass($.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;if(R.feedback){var n=null,r=null;switch(Se(e.target.value)){case 1:n=N,r={strength:"weak",width:"33.33%"};break;case 2:n=P,r={strength:"medium",width:"66.66%"};break;case 3:n=C,r={strength:"strong",width:"100%"};break;default:n=j,r=null}U(r),H(n),t&&"Escape"!==t&&!M&&ye()}R.onKeyUp&&R.onKeyUp(e)},style:R.inputStyle,tabIndex:R.tabIndex,tooltip:R.tooltip,tooltipOptions:R.tooltipOptions,type:te,value:R.value,__parentMetadata:{parent:ne}}),oe("input"));return e.createElement("div",Re,e.createElement(y,je),ke,Ie)})));F.displayName="Password";export{F as Password};

package/password/password.js

@@ -266,8 +266,13 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
     componentbase.useHandleStyle(PasswordBase.css.styles, isUnstyled, {
       name: 'password'
     });
-    hooks.useOnEscapeKey(overlayRef, props.feedback, function (event) {
-      hide();
+    var passwordDisplayOrder = hooks.useDisplayOrder('password', overlayVisibleState);
+    hooks.useGlobalOnEscapeKey({
+      callback: function callback() {
+        hide();
+      },
+      when: overlayVisibleState && props.feedback,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.PASSWORD, passwordDisplayOrder]
     });
     var _useOverlayListener = hooks.useOverlayListener({
         target: elementRef,

package/password/password.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.password=function(e,t,n,r,o,a,l,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,a,l,i=[],s=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.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&&(l=n.return(),Object(l)!==l))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,a;r=e,a=n[t],(o=w(o=t))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):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],M=j(m.useState(!1),2),T=M[0],A=M[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=T?"text":"password",B={props:d,state:{overlayVisible:E,meter:I,infoText:U,focused:H,unmasked:T}},K=P.setMetaData(B),V=K.ptm,Y=K.cx;r.useHandleStyle(P.css.styles,K.isUnstyled,{name:"password"}),a.useOnEscapeKey(_,d.feedback,(function(e){oe()}));var $=j(a.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)},ae=function(){z.current&&c.DomHandler.alignOverlay(_.current,z.current.parentElement,d.appendTo||f&&f.appendTo||y.default.appendTo)},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"}),ae()},ie=function(){q(),d.onShow&&d.onShow()},se=function(){G()},ue=function(){c.ZIndexUtils.clear(_.current),d.onHide&&d.onHide()},pe=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]),a.useMountEffect((function(){ae()})),a.useUnmountEffect((function(){c.ZIndexUtils.clear(_.current)}));var ce=c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":W,"p-inputwrapper-focus":H,"p-input-icon-right":d.toggleMask},d.className),fe=P.getOtherProps(d),de=function(){var e=c.mergeProps(V("hideIcon")),t=c.mergeProps(V("showIcon")),n=c.IconUtils.getJSXIcon(T?d.hideIcon||m.createElement(i.EyeSlashIcon,e):d.showIcon||m.createElement(l.EyeIcon,t),k({},T?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:ce,element:r,props:d});return r}return null}(),me=function(){var e=I||{strength:"",width:"0%"},t=e.strength,n=e.width,r=c.ObjectUtils.getJSXElement(d.header,d),a=c.ObjectUtils.getJSXElement(d.footer,d),l=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:ie,onExit:se,onExited:ue},V("transition")),v=m.createElement(o.CSSTransition,g({nodeRef:_},b),m.createElement("div",g({ref:_},l),r,y,a));return m.createElement(p.Portal,{element:v,appendTo:d.appendTo})}(),ye=c.mergeProps({ref:Z,id:d.id,className:Y("root",{isFilled:W,focusedState:H}),style:d.style},V("root")),ge=c.mergeProps(k(k({ref:z,id:d.inputId},fe),{},{className:c.classNames(d.inputClassName,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.code;if(d.feedback){var n=null,r=null;switch(pe(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&&"Escape"!==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",ye,m.createElement(s.InputText,ge),de,me)})));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,a,l,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,a,l,i=[],s=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.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&&(l=n.return(),Object(l)!==l))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 I=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 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 N(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,a;r=e,a=n[t],(o=w(o=t))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):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=m.memo(m.forwardRef((function(e,t){var f=m.useContext(n.PrimeReactContext),d=I.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),P=x[0],k=x[1],R=j(m.useState(b),2),C=R[0],U=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],_=m.useRef(null),Z=m.useRef(null),z=m.useRef(d.inputRef),F=m.useRef(new RegExp(d.mediumRegex)),J=m.useRef(new RegExp(d.strongRegex)),K=M?"text":"password",X={props:d,state:{overlayVisible:E,meter:P,infoText:C,focused:H,unmasked:M}},B=I.setMetaData(X),V=B.ptm,G=B.cx;r.useHandleStyle(I.css.styles,B.isUnstyled,{name:"password"});var Y=a.useDisplayOrder("password",E);a.useGlobalOnEscapeKey({callback:function(){ae()},when:E&&d.feedback,priority:[a.ESC_KEY_HANDLING_PRIORITIES.PASSWORD,Y]});var W=j(a.useOverlayListener({target:_,overlay:Z,listener:function(e,t){t.valid&&ae()},when:E}),2),$=W[0],q=W[1],Q=z.current&&z.current.value,ee=m.useMemo((function(){return c.ObjectUtils.isNotEmpty(d.value)||c.ObjectUtils.isNotEmpty(d.defaultValue)||c.ObjectUtils.isNotEmpty(Q)}),[d.value,d.defaultValue,Q]),te=function(){if(P){var e=null;switch(P.strength){case"weak":e=v;break;case"medium":e=w;break;case"strong":e=h}e&&C!==e&&U(e)}else C!==b&&U(b)},ne=function(e){d.feedback&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:_.current})},re=function(){A((function(e){return!e}))},oe=function(){te(),S(!0)},ae=function(){S(!1)},le=function(){z.current&&c.DomHandler.alignOverlay(Z.current,z.current.parentElement,d.appendTo||f&&f.appendTo||y.default.appendTo)},ie=function(){c.ZIndexUtils.set("overlay",Z.current,f&&f.autoZIndex||y.default.autoZIndex,f&&f.zIndex.overlay||y.default.zIndex.overlay),c.DomHandler.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),le()},se=function(){$(),d.onShow&&d.onShow()},ue=function(){q()},pe=function(){c.ZIndexUtils.clear(Z.current),d.onHide&&d.onHide()},ce=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:re,focus:function(){return c.DomHandler.focus(z.current)},getElement:function(){return _.current},getOverlay:function(){return Z.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(){!ee&&c.DomHandler.hasClass(_.current,"p-inputwrapper-filled")&&c.DomHandler.removeClass(_.current,"p-inputwrapper-filled")}),[ee]),a.useMountEffect((function(){le()})),a.useUnmountEffect((function(){c.ZIndexUtils.clear(Z.current)}));var fe=c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":ee,"p-inputwrapper-focus":H,"p-input-icon-right":d.toggleMask},d.className),de=I.getOtherProps(d),me=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(l.EyeIcon,t),N({},M?e:t),{props:d});if(d.toggleMask){var r=m.createElement("i",{onClick:re}," ",n," ");if(d.icon)r=c.ObjectUtils.getJSXElement(d.icon,{onClick:re,className:fe,element:r,props:d});return r}return null}(),ye=function(){var e=P||{strength:"",width:"0%"},t=e.strength,n=e.width,r=c.ObjectUtils.getJSXElement(d.header,d),a=c.ObjectUtils.getJSXElement(d.footer,d),l=c.mergeProps({className:G("panel",{context:f}),style:d.panelStyle,onClick:ne},V("panel")),i=c.mergeProps({className:G("meter")},V("meter")),s=c.mergeProps({className:G("meterLabel",{strength:t}),style:{width:n}},V("meterLabel")),u=c.mergeProps({className:G("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,C)),b=c.mergeProps({classNames:G("transition"),in:E,timeout:{enter:120,exit:100},options:d.transitionOptions,unmountOnExit:!0,onEnter:ie,onEntered:se,onExit:ue,onExited:pe},V("transition")),v=m.createElement(o.CSSTransition,g({nodeRef:Z},b),m.createElement("div",g({ref:Z},l),r,y,a));return m.createElement(p.Portal,{element:v,appendTo:d.appendTo})}(),ge=c.mergeProps({ref:_,id:d.id,className:G("root",{isFilled:ee,focusedState:H}),style:d.style},V("root")),be=c.mergeProps(N(N({ref:z,id:d.inputId},de),{},{className:c.classNames(d.inputClassName,G("input")),onBlur:function(e){L(!1),d.feedback&&ae(),d.onBlur&&d.onBlur(e)},onFocus:function(e){L(!0),d.feedback&&oe(),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(_.current,"p-inputwrapper-filled"):c.DomHandler.removeClass(_.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;if(d.feedback){var n=null,r=null;switch(ce(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}k(r),U(n),t&&"Escape"!==t&&!E&&oe()}d.onKeyUp&&d.onKeyUp(e)},style:d.inputStyle,tabIndex:d.tabIndex,tooltip:d.tooltip,tooltipOptions:d.tooltipOptions,type:K,value:d.value,__parentMetadata:{parent:X}}),V("input"));return m.createElement("div",ge,m.createElement(s.InputText,be),me,ye)})));return k.displayName="Password",e.Password=k,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);