primereact 9.5.0 → 9.6.1

package/password/password.esm.js

@@ -1,27 +1,54 @@
 import * as React from 'react';
-import PrimeReact, { localeOption } from 'primereact/api';
+import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
 import { useOverlayListener, 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 { ObjectUtils, DomHandler, ZIndexUtils, classNames, IconUtils } from 'primereact/utils';
-import { EyeIcon } from 'primereact/icons/eye';
-import { EyeSlashIcon } from 'primereact/icons/eyeslash';
+import { ObjectUtils, DomHandler, ZIndexUtils, classNames, mergeProps, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 
 function _arrayWithHoles(arr) {
@@ -79,7 +106,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var PasswordBase = {
+var PasswordBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Password',
     id: null,
@@ -113,17 +140,14 @@ var PasswordBase = {
     onShow: null,
     onHide: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, PasswordBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, PasswordBase.defaultProps);
   }
-};
+});
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = PasswordBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = PasswordBase.getProps(inProps, context);
   var promptLabel = props.promptLabel || localeOption('passwordPrompt');
   var weakLabel = props.weakLabel || localeOption('weak');
   var mediumLabel = props.mediumLabel || localeOption('medium');
@@ -154,6 +178,17 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var mediumCheckRegExp = React.useRef(new RegExp(props.mediumRegex));
   var strongCheckRegExp = React.useRef(new RegExp(props.strongRegex));
   var type = unmaskedState ? 'text' : 'password';
