fix: FieldWrapper… ID fallback support STILL incomplete

TACC · May 20, 2024 · 8932544 · 8932544
1 parent c03ee3a
commit 8932544
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikCheck.tsx b/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikCheck.tsx
@@ -15,7 +15,7 @@ const FormikCheck: React.FC<FormikInputProps> = ({
 }: FormikInputProps) => {
   return (
     <FieldWrapper
-      id={id}
+      id={id || field.name}
       label={label}
       required={required}
       description={description}

diff --git a/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikFileInput/FormikFileInput.tsx b/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikFileInput/FormikFileInput.tsx
@@ -40,7 +40,7 @@ const FileInputDropZoneFormField: React.FC<FormikFileInputProps> = ({
   };
   return (
     <FieldWrapper
-      id={id}
+      id={id || field.name}
       label={label}
       required={required}
       description={description}

diff --git a/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikInput.tsx b/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikInput.tsx
@@ -21,7 +21,7 @@ const FormikInput: React.FC<FormikInputProps> = ({
       description={description}
       formik={{ field, form, meta }}
     >
-      <input {...field} {...props} id={id} />
+      <input {...field} {...props} id={id || field.name} />
     </FieldWrapper>
   );
 };

diff --git a/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikSelect.tsx b/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikSelect.tsx
@@ -22,7 +22,7 @@ const FormikTextarea: React.FC<FormikSelectProps> = ({
       description={description}
       formik={{ field, form, meta }}
     >
-      <select {...field} {...props} id={id}>
+      <select {...field} {...props} id={id || field.name}>
         {children}
       </select>
     </FieldWrapper>

diff --git a/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikTextarea.tsx b/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikTextarea.tsx
@@ -21,7 +21,7 @@ const FormikTextarea: React.FC<FormikTextareaProps> = ({
       description={description}
       formik={{ field, form, meta }}
     >
-      <textarea {...field} {...props} id={id} />
+      <textarea {...field} {...props} id={id || field.name} />
     </FieldWrapper>
   );
 };