primereact 8.7.3 → 9.0.0-rc.1

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://primefaces.org/cdn/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;
+    /**
+     * 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;
 }

package/password/password.esm.js

@@ -40,9 +40,7 @@ function _iterableToArrayLimit(arr, i) {
       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) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -58,9 +56,7 @@ function _iterableToArrayLimit(arr, i) {
 
 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];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -81,7 +77,49 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var PasswordBase = {
+  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: true,
+    toggleMask: false,
+    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,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, PasswordBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, PasswordBase.defaultProps);
+  }
+};
+
+var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = PasswordBase.getProps(inProps);
   var promptLabel = props.promptLabel || localeOption('passwordPrompt');
   var weakLabel = props.weakLabel || localeOption('weak');
   var mediumLabel = props.mediumLabel || localeOption('medium');
@@ -261,6 +299,9 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -310,7 +351,10 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     return null;
   };
   var createPanel = function createPanel() {
-    var panelClassName = classNames('p-password-panel p-component', props.panelClassName);
+    var panelClassName = classNames('p-password-panel p-component', props.panelClassName, {
+      'p-input-filled': PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact.ripple === false
+    });
     var _ref2 = meterState || {
         strength: '',
         width: '0%'
@@ -360,7 +404,7 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     'p-input-icon-right': props.toggleMask
   }, props.className);
   var inputClassName = classNames('p-password-input', props.inputClassName);
-  var inputProps = ObjectUtils.findDiffKeys(props, Password.defaultProps);
+  var inputProps = PasswordBase.getOtherProps(props);
   var icon = createIcon();
   var panel = createPanel();
   return /*#__PURE__*/React.createElement("div", {
@@ -384,36 +428,5 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   })), icon, panel);
 }));
 Password.displayName = 'Password';