+  var _PasswordBase$setMeta = PasswordBase.setMetaData({
+      props: props,
+      state: {
+        overlayVisible: overlayVisibleState,
+        meter: meterState,
+        infoText: infoTextState,
+        focused: focusedState,
+        unmasked: unmaskedState
+      }
+    }),
+    ptm = _PasswordBase$setMeta.ptm;
   var _useOverlayListener = useOverlayListener({
       target: elementRef,
       overlay: overlayRef,
@@ -215,11 +250,11 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
   var alignOverlay = function alignOverlay() {
     if (inputRef.current) {
-      DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || PrimeReact.appendTo);
+      DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact.appendTo);
     }
   };
   var onOverlayEnter = function onOverlayEnter() {
-    ZIndexUtils.set('overlay', overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+    ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['overlay'] || PrimeReact.zIndex['overlay']);
     alignOverlay();
   };
   var onOverlayEntered = function onOverlayEntered() {
@@ -336,12 +371,14 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   });
   var createIcon = function createIcon() {
     var icon;
+    var hideIconProps = mergeProps(ptm('hideIcon'));
+    var showIconProps = mergeProps(ptm('showIcon'));
     if (unmaskedState) {
-      icon = props.hideIcon || /*#__PURE__*/React.createElement(EyeSlashIcon, null);
+      icon = props.hideIcon || /*#__PURE__*/React.createElement(EyeSlashIcon, hideIconProps);
     } else {
-      icon = props.showIcon || /*#__PURE__*/React.createElement(EyeIcon, null);
+      icon = props.showIcon || /*#__PURE__*/React.createElement(EyeIcon, showIconProps);
     }
-    var eyeIcon = IconUtils.getJSXIcon(icon, undefined, {
+    var eyeIcon = IconUtils.getJSXIcon(icon, unmaskedState ? _objectSpread({}, hideIconProps) : _objectSpread({}, showIconProps), {
       props: props
     });
     if (props.toggleMask) {
@@ -363,8 +400,8 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
   var createPanel = function createPanel() {
     var panelClassName = classNames('p-password-panel p-component', props.panelClassName, {
-      'p-input-filled': PrimeReact.inputStyle === 'filled',
-      'p-ripple-disabled': PrimeReact.ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
     });
     var _ref2 = meterState || {
         strength: '',
@@ -374,16 +411,25 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       width = _ref2.width;
     var header = ObjectUtils.getJSXElement(props.header, props);
     var footer = ObjectUtils.getJSXElement(props.footer, props);
-    var content = props.content ? ObjectUtils.getJSXElement(props.content, props) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: "p-password-meter"
-    }, /*#__PURE__*/React.createElement("div", {
+    var panelProps = mergeProps({
+      ref: overlayRef,
+      className: panelClassName,
+      style: props.panelStyle,
+      onClick: onPanelClick
+    }, ptm('panel'));
+    var meterProps = mergeProps({
+      className: 'p-password-meter'
+    }, ptm('meter'));
+    var meterLabelProps = mergeProps({
       className: "p-password-strength ".concat(strength),
       style: {
         width: width
       }
-    })), /*#__PURE__*/React.createElement("div", {
+    }, ptm('meterLabel'));
+    var infoProps = mergeProps({
       className: "p-password-info ".concat(strength)
-    }, infoTextState));
+    }, ptm('info'));
+    var content = props.content ? ObjectUtils.getJSXElement(props.content, props) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", meterProps, /*#__PURE__*/React.createElement("div", meterLabelProps)), /*#__PURE__*/React.createElement("div", infoProps, infoTextState));
     var panel = /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: overlayRef,
       classNames: "p-connected-overlay",
@@ -398,12 +444,7 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       onEntered: onOverlayEntered,
       onExit: onOverlayExit,
       onExited: onOverlayExited
-    }, /*#__PURE__*/React.createElement("div", {
-      ref: overlayRef,
-      className: panelClassName,
-      style: props.panelStyle,
-      onClick: onPanelClick
-    }, header, content, footer));
+    }, /*#__PURE__*/React.createElement("div", panelProps, header, content, footer));
     return /*#__PURE__*/React.createElement(Portal, {
       element: panel,
       appendTo: props.appendTo
@@ -418,15 +459,16 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var inputProps = PasswordBase.getOtherProps(props);
   var icon = createIcon();
   var panel = createPanel();
-  return /*#__PURE__*/React.createElement("div", {
+  var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
     className: className,
     style: props.style
-  }, /*#__PURE__*/React.createElement(InputText, _extends({
+  }, PasswordBase.getOtherProps(props), ptm('root'));
+  var inputTextProps = mergeProps(_objectSpread(_objectSpread({
     ref: inputRef,
     id: props.inputId
-  }, inputProps, {
+  }, inputProps), {}, {
     type: type,
     className: inputClassName,
     style: props.inputStyle,
@@ -436,7 +478,8 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     onInput: onInput,
     tooltip: props.tooltip,
     tooltipOptions: props.tooltipOptions
-  })), icon, panel);
+  }), ptm('input'));
+  return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement(InputText, inputTextProps), icon, panel);
 }));
 Password.displayName = 'Password';
 

