primereact 8.7.3 → 9.0.0-beta.1

package/panel/panel.d.ts

@@ -1,47 +1,173 @@
+/**
+ *
+ * Panel is a grouping component providing with content toggle feature.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/panel/)
+ *
+ * @module panel
+ *
+ */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { IconType } from '../utils';
 
-type PanelHeaderTemplateType = React.ReactNode | ((options: PanelHeaderTemplateOptions) => React.ReactNode);
-
-type PanelIconsTemplateType = React.ReactNode | ((props: PanelProps) => React.ReactNode);
-
+/**
+ * Custom panel header template options.
+ * @group Misc
+ */
 interface PanelHeaderTemplateOptions {
+    /**
+     * Style class of the panel.
+     */
     className: string;
-    titleClassName: string;
+    /**
+     * Style class of the panel title.
+     */
+    titleClssName: string;
+    /**
+     * Style class of the panel icons.
+     */
     iconsClassName: string;
+    /**
+     * Style class of the panel toggler.
+     */
     togglerClassName: string;
+    /**
+     * Style class of the panel toggler icon.
+     */
     togglerIconClassName: string;
+    /**
+     * Callback to invoke when the toggler button is clicked.
+     * @param {React.MouseEvent<HTMLElement>} event Browser event.
+     */
     onTogglerClick(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * The JSX element that represents the title of the panel.
+     */
     titleElement: JSX.Element;
+    /**
+     * The JSX element that represents the icons of the panel.
+     */
     iconsElement: JSX.Element;
+    /**
+     * The JSX element that represents the toggler of the panel.
+     */
     togglerElement: JSX.Element;
+    /**
+     * The JSX element that represents the panel.
+     */
     element: JSX.Element;
+    /**
+     * The props of the Panel component.
+     */
     props: PanelProps;
+    /**
+     * Whether the panel header is collapsed or not.
+     */
     collapsed: boolean;
 }
 
-interface PanelToggleParams {
+/**
+ * Custom toggle event.
+ * @see {@link PanelProps.onToggle}
+ * @event
+ */
+interface PanelToggleEvent {
+    /**
+     * Browser event.
+     */
     originalEvent: React.MouseEvent<HTMLElement>;
+    /**
+     * Collapsed state as a boolean.
+     */
     value: boolean;
 }
 
+/**
+ * Defines valid properties in Panel component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface PanelProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    header?: React.ReactNode;
-    headerTemplate?: PanelHeaderTemplateType;
-    toggleable?: boolean;
-    collapsed?: boolean;
-    expandIcon?: IconType<PanelProps>;
-    collapseIcon?: IconType<PanelProps>;
-    icons?: PanelIconsTemplateType;
-    transitionOptions?: CSSTransitionProps;
+    /**
+     * Custom header template of the panel.
+     */
+    header?: React.ReactNode | undefined;
+    /**
+     * Header template of the panel to customize more.
+     * @param {PanelHeaderTemplateOptions} options - Options to customize the header template.
+     */
+    headerTemplate?: React.ReactNode | ((options: PanelHeaderTemplateOptions) => React.ReactNode);
+    /**
+     * Defines if content of panel can be expanded and collapsed.
+     * @defaultValue false
+     */
+    toggleable?: boolean | undefined;
+    /**
+     * Defines the initial state of panel content, supports one or two-way binding as well.
+     * @defaultValue false
+     */
+    collapsed?: boolean | undefined;
+    /**
+     * Icon of a expanded tab.
+     * @defaultValue pi pi-plus
+     */
+    expandIcon?: IconType<PanelProps> | undefined;
+    /**
+     * Icon of a collapsed tab.
+     * @defaultValue pi pi-minus
+     */
+    collapseIcon?: IconType<PanelProps> | undefined;
+    /**
+     * Custom icons template for the header.
+     */
+    icons?: React.ReactNode | ((props: PanelProps) => React.ReactNode);
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     * @type {CSSTransitionProps}
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Callback to invoke when a tab gets expanded.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
     onExpand?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when an active tab is collapsed by clicking on the header.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
     onCollapse?(event: React.SyntheticEvent): void;
-    onToggle?(e: PanelToggleParams): void;
-    children?: React.ReactNode;
+    /**
+     * Callback to invoke when a tab gets expanded.
+     * @param {PanelToggleEvent} event - Custom toggle event.
+     */
+    onToggle?(event: PanelToggleEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Panel**
+ *
+ * _Panel is a grouping component providing with content toggle feature._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/panel/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Panel extends React.Component<PanelProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
+    /**
+     * Used to get content of the panel.
+     * @return {HTMLDivElement} Content element
+     */
     public getContent(): HTMLDivElement;
 }

package/panelmenu/panelmenu.d.ts

@@ -1,14 +1,56 @@
+/**
+ *
+ * PanelMenu is a hybrid of accordion-tree components.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/panelmenu/)
+ *
+ * @module panelmenu
+ *
+ */
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
 import { CSSTransitionProps } from '../csstransition';
 
+/**
+ * Defines valid properties in PanelMenu component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface PanelMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    model?: MenuItem[];
-    multiple?: boolean;
-    transitionOptions?: CSSTransitionProps;
-    children?: React.ReactNode;
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Whether multiple tabs can be activated at the same time or not.
+     * @defaultValue false
+     */
+    multiple?: boolean | undefined;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - PanelMenu**
+ *
+ * _PanelMenu is a hybrid of accordion-tree components._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/panelmenu/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class PanelMenu extends React.Component<PanelMenuProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/password/password.cjs.js

@@ -288,6 +288,9 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return utils.DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -337,7 +340,10 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     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%'

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,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],R=j[1],S=v(c.useState(!1),2),N=S[0],U=S[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(E){var e=null;switch(E.strength){case"weak":e=d;break;case"medium":e=m;break;case"strong":e=g}e&&k!==e&&R(e)}else k!==s&&R(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=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: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),R(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;
+    /**
+     * 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

@@ -261,6 +261,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 +313,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%'

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 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,focus:function(){return p.focus(J.current)},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,{"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),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};

package/password/password.js

@@ -279,6 +279,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 +331,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%'

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}