Develop (#67)

* fix #43: stop navigation to disabled items with buttons * fix #44: update change events * fix #48: making spacing configurable * enhancement #53: add support for icons * fix #62: support for filedata for input file type * fix #64: adding type for input mask * cleanup linting * fix build * fix #66: file upload not working for section forms
manojadams · Apr 5, 2024 · 4b8c6f6 · 4b8c6f6
1 parent 3cfdc6f
commit 4b8c6f6
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/src/constants/common-interface.ts b/src/constants/common-interface.ts
@@ -115,6 +115,7 @@ export interface IFormField {
     isDisabled?: boolean;
     isReadonly?: boolean;
     options?: Array<IOption>;
+    file?: File; // for file type
     files?: Array<File>; // for file type
     validation?: IValidation;
 

diff --git a/src/utils/FormUtil.tsx b/src/utils/FormUtil.tsx
@@ -147,24 +147,28 @@ export default class FormUtils {
         return newFormData;
     }
 
-    static getBase64(file: File) {
+    static getBase64(file?: File) {
         return new Promise((resolve, reject) => {
-            const fileReader = new FileReader();
-            fileReader.readAsDataURL(file);
-            fileReader.onload = () => resolve(fileReader.result);
-            fileReader.onerror = reject;
+            if (file) {
+                const fileReader = new FileReader();
+                fileReader.readAsDataURL(file);
+                fileReader.onload = () => resolve(fileReader.result);
+                fileReader.onerror = reject;
+            } else {
+                resolve(null);
+            }
         });
     }
 
     static async getFormFieldValue(formField: IFormField) {
         switch (formField.displayType) {
             case CONTROLS.FILE:
-                if (formField.files && formField.files.length > 0) {
+                if (formField.file && formField.file instanceof File) {
                     return {
                         name: formField.value,
                         [formField.config?.blob ? "file" : "fileData"]: formField.config?.blob
-                            ? formField.files[0]
-                            : await this.getBase64(formField.files[0])
+                            ? formField.file
+                            : await this.getBase64(formField.file)
                     };
                 }
                 return null;