primereact 8.7.2 → 9.0.0-beta.1

package/password/password.cjs.js

@@ -38,14 +38,12 @@ 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);
@@ -56,42 +54,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -117,75 +113,62 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var weakLabel = props.weakLabel || PrimeReact.localeOption('weak');
   var mediumLabel = props.mediumLabel || PrimeReact.localeOption('medium');
   var strongLabel = props.strongLabel || PrimeReact.localeOption('strong');
-
   var _React$useState = React__namespace.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      overlayVisibleState = _React$useState2[0],
-      setOverlayVisibleState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    overlayVisibleState = _React$useState2[0],
+    setOverlayVisibleState = _React$useState2[1];
   var _React$useState3 = React__namespace.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      meterState = _React$useState4[0],
-      setMeterState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    meterState = _React$useState4[0],
+    setMeterState = _React$useState4[1];
   var _React$useState5 = React__namespace.useState(promptLabel),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      infoTextState = _React$useState6[0],
-      setInfoTextState = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    infoTextState = _React$useState6[0],
+    setInfoTextState = _React$useState6[1];
   var _React$useState7 = React__namespace.useState(false),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      focusedState = _React$useState8[0],
-      setFocusedState = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    focusedState = _React$useState8[0],
+    setFocusedState = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(false),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      unmaskedState = _React$useState10[0],
-      setUnmaskedState = _React$useState10[1];
-
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    unmaskedState = _React$useState10[0],
+    setUnmaskedState = _React$useState10[1];
   var elementRef = React__namespace.useRef(null);
   var overlayRef = React__namespace.useRef(null);
   var inputRef = React__namespace.useRef(props.inputRef);
   var mediumCheckRegExp = React__namespace.useRef(new RegExp(props.mediumRegex));
   var strongCheckRegExp = React__namespace.useRef(new RegExp(props.strongRegex));
   var type = unmaskedState ? 'text' : 'password';
-
   var _useOverlayListener = hooks.useOverlayListener({
-    target: elementRef,
-    overlay: overlayRef,
-    listener: function listener(event, _ref) {
-      var valid = _ref.valid;
-      valid && hide();
-    },
-    when: overlayVisibleState
-  }),
-      _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-      bindOverlayListener = _useOverlayListener2[0],
-      unbindOverlayListener = _useOverlayListener2[1];
-
+      target: elementRef,
+      overlay: overlayRef,
+      listener: function listener(event, _ref) {
+        var valid = _ref.valid;
+        valid && hide();
+      },
+      when: overlayVisibleState
+    }),
+    _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
+    bindOverlayListener = _useOverlayListener2[0],
+    unbindOverlayListener = _useOverlayListener2[1];
   var currentValue = inputRef.current && inputRef.current.value;
   var isFilled = React__namespace.useMemo(function () {
     return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || utils.ObjectUtils.isNotEmpty(currentValue);
   }, [props.value, props.defaultValue, currentValue]);
-
   var updateLabels = function updateLabels() {
     if (meterState) {
       var label = null;
-
       switch (meterState.strength) {
         case 'weak':
           label = weakLabel;
           break;
-
         case 'medium':
           label = mediumLabel;
           break;
-
         case 'strong':
           label = strongLabel;
           break;
       }
-
       if (label && infoTextState !== label) {
         setInfoTextState(label);
       }
@@ -195,7 +178,6 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }
     }
   };
-
   var onPanelClick = function onPanelClick(event) {
     if (props.feedback) {
       overlayservice.OverlayService.emit('overlay-click', {
@@ -204,75 +186,58 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       });
     }
   };
-
   var onMaskToggle = function onMaskToggle() {
     setUnmaskedState(function (prevUnmasked) {
       return !prevUnmasked;
     });
   };
-
   var show = function show() {
     updateLabels();
     setOverlayVisibleState(true);
   };
-
   var hide = function hide() {
     setOverlayVisibleState(false);
   };
-
   var alignOverlay = function alignOverlay() {
     if (inputRef.current) {
       utils.DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || PrimeReact__default["default"].appendTo);
     }
   };
-
   var onOverlayEnter = function onOverlayEnter() {
     utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
     alignOverlay();
   };
-
   var onOverlayEntered = function onOverlayEntered() {
     bindOverlayListener();
     props.onShow && props.onShow();
   };
-
   var onOverlayExit = function onOverlayExit() {
     unbindOverlayListener();
   };
-
   var onOverlayExited = function onOverlayExited() {
     utils.ZIndexUtils.clear(overlayRef.current);
     props.onHide && props.onHide();
   };
-
   var onFocus = function onFocus(event) {
     setFocusedState(true);
-
     if (props.feedback) {
       show();
     }
-
     props.onFocus && props.onFocus(event);
   };
