fix: FieldWrapper… ID fallback support incomplete

TACC · May 20, 2024 · 98988c5 · 98988c5
1 parent ab31bf3
commit 98988c5
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
@@ -27,7 +27,7 @@ const FormikCheck: React.FC<FormikInputProps> = ({
         {...props}
         type="checkbox"
         checked={field.value}
-        id={id}
+        id={id || field.name}
       />
     </FieldWrapper>
   );

diff --git a/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikFileInput/FormikFileInput.tsx b/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikFileInput/FormikFileInput.tsx
@@ -47,7 +47,7 @@ const FileInputDropZoneFormField: React.FC<FormikFileInputProps> = ({
       formik={{ field, form, meta }}
     >
       <FileInputDropZone
-        id={id}
+        id={id || field.name}
         files={field.value}
         onDrop={onSetFiles}
         onRemoveFile={onRemoveFile}

diff --git a/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikInput.tsx b/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikInput.tsx
@@ -15,7 +15,7 @@ const FormikInput: 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/FormikSelect.tsx b/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikSelect.tsx
@@ -16,7 +16,7 @@ const FormikTextarea: React.FC<FormikSelectProps> = ({
 }: FormikSelectProps) => {
   return (
     <FieldWrapper
-      id={id}
+      id={id || field.name}
       label={label}
       required={required}
       description={description}

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