primereact 9.4.0 → 9.6.0

package/password/password.cjs.js

@@ -6,12 +6,13 @@ var React = require('react');
 var PrimeReact = require('primereact/api');
 var csstransition = require('primereact/csstransition');
 var hooks = require('primereact/hooks');
+var eye = require('primereact/icons/eye');
+var eyeslash = require('primereact/icons/eyeslash');
 var inputtext = require('primereact/inputtext');
 var overlayservice = require('primereact/overlayservice');
 var portal = require('primereact/portal');
 var utils = require('primereact/utils');
-var eye = require('primereact/icons/eye');
-var eyeslash = require('primereact/icons/eyeslash');
+var componentbase = require('primereact/componentbase');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -36,19 +37,45 @@ function _interopNamespace(e) {
 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) {
@@ -106,7 +133,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var PasswordBase = {
+var PasswordBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Password',
     id: null,
@@ -140,17 +167,14 @@ var PasswordBase = {
     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');
@@ -181,6 +205,17 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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,
@@ -242,11 +277,11 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   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() {
@@ -363,12 +398,14 @@ 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'));
     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) {
@@ -390,8 +427,8 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   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: '',
@@ -401,16 +438,25 @@ 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 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",
@@ -425,12 +471,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       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
@@ -445,15 +486,16 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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,
@@ -463,7 +505,8 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     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';
 

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

package/password/password.d.ts

@@ -12,7 +12,98 @@ import { CSSTransitionProps } from '../csstransition';
 import { InputText } from '../inputtext';
 import { KeyFilterType } from '../keyfilter/keyfilteroptions';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
+
+export declare type PasswordPassThroughType<T> = PassThroughType<T, PasswordPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface PasswordPassThroughMethodOptions {
+    props: PasswordProps;
+    state: PasswordState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link PasswordProps.pt}
+ */
+export interface PasswordPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: PasswordPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the InputText component.
+     * @see {@link InputTextPassThroughType}
+     */
+    input?: PasswordPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the hide icon's DOM element.
+     */
+    hideIcon?: PasswordPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the show icon's DOM element.
+     */
+    showIcon?: PasswordPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the panel's DOM element.
+     */
+    panel?: PasswordPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the meter's DOM element.
+     */
+    meter?: PasswordPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the meter label's DOM element.
+     */
+    meterLabel?: PasswordPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the info's DOM element.
+     */
+    info?: PasswordPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
+
+/**
+ * Defines current inline state in Password component.
+ */
+export interface PasswordState {
+    /**
+     * Current overlay visible state as a boolean.
+     * @defaultValue false
+     */
+    overlayVisible: boolean;
+    /**
+     * Current overlay visible state as a boolean.
+     * @see {@link PasswordMeterStateOptions}
+     */
+    meter: PasswordMeterStateOptions;
+    /**
+     * Current info test state as a string.
+     */
+    infoText: string;
+    /**
+     * Current focused state as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
+    /**
+     * Current unmasked state as a boolean.
+     * @defaultValue false
+     */
+    unmasked: boolean;
+}
+
+export interface PasswordMeterStateOptions {
+    /**
+     * Current strength of the meter state as a string.
+     */
+    strength: string;
+    /**
+     * Current width of the meter state as a string.
+     */
+    width: string;
+}
 
 /**
  * Custom icon event
@@ -42,7 +133,7 @@ interface PasswordIconEvent {
  * 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' | 'content'> {
+export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onInput' | 'ref' | 'content' | 'pt'> {
     /**
      * Identifier of the input element.
      */
@@ -171,6 +262,11 @@ export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputH
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {PasswordPassThroughOptions}
+     */
+    pt?: PasswordPassThroughOptions;
 }
 
 /**