-
   var onBlur = function onBlur(event) {
     setFocusedState(false);
-
     if (props.feedback) {
       hide();
     }
-
     props.onBlur && props.onBlur(event);
   };
-
   var onKeyup = function onKeyup(e) {
     var keyCode = e.keyCode || e.which;
-
     if (props.feedback) {
       var value = e.target.value;
       var label = null;
       var meter = null;
-
       switch (testStrength(value)) {
         case 1:
           label = weakLabel;
@@ -281,7 +246,6 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
             width: '33.33%'
           };
           break;
-
         case 2:
           label = mediumLabel;
           meter = {
@@ -289,7 +253,6 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
             width: '66.66%'
           };
           break;
-
         case 3:
           label = strongLabel;
           meter = {
@@ -297,42 +260,37 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
             width: '100%'
           };
           break;
-
         default:
           label = promptLabel;
           meter = null;
           break;
       }
-
       setMeterState(meter);
       setInfoTextState(label);
-
       if (!!keyCode && !overlayVisibleState) {
         show();
       }
     }
-
     props.onKeyUp && props.onKeyUp(e);
   };
-
   var onInput = function onInput(event, validatePattern) {
     if (props.onInput) {
       props.onInput(event, validatePattern);
     }
-
     if (!props.onChange) {
       utils.ObjectUtils.isNotEmpty(event.target.value) ? utils.DomHandler.addClass(elementRef.current, 'p-inputwrapper-filled') : utils.DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
     }
   };
-
   var testStrength = function testStrength(str) {
     if (strongCheckRegExp.current.test(str)) return 3;else if (mediumCheckRegExp.current.test(str)) return 2;else if (str.length) return 1;
     return 0;
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return utils.DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -361,7 +319,6 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   hooks.useUnmountEffect(function () {
     utils.ZIndexUtils.clear(overlayRef.current);
   });
-
   var createIcon = function createIcon() {
     if (props.toggleMask) {
       var iconClassName = unmaskedState ? 'pi pi-eye-slash' : 'pi pi-eye';
@@ -369,7 +326,6 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         className: iconClassName,
         onClick: onMaskToggle
       });
-
       if (props.icon) {
         var defaultIconOptions = {
           onClick: onMaskToggle,
@@ -379,23 +335,21 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         };
         content = utils.ObjectUtils.getJSXElement(props.icon, defaultIconOptions);
       }
-
       return content;
     }
-
     return null;
   };
-
   var createPanel = function createPanel() {
-    var panelClassName = utils.classNames('p-password-panel p-component', props.panelClassName);
-
+    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
+    });
     var _ref2 = meterState || {
-      strength: '',
-      width: '0%'
-    },
-        strength = _ref2.strength,
-        width = _ref2.width;
-
+        strength: '',
+        width: '0%'
+      },
+      strength = _ref2.strength,
+      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", {
@@ -433,7 +387,6 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       appendTo: props.appendTo
     });
   };
