@iapps/ng-dhis2-ui 1.1.42 → 1.1.44

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

@@ -3888,6 +3888,8 @@ class FormField {
             options.max || (this.controlType === 'date' ? new Date() : undefined);
         this.maxLength = options.maxLength;
         this.hidden = options.hidden || false;
+        this.unique = options.unique || false;
+        this.generated = options.generated || false;
         this.isDataElement = options.isDataElement;
         this.isAttribute = options.isAttribute;
         this.isOrgUnit = options.isOrgUnit;
@@ -4520,6 +4522,9 @@ class FormMetaData {
     }
     #getSectionFromPrograms(programs) {
         const sections = flatten(programs.map((program) => {
+            if (this.params.programStage) {
+                return this.#getProgramStageSections(program, this.params.programStage);
+            }
             return [
                 ...(this.params.splitRegistrationSection
                     ? [
@@ -4528,43 +4533,7 @@ class FormMetaData {
                         this.#getRegistrationSection(program),
                     ]
                     : [this.#getMergedRegistrationSection(program)]),
-                ...(program.programStages || []).map((programStage) => {
-                    return new FormMetadataSection({
-                        section: {
-                            id: programStage.id,
-                            name: programStage.name,
-                            fieldGroups: (programStage.programStageSections || []).length > 0
-                                ? programStage.programStageSections.map((programStageSection) => {
-                                    return {
-                                        id: programStageSection.id,
-                                        name: programStageSection.name,
-                                        dataKey: camelCase(programStage.code),
-                                        repeatableStage: programStage.repeatable
-                                            ? programStage.id
-                                            : undefined,
-                                        sortOrder: programStageSection.sortOrder,
-                                        fields: programStageSection.dataElements,
-                                    };
-                                })
-                                : [
-                                    {
-                                        id: programStage.id,
-                                        dataKey: camelCase(programStage.code),
-                                        repeatableStage: programStage.repeatable
-                                            ? programStage.id
-                                            : undefined,
-                                        fields: (programStage.programStageDataElements || []).map((programStageDataElement) => {
-                                            return {
-                                                id: programStageDataElement.dataElement?.id,
-                                            };
-                                        }),
-                                    },
-                                ],
-                        },
-                        program,
-                        locale: this.params.locale,
-                    }).toJson();
-                }),
+                ...this.#getProgramStageSections(program),
             ];
         }));
         if (sections.length === 0) {
@@ -4572,6 +4541,52 @@ class FormMetaData {
         }
         return sections;
     }
+    #getProgramStageSections(program, programStageId) {
+        const programStages = programStageId
+            ? (program.programStages || []).filter((programStage) => programStage.id === programStageId)
+            : this.params.includeAllProgramStages
+                ? program.programStages
+                : program.useFirstStageDuringRegistration
+                    ? [(program.programStages || [])[0]]
+                    : [];
+        return (programStages || []).map((programStage) => {
+            return new FormMetadataSection({
+                section: {
+                    id: programStage.id,
+                    name: programStage.name,
+                    fieldGroups: (programStage.programStageSections || []).length > 0
+                        ? programStage.programStageSections.map((programStageSection) => {
+                            return {
+                                id: programStageSection.id,
+                                name: programStageSection.name,
+                                dataKey: camelCase(programStage.code),
+                                repeatableStage: programStage.repeatable
+                                    ? programStage.id
+                                    : undefined,
+                                sortOrder: programStageSection.sortOrder,
+                                fields: programStageSection.dataElements,
+                            };
+                        })
+                        : [
+                            {
+                                id: programStage.id,
+                                dataKey: camelCase(programStage.code),
+                                repeatableStage: programStage.repeatable
+                                    ? programStage.id
+                                    : undefined,
+                                fields: (programStage.programStageDataElements || []).map((programStageDataElement) => {
+                                    return {
+                                        id: programStageDataElement.dataElement?.id,
+                                    };
+                                }),
+                            },
+                        ],
+                },
+                program,
+                locale: this.params.locale,
+            }).toJson();
+        });
+    }
     #getRegisteringUnitSection(program) {
         return new FormMetadataSection({
             section: {
@@ -4724,7 +4739,7 @@ class FormMetaData {
                         : [
                             {
                                 id: 'registration',
-                                name: '',
+                                name: 'Registration',
                                 sortOrder: 1,
                                 fields: (program.programTrackedEntityAttributes || []).map((programTrackedEntityAttribute) => {
                                     return {
@@ -4913,7 +4928,7 @@ class BaseFormFieldComponent extends ReactWrapperModule {
             }, [hasError]);
             switch (this.field().controlType) {
                 case 'textarea':
-                    return (React__default.createElement(TextAreaField, { 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, onChange: (event) => {
+                    return (React__default.createElement(TextAreaField, { 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(), disabled: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, readOnly: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, placeholder: this.placeholder(), value: value, onChange: (event) => {
                             this.ngZone.run(() => {
                                 (this.form().get(this.field().id) ||
                                     this.form().get(this.field().key))?.setValue(event.value);
@@ -4931,7 +4946,7 @@ class BaseFormFieldComponent extends ReactWrapperModule {
                         } }));
                 case 'org-unit':
                     return (React__default.createElement(React__default.Fragment, null,
-                        React__default.createElement(InputField$1, { error: hasError, validationText: validationError, type: this.field().type, prefixIcon: React__default.createElement(IconDimensionOrgUnit16, null), required: this.field().required, name: this.field().id, label: this.label(), placeholder: this.placeholder(), value: displayValue, readOnly: false, onFocus: () => {
+                        React__default.createElement(InputField$1, { error: hasError, validationText: validationError, type: this.field().type, prefixIcon: React__default.createElement(IconDimensionOrgUnit16, null), required: this.field().required, name: this.field().id, label: this.label(), placeholder: this.placeholder(), value: displayValue, disabled: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, readOnly: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, onFocus: () => {
                                 setShowOrgUnit(true);
                             }, onBlur: () => {
                                 this.ngZone.run(() => {
@@ -4957,7 +4972,7 @@ class BaseFormFieldComponent extends ReactWrapperModule {
                                 }
                             } }))));
                 case 'transfer':
-                    return (React__default.createElement(Transfer, { filterable: true, filterPlaceholder: "Search", selected: selected, error: hasError, validationText: validationError, type: this.field().type, inputWidth: this.fieldConfig()?.inputWidth, required: this.field().required, name: this.field().id, label: this.label(), placeholder: this.placeholder(), value: selected, leftHeader: React__default.createElement("div", { style: {
+                    return (React__default.createElement(Transfer, { filterable: true, filterPlaceholder: "Search", selected: selected, error: hasError, validationText: validationError, type: this.field().type, inputWidth: this.fieldConfig()?.inputWidth, disabled: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, readOnly: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, required: this.field().required, name: this.field().id, label: this.label(), placeholder: this.placeholder(), value: selected, leftHeader: React__default.createElement("div", { style: {
                                 fontSize: 14,
                                 padding: '8px 4px',
                             } }, this.field().availableOptionsLabel), rightHeader: React__default.createElement("div", { style: {
@@ -4974,7 +4989,7 @@ class BaseFormFieldComponent extends ReactWrapperModule {
                             this.update.emit({ form: this.form(), value });
                         } }));
                 case 'checkbox':
-                    return (React__default.createElement(Checkbox, { checked: Boolean(value), error: hasError, label: this.label(), name: this.field().id, onChange: (event) => {
+                    return (React__default.createElement(Checkbox, { checked: Boolean(value), error: hasError, label: this.label(), name: this.field().id, disabled: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, readOnly: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, onChange: (event) => {
                             this.ngZone.run(() => {
                                 (this.form().get(this.field().id) ||
                                     this.form().get(this.field().key))?.setValue(event.checked);
@@ -4987,7 +5002,7 @@ class BaseFormFieldComponent extends ReactWrapperModule {
                             });
                         } }));
                 case 'dropdown':
-                    return (React__default.createElement(SingleSelectField, { filterable: (this.field().options || []).length > 5, clearable: true, error: hasError, validationText: validationError, inputWidth: this.fieldConfig()?.inputWidth, required: this.field().required, name: this.field().id, className: "select", label: this.label(), selected: value, onChange: (event) => {
+                    return (React__default.createElement(SingleSelectField, { filterable: (this.field().options || []).length > 5, clearable: true, error: hasError, validationText: validationError, inputWidth: this.fieldConfig()?.inputWidth, disabled: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, readOnly: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, required: this.field().required, name: this.field().id, className: "select", label: this.label(), selected: value, onChange: (event) => {
                             this.ngZone.run(() => {
                                 (this.form().get(this.field().id) ||
                                     this.form().get(this.field().key))?.setValue(event.selected);
@@ -5000,7 +5015,7 @@ class BaseFormFieldComponent extends ReactWrapperModule {
                             setTouched(true);
                         } }, (this.field().options || []).map((option) => (React__default.createElement(SingleSelectOption, { key: crypto.randomUUID() || option.key, label: option.label, value: option.value })))));
                 case 'multi-dropdown':
-                    return (React__default.createElement(MultiSelectField, { clearText: "Clear", clearable: true, empty: "No data found", filterable: (this.field().options || []).length > 5, filterPlaceholder: "Type to filter options", error: hasError, validationText: validationError, inputWidth: this.fieldConfig()?.inputWidth, label: this.label(), name: this.field().id, required: this.field().required, loadingText: "Loading options", noMatchText: "No options found", onChange: (event) => {
+                    return (React__default.createElement(MultiSelectField, { clearText: "Clear", clearable: true, empty: "No data found", filterable: (this.field().options || []).length > 5, filterPlaceholder: "Type to filter options", error: hasError, validationText: validationError, inputWidth: this.fieldConfig()?.inputWidth, disabled: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, readOnly: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, label: this.label(), name: this.field().id, required: this.field().required, loadingText: "Loading options", noMatchText: "No options found", onChange: (event) => {
                             const selectedValue = (event.selected || []).join(',');
                             this.ngZone.run(() => {
                                 (this.form().get(this.field().id) ||
@@ -5014,7 +5029,7 @@ class BaseFormFieldComponent extends ReactWrapperModule {
                             setTouched(true);
                         }, selected: arrayValue }, (this.field().options || []).map((option) => (React__default.createElement(MultiSelectOption, { key: option.key, label: option.label, value: option.value })))));
                 case 'file':
-                    return (React__default.createElement(FileInputField, { accept: "*", buttonLabel: "Upload a file", label: this.label(), name: this.field().id, files: this.uploadedFiles, onChange: (event) => {
+                    return (React__default.createElement(FileInputField, { accept: "*", buttonLabel: "Upload a file", label: this.label(), name: this.field().id, disabled: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, readOnly: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, files: this.uploadedFiles, onChange: (event) => {
                             this.uploadedFiles.push((event?.files || [])[0]);
                             this.ngZone.run(() => {
                                 this.form().get(this.field().id) ||
@@ -5036,7 +5051,7 @@ class BaseFormFieldComponent extends ReactWrapperModule {
                             });
                         }, removeText: "Remove" })))));
                 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: this.field().disabled, onChange: (event) => {
+                    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, disabled: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, readOnly: this.field()?.disabled || this.field()?.generated || this.field()?.unique || false, onChange: (event) => {
                             this.ngZone.run(() => {
                                 (this.form().get(this.field().id) ||
                                     this.form().get(this.field().key))?.setValue(event.value);
@@ -5987,6 +6002,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImpor
 class TrackerFormComponent {
     constructor() {
         this.program = input.required();
+        this.programStage = input();
         this.trackedEntity = input();
         this.d2 = window.d2Web;
     }
@@ -6001,6 +6017,7 @@ class TrackerFormComponent {
         if (program) {
             this.formMetaData = new FormMetaData({
                 programs: [program],
+                programStage: this.programStage(),
             }).toJson();
             console.log(this.formMetaData, this.instance.enrollmentDate);
         }
@@ -6008,7 +6025,7 @@ class TrackerFormComponent {
     onSave(event) { }
     onCancel() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: TrackerFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.8", type: TrackerFormComponent, isStandalone: false, selector: "ng-dhis2-ui-tracker-form", inputs: { program: { classPropertyName: "program", publicName: "program", isSignal: true, isRequired: true, transformFunction: null }, trackedEntity: { classPropertyName: "trackedEntity", publicName: "trackedEntity", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if(formMetaData) {\n<ng-dhis2-ui-section-form\n  [formMetaData]=\"formMetaData\"\n  [dataValueEntities]=\"instance\"\n  (save)=\"onSave($event)\"\n  (cancel)=\"onCancel()\"\n/>\n}\n", dependencies: [{ kind: "component", type: SectionFormComponent, selector: "ng-dhis2-ui-section-form", inputs: ["loading", "formMetaData", "dataValueEntities"], outputs: ["save", "formUpdate", "cancel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.8", type: TrackerFormComponent, isStandalone: false, selector: "ng-dhis2-ui-tracker-form", inputs: { program: { classPropertyName: "program", publicName: "program", isSignal: true, isRequired: true, transformFunction: null }, programStage: { classPropertyName: "programStage", publicName: "programStage", isSignal: true, isRequired: false, transformFunction: null }, trackedEntity: { classPropertyName: "trackedEntity", publicName: "trackedEntity", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if(formMetaData) {\n<ng-dhis2-ui-section-form\n  [formMetaData]=\"formMetaData\"\n  [dataValueEntities]=\"instance\"\n  (save)=\"onSave($event)\"\n  (cancel)=\"onCancel()\"\n/>\n}\n", dependencies: [{ kind: "component", type: SectionFormComponent, selector: "ng-dhis2-ui-section-form", inputs: ["loading", "formMetaData", "dataValueEntities"], outputs: ["save", "formUpdate", "cancel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: TrackerFormComponent, decorators: [{
             type: Component,