fix(ui): autocomplete off for password fields (#11070)

openmetadata-ui/src/main/resources/ui/src/components/BotDetails/AuthMechanism.tsx

@@ -85,6 +85,7 @@ const AuthMechanism: FC<Props> = ({
             <Space className="w-full tw-justify-between ant-space-authMechanism">
               <Input.Password
                 readOnly
+                autoComplete="off"
                 data-testid="token"
                 placeholder="Generate new token..."
                 value={JWTToken}
@@ -158,6 +159,7 @@ const AuthMechanism: FC<Props> = ({
               <Space className="w-full tw-justify-between ant-space-authMechanism">
                 <Input.Password
                   readOnly
+                  autoComplete="off"
                   data-testid="secretKey"
                   value={authConfig?.secretKey}
                 />
@@ -171,6 +173,7 @@ const AuthMechanism: FC<Props> = ({
               <Space className="w-full tw-justify-between ant-space-authMechanism">
                 <Input.Password
                   readOnly
+                  autoComplete="off"
                   data-testid="privateKey"
                   value={authConfig?.privateKey}
                 />
@@ -184,6 +187,7 @@ const AuthMechanism: FC<Props> = ({
               <Space className="w-full tw-justify-between ant-space-authMechanism">
                 <Input.Password
                   readOnly
+                  autoComplete="off"
                   data-testid="clientSecret"
                   value={authConfig?.clientSecret}
                 />

openmetadata-ui/src/main/resources/ui/src/components/BotDetails/AuthMechanismForm.tsx

@@ -238,6 +238,7 @@ const AuthMechanismForm: FC<Props> = ({
                 },
               ]}>
               <Input.Password
+                autoComplete="off"
                 data-testid="secretKey"
                 name="secretKey"
                 placeholder={t('label.secret-key')}
@@ -273,6 +274,7 @@ const AuthMechanismForm: FC<Props> = ({
                 },
               ]}>
               <Input.Password
+                autoComplete="off"
                 data-testid="secretKey"
                 name="secretKey"
                 placeholder={t('label.secret-key')}
@@ -334,6 +336,7 @@ const AuthMechanismForm: FC<Props> = ({
                 },
               ]}>
               <Input.Password
+                autoComplete="off"
                 data-testid="clientSecret"
                 name="clientSecret"
                 placeholder={t('label.client-secret')}
@@ -416,6 +419,7 @@ const AuthMechanismForm: FC<Props> = ({
                 },
               ]}>
               <Input.Password
+                autoComplete="off"
                 data-testid="privateKey"
                 name="privateKey"
                 placeholder={t('label.privateKey')}
@@ -508,6 +512,7 @@ const AuthMechanismForm: FC<Props> = ({
                 },
               ]}>
               <Input.Password
+                autoComplete="off"
                 data-testid="secretKey"
                 name="secretKey"
                 placeholder={t('label.secret-key')}

openmetadata-ui/src/main/resources/ui/src/components/CreateUser/CreateUser.component.tsx

@@ -369,6 +369,7 @@ const CreateUser = ({
                 },
               ]}>
               <Input.Password
+                autoComplete="off"
                 data-testid="secretKey"
                 name="secretKey"
                 placeholder={t('label.secret-key')}
@@ -404,6 +405,7 @@ const CreateUser = ({
                 },
               ]}>
               <Input.Password
+                autoComplete="off"
                 data-testid="secretKey"
                 name="secretKey"
                 placeholder={t('label.secret-key')}
@@ -467,6 +469,7 @@ const CreateUser = ({
                 },
               ]}>
               <Input.Password
+                autoComplete="off"
                 data-testid="clientSecret"
                 name="clientSecret"
                 placeholder={t('label.client-secret')}
@@ -547,6 +550,7 @@ const CreateUser = ({
                 },
               ]}>
               <Input.Password
+                autoComplete="off"
                 data-testid="privateKey"
                 name="privateKey"
                 placeholder={t('label.private-key')}
@@ -639,6 +643,7 @@ const CreateUser = ({
                 },
               ]}>
               <Input.Password
+                autoComplete="off"
                 data-testid="secretKey"
                 name="secretKey"
                 placeholder={t('label.secret-key')}
@@ -868,6 +873,7 @@ const CreateUser = ({
                           },
                         ]}>
                         <Input.Password
