Fix #5135: Password expose toggleMask() method (#5136)

primefaces · Oct 21, 2023 · 7e172dc · 7e172dc
1 parent 5ba6169
commit 7e172dc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/components/lib/password/Password.js b/components/lib/password/Password.js
@@ -98,7 +98,7 @@ export const Password = React.memo(
             }
         };
 
-        const onMaskToggle = () => {
+        const toggleMask = () => {
             setUnmaskedState((prevUnmasked) => !prevUnmasked);
         };
 
@@ -229,6 +229,7 @@ export const Password = React.memo(
 
         React.useImperativeHandle(ref, () => ({
             props,
+            toggleMask,
             focus: () => DomHandler.focus(inputRef.current),
             getElement: () => elementRef.current,
             getOverlay: () => overlayRef.current,
@@ -272,11 +273,11 @@ export const Password = React.memo(
             const eyeIcon = IconUtils.getJSXIcon(icon, unmaskedState ? { ...hideIconProps } : { ...showIconProps }, { props });
 
             if (props.toggleMask) {
-                let content = <i onClick={onMaskToggle}> {eyeIcon} </i>;
+                let content = <i onClick={toggleMask}> {eyeIcon} </i>;
 
                 if (props.icon) {
                     const defaultIconOptions = {
-                        onClick: onMaskToggle,
+                        onClick: toggleMask,
                         className,
                         element: content,
                         props

diff --git a/components/lib/password/password.d.ts b/components/lib/password/password.d.ts
@@ -308,6 +308,10 @@ export declare class Password extends React.Component<PasswordProps, any> {
      * Used to focus the component.
      */
     public focus(): void;
+    /**
+     * Toggle the mask on or off.
+     */
+    public toggleMask(): void;
     /**
      * Used to get container element.
      * @return {HTMLDivElement} Container element