fix(striker-ui): remove disableAutocomplete from formik utils

striker-ui/components/ManageMailServer/AddMailServerForm.tsx

@@ -26,13 +26,8 @@ const AddMailServerForm: FC<AddMailServerFormProps> = (props) => {
     [mailServerUuid],
   );
 
-  const {
+  const { disabledSubmit, formik, formikErrors, handleChange } =
-    disableAutocomplete,
+    useFormikUtils<MailServerFormikValues>({
-    disabledSubmit,
-    formik,
-    formikErrors,
-    handleChange,
-  } = useFormikUtils<MailServerFormikValues>({
       initialValues: previousFormikValues ?? {
         [msUuid]: {
           address: '',
@@ -206,8 +201,8 @@ const AddMailServerForm: FC<AddMailServerFormProps> = (props) => {
         <UncontrolledInput
           input={
             <OutlinedInputWithLabel
+              disableAutofill
               id={usernameChain}
-              inputProps={disableAutocomplete()}
               label="Server username"
               name={usernameChain}
               onChange={handleChange}
@@ -220,8 +215,8 @@ const AddMailServerForm: FC<AddMailServerFormProps> = (props) => {
         <UncontrolledInput
           input={
             <OutlinedInputWithLabel
+              disableAutofill
               id={passwordChain}
-              inputProps={disableAutocomplete()}
               label="Server password"
               name={passwordChain}
               onChange={handleChange}
@@ -236,8 +231,8 @@ const AddMailServerForm: FC<AddMailServerFormProps> = (props) => {
         <UncontrolledInput
           input={
             <OutlinedInputWithLabel
+              disableAutofill
               id={confirmPasswordChain}
-              inputProps={disableAutocomplete()}
               label="Confirm password"
               name={confirmPasswordChain}
               onChange={handleChange}

striker-ui/hooks/useFormikUtils.ts

@@ -1,4 +1,3 @@
-import { OutlinedInputProps } from '@mui/material';
 import { FormikConfig, FormikValues, useFormik } from 'formik';
 import { isEqual, isObject } from 'lodash';
 import { useCallback, useMemo } from 'react';
@@ -41,17 +40,6 @@ const useFormikUtils = <Values extends FormikValues = FormikValues>(
     [formik.initialValues, formik.values],
   );
 
-  const disableAutocomplete = useCallback(
-    (overwrite?: Partial<OutlinedInputProps>): OutlinedInputProps => ({
-      readOnly: true,
-      onFocus: (event) => {
-        event.target.readOnly = false;
-      },
-      ...overwrite,
-    }),
-    [],
-  );
-
   const debounceHandleChange = useMemo(
     () => debounce(formik.handleChange),
     [formik.handleChange],
@@ -75,7 +63,6 @@ const useFormikUtils = <Values extends FormikValues = FormikValues>(
   );
 
   return {
-    disableAutocomplete,
     disabledSubmit,
     formik,
     formikErrors,

striker-ui/types/FormikUtils.d.ts

@@ -12,11 +12,6 @@ type FormikSubmitHandler<Values extends FormikValues> =
   import('formik').FormikConfig<Values>['onSubmit'];
 
 type FormikUtils<Values extends FormikValues> = {
-  disableAutocomplete: (
-    overwrite?: Partial<
-      import('../components/OutlinedInput').OutlinedInputProps
-    >,
-  ) => import('../components/OutlinedInput').OutlinedInputProps;
   disabledSubmit: boolean;
   formik: Formik<Values>;
   formikErrors: Messages;