@iapps/ng-dhis2-ui 1.1.78 → 1.1.79

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

@@ -3564,6 +3564,78 @@ class LineListService {
     //     })
     //   );
     // }
+    //tracker/trackedEntities.json?program=${programId}&orgUnit=${orgUnit}${ouModeIdentifier}&page=${page}&pageSize=${pageSize}&fields=trackedEntity,orgUnit,attributes[*],enrollments[*]&totalPages=true&${filterParams}${dateFilter}&order=createdAt:desc&trackedEntities=uid1,uid2,uid3
+    // private getTrackedEntityInstances(
+    //   programId: string,
+    //   orgUnit: string,
+    //   page: number,
+    //   pageSize: number,
+    //   filters: AttributeFilter[] = [],
+    //   startDate?: string,
+    //   endDate?: string,
+    //   ouMode?: string,
+    //   filterRootOrgUnit?: boolean,
+    //   useOuModeWithOlderDHIS2Instance?: boolean,
+    //   filtersFromEvents: FilterConfig[] = []
+    // ): Observable<TrackedEntityResponse> {
+    //   const filterParams = buildFilters(filters);
+    //   const filterParamsFromEvents = buildFiltersFromEvents(filtersFromEvents);
+    //   const dateFilter = [
+    //     startDate ? `enrollmentEnrolledAfter=${startDate}` : '',
+    //     endDate ? `enrollmentEnrolledBefore=${endDate}` : '',
+    //   ]
+    //     .filter(Boolean)
+    //     .join('&');
+    //   const ouModeIdentifier =
+    //     ouMode && useOuModeWithOlderDHIS2Instance
+    //       ? `&ouMode=${ouMode}`
+    //       : `&orgUnitMode=${ouMode}`;
+    //   return this.httpClient
+    //     .get(
+    //       `tracker/trackedEntities.json?program=${programId}&orgUnit=${orgUnit}${ouModeIdentifier}&page=${page}&pageSize=${pageSize}&fields=trackedEntity,orgUnit,attributes[*],enrollments[*]&totalPages=true&${filterParams}${dateFilter}&order=createdAt:desc`
+    //     )
+    //     .pipe(
+    //       switchMap((response: any) => {
+    //         if (filterRootOrgUnit) {
+    //           response.trackedEntities = response.trackedEntities.filter(
+    //             (tei: any) => tei.orgUnit !== orgUnit
+    //           );
+    //         }
+    //         // **Step 1:** Extract unique orgUnits from enrollments
+    //         const uniqueOrgUnitIds = new Set<string>();
+    //         if (response && response.trackedEntities) {
+    //           response.trackedEntities.forEach((tei: any) => {
+    //             tei.enrollments?.forEach((enrollment: any) => {
+    //               if (enrollment.program === programId) {
+    //                 uniqueOrgUnitIds.add(enrollment.orgUnit);
+    //               }
+    //             });
+    //           });
+    //         } else {
+    //           if (response && response.instances) {
+    //             response?.instances?.forEach((tei: any) => {
+    //               tei.enrollments?.forEach((enrollment: any) => {
+    //                 if (enrollment.program === programId) {
+    //                   uniqueOrgUnitIds.add(enrollment?.orgUnit);
+    //                 }
+    //               });
+    //             });
+    //           }
+    //         }
+    //         // If no unique orgUnits found, return immediately
+    //         if (uniqueOrgUnitIds.size === 0) {
+    //           return of({ ...response, orgUnitsMap: new Map<string, string>() });
+    //         }
+    //         // **Step 2:** Fetch orgUnit names in a single request
+    //         return this.fetchOrgUnits(Array.from(uniqueOrgUnitIds)).pipe(
+    //           map((orgUnitsMap: Map<string, string>) => ({
+    //             ...response,
+    //             orgUnitsMap, // Attach orgUnitId → orgUnitName map
+    //           }))
+    //         );
+    //       })
+    //     );
+    // }
     getTrackedEntityInstances(programId, orgUnit, page, pageSize, filters = [], startDate, endDate, ouMode, filterRootOrgUnit, useOuModeWithOlderDHIS2Instance, filtersFromEvents = []) {
         const filterParams = buildFilters(filters);
         const filterParamsFromEvents = buildFiltersFromEvents(filtersFromEvents);
@@ -3576,13 +3648,17 @@ class LineListService {
         const ouModeIdentifier = ouMode && useOuModeWithOlderDHIS2Instance
             ? `&ouMode=${ouMode}`
             : `&orgUnitMode=${ouMode}`;
-        return this.httpClient
-            .get(`tracker/trackedEntities.json?program=${programId}&orgUnit=${orgUnit}${ouModeIdentifier}&page=${page}&pageSize=${pageSize}&fields=trackedEntity,orgUnit,attributes[*],enrollments[*]&totalPages=true&${filterParams}${dateFilter}&order=createdAt:desc`)
-            .pipe(switchMap((response) => {
+        let baseUrl = '';
+        if (filtersFromEvents.length === 0) {
+            baseUrl = `tracker/trackedEntities.json?program=${programId}&orgUnit=${orgUnit}${ouModeIdentifier}&page=${page}&pageSize=${pageSize}&fields=trackedEntity,orgUnit,attributes[*],enrollments[*]&totalPages=true&${filterParams}${dateFilter}&order=createdAt:desc`;
+        }
+        else {
+            baseUrl = `tracker/trackedEntities.json?program=${programId}&orgUnit=${orgUnit}${ouModeIdentifier}&fields=trackedEntity,orgUnit,attributes[*],enrollments[*]&${filterParams}${dateFilter}&order=createdAt:desc&paging=false`;
+        }
+        return this.httpClient.get(baseUrl).pipe(switchMap((response) => {
             if (filterRootOrgUnit) {
                 response.trackedEntities = response.trackedEntities.filter((tei) => tei.orgUnit !== orgUnit);
             }
-            // **Step 1:** Extract unique orgUnits from enrollments
             const uniqueOrgUnitIds = new Set();
             if (response && response.trackedEntities) {
                 response.trackedEntities.forEach((tei) => {
@@ -3594,28 +3670,51 @@ class LineListService {
                 });
             }
             else {
-                if (response && response.instances) {
-                    response?.instances?.forEach((tei) => {
-                        tei.enrollments?.forEach((enrollment) => {
-                            if (enrollment.program === programId) {
-                                uniqueOrgUnitIds.add(enrollment?.orgUnit);
-                            }
-                        });
+                response?.instances?.forEach((tei) => {
+                    tei.enrollments?.forEach((enrollment) => {
+                        if (enrollment.program === programId) {
+                            uniqueOrgUnitIds.add(enrollment.orgUnit);
+                        }
                     });
+                });
+            }
+            if (filtersFromEvents.length === 0) {
+                if (uniqueOrgUnitIds.size === 0) {
+                    return of({ ...response, orgUnitsMap: new Map() });
                 }
+                return this.fetchOrgUnits(Array.from(uniqueOrgUnitIds)).pipe(map$1((orgUnitsMap) => ({
+                    ...response,
+                    orgUnitsMap,
+                })));
             }
-            // If no unique orgUnits found, return immediately
-            if (uniqueOrgUnitIds.size === 0) {
-                return of({ ...response, orgUnitsMap: new Map() });
+            // NEW LOGIC STARTS HERE if filtersFromEvents is present
+            const filteredTrackedEntities = getFilteredTrackedEntites(response.trackedEntities, filtersFromEvents);
+            const trackedEntityIds = filteredTrackedEntities
+                .map((tei) => tei.trackedEntity)
+                .join(',');
+            if (!trackedEntityIds) {
+                return of({
+                    trackedEntities: [],
+                    orgUnitsMap: new Map(),
+                });
             }
-            // **Step 2:** Fetch orgUnit names in a single request
-            return this.fetchOrgUnits(Array.from(uniqueOrgUnitIds)).pipe(map$1((orgUnitsMap) => ({
-                ...response,
-                orgUnitsMap, // Attach orgUnitId → orgUnitName map
-            })));
+            const refetchUrl = `tracker/trackedEntities.json?program=${programId}&orgUnit=${orgUnit}${ouModeIdentifier}&page=${page}&pageSize=${pageSize}&fields=trackedEntity,orgUnit,attributes[*],enrollments[*]&totalPages=true&${filterParams}${dateFilter}&order=createdAt:desc&trackedEntities=${trackedEntityIds}`;
+            return this.httpClient.get(refetchUrl).pipe(switchMap((filteredResponse) => {
+                const orgUnitIds = new Set();
+                filteredResponse.trackedEntities?.forEach((tei) => {
+                    tei.enrollments?.forEach((enrollment) => {
+                        if (enrollment.program === programId) {
+                            orgUnitIds.add(enrollment.orgUnit);
+                        }
+                    });
+                });
+                return this.fetchOrgUnits(Array.from(orgUnitIds)).pipe(map$1((orgUnitsMap) => ({
+                    ...filteredResponse,
+                    orgUnitsMap,
+                })));
+            }));
         }));
     }
-    //filter=id:in:[id1,id2,id3]
     /**
      * Fetch orgUnit names for given orgUnit IDs
      */
@@ -3906,9 +4005,9 @@ const getTrackedEntityData = (response, programId, pager, isOptionSetNameVisible
             : null,
         sortOrder: attr.sortOrder,
     }));
-    if (filters) {
-        teis = getFilteredTrackedEntites(teis, filters);
-    }
+    // if (filters) {
+    //   teis = getFilteredTrackedEntites(teis, filters);
+    // }
     const allAttributes = new Set();
     teis.forEach((tei) => {
         const matchingEnrollment = tei.enrollments.find((enrollment) => enrollment.program === programId);
@@ -4344,6 +4443,22 @@ class LineListTableComponent extends ReactWrapperModule {
                     return updatedFilters;
                 });
             };
+            //TODO: MERGE THIS WITH HANDLE INPUT CHANGE PUT A CHECK FOR IF ITS A SELECT FIELD TO USE EQ
+            const handleInputChangeForSelectField = (key, value) => {
+                setInputValues((prevValues) => ({
+                    ...prevValues,
+                    [key]: value ?? '',
+                }));
+                setAttributeFiltersState((prevFilters = []) => {
+                    // Remove old filter for this key
+                    const filteredFilters = prevFilters.filter((f) => f.attribute !== key);
+                    // Only add new filter if value is not empty
+                    const updatedFilters = value.trim()
+                        ? [...filteredFilters, { attribute: key, operator: 'eq', value }]
+                        : filteredFilters;
+                    return updatedFilters;
+                });
+            };
             const handleDateSelect = (key, selectedDate) => {
                 const selectedDateString = selectedDate?.calendarDateString ?? ''; // Default to empty string if null
                 // Update dateStates
@@ -4410,12 +4525,15 @@ class LineListTableComponent extends ReactWrapperModule {
                             } },
                             React__default.createElement(InputField$1, { key: "location", 
                                 //label={orgUnitLabel}
-                                label: orgUnitLabel ? orgUnitLabel : 'registering unit', value: selectedOrgUnit, clearable: true, onFocus: () => setHide(false), className: "custom-input", onChange: (event) => {
+                                label: orgUnitLabel ? orgUnitLabel : 'registering unit', value: selectedOrgUnit, onFocus: () => setHide(false), className: "custom-input", onChange: (event) => {
                                     setSelectedOrgUnit(event.value);
                                     setOrgUnitState(defaultOrgUnit);
                                 } }),
                             React__default.createElement(CalendarInput, { label: "Start date:", calendar: "gregory", locale: "en-GB", timeZone: "Africa/Dar_es_Salaam", className: "custom-input", date: startDateState, onDateSelect: (selectedDate) => {
-                                    setStartDateState(selectedDate.calendarDateString);
+                                    if (selectedDate?.calendarDateString) {
+                                        setStartDateState(selectedDate.calendarDateString);
+                                    }
+                                    //  setStartDateState(selectedDate.calendarDateString);
                                 } }),
                             React__default.createElement(CalendarInput, { label: "End date:", calendar: "gregory", locale: "en-GB", timeZone: "Africa/Dar_es_Salaam", className: "custom-input", date: endDateState, onDateSelect: (selectedDate) => {
                                     setEndDateState(selectedDate.calendarDateString);
@@ -4432,7 +4550,7 @@ class LineListTableComponent extends ReactWrapperModule {
                                                 ...prevValues,
                                                 [key]: selected ?? '',
                                             }));
-                                            handleInputChange(key, selected ?? '');
+                                            handleInputChangeForSelectField(key, selected ?? '');
                                         } }, (options.options ?? []).map((opt) => (React__default.createElement(SingleSelectOption, { key: opt.id, label: opt.name, value: opt.code })))));
                                 }
                                 // Fallback: default InputField
@@ -4538,11 +4656,11 @@ class LineListTableComponent extends ReactWrapperModule {
         this.render();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: LineListTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: LineListTableComponent, isStandalone: false, selector: "ng-dhis2-ui-line-list", inputs: { programId: "programId", orgUnit: "orgUnit", programStageId: "programStageId", actionOptions: "actionOptions", actionOptionOrientation: "actionOptionOrientation", attributeFilters: "attributeFilters", useOuModeWithOlderDHIS2Instance: "useOuModeWithOlderDHIS2Instance", startDate: "startDate", endDate: "endDate", filters: "filters", ouMode: "ouMode", dispatchTeis: "dispatchTeis", isButtonLoading: "isButtonLoading", buttonLabel: "buttonLabel", buttonFilter: "buttonFilter", filterRootOrgUnit: "filterRootOrgUnit", showFilters: "showFilters", isOptionSetNameVisible: "isOptionSetNameVisible" }, outputs: { actionSelected: "actionSelected", approvalSelected: "approvalSelected", firstValue: "firstValue" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["::ng-deep .custom-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-input div{margin:0!important}::ng-deep .custom-input label{font-size:12px;padding-right:0}::ng-deep .custom-input input{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-input input:focus{border:none!important;box-shadow:none!important}::ng-deep .custom-input label{color:gray!important;opacity:1}::ng-deep .table-top-toolbar{background-color:var(--colors-grey100)!important;color:var(--colors-grey900)!important}::ng-deep .custom-select-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-select-input div{margin:0!important}::ng-deep .custom-select-input [data-test=dhis2-uiwidgets-singleselectfield-label]{font-size:12px;color:gray!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]:focus-within{box-shadow:none!important}::ng-deep .custom-select-input input:focus{border:none!important;box-shadow:none!important}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: LineListTableComponent, isStandalone: false, selector: "ng-dhis2-ui-line-list", inputs: { programId: "programId", orgUnit: "orgUnit", programStageId: "programStageId", actionOptions: "actionOptions", actionOptionOrientation: "actionOptionOrientation", attributeFilters: "attributeFilters", useOuModeWithOlderDHIS2Instance: "useOuModeWithOlderDHIS2Instance", startDate: "startDate", endDate: "endDate", filters: "filters", ouMode: "ouMode", dispatchTeis: "dispatchTeis", isButtonLoading: "isButtonLoading", buttonLabel: "buttonLabel", buttonFilter: "buttonFilter", filterRootOrgUnit: "filterRootOrgUnit", showFilters: "showFilters", isOptionSetNameVisible: "isOptionSetNameVisible" }, outputs: { actionSelected: "actionSelected", approvalSelected: "approvalSelected", firstValue: "firstValue" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["::ng-deep .custom-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-input div{margin:0!important}::ng-deep .custom-input label{font-size:12px;padding-right:0}::ng-deep .custom-input input{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-input input:focus{border:none!important;box-shadow:none!important}::ng-deep .custom-input [data-test=calendar-clear-button]{background-color:#f2f2f2!important;color:#870808!important;border-radius:6px!important;padding:4px 10px!important;font-size:14px!important}::ng-deep .custom-input [data-test=calendar-clear-button]:hover{background-color:#ddd}::ng-deep .custom-input label{color:gray!important;opacity:1}::ng-deep .table-top-toolbar{background-color:var(--colors-grey100)!important;color:var(--colors-grey900)!important}::ng-deep .custom-select-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-select-input div{margin:0!important}::ng-deep .custom-select-input [data-test=dhis2-uiwidgets-singleselectfield-label]{font-size:12px;color:gray!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]:focus-within{box-shadow:none!important}::ng-deep .custom-select-input input:focus{border:none!important;box-shadow:none!important}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: LineListTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-dhis2-ui-line-list', template: '<ng-content></ng-content>', standalone: false, styles: ["::ng-deep .custom-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-input div{margin:0!important}::ng-deep .custom-input label{font-size:12px;padding-right:0}::ng-deep .custom-input input{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-input input:focus{border:none!important;box-shadow:none!important}::ng-deep .custom-input label{color:gray!important;opacity:1}::ng-deep .table-top-toolbar{background-color:var(--colors-grey100)!important;color:var(--colors-grey900)!important}::ng-deep .custom-select-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-select-input div{margin:0!important}::ng-deep .custom-select-input [data-test=dhis2-uiwidgets-singleselectfield-label]{font-size:12px;color:gray!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]:focus-within{box-shadow:none!important}::ng-deep .custom-select-input input:focus{border:none!important;box-shadow:none!important}\n"] }]
+            args: [{ selector: 'ng-dhis2-ui-line-list', template: '<ng-content></ng-content>', standalone: false, styles: ["::ng-deep .custom-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-input div{margin:0!important}::ng-deep .custom-input label{font-size:12px;padding-right:0}::ng-deep .custom-input input{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-input input:focus{border:none!important;box-shadow:none!important}::ng-deep .custom-input [data-test=calendar-clear-button]{background-color:#f2f2f2!important;color:#870808!important;border-radius:6px!important;padding:4px 10px!important;font-size:14px!important}::ng-deep .custom-input [data-test=calendar-clear-button]:hover{background-color:#ddd}::ng-deep .custom-input label{color:gray!important;opacity:1}::ng-deep .table-top-toolbar{background-color:var(--colors-grey100)!important;color:var(--colors-grey900)!important}::ng-deep .custom-select-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-select-input div{margin:0!important}::ng-deep .custom-select-input [data-test=dhis2-uiwidgets-singleselectfield-label]{font-size:12px;color:gray!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]:focus-within{box-shadow:none!important}::ng-deep .custom-select-input input:focus{border:none!important;box-shadow:none!important}\n"] }]
         }], propDecorators: { programId: [{
                 type: Input
             }], orgUnit: [{