+autocomplete off in input fields

wrappid · Nov 4, 2024 · eb367b8 · eb367b8
1 parent 5f483ca
commit eb367b8
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/package/components/inputs/forms/CoreEditForm.js b/package/components/inputs/forms/CoreEditForm.js
@@ -51,6 +51,7 @@ export default function CoreEditForm(props) {
         enableReinitialize={true}
         initialValues={Array.isArray(formData) ? formData[index] : formData}
         validationSchema={forms[formId]?.formValidationOb}
+        // validateOnMount={true} // need to check
         onSubmit={props.handleSubmit}
         innerRef={formRef}
       >

diff --git a/package/components/inputs/forms/CoreFormInputs.js b/package/components/inputs/forms/CoreFormInputs.js
@@ -35,7 +35,7 @@ export default function CoreFormInputs(props) {
     handleButtonCLick,
     submitLoading,
     OnCancelClick,
-    mode,
+    mode
   } = props;
 
   const { config } = React.useContext(WrappidDataContext);

diff --git a/package/utils/formUtils.js b/package/utils/formUtils.js
@@ -311,7 +311,7 @@ export function createFormFieldProps(props, type) {
     OnEditClick,
     editFormId,
     allowEdit,
-    onFormFocus,
+    onFormFocus
   } = props;
 
   if (type === "edit") {
@@ -323,8 +323,8 @@ export function createFormFieldProps(props, type) {
         styleClasses: element?.styleClasses,
         ...(initProps[element?.id] || {}),
       };
-    } else
-      return {
+    } else {
+      let _props = {
         OnEditClick : OnEditClick,
         allowEdit   : allowEdit,
         asyncLoading: element?.asyncLoading,
@@ -441,6 +441,13 @@ export function createFormFieldProps(props, type) {
         value        : formikprops?.values ? formikprops?.values[element?.id] : "",
         ...(initProps[element?.id] || {}),
       };
+
+      if (element?.autoComplete) {
+        _props.autoComplete = element?.autoComplete;
+        _props.inputProps.autoComplete = element?.autoComplete;
+      }
+      return _props;
+    }
   } else {
     return {
       id   : element?.id ? String(element?.id) : "",