-
   var className = utils.classNames('p-password p-component p-inputwrapper', {
     'p-inputwrapper-filled': isFilled,
     'p-inputwrapper-focus': focusedState,

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

package/password/password.d.ts

@@ -1,58 +1,198 @@
+/**
+ *
+ * Password displays strength indicator for password fields.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/password/)
+ *
+ * @module password
+ *
+ */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { InputText } from '../inputtext';
 import { KeyFilterType } from '../keyfilter/keyfilteroptions';
-import TooltipOptions from '../tooltip/tooltipoptions';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
 
-type PasswordHeaderType = React.ReactNode | ((props: PasswordProps) => React.ReactNode);
-
-type PasswordFooterType = React.ReactNode | ((props: PasswordProps) => React.ReactNode);
-
-type PasswordContentType = React.ReactNode | ((props: PasswordProps) => React.ReactNode);
-
-interface PasswordIconParams {
+/**
+ * Custom icon event
+ * @see {@link PasswordProps.icon}
+ * @event
+ */
+interface PasswordIconEvent {
+    /**
+     * Click event for the default element.
+     */
     onClick(): void;
+    /**
+     * Style class of the default element.
+     */
     className: string;
+    /**
+     * Default element created by the component.
+     */
     element: JSX.Element;
+    /**
+     * All component props.
+     */
     props: PasswordProps;
 }
 
-type PasswordIconType = React.ReactNode | ((e: PasswordIconParams) => React.ReactNode);
-
-type PasswordAppendToType = 'self' | HTMLElement | undefined | null;
-
+/**
+ * Defines valid properties in Password component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onInput' | 'ref'> {
-    inputId?: string;
-    inputRef?: React.Ref<HTMLInputElement>;
-    inputStyle?: React.CSSProperties;
-    inputClassName?: string;
-    promptLabel?: string;
-    weakLabel?: string;
-    mediumLabel?: string;
-    strongLabel?: string;
-    mediumRegex?: string;
-    strongRegex?: string;
-    feedback?: boolean;
-    toggleMask?: boolean;
-    appendTo?: PasswordAppendToType;
-    header?: PasswordHeaderType;
-    content?: PasswordContentType;
-    footer?: PasswordFooterType;
-    icon?: PasswordIconType;
-    tooltip?: string;
-    tooltipOptions?: TooltipOptions;
-    keyfilter?: KeyFilterType;
-    panelStyle?: React.CSSProperties;
-    panelClassName?: string;
-    transitionOptions?: CSSTransitionProps;
+    /**
+     * Identifier of the input element.
+     */
+    inputId?: string | undefined;
+    /**
+     * Reference of the input element.
+     */
+    inputRef?: React.Ref<HTMLInputElement> | undefined;
+    /**
+     * Inline style of the input field.
+     */
+    inputStyle?: React.CSSProperties | undefined;
+    /**
+     * Style class of the input field.
+     */
+    inputClassName?: string | undefined;
+    /**
+     * Text to prompt password entry.
+     * @defaultValue Please enter a password
+     */
+    promptLabel?: string | undefined;
+    /**
+     * Text for a weak password.
+     * @defaultValue Weak
+     */
+    weakLabel?: string | undefined;
+    /**
+     * Text for a medium password.
+     * @defaultValue Medium
+     */
+    mediumLabel?: string | undefined;
+    /**
+     * Text for a strong password.
+     * @defaultValue Strong
+     */
+    strongLabel?: string | undefined;
+    /**
+     * Regex for a medium level password.
+     * @defaultValue ^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.&#123;6,&#125;).
+     */
+    mediumRegex?: string | undefined;
+    /**
+     * Regex for a strong level password.
+     * @defaultValue ^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.&#123;8,&#125;)
+     */
+    strongRegex?: string | undefined;
+    /**
+     * Whether to show the strength indicator or not.
+     * @defaultValue true
+     */
+    feedback?: boolean | undefined;
+    /**
+     * Whether to show an icon to display the password as plain text.
+     * @defaultValue false
+     */
+    toggleMask?: boolean | undefined;
+    /**
+     * 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;
+    /**
+     * Template of panel header if "feedback" is enabled.
+     */
+    header?: React.ReactNode | ((props: PasswordProps) => React.ReactNode);
+    /**
+     * Template of panel content if "feedback" is enabled.
+     */
+    content?: React.ReactNode | ((props: PasswordProps) => React.ReactNode);
+    /**
+     * Template of panel footer if "feedback" is enabled.
+     */
+    footer?: React.ReactNode | ((props: PasswordProps) => React.ReactNode);
+    /**
+     * Template of mask icon if "toggleMask" is enabled.
+     */
+    icon?: React.ReactNode | ((event: PasswordIconEvent) => React.ReactNode);
+    /**
+     * Content of the tooltip.
+     */
+    tooltip?: string | undefined;
+    /**
+     * Configuration of the tooltip, refer to the tooltip documentation for more information.
+     */
+    tooltipOptions?: TooltipOptions | undefined;
+    /**
+     * Format definition of the keys to block.
+     */
+    keyfilter?: KeyFilterType | undefined;
+    /**
+     * Inline style of the overlay panel element.
+     */
+    panelStyle?: React.CSSProperties | undefined;
+    /**
+     * Style class of the overlay panel element.
+     */
+    panelClassName?: string | undefined;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Callback to invoke on input event of input field.
+     * @param {React.FormEvent<HTMLInputElement>} event - Browser event
+     * @param {boolean} validatePattern - Whether to validate the value
+     */
     onInput?(event: React.FormEvent<HTMLInputElement>, validatePattern: boolean): void;
+    /**
+     * Callback to invoke when overlay becomes visible.
+     */
     onShow?(): void;
+    /**
+     * Callback to invoke when overlay becomes hidden.
+     */
     onHide?(): void;
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Password**
+ *
+ * _Password displays strength indicator for password fields._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/password/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Password extends React.Component<PasswordProps, any> {
+    /**
+     * Used to focus the component.
+     */
+    public focus(): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
-    public getInput(): InputText;
+    /**
+     * Used to get input element.
+     * @return {HTMLInputElement} Input element
+     */
+    public getInput(): typeof InputText;
+    /**
+     * Used to get overlay element.
+     * @return {HTMLElement} Overlay element
+     */
     public getOverlay(): HTMLElement;
 }