@iapps/ng-dhis2-ui 1.1.43 → 1.1.45

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

@@ -3406,11 +3406,16 @@ class LineListTableComponent extends ReactWrapperModule {
                     else if ('trackedEntityInstances' in response.data) {
                         responsePager = response.data
                             .pager;
+                        console.log('tei received', response.data.trackedEntityInstances);
                         const { columns, data, filteredEntityColumns } = getTrackedEntityData(response, this.programId, pager, this.filters);
                         entityColumns = columns;
+                        console.log('columns shown', entityColumns);
                         entityData = data;
-                        let firstTei = response.data.trackedEntityInstances[0].trackedEntityInstance;
-                        this.firstValue.emit(firstTei);
+                        let firstTei = response.data
+                            ?.trackedEntityInstances?.[0]?.trackedEntityInstance;
+                        if (firstTei) {
+                            this.firstValue.emit(firstTei);
+                        }
                         //  setFilteredColumns(filteredEntityColumns);
                         // Ensure filter inputs do not disappear when no data is returned
                         // If filteredEntityColumns is empty, keep the previous columns instead of clearing them
@@ -3423,7 +3428,9 @@ class LineListTableComponent extends ReactWrapperModule {
                         entityColumns = columns;
                         entityData = data;
                     }
+                    console.log('before final columns');
                     const finalColumns = addActionsColumn([{ label: '#', key: 'index' }, ...entityColumns], this.actionOptions);
+                    console.log('the columns shown', finalColumns);
                     setLoading(false);
                     // console.log('hey');
                     setColumns(...[finalColumns]);
@@ -3442,6 +3449,7 @@ class LineListTableComponent extends ReactWrapperModule {
                 pager.page,
                 pager.pageSize,
             ]);
+            console.log('the columns shown hehe', columns);
             const getDropdownOptions = (row) => {
                 return (this.actionOptions || []).map((option) => ({
                     ...option,
@@ -3888,6 +3896,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;
@@ -4926,7 +4936,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);
@@ -4944,7 +4954,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(() => {
@@ -4970,7 +4980,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: {
@@ -4987,7 +4997,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);
@@ -5000,7 +5010,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);
@@ -5013,7 +5023,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) ||
@@ -5027,7 +5037,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) ||
@@ -5049,7 +5059,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);