package/password/password.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useOverlayListener as o,useUnmountEffect as l}from"primereact/hooks";import{InputText as a}from"primereact/inputtext";import{OverlayService as u}from"primereact/overlayservice";import{Portal as i}from"primereact/portal";import{ObjectUtils as s,DomHandler as p,ZIndexUtils as c,classNames as f,IconUtils as m}from"primereact/utils";import{EyeIcon as d}from"primereact/icons/eye";import{EyeSlashIcon as g}from"primereact/icons/eyeslash";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 h(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,u=[],i=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return u}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,t){return h(e)||w(e,t)||E(e,t)||b()}var R={defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,onInput:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return s.getMergedProps(e,R.defaultProps)},getOtherProps:function(e){return s.getDiffProps(e,R.defaultProps)}},S=e.memo(e.forwardRef((function(h,w){var v=R.getProps(h),E=v.promptLabel||n("passwordPrompt"),b=v.weakLabel||n("weak"),S=v.mediumLabel||n("medium"),x=v.strongLabel||n("strong"),N=k(e.useState(!1),2),I=N[0],O=N[1],C=k(e.useState(null),2),P=C[0],A=C[1],j=k(e.useState(E),2),L=j[0],T=j[1],M=k(e.useState(!1),2),J=M[0],X=M[1],z=k(e.useState(!1),2),F=z[0],H=z[1],U=e.useRef(null),Z=e.useRef(null),B=e.useRef(v.inputRef),K=e.useRef(new RegExp(v.mediumRegex)),V=e.useRef(new RegExp(v.strongRegex)),_=F?"text":"password",D=k(o({target:U,overlay:Z,listener:function(e,t){t.valid&&ne()},when:I}),2),Y=D[0],$=D[1],q=B.current&&B.current.value,G=e.useMemo((function(){return s.isNotEmpty(v.value)||s.isNotEmpty(v.defaultValue)||s.isNotEmpty(q)}),[v.value,v.defaultValue,q]),Q=function(){if(P){var e=null;switch(P.strength){case"weak":e=b;break;case"medium":e=S;break;case"strong":e=x}e&&L!==e&&T(e)}else L!==E&&T(E)},W=function(e){v.feedback&&u.emit("overlay-click",{originalEvent:e,target:U.current})},ee=function(){H((function(e){return!e}))},te=function(){Q(),O(!0)},ne=function(){O(!1)},re=function(){c.set("overlay",Z.current,t.autoZIndex,t.zIndex.overlay),B.current&&p.alignOverlay(Z.current,B.current.parentElement,v.appendTo||t.appendTo)},oe=function(){Y(),v.onShow&&v.onShow()},le=function(){$()},ae=function(){c.clear(Z.current),v.onHide&&v.onHide()},ue=function(e){return V.current.test(e)?3:K.current.test(e)?2:e.length?1:0};e.useImperativeHandle(w,(function(){return{props:v,focus:function(){return p.focus(B.current)},getElement:function(){return U.current},getOverlay:function(){return Z.current},getInput:function(){return B.current}}})),e.useEffect((function(){s.combinedRefs(B,v.inputRef)}),[B,v.inputRef]),e.useEffect((function(){K.current=new RegExp(v.mediumRegex)}),[v.mediumRegex]),e.useEffect((function(){V.current=new RegExp(v.strongRegex)}),[v.strongRegex]),e.useEffect((function(){!G&&p.hasClass(U.current,"p-inputwrapper-filled")&&p.removeClass(U.current,"p-inputwrapper-filled")}),[G]),l((function(){c.clear(Z.current)}));var ie,se,pe,ce,fe,me,de,ge=f("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":G,"p-inputwrapper-focus":J,"p-input-icon-right":v.toggleMask},v.className),ye=f("p-password-input",v.inputClassName),he=R.getOtherProps(v),we=function(){var t=m.getJSXIcon(F?v.hideIcon||e.createElement(g,null):v.showIcon||e.createElement(d,null),void 0,{props:v});if(v.toggleMask){var n=e.createElement("i",{onClick:ee}," ",t," ");if(v.icon)n=s.getJSXElement(v.icon,{onClick:ee,className:ge,element:n,props:v});return n}return null}(),ve=(ie=f("p-password-panel p-component",v.panelClassName,{"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),pe=(se=P||{strength:"",width:"0%"}).strength,ce=se.width,fe=s.getJSXElement(v.header,v),me=s.getJSXElement(v.footer,v),de=v.content?s.getJSXElement(v.content,v):e.createElement(e.Fragment,null,e.createElement("div",{className:"p-password-meter"},e.createElement("div",{className:"p-password-strength ".concat(pe),style:{width:ce}})),e.createElement("div",{className:"p-password-info ".concat(pe)},L)),e.createElement(i,{element:e.createElement(r,{nodeRef:Z,classNames:"p-connected-overlay",in:I,timeout:{enter:120,exit:100},options:v.transitionOptions,unmountOnExit:!0,onEnter:re,onEntered:oe,onExit:le,onExited:ae},e.createElement("div",{ref:Z,className:ie,style:v.panelStyle,onClick:W},fe,de,me)),appendTo:v.appendTo}));return e.createElement("div",{ref:U,id:v.id,className:ge,style:v.style},e.createElement(a,y({ref:B,id:v.inputId},he,{type:_,className:ye,style:v.inputStyle,onFocus:function(e){X(!0),v.feedback&&te(),v.onFocus&&v.onFocus(e)},onBlur:function(e){X(!1),v.feedback&&ne(),v.onBlur&&v.onBlur(e)},onKeyUp:function(e){var t=e.keyCode||e.which;if(v.feedback){var n=null,r=null;switch(ue(e.target.value)){case 1:n=b,r={strength:"weak",width:"33.33%"};break;case 2:n=S,r={strength:"medium",width:"66.66%"};break;case 3:n=x,r={strength:"strong",width:"100%"};break;default:n=E,r=null}A(r),T(n),t&&!I&&te()}v.onKeyUp&&v.onKeyUp(e)},onInput:function(e,t){v.onInput&&v.onInput(e,t),v.onChange||(s.isNotEmpty(e.target.value)?p.addClass(U.current,"p-inputwrapper-filled"):p.removeClass(U.current,"p-inputwrapper-filled"))},tooltip:v.tooltip,tooltipOptions:v.tooltipOptions})),we,ve)})));S.displayName="Password";export{S as Password};
+import*as e from"react";import t,{PrimeReactContext as n,localeOption as r}from"primereact/api";import{CSSTransition as o}from"primereact/csstransition";import{useOverlayListener as l,useUnmountEffect as i}from"primereact/hooks";import{EyeIcon as u}from"primereact/icons/eye";import{EyeSlashIcon as a}from"primereact/icons/eyeslash";import{InputText as c}from"primereact/inputtext";import{OverlayService as p}from"primereact/overlayservice";import{Portal as s}from"primereact/portal";import{ObjectUtils as f,DomHandler as m,ZIndexUtils as d,classNames as y,mergeProps as g,IconUtils as b}from"primereact/utils";import{ComponentBase as v}from"primereact/componentbase";function w(e){return w="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},w(e)}function h(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=h(e,"string");return"symbol"===w(t)?t:String(t)}function S(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,u=[],a=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return u}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function R(e,t){if(e){if("string"==typeof e)return k(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)?k(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,t){return O(e)||x(e,t)||R(e,t)||I()}var j=v.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,onInput:null,onShow:null,onHide:null,children:void 0}});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 C(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){S(e,t,n[t])})):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 T=e.memo(e.forwardRef((function(v,w){var h=e.useContext(n),E=j.getProps(v,h),S=E.promptLabel||r("passwordPrompt"),O=E.weakLabel||r("weak"),x=E.mediumLabel||r("medium"),k=E.strongLabel||r("strong"),R=N(e.useState(!1),2),I=R[0],P=R[1],T=N(e.useState(null),2),A=T[0],L=T[1],M=N(e.useState(S),2),z=M[0],D=M[1],J=N(e.useState(!1),2),X=J[0],Z=J[1],F=N(e.useState(!1),2),H=F[0],U=F[1],B=e.useRef(null),K=e.useRef(null),V=e.useRef(E.inputRef),_=e.useRef(new RegExp(E.mediumRegex)),Y=e.useRef(new RegExp(E.strongRegex)),$=H?"text":"password",q=j.setMetaData({props:E,state:{overlayVisible:I,meter:A,infoText:z,focused:X,unmasked:H}}).ptm,G=N(l({target:B,overlay:K,listener:function(e,t){t.valid&&ie()},when:I}),2),Q=G[0],W=G[1],ee=V.current&&V.current.value,te=e.useMemo((function(){return f.isNotEmpty(E.value)||f.isNotEmpty(E.defaultValue)||f.isNotEmpty(ee)}),[E.value,E.defaultValue,ee]),ne=function(){if(A){var e=null;switch(A.strength){case"weak":e=O;break;case"medium":e=x;break;case"strong":e=k}e&&z!==e&&D(e)}else z!==S&&D(S)},re=function(e){E.feedback&&p.emit("overlay-click",{originalEvent:e,target:B.current})},oe=function(){U((function(e){return!e}))},le=function(){ne(),P(!0)},ie=function(){P(!1)},ue=function(){d.set("overlay",K.current,h&&h.autoZIndex||t.autoZIndex,h&&h.zIndex.overlay||t.zIndex.overlay),V.current&&m.alignOverlay(K.current,V.current.parentElement,E.appendTo||h&&h.appendTo||t.appendTo)},ae=function(){Q(),E.onShow&&E.onShow()},ce=function(){W()},pe=function(){d.clear(K.current),E.onHide&&E.onHide()},se=function(e){return Y.current.test(e)?3:_.current.test(e)?2:e.length?1:0};e.useImperativeHandle(w,(function(){return{props:E,focus:function(){return m.focus(V.current)},getElement:function(){return B.current},getOverlay:function(){return K.current},getInput:function(){return V.current}}})),e.useEffect((function(){f.combinedRefs(V,E.inputRef)}),[V,E.inputRef]),e.useEffect((function(){_.current=new RegExp(E.mediumRegex)}),[E.mediumRegex]),e.useEffect((function(){Y.current=new RegExp(E.strongRegex)}),[E.strongRegex]),e.useEffect((function(){!te&&m.hasClass(B.current,"p-inputwrapper-filled")&&m.removeClass(B.current,"p-inputwrapper-filled")}),[te]),i((function(){d.clear(K.current)}));var fe,me,de,ye,ge,be,ve,we,he,Ee,Se,Oe=y("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":te,"p-inputwrapper-focus":X,"p-input-icon-right":E.toggleMask},E.className),xe=y("p-password-input",E.inputClassName),ke=j.getOtherProps(E),Re=function(){var t=g(q("hideIcon")),n=g(q("showIcon")),r=b.getJSXIcon(H?E.hideIcon||e.createElement(a,t):E.showIcon||e.createElement(u,n),C({},H?t:n),{props:E});if(E.toggleMask){var o=e.createElement("i",{onClick:oe}," ",r," ");if(E.icon)o=f.getJSXElement(E.icon,{onClick:oe,className:Oe,element:o,props:E});return o}return null}(),Ie=(fe=y("p-password-panel p-component",E.panelClassName,{"p-input-filled":h&&"filled"===h.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":h&&!1===h.ripple||!1===t.ripple}),de=(me=A||{strength:"",width:"0%"}).strength,ye=me.width,ge=f.getJSXElement(E.header,E),be=f.getJSXElement(E.footer,E),ve=g({ref:K,className:fe,style:E.panelStyle,onClick:re},q("panel")),we=g({className:"p-password-meter"},q("meter")),he=g({className:"p-password-strength ".concat(de),style:{width:ye}},q("meterLabel")),Ee=g({className:"p-password-info ".concat(de)},q("info")),Se=E.content?f.getJSXElement(E.content,E):e.createElement(e.Fragment,null,e.createElement("div",we,e.createElement("div",he)),e.createElement("div",Ee,z)),e.createElement(s,{element:e.createElement(o,{nodeRef:K,classNames:"p-connected-overlay",in:I,timeout:{enter:120,exit:100},options:E.transitionOptions,unmountOnExit:!0,onEnter:ue,onEntered:ae,onExit:ce,onExited:pe},e.createElement("div",ve,ge,Se,be)),appendTo:E.appendTo})),Ne=g({ref:B,id:E.id,className:Oe,style:E.style},j.getOtherProps(E),q("root")),je=g(C(C({ref:V,id:E.inputId},ke),{},{type:$,className:xe,style:E.inputStyle,onFocus:function(e){Z(!0),E.feedback&&le(),E.onFocus&&E.onFocus(e)},onBlur:function(e){Z(!1),E.feedback&&ie(),E.onBlur&&E.onBlur(e)},onKeyUp:function(e){var t=e.keyCode||e.which;if(E.feedback){var n=null,r=null;switch(se(e.target.value)){case 1:n=O,r={strength:"weak",width:"33.33%"};break;case 2:n=x,r={strength:"medium",width:"66.66%"};break;case 3:n=k,r={strength:"strong",width:"100%"};break;default:n=S,r=null}L(r),D(n),t&&!I&&le()}E.onKeyUp&&E.onKeyUp(e)},onInput:function(e,t){E.onInput&&E.onInput(e,t),E.onChange||(f.isNotEmpty(e.target.value)?m.addClass(B.current,"p-inputwrapper-filled"):m.removeClass(B.current,"p-inputwrapper-filled"))},tooltip:E.tooltip,tooltipOptions:E.tooltipOptions}),q("input"));return e.createElement("div",Ne,e.createElement(c,je),Re,Ie)})));T.displayName="Password";export{T as Password};

