Added the CSV Export button In Discharged Patients

src/Utils/csvUtils.ts

@@ -0,0 +1,41 @@
+export const csvGroupByColumn = (
+  data: string,
+  groupByColumn: string,
+  delimiter = ";",
+): string => {
+  const [header, ...datalines] = data.trim().split("\n");
+  const headerColumns = header.split(",");
+  const groupByColumnIndex = headerColumns.indexOf(groupByColumn);
+
+  const groupedData = datalines.reduce(
+    (groupMap, line) => {
+      const columns = line.split(",");
+      const groupByKey = columns[groupByColumnIndex]?.trim();
+
+      if (!groupMap[groupByKey]) {
+        groupMap[groupByKey] = [];
+      }
+      groupMap[groupByKey].push(columns);
+      return groupMap;
+    },
+    {} as Record<string, string[][]>,
+  );
+
+  const mergedLines = Object.values(groupedData).map((group) => {
+    if (!group.length) return "";
+
+    const mergedRow = [...group[0]];
+    headerColumns.forEach((column) => {
+      const index = headerColumns.indexOf(column);
+      const mergedValue = group
+        .map((columns) => columns[index]?.trim() || "")
+        .filter(Boolean)
+        .join(delimiter);
+
+      mergedRow[index] = mergedValue;
+    });
+    return mergedRow.join(",");
+  });
+
+  return header.concat(mergedLines.join("\n"));
+};

src/Utils/utils.ts

@@ -571,3 +571,14 @@ export const copyToClipboard = async (content: string) => {
     Notification.Error({ msg: "Copying is not allowed" });
   }
 };
+
+export const calculateDateRangeDuration = (
+  startDate: string,
+  endDate: string,
+): number => {
+  if (!startDate && !endDate) return 0;
+  if (startDate && endDate) {
+    return Math.abs(dayjs(endDate).diff(dayjs(startDate), "days"));
+  }
+  return -1; // Invalid range when only one date is set
+};

src/components/Facility/DischargedPatientsList.tsx

@@ -36,9 +36,20 @@ import {
 } from "@/common/constants";
 import { parseOptionId } from "@/common/utils";
 
+import * as Notification from "@/Utils/Notifications";
+import { csvGroupByColumn } from "@/Utils/csvUtils";
 import routes from "@/Utils/request/api";
+import request from "@/Utils/request/request";
 import useTanStackQueryInstead from "@/Utils/request/useQuery";
