primereact 10.3.0 → 10.3.2

package/password/password.cjs.js

@@ -230,6 +230,7 @@ var PasswordBase = componentbase.ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = PasswordBase.getProps(inProps, context);
   var promptLabel = props.promptLabel || PrimeReact.localeOption('passwordPrompt');
@@ -279,8 +280,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 && passwordDisplayOrder,
+    priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.PASSWORD, passwordDisplayOrder]
   });
   var _useOverlayListener = hooks.useOverlayListener({
       target: elementRef,
@@ -473,8 +479,8 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   });
   var createIcon = function createIcon() {
     var icon;
-    var hideIconProps = utils.mergeProps(ptm('hideIcon'));
-    var showIconProps = utils.mergeProps(ptm('showIcon'));
+    var hideIconProps = mergeProps(ptm('hideIcon'));
+    var showIconProps = mergeProps(ptm('showIcon'));
     if (unmaskedState) {
       icon = props.hideIcon || /*#__PURE__*/React__namespace.createElement(eyeslash.EyeSlashIcon, hideIconProps);
     } else {
@@ -509,17 +515,17 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       width = _ref2.width;
     var header = utils.ObjectUtils.getJSXElement(props.header, props);
     var footer = utils.ObjectUtils.getJSXElement(props.footer, props);
-    var panelProps = utils.mergeProps({
+    var panelProps = mergeProps({
       className: cx('panel', {
         context: context
       }),
       style: props.panelStyle,
       onClick: onPanelClick
     }, ptm('panel'));
-    var meterProps = utils.mergeProps({
+    var meterProps = mergeProps({
       className: cx('meter')
     }, ptm('meter'));
-    var meterLabelProps = utils.mergeProps({
+    var meterLabelProps = mergeProps({
       className: cx('meterLabel', {
         strength: strength
       }),
@@ -527,13 +533,13 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         width: width
       }
     }, ptm('meterLabel'));
-    var infoProps = utils.mergeProps({
+    var infoProps = mergeProps({
       className: cx('info', {
         strength: strength
       })
     }, ptm('info'));
     var content = props.content ? utils.ObjectUtils.getJSXElement(props.content, props) : /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", meterProps, /*#__PURE__*/React__namespace.createElement("div", meterLabelProps)), /*#__PURE__*/React__namespace.createElement("div", infoProps, infoTextState));
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       "in": overlayVisibleState,
       timeout: {
@@ -565,7 +571,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var inputProps = PasswordBase.getOtherProps(props);
   var icon = createIcon();
   var panel = createPanel();
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
     className: cx('root', {
@@ -574,11 +580,11 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }),
     style: props.style
   }, ptm('root'));
-  var inputTextProps = utils.mergeProps(_objectSpread(_objectSpread({
+  var inputTextProps = mergeProps(_objectSpread(_objectSpread({
     ref: inputRef,
     id: props.inputId
   }, inputProps), {}, {
-    className: cx('input'),
+    className: utils.classNames(props.inputClassName, cx('input')),
     onBlur: onBlur,
     onFocus: onFocus,
     onInput: onInput,

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

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,13 +3,13 @@ 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 { useMergeProps, 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';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { classNames, ObjectUtils, DomHandler, ZIndexUtils, mergeProps, IconUtils } from 'primereact/utils';
+import { classNames, ObjectUtils, DomHandler, ZIndexUtils, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -203,6 +203,7 @@ var PasswordBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = PasswordBase.getProps(inProps, context);
   var promptLabel = props.promptLabel || localeOption('passwordPrompt');
@@ -252,8 +253,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 && passwordDisplayOrder,
+    priority: [ESC_KEY_HANDLING_PRIORITIES.PASSWORD, passwordDisplayOrder]
   });
   var _useOverlayListener = useOverlayListener({
       target: elementRef,
@@ -551,7 +557,7 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     ref: inputRef,
     id: props.inputId
   }, inputProps), {}, {
-    className: cx('input'),
+    className: classNames(props.inputClassName, cx('input')),
     onBlur: onBlur,
     onFocus: onFocus,
     onInput: onInput,

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

package/password/password.js

@@ -217,6 +217,7 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = PasswordBase.getProps(inProps, context);
     var promptLabel = props.promptLabel || PrimeReact.localeOption('passwordPrompt');
@@ -266,8 +267,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 && passwordDisplayOrder,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.PASSWORD, passwordDisplayOrder]
     });
     var _useOverlayListener = hooks.useOverlayListener({
         target: elementRef,
@@ -460,8 +466,8 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
     });
     var createIcon = function createIcon() {
       var icon;
-      var hideIconProps = utils.mergeProps(ptm('hideIcon'));
-      var showIconProps = utils.mergeProps(ptm('showIcon'));
+      var hideIconProps = mergeProps(ptm('hideIcon'));
+      var showIconProps = mergeProps(ptm('showIcon'));
       if (unmaskedState) {
         icon = props.hideIcon || /*#__PURE__*/React__namespace.createElement(eyeslash.EyeSlashIcon, hideIconProps);
       } else {
@@ -496,17 +502,17 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
         width = _ref2.width;
       var header = utils.ObjectUtils.getJSXElement(props.header, props);
       var footer = utils.ObjectUtils.getJSXElement(props.footer, props);
-      var panelProps = utils.mergeProps({
+      var panelProps = mergeProps({
         className: cx('panel', {
           context: context
         }),
         style: props.panelStyle,
         onClick: onPanelClick
       }, ptm('panel'));
-      var meterProps = utils.mergeProps({
+      var meterProps = mergeProps({
         className: cx('meter')
       }, ptm('meter'));
-      var meterLabelProps = utils.mergeProps({
+      var meterLabelProps = mergeProps({
         className: cx('meterLabel', {
           strength: strength
         }),
@@ -514,13 +520,13 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
           width: width
         }
       }, ptm('meterLabel'));
-      var infoProps = utils.mergeProps({
+      var infoProps = mergeProps({
         className: cx('info', {
           strength: strength
         })
       }, ptm('info'));
       var content = props.content ? utils.ObjectUtils.getJSXElement(props.content, props) : /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", meterProps, /*#__PURE__*/React__namespace.createElement("div", meterLabelProps)), /*#__PURE__*/React__namespace.createElement("div", infoProps, infoTextState));
-      var transitionProps = utils.mergeProps({
+      var transitionProps = mergeProps({
         classNames: cx('transition'),
         "in": overlayVisibleState,
         timeout: {
@@ -552,7 +558,7 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
     var inputProps = PasswordBase.getOtherProps(props);
     var icon = createIcon();
     var panel = createPanel();
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef,
       id: props.id,
       className: cx('root', {
@@ -561,11 +567,11 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
       }),
       style: props.style
     }, ptm('root'));
-    var inputTextProps = utils.mergeProps(_objectSpread(_objectSpread({
+    var inputTextProps = mergeProps(_objectSpread(_objectSpread({
       ref: inputRef,
       id: props.inputId
     }, inputProps), {}, {
-      className: cx('input'),
+      className: utils.classNames(props.inputClassName, cx('input')),
       onBlur: onBlur,
       onFocus: onFocus,
       onInput: onInput,

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