package/password/password.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.password = (function (exports, React, PrimeReact, csstransition, hooks, inputtext, overlayservice, portal, utils, eye, eyeslash) {
+this.primereact.password = (function (exports, React, PrimeReact, csstransition, hooks, eye, eyeslash, inputtext, overlayservice, portal, utils, componentbase) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,19 +25,45 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
   }
 
   function _arrayWithHoles(arr) {
@@ -95,7 +121,7 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var PasswordBase = {
+  var PasswordBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Password',
       id: null,
@@ -129,17 +155,14 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
       onShow: null,
       onHide: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, PasswordBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, PasswordBase.defaultProps);
     }
-  };
+  });
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = PasswordBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = PasswordBase.getProps(inProps, context);
     var promptLabel = props.promptLabel || PrimeReact.localeOption('passwordPrompt');
     var weakLabel = props.weakLabel || PrimeReact.localeOption('weak');
     var mediumLabel = props.mediumLabel || PrimeReact.localeOption('medium');
@@ -170,6 +193,17 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
     var mediumCheckRegExp = React__namespace.useRef(new RegExp(props.mediumRegex));
     var strongCheckRegExp = React__namespace.useRef(new RegExp(props.strongRegex));
     var type = unmaskedState ? 'text' : 'password';
+    var _PasswordBase$setMeta = PasswordBase.setMetaData({
+        props: props,
+        state: {
+          overlayVisible: overlayVisibleState,
+          meter: meterState,
+          infoText: infoTextState,
+          focused: focusedState,
+          unmasked: unmaskedState
+        }
+      }),
+      ptm = _PasswordBase$setMeta.ptm;
     var _useOverlayListener = hooks.useOverlayListener({
         target: elementRef,
         overlay: overlayRef,
@@ -231,11 +265,11 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
     };
     var alignOverlay = function alignOverlay() {
       if (inputRef.current) {
-        utils.DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || PrimeReact__default["default"].appendTo);
+        utils.DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo);
       }
     };
     var onOverlayEnter = function onOverlayEnter() {
-      utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
+      utils.ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['overlay'] || PrimeReact__default["default"].zIndex['overlay']);
       alignOverlay();
     };
     var onOverlayEntered = function onOverlayEntered() {
@@ -352,12 +386,14 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
     });
     var createIcon = function createIcon() {
       var icon;
+      var hideIconProps = utils.mergeProps(ptm('hideIcon'));
+      var showIconProps = utils.mergeProps(ptm('showIcon'));
       if (unmaskedState) {
-        icon = props.hideIcon || /*#__PURE__*/React__namespace.createElement(eyeslash.EyeSlashIcon, null);
+        icon = props.hideIcon || /*#__PURE__*/React__namespace.createElement(eyeslash.EyeSlashIcon, hideIconProps);
       } else {
-        icon = props.showIcon || /*#__PURE__*/React__namespace.createElement(eye.EyeIcon, null);
+        icon = props.showIcon || /*#__PURE__*/React__namespace.createElement(eye.EyeIcon, showIconProps);
       }
-      var eyeIcon = utils.IconUtils.getJSXIcon(icon, undefined, {
+      var eyeIcon = utils.IconUtils.getJSXIcon(icon, unmaskedState ? _objectSpread({}, hideIconProps) : _objectSpread({}, showIconProps), {
         props: props
       });
       if (props.toggleMask) {
@@ -379,8 +415,8 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
     };
     var createPanel = function createPanel() {
       var panelClassName = utils.classNames('p-password-panel p-component', props.panelClassName, {
-        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+        'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
       });
       var _ref2 = meterState || {
           strength: '',
@@ -390,16 +426,25 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
         width = _ref2.width;
       var header = utils.ObjectUtils.getJSXElement(props.header, props);
       var footer = utils.ObjectUtils.getJSXElement(props.footer, props);
-      var content = props.content ? utils.ObjectUtils.getJSXElement(props.content, props) : /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-password-meter"
-      }, /*#__PURE__*/React__namespace.createElement("div", {
+      var panelProps = utils.mergeProps({
+        ref: overlayRef,
+        className: panelClassName,
+        style: props.panelStyle,
+        onClick: onPanelClick
+      }, ptm('panel'));
+      var meterProps = utils.mergeProps({
+        className: 'p-password-meter'
+      }, ptm('meter'));
+      var meterLabelProps = utils.mergeProps({
         className: "p-password-strength ".concat(strength),
         style: {
           width: width
         }
-      })), /*#__PURE__*/React__namespace.createElement("div", {
+      }, ptm('meterLabel'));
+      var infoProps = utils.mergeProps({
         className: "p-password-info ".concat(strength)
-      }, infoTextState));
+      }, 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 panel = /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: overlayRef,
         classNames: "p-connected-overlay",
@@ -414,12 +459,7 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
         onEntered: onOverlayEntered,
         onExit: onOverlayExit,
         onExited: onOverlayExited
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        ref: overlayRef,
-        className: panelClassName,
-        style: props.panelStyle,
-        onClick: onPanelClick
-      }, header, content, footer));
+      }, /*#__PURE__*/React__namespace.createElement("div", panelProps, header, content, footer));
       return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
         element: panel,
         appendTo: props.appendTo