+                          autoComplete="off"
                           name="password"
                           placeholder={t('label.password-type', {
                             type: t('label.enter'),
@@ -896,6 +902,7 @@ const CreateUser = ({
                           },
                         ]}>
                         <Input.Password
+                          autoComplete="off"
                           name="confirmPassword"
                           placeholder={t('label.password-type', {
                             type: t('label.confirm'),
@@ -943,6 +950,7 @@ const CreateUser = ({
                               </div>
                             </div>
                           }
+                          autoComplete="off"
                           name="generatedPassword"
                           value={generatedPassword}
                         />

openmetadata-ui/src/main/resources/ui/src/components/Users/ChangePasswordForm.tsx

@@ -76,6 +76,7 @@ const ChangePasswordForm: React.FC<ChangePasswordForm> = ({
               },
             ]}>
             <Input.Password
+              autoComplete="off"
               data-testid="name"
               placeholder={t('label.enter-type-password', {
                 type: t('label.old'),
@@ -96,6 +97,7 @@ const ChangePasswordForm: React.FC<ChangePasswordForm> = ({
             },
           ]}>
           <Input.Password
+            autoComplete="off"
             placeholder={t('label.enter-type-password', {
               type: t('label.new'),
             })}
@@ -115,7 +117,10 @@ const ChangePasswordForm: React.FC<ChangePasswordForm> = ({
               },
             },
           ]}>
-          <Input.Password placeholder={t('label.confirm-new-password')} />
+          <Input.Password
+            autoComplete="off"
+            placeholder={t('label.confirm-new-password')}
+          />
         </Form.Item>
       </Form>
     </Modal>

openmetadata-ui/src/main/resources/ui/src/components/common/DBTConfigFormBuilder/DBTCloudConfig.tsx

@@ -123,6 +123,7 @@ export const DBTCloudConfig: FunctionComponent<Props> = ({
           {t('label.dbt-cloud-account-auth-token')}
         </p>
         <Input.Password
+          autoComplete="off"
           className="tw-form-inputs tw-form-inputs-padding"
           data-testid="cloud-auth-token"
           id="cloud-auth-token"

openmetadata-ui/src/main/resources/ui/src/components/common/DBTConfigFormBuilder/DBTGCSConfig.tsx

@@ -188,6 +188,7 @@ export const DBTGCSConfig: FunctionComponent<Props> = ({
             {t('label.google-cloud-private-key-id')}
           </p>
           <Input.Password
+            autoComplete="off"
             className="tw-form-inputs tw-form-inputs-padding"
             data-testid="private-key-id"
             id="private-key-id"
@@ -209,6 +210,7 @@ export const DBTGCSConfig: FunctionComponent<Props> = ({
             {t('label.google-cloud-private-key')}
           </p>
           <Input.Password
+            autoComplete="off"
             className="tw-form-inputs tw-form-inputs-padding"
             data-testid="private-key"
             id="private-key"

openmetadata-ui/src/main/resources/ui/src/components/common/DBTConfigFormBuilder/DBTS3Config.tsx

@@ -119,6 +119,7 @@ export const DBTS3Config: FunctionComponent<Props> = ({
           {`${t('label.aws-access-key-id')}.`}
         </p>
         <Input.Password
+          autoComplete="off"
           className="tw-form-inputs tw-form-inputs-padding"
           data-testid="aws-access-key-id"
           id="aws-access-key-id"
@@ -138,6 +139,7 @@ export const DBTS3Config: FunctionComponent<Props> = ({
         </p>
 
         <Input.Password
+          autoComplete="off"
           className="tw-form-inputs tw-form-inputs-padding"
           data-testid="aws-secret-access-key-id"
           id="aws-secret-access-key-id"
@@ -174,6 +176,7 @@ export const DBTS3Config: FunctionComponent<Props> = ({
           {`${t('label.aws-session-token')}.`}
         </p>
         <Input.Password
+          autoComplete="off"
           className="tw-form-inputs tw-form-inputs-padding"
           data-testid="aws-session-token"
           id="aws-session-token"

openmetadata-ui/src/main/resources/ui/src/pages/login/index.tsx

@@ -260,7 +260,10 @@ const SigninPage = () => {
                     name="password"
                     requiredMark={false}
                     rules={[{ required: true }]}>
-                    <Input.Password placeholder={t('label.password')} />
+                    <Input.Password
+                      autoComplete="off"
+                      placeholder={t('label.password')}
+                    />
                   </Form.Item>
 
                   <Button

openmetadata-ui/src/main/resources/ui/src/pages/reset-password/reset-password.component.tsx

@@ -129,6 +129,7 @@ const ResetPassword = () => {
                     },
                   ]}>
                   <Input.Password
+                    autoComplete="off"
                     className="w-full"
                     placeholder={t('label.enter-entity', {
                       entity: t('label.new-password'),
@@ -156,6 +157,7 @@ const ResetPassword = () => {
                     },
                   ]}>
                   <Input.Password
+                    autoComplete="off"
                     className="w-full"
                     placeholder={t('label.re-enter-new-password')}
                   />

openmetadata-ui/src/main/resources/ui/src/pages/signup/basic-signup.component.tsx

@@ -135,6 +135,7 @@ const BasicSignUp = () => {
                             },
                           ]}>
                           <Input.Password
+                            autoComplete="off"
                             placeholder={t('label.enter-entity', {
                               entity: t('label.password-lowercase'),
                             })}
@@ -164,6 +165,7 @@ const BasicSignUp = () => {
                             },
                           ]}>
                           <Input.Password
+                            autoComplete="off"
                             placeholder={t('label.confirm-password')}
                           />
                         </Form.Item>