@iapps/ng-dhis2-ui 1.2.71 → 1.2.72

package/fesm2022/iapps-ng-dhis2-ui.mjs

@@ -4734,6 +4734,7 @@ class FormField {
         this.selectedOptionsLabel =
             options.availableOptionsLabel ?? 'Selected options';
         this.allowFutureDate = options.allowFutureDate;
+        this.extension = options.extension;
     }
     setMax(field) {
         if (field.controlType !== 'date') {
@@ -5189,6 +5190,7 @@ class FormFieldGroup {
             const hasOptions = (options?.length > 0 ||
                 dependentField !== undefined ||
                 fieldMetaData['hasOptions']);
+            const extension = this.params.formFieldExtensions?.find((fieldExtension) => fieldExtension?.id === field.id);
             return new FormField({
                 ...(fieldMetaData || {}),
                 ...field,
@@ -5216,6 +5218,7 @@ class FormFieldGroup {
                 controlType: FieldUtil.getFieldControlType(fieldMetaData['valueType'], hasOptions),
                 metaType: fieldMetaData['metaType'],
                 stepId: fieldMetaData['stepId'],
+                extension,
             });
         })
             .filter((field) => field);
@@ -5356,6 +5359,7 @@ class FormMetadataSection {
                 formFieldGroup,
                 fieldMetaData: [...this.attributes, ...this.dataElements],
                 locale: this.params.locale,
+                formFieldExtensions: this.params.formFieldExtensions,
             }).toJson();
         });
     }
@@ -5387,6 +5391,7 @@ class FormMetaData {
                 section,
                 program,
                 locale: this.params.locale,
+                formFieldExtensions: this.params.formFieldExtensions,
             }).toJson();
         })
             .filter((section) => section !== null);
@@ -5700,10 +5705,11 @@ class FormValue {
 // Use of this source code is governed by a BSD-style
 // license that can be found in the LICENSE file.
 const FileUploadField = (props) => {
-    const { label, id, uploadUrl, performUpload, validationText, required, hasError, onChange, onUploadSuccess, } = props;
+    const { label, id, uploadUrl, performUpload, validationText, required, hasError, onChange, onUploadSuccess, extension } = props;
     const d2 = window?.d2Web;
     const [file, setFile] = useState(null);
     const [uploading, setUploading] = useState();
+    const [validationError, setValidationError] = useState(null);
     const valid = useMemo(() => {
         if (isUndefined(hasError)) {
             return undefined;
@@ -5729,8 +5735,14 @@ const FileUploadField = (props) => {
             }
         }
     };
-    return (React__default.createElement(FileInputField, { accept: "*", buttonLabel: "Upload a file", label: label, name: id, required: required, validationText: validationText, onChange: (event) => {
+    return (React__default.createElement(FileInputField, { accept: extension?.accept?.join(','), buttonLabel: "Upload a file", label: label, name: id, required: required, error: !!validationError, validationText: validationError || validationText, onChange: (event) => {
             const fileItem = (event?.files || [])[0];
+            setValidationError(null);
+            if (extension?.sizeLimit && fileItem.size > extension?.sizeLimit) {
+                setValidationError(`File size must not exceed ${extension.sizeLimit / (1024 * 1024)}MB`);
+                setFile(null);
+                return;
+            }
             setFile(fileItem);
             if (performUpload) {
                 uploadFile(fileItem);
@@ -6157,7 +6169,7 @@ class BaseFormFieldComponent extends ReactWrapperModule {
                                     });
                                     setValue(fileId);
                                     setTouched(true);
-                                } })));
+                                }, extension: this.field()?.extension })));
                     default:
                         return (React__default.createElement(InputField$1, { error: hasError, validationText: validationError, type: this.field().type, inputWidth: this.fieldConfig()?.inputWidth, required: this.field().required, name: this.field().id, label: this.label(), min: this.field().min?.toString(), max: this.field().max?.toString(), placeholder: this.placeholder(), value: value, readOnly: disabled, onChange: (event) => {
                                 this.ngZone.run(() => {
@@ -7467,6 +7479,7 @@ class ProgramEntryFormFieldUtil {
             .map((field) => {
             const options = FieldDropdown.getDropdownOptions(field);
             const hasOptions = options?.length > 0;
+            const extension = this.config.formFieldExtensions?.find((fieldExtension) => fieldExtension?.id === field.id);
             return new FormField({
                 ...field,
                 id: field.id,
@@ -7482,6 +7495,7 @@ class ProgramEntryFormFieldUtil {
                 controlType: FieldUtil.getFieldControlType(field.valueType, hasOptions),
                 metaType: field.metaType,
                 stepId: field.stepId,
+                extension,
             });
         })
             .sort((a, b) => a.order ?? 0 - (b.order ?? 0));