-Password.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: true,
-  toggleMask: false,
-  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
-};
 
 export { 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 l,useUnmountEffect as o}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}from"primereact/utils";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 d(e){if(Array.isArray(e))return e}function g(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 y(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 w(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function v(){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 h(e,t){return d(e)||g(e,t)||w(e,t)||v()}var E=e.memo(e.forwardRef((function(d,g){var y=d.promptLabel||n("passwordPrompt"),w=d.weakLabel||n("weak"),v=d.mediumLabel||n("medium"),b=d.strongLabel||n("strong"),k=h(e.useState(!1),2),R=k[0],x=k[1],S=h(e.useState(null),2),N=S[0],O=S[1],C=h(e.useState(y),2),I=C[0],A=C[1],j=h(e.useState(!1),2),L=j[0],P=j[1],T=h(e.useState(!1),2),M=T[0],z=T[1],F=e.useRef(null),H=e.useRef(null),J=e.useRef(d.inputRef),K=e.useRef(new RegExp(d.mediumRegex)),U=e.useRef(new RegExp(d.strongRegex)),X=M?"text":"password",Z=h(l({target:F,overlay:H,listener:function(e,t){t.valid&&Q()},when:R}),2),B=Z[0],V=Z[1],_=J.current&&J.current.value,D=e.useMemo((function(){return s.isNotEmpty(d.value)||s.isNotEmpty(d.defaultValue)||s.isNotEmpty(_)}),[d.value,d.defaultValue,_]),Y=function(){if(N){var e=null;switch(N.strength){case"weak":e=w;break;case"medium":e=v;break;case"strong":e=b}e&&I!==e&&A(e)}else I!==y&&A(y)},$=function(e){d.feedback&&u.emit("overlay-click",{originalEvent:e,target:F.current})},q=function(){z((function(e){return!e}))},G=function(){Y(),x(!0)},Q=function(){x(!1)},W=function(){c.set("overlay",H.current,t.autoZIndex,t.zIndex.overlay),J.current&&p.alignOverlay(H.current,J.current.parentElement,d.appendTo||t.appendTo)},ee=function(){B(),d.onShow&&d.onShow()},te=function(){V()},ne=function(){c.clear(H.current),d.onHide&&d.onHide()},re=function(e){return U.current.test(e)?3:K.current.test(e)?2:e.length?1:0};e.useImperativeHandle(g,(function(){return{props:d,getElement:function(){return F.current},getOverlay:function(){return H.current},getInput:function(){return J.current}}})),e.useEffect((function(){s.combinedRefs(J,d.inputRef)}),[J,d.inputRef]),e.useEffect((function(){K.current=new RegExp(d.mediumRegex)}),[d.mediumRegex]),e.useEffect((function(){U.current=new RegExp(d.strongRegex)}),[d.strongRegex]),e.useEffect((function(){!D&&p.hasClass(F.current,"p-inputwrapper-filled")&&p.removeClass(F.current,"p-inputwrapper-filled")}),[D]),o((function(){c.clear(H.current)}));var le,oe,ae,ue,ie,se,pe,ce=f("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":D,"p-inputwrapper-focus":L,"p-input-icon-right":d.toggleMask},d.className),fe=f("p-password-input",d.inputClassName),me=s.findDiffKeys(d,E.defaultProps),de=function(){if(d.toggleMask){var t=M?"pi pi-eye-slash":"pi pi-eye",n=e.createElement("i",{className:t,onClick:q});if(d.icon)n=s.getJSXElement(d.icon,{onClick:q,className:t,element:n,props:d});return n}return null}(),ge=(le=f("p-password-panel p-component",d.panelClassName),ae=(oe=N||{strength:"",width:"0%"}).strength,ue=oe.width,ie=s.getJSXElement(d.header,d),se=s.getJSXElement(d.footer,d),pe=d.content?s.getJSXElement(d.content,d):e.createElement(e.Fragment,null,e.createElement("div",{className:"p-password-meter"},e.createElement("div",{className:"p-password-strength ".concat(ae),style:{width:ue}})),e.createElement("div",{className:"p-password-info ".concat(ae)},I)),e.createElement(i,{element:e.createElement(r,{nodeRef:H,classNames:"p-connected-overlay",in:R,timeout:{enter:120,exit:100},options:d.transitionOptions,unmountOnExit:!0,onEnter:W,onEntered:ee,onExit:te,onExited:ne},e.createElement("div",{ref:H,className:le,style:d.panelStyle,onClick:$},ie,pe,se)),appendTo:d.appendTo}));return e.createElement("div",{ref:F,id:d.id,className:ce,style:d.style},e.createElement(a,m({ref:J,id:d.inputId},me,{type:X,className:fe,style:d.inputStyle,onFocus:function(e){P(!0),d.feedback&&G(),d.onFocus&&d.onFocus(e)},onBlur:function(e){P(!1),d.feedback&&Q(),d.onBlur&&d.onBlur(e)},onKeyUp:function(e){var t=e.keyCode||e.which;if(d.feedback){var n=null,r=null;switch(re(e.target.value)){case 1:n=w,r={strength:"weak",width:"33.33%"};break;case 2:n=v,r={strength:"medium",width:"66.66%"};break;case 3:n=b,r={strength:"strong",width:"100%"};break;default:n=y,r=null}O(r),A(n),t&&!R&&G()}d.onKeyUp&&d.onKeyUp(e)},onInput:function(e,t){d.onInput&&d.onInput(e,t),d.onChange||(s.isNotEmpty(e.target.value)?p.addClass(F.current,"p-inputwrapper-filled"):p.removeClass(F.current,"p-inputwrapper-filled"))},tooltip:d.tooltip,tooltipOptions:d.tooltipOptions})),de,ge)})));E.displayName="Password",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,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};export{E as Password};
+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}from"primereact/utils";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 d(e){if(Array.isArray(e))return e}function g(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 y(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 w(e,t){if(e){if("string"==typeof e)return y(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)?y(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 v(e,t){return d(e)||g(e,t)||w(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,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,E.defaultProps)},getOtherProps:function(e){return s.getDiffProps(e,E.defaultProps)}},b=e.memo(e.forwardRef((function(d,g){var y=E.getProps(d),w=y.promptLabel||n("passwordPrompt"),h=y.weakLabel||n("weak"),b=y.mediumLabel||n("medium"),k=y.strongLabel||n("strong"),R=v(e.useState(!1),2),x=R[0],S=R[1],N=v(e.useState(null),2),O=N[0],C=N[1],P=v(e.useState(w),2),I=P[0],A=P[1],j=v(e.useState(!1),2),L=j[0],T=j[1],M=v(e.useState(!1),2),z=M[0],F=M[1],H=e.useRef(null),J=e.useRef(null),U=e.useRef(y.inputRef),X=e.useRef(new RegExp(y.mediumRegex)),Z=e.useRef(new RegExp(y.strongRegex)),B=z?"text":"password",K=v(o({target:H,overlay:J,listener:function(e,t){t.valid&&W()},when:x}),2),V=K[0],_=K[1],D=U.current&&U.current.value,Y=e.useMemo((function(){return s.isNotEmpty(y.value)||s.isNotEmpty(y.defaultValue)||s.isNotEmpty(D)}),[y.value,y.defaultValue,D]),$=function(){if(O){var e=null;switch(O.strength){case"weak":e=h;break;case"medium":e=b;break;case"strong":e=k}e&&I!==e&&A(e)}else I!==w&&A(w)},q=function(e){y.feedback&&u.emit("overlay-click",{originalEvent:e,target:H.current})},G=function(){F((function(e){return!e}))},Q=function(){$(),S(!0)},W=function(){S(!1)},ee=function(){c.set("overlay",J.current,t.autoZIndex,t.zIndex.overlay),U.current&&p.alignOverlay(J.current,U.current.parentElement,y.appendTo||t.appendTo)},te=function(){V(),y.onShow&&y.onShow()},ne=function(){_()},re=function(){c.clear(J.current),y.onHide&&y.onHide()},oe=function(e){return Z.current.test(e)?3:X.current.test(e)?2:e.length?1:0};e.useImperativeHandle(g,(function(){return{props:y,focus:function(){return p.focus(U.current)},getElement:function(){return H.current},getOverlay:function(){return J.current},getInput:function(){return U.current}}})),e.useEffect((function(){s.combinedRefs(U,y.inputRef)}),[U,y.inputRef]),e.useEffect((function(){X.current=new RegExp(y.mediumRegex)}),[y.mediumRegex]),e.useEffect((function(){Z.current=new RegExp(y.strongRegex)}),[y.strongRegex]),e.useEffect((function(){!Y&&p.hasClass(H.current,"p-inputwrapper-filled")&&p.removeClass(H.current,"p-inputwrapper-filled")}),[Y]),l((function(){c.clear(J.current)}));var le,ae,ue,ie,se,pe,ce,fe=f("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":Y,"p-inputwrapper-focus":L,"p-input-icon-right":y.toggleMask},y.className),me=f("p-password-input",y.inputClassName),de=E.getOtherProps(y),ge=function(){if(y.toggleMask){var t=z?"pi pi-eye-slash":"pi pi-eye",n=e.createElement("i",{className:t,onClick:G});if(y.icon)n=s.getJSXElement(y.icon,{onClick:G,className:t,element:n,props:y});return n}return null}(),ye=(le=f("p-password-panel p-component",y.panelClassName,{"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),ue=(ae=O||{strength:"",width:"0%"}).strength,ie=ae.width,se=s.getJSXElement(y.header,y),pe=s.getJSXElement(y.footer,y),ce=y.content?s.getJSXElement(y.content,y):e.createElement(e.Fragment,null,e.createElement("div",{className:"p-password-meter"},e.createElement("div",{className:"p-password-strength ".concat(ue),style:{width:ie}})),e.createElement("div",{className:"p-password-info ".concat(ue)},I)),e.createElement(i,{element:e.createElement(r,{nodeRef:J,classNames:"p-connected-overlay",in:x,timeout:{enter:120,exit:100},options:y.transitionOptions,unmountOnExit:!0,onEnter:ee,onEntered:te,onExit:ne,onExited:re},e.createElement("div",{ref:J,className:le,style:y.panelStyle,onClick:q},se,ce,pe)),appendTo:y.appendTo}));return e.createElement("div",{ref:H,id:y.id,className:fe,style:y.style},e.createElement(a,m({ref:U,id:y.inputId},de,{type:B,className:me,style:y.inputStyle,onFocus:function(e){T(!0),y.feedback&&Q(),y.onFocus&&y.onFocus(e)},onBlur:function(e){T(!1),y.feedback&&W(),y.onBlur&&y.onBlur(e)},onKeyUp:function(e){var t=e.keyCode||e.which;if(y.feedback){var n=null,r=null;switch(oe(e.target.value)){case 1:n=h,r={strength:"weak",width:"33.33%"};break;case 2:n=b,r={strength:"medium",width:"66.66%"};break;case 3:n=k,r={strength:"strong",width:"100%"};break;default:n=w,r=null}C(r),A(n),t&&!x&&Q()}y.onKeyUp&&y.onKeyUp(e)},onInput:function(e,t){y.onInput&&y.onInput(e,t),y.onChange||(s.isNotEmpty(e.target.value)?p.addClass(H.current,"p-inputwrapper-filled"):p.removeClass(H.current,"p-inputwrapper-filled"))},tooltip:y.tooltip,tooltipOptions:y.tooltipOptions})),ge,ye)})));b.displayName="Password";export{b as Password};

package/password/password.js

@@ -58,9 +58,7 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
         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) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -76,9 +74,7 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -99,7 +95,49 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var PasswordBase = {
+    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: true,
+      toggleMask: false,
+      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,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, PasswordBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, PasswordBase.defaultProps);
+    }
+  };
+
+  var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = PasswordBase.getProps(inProps);
     var promptLabel = props.promptLabel || PrimeReact.localeOption('passwordPrompt');
     var weakLabel = props.weakLabel || PrimeReact.localeOption('weak');
     var mediumLabel = props.mediumLabel || PrimeReact.localeOption('medium');
@@ -279,6 +317,9 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },
@@ -328,7 +369,10 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
       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%'
@@ -378,7 +422,7 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
       'p-input-icon-right': props.toggleMask
     }, props.className);
     var inputClassName = utils.classNames('p-password-input', props.inputClassName);
-    var inputProps = utils.ObjectUtils.findDiffKeys(props, Password.defaultProps);
+    var inputProps = PasswordBase.getOtherProps(props);
     var icon = createIcon();
     var panel = createPanel();
     return /*#__PURE__*/React__namespace.createElement("div", {
@@ -402,37 +446,6 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
     })), icon, panel);
   }));
   Password.displayName = 'Password';
-  Password.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: true,
-    toggleMask: false,
-    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 = Password;
 

package/password/password.min.css

@@ -1 +1 @@
-.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}
+.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}

package/password/password.min.js

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

package/picklist/package.json

@@ -2,5 +2,6 @@
     "main": "./picklist.cjs.js",
     "module": "./picklist.esm.js",
     "unpkg": "./picklist.min.js",
-    "types": "./picklist.d.ts"
+    "types": "./picklist.d.ts",
+    "sideEffects": false
 }