-import { formatPatientAge, humanizeStrings } from "@/Utils/utils";
+import {
+  calculateDateRangeDuration,
+  formatPatientAge,
+  humanizeStrings,
+  parsePhoneNumber,
+} from "@/Utils/utils";
+
+import ButtonV2 from "../Common/ButtonV2";
+import ExportMenu from "../Common/Export";
 
 const DischargedPatientsList = ({
   facility_external_id,
@@ -55,6 +66,7 @@ const DischargedPatientsList = ({
     updateQuery,
     advancedFilter,
     FilterBadges,
+    resultsPerPage,
     updatePage,
     clearSearch,
   } = useFilters({
@@ -124,6 +136,71 @@ const DischargedPatientsList = ({
     [updateQuery],
   );
 
+  const params = {
+    page: qParams.page || 1,
+    limit: resultsPerPage,
+    name: qParams.name || undefined,
+    patient_no: qParams.patient_no || undefined,
+    phone_number: qParams.phone_number
+      ? parsePhoneNumber(qParams.phone_number)
+      : undefined,
+    emergency_phone_number: qParams.emergency_phone_number
+      ? parsePhoneNumber(qParams.emergency_phone_number)
+      : undefined,
+    offset: (qParams.page ? qParams.page - 1 : 0) * resultsPerPage,
+    ordering: qParams.ordering || undefined,
+
+    gender: qParams.gender || undefined,
+    category: qParams.category || undefined,
+    age_min: qParams.age_min || undefined,
+    age_max: qParams.age_max || undefined,
+    last_consultation_admitted_bed_type_list:
+      qParams.last_consultation_admitted_bed_type_list || undefined,
+    last_consultation__consent_types:
+      qParams.last_consultation__consent_types || undefined,
+    last_consultation__new_discharge_reason:
+      qParams.last_consultation__new_discharge_reason || undefined,
+    last_consultation_is_telemedicine:
+      qParams.last_consultation_is_telemedicine || undefined,
+    ventilator_interface: qParams.ventilator_interface || undefined,
+    last_consultation_medico_legal_case:
+      qParams.last_consultation_medico_legal_case || undefined,
+    ration_card_category: qParams.ration_card_category || undefined,
+
+    diagnoses: qParams.diagnoses || undefined,
+    diagnoses_confirmed: qParams.diagnoses_confirmed || undefined,
+    diagnoses_provisional: qParams.diagnoses_provisional || undefined,
+    diagnoses_unconfirmed: qParams.diagnoses_unconfirmed || undefined,
+    diagnoses_differential: qParams.diagnoses_differential || undefined,
+
+    created_date_before: qParams.created_date_before || undefined,
+    created_date_after: qParams.created_date_after || undefined,
+    modified_date_before: qParams.modified_date_before || undefined,
+    modified_date_after: qParams.modified_date_after || undefined,
+    last_consultation_encounter_date_before:
+      qParams.last_consultation_encounter_date_before || undefined,
+    last_consultation_encounter_date_after:
+      qParams.last_consultation_encounter_date_after || undefined,
+    last_consultation_discharge_date_before:
+      qParams.last_consultation_discharge_date_before || undefined,
+    last_consultation_discharge_date_after:
+      qParams.last_consultation_discharge_date_after || undefined,
+
+    local_body: qParams.lsgBody || undefined,
+    district: qParams.district || undefined,
+
+    number_of_doses: qParams.number_of_doses || undefined,
+    is_declared_positive: qParams.is_declared_positive || undefined,
+    covin_id: qParams.covin_id || undefined,
+    date_declared_positive_before:
+      qParams.date_declared_positive_before || undefined,
+    date_declared_positive_after:
+      qParams.date_declared_positive_after || undefined,
+    last_vaccinated_date_before:
+      qParams.last_vaccinated_date_before || undefined,
+    last_vaccinated_date_after: qParams.last_vaccinated_date_after || undefined,
+  };
+
   useEffect(() => {
     if (!qParams.phone_number && phone_number.length >= 13) {
       setPhoneNumber("+91");
@@ -136,6 +213,29 @@ const DischargedPatientsList = ({
     }
   }, [qParams]);
 
+  const date_range_fields = [
+    [params.created_date_before, params.created_date_after],
+    [params.modified_date_before, params.modified_date_after],
+    [params.date_declared_positive_before, params.date_declared_positive_after],
+    [params.last_vaccinated_date_before, params.last_vaccinated_date_after],
+    [
+      params.last_consultation_encounter_date_before,
+      params.last_consultation_encounter_date_after,
+    ],
+    [
+      params.last_consultation_discharge_date_before,
+      params.last_consultation_discharge_date_after,
+    ],
+  ];
+
+  const durations = date_range_fields.map(([startDate, endDate]) =>
+    calculateDateRangeDuration(startDate, endDate),
+  );
+
+  const isExportAllowed =
+    durations.every((x) => x >= 0 && x <= 7) &&
+    !durations.every((x) => x === 0);
+
   const { data: districtData } = useTanStackQueryInstead(routes.getDistrict, {
     pathParams: {
       id: qParams.district,
@@ -293,6 +393,70 @@ const DischargedPatientsList = ({
               selected={qParams.ordering}
               onSelect={(e) => updateQuery({ ordering: e.ordering })}
             />
+            <div className="tooltip w-full md:w-auto" id="patient-export">
+              {!isExportAllowed ? (
+                <ButtonV2
+                  onClick={() => {
+                    advancedFilter.setShow(true);
+                    setTimeout(() => {
+                      const element =
+                        document.getElementById("bed-type-select");
+                      if (element)
+                        element.scrollIntoView({ behavior: "smooth" });
+                      Notification.Warn({
+                        msg: "Please select a seven day period.",
+                      });
+                    }, 500);
+                  }}
+                  className="mr-5 w-full lg:w-fit"
+                >
+                  <CareIcon icon="l-export" />
+                  <span className="lg:my-[3px]">Export</span>
+                </ButtonV2>
+              ) : (
+                <ExportMenu
+                  disabled={!isExportAllowed}
+                  exportItems={[
+                    {
+                      label: "Export Discharged patients",
+                      action: async () => {
+                        const query = {
+                          ...params,
+                          csv: true,
+                        };
+                        const pathParams = { facility_external_id };
+                        const { data } = await request(
+                          routes.listFacilityDischargedPatients,
+                          {
+                            query,
+                            pathParams,
+                          },
+                        );
+                        return data ?? null;
+                      },
+                      parse: (data) => {
+                        try {
+                          return csvGroupByColumn(data, "Patient ID");
+                        } catch (e) {
+                          if (e instanceof Error) {
+                            Notification.Error({
+                              msg: e.message,
+                            });
+                          }
+                          return "";
+                        }
+                      },
+                    },
+                  ]}
+                />
+              )}
+
+              {!isExportAllowed && (
+                <span className="tooltip-text tooltip-bottom -translate-x-1/2">
+                  Select a seven day period
+                </span>
+              )}
+            </div>
           </div>
         </>
       }

src/components/Patient/ManagePatients.tsx

@@ -27,6 +27,7 @@ import {
 } from "@/common/constants";
 import { parseOptionId } from "@/common/utils";
 
+import { csvGroupByColumn } from "@/Utils/csvUtils";
 import routes from "@/Utils/request/api";
 
 import Chip from "../../CAREUI/display/Chip";
@@ -40,6 +41,7 @@ import * as Notification from "../../Utils/Notifications";
 import request from "../../Utils/request/request";
 import useTanStackQueryInstead from "../../Utils/request/useQuery";
 import {
+  calculateDateRangeDuration,
   formatPatientAge,
   humanizeStrings,
   isAntenatal,
@@ -221,74 +223,15 @@ export const PatientManager = () => {
     ],
   ];
 
-  const durations = date_range_fields.map((field: string[]) => {
-    // XOR (checks if only one of the dates is set)
-    if (!field[0] !== !field[1]) {
-      return -1;
-    }
-    if (field[0] && field[1]) {
-      return dayjs(field[0]).diff(dayjs(field[1]), "days");
-    }
-    return 0;
-  });
+  const durations = date_range_fields.map(([startDate, endDate]) =>
+    calculateDateRangeDuration(startDate, endDate),
+  );
 
   const isExportAllowed =
     durations.every((x) => x >= 0 && x <= 7) &&
     !durations.every((x) => x === 0);
 
   let managePatients: any = null;
-  const preventDuplicatePatientsDuetoPolicyId = (data: any) => {
-    // Generate a array which contains imforamation of duplicate patient IDs and there respective linenumbers
-    const lines = data.split("\n"); // Split the data into individual lines
-    const idsMap = new Map(); // To store indices of lines with the same patient ID
-
-    lines.map((line: any, i: number) => {
-      const patientId = line.split(",")[0]; // Extract the patient ID from each line
-      if (idsMap.has(patientId)) {
-        idsMap.get(patientId).push(i); // Add the index to the existing array
-      } else {
-        idsMap.set(patientId, [i]); // Create a new array with the current index
-      }
-    });
-
-    const linesWithSameId = Array.from(idsMap.entries())
-      .filter(([_, indices]) => indices.length > 1)
-      .map(([patientId, indices]) => ({
-        patientId,
-        indexSame: indices,
-      }));
-
-    // after getting the array of duplicate patient IDs and there respective linenumbers we will merge the policy IDs of the duplicate patients
-
-    linesWithSameId.map((lineInfo) => {
-      const indexes = lineInfo.indexSame;
-      //get policyid of all the duplicate patients and merge them by seperating them with a semicolon
-      const mergedPolicyId = `${indexes.map((currentIndex: number) => {
-        return `${lines[currentIndex].split(",")[5]};`;
-      })}`.replace(/,/g, "");
-      // replace the policy ID of the first patient with the merged policy ID
-      const arrayOfCurrentLine = lines[indexes[0]].split(",");
-      arrayOfCurrentLine[5] = mergedPolicyId;
-      const lineAfterMerge = arrayOfCurrentLine.join(",");
-      lines[indexes[0]] = `${lineAfterMerge}`;
-    });
-
-    // after merging the policy IDs of the duplicate patients we will remove the duplicate patients from the data
-    const uniqueLines = [];
-    const ids = new Set(); // To keep track of unique patient IDs
-
-    for (const line of lines) {
-      const patientId = line.split(",")[0]; // Extract the patient ID from each line
-      if (!ids.has(patientId)) {
-        uniqueLines.push(line);
-        ids.add(patientId);
-      }
-    }
-
-    const cleanedData = uniqueLines.join("\n"); // Join the unique lines back together
-    return cleanedData;
-  };
-
   const { loading: isLoading, data } = useTanStackQueryInstead(
     routes.patientList,
     {
@@ -948,7 +891,18 @@ export const PatientManager = () => {
                         });
                         return data ?? null;
                       },
-                      parse: preventDuplicatePatientsDuetoPolicyId,
+                      parse: (data) => {
+                        try {
+                          return csvGroupByColumn(data, "Patient ID");
+                        } catch (e) {
+                          if (e instanceof Error) {
+                            Notification.Error({
+                              msg: e.message,
+                            });
+                          }
+                          return "";
+                        }
+                      },
                     },
                   ]}
                 />