@@ -434,15 +474,16 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
     var inputProps = PasswordBase.getOtherProps(props);
     var icon = createIcon();
     var panel = createPanel();
-    return /*#__PURE__*/React__namespace.createElement("div", {
+    var rootProps = utils.mergeProps({
       ref: elementRef,
       id: props.id,
       className: className,
       style: props.style
-    }, /*#__PURE__*/React__namespace.createElement(inputtext.InputText, _extends({
+    }, PasswordBase.getOtherProps(props), ptm('root'));
+    var inputTextProps = utils.mergeProps(_objectSpread(_objectSpread({
       ref: inputRef,
       id: props.inputId
-    }, inputProps, {
+    }, inputProps), {}, {
       type: type,
       className: inputClassName,
       style: props.inputStyle,
@@ -452,7 +493,8 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
       onInput: onInput,
       tooltip: props.tooltip,
       tooltipOptions: props.tooltipOptions
-    })), icon, panel);
+    }), ptm('input'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(inputtext.InputText, inputTextProps), icon, panel);
   }));
   Password.displayName = 'Password';
 
@@ -462,4 +504,4 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.inputtext, primereact.overlayservice, primereact.portal, primereact.utils, primereact.icons.eye, primereact.icons.eyeslash);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.icons.eye, primereact.icons.eyeslash, primereact.inputtext, primereact.overlayservice, primereact.portal, primereact.utils, primereact.componentbase);

package/password/password.min.js

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