@ampath/esm-reports-app 1.0.0-next.3 → 1.0.0-next.30

package/src/reports/moh-740/moh-740.resource.ts

@@ -0,0 +1,42 @@
+import { openmrsFetch } from '@openmrs/esm-framework';
+import { getEtlBaseUrl } from '../../utils/get-base-url';
+import {
+  type Moh740Resp,
+  type Moh740Dto,
+  type Moh740Data,
+  type Moh740RegisterDto,
+  type Moh740RegisterResp,
+  type Moh270Patient,
+} from './types';
+
+const baseMoh740Url = 'moh-740-report';
+
+export async function fetchMoh740Report(params: Moh740Dto): Promise<Moh740Data | null> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const moh740Url = `${etlBaseUrl}/${baseMoh740Url}?endDate=${params.endDate}&locationUuids=${params.locationUuid}`;
+  const resp = await openmrsFetch(moh740Url);
+  const data: Moh740Resp = await resp.json();
+  if (data && data.result) {
+    return data.result[0];
+  } else {
+    return null;
+  }
+}
+
+export async function fetchMoh740Register(params: Moh740RegisterDto): Promise<Moh270Patient[]> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const p = {
+    endDate: params.endDate,
+    indicators: params.indicators,
+    locationUuids: params.locationUuid,
+  };
+  const queryString = new URLSearchParams(p).toString();
+  const moh740RegisterUrl = `${etlBaseUrl}/${baseMoh740Url}/patient-list`;
+  const resp = await openmrsFetch(`${moh740RegisterUrl}?${queryString}`);
+  const data: Moh740RegisterResp = await resp.json();
+  if (data && data.result) {
+    return data.result;
+  } else {
+    return [];
+  }
+}

package/src/reports/moh-740/registers/moh-222-daily-register/moh-222-daily-register.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Moh222DailyRegisterProps {}
+const Moh222DailyRegister: React.FC<Moh222DailyRegisterProps> = () => {
+  return <>MOH-222 Register</>;
+};
+export default Moh222DailyRegister;

package/src/reports/moh-740/registers/moh-270-permanent-register/moh-270-permanent-register.scss

@@ -0,0 +1,18 @@
+.registerLayout{
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding: 10px 10px;
+    row-gap: 10px;
+    .registerHeader{
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        row-gap: 10px;
+        .pageTitle{
+            width: 100%;
+            justify-content: center;
+            text-align: center;
+        }
+    }
+}

package/src/reports/moh-740/registers/moh-270-permanent-register/moh-270-permanent-register.tsx

@@ -0,0 +1,79 @@
+import { Link, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@carbon/react';
+import React, { useMemo } from 'react';
+import { type Moh270Patient } from '../../types';
+import { formatIndicatorName } from '../../shared/utils/format-indicator';
+import styles from './moh-270-permanent-register.scss';
+interface Moh270DailyRegisterProps {
+  moh270PatientList: Moh270Patient[];
+  indicator: string;
+}
+const Moh270DailyRegister: React.FC<Moh270DailyRegisterProps> = ({ moh270PatientList, indicator }) => {
+  const pageTitle = useMemo(() => formatIndicatorName(indicator ?? ''), [indicator]);
+
+  ;
+  if (!moh270PatientList) {
+    return <>No Data to display</>;
+  }
+  return (
+    <>
+      <div className={styles.registerLayout}>
+        <div className={styles.registerHeader}>
+          <h4 className={styles.pageTitle}>{pageTitle}</h4>
+        </div>
+        <div className={styles.content}>
+
+          <Table>
+            <TableHead>
+              <TableRow>
+                <TableHeader>No</TableHeader>
+                <TableHeader>Date</TableHeader>
+                <TableHeader>Patient No</TableHeader>
+                <TableHeader>Name</TableHeader>
+                <TableHeader>D.O.B</TableHeader>
+                <TableHeader>Sex(M/F)</TableHeader>
+                <TableHeader>Telephone No</TableHeader>
+                <TableHeader>Sub County</TableHeader>
+                <TableHeader>Village/Estate</TableHeader>
+                <TableHeader>Landmark</TableHeader>
+                <TableHeader>Treatment supporter</TableHeader>
+                <TableHeader>Diagnosis at enrolment</TableHeader>
+                <TableHeader>Year of diagnosis</TableHeader>
+                <TableHeader>Complications/Co-morbidities at enrollment(2)</TableHeader>
+                <TableHeader>NHIF(Y/N)</TableHeader>
+              </TableRow>
+            </TableHead>
+            <TableBody>
+              {moh270PatientList.map((p, index) => (
+                <TableRow key={p.patient_uuid}>
+                  <TableCell>{index + 1}</TableCell>
+                  <TableCell>{p.encounter_date}</TableCell>
+                  <TableCell>{p.amrs_universal_id}</TableCell>
+                  <TableCell>
+                    <Link href={`${window.spaBase}/patient/${p.patient_uuid}/chart/`}>
+                      {p.person_name}
+                    </Link>
+                  </TableCell>
+                  <TableCell>{p.birthdate}</TableCell>
+                  <TableCell>{p.gender}</TableCell>
+                  <TableCell>{p.phone_number}</TableCell>
+                  <TableCell>{p.sub_county}</TableCell>
+                  <TableCell>{p.ward}</TableCell>
+                  <TableCell>{p.landmark}</TableCell>
+                  <TableCell>{p.contact_of_the_treatment_supporter_and_relationship ?? ''}</TableCell>
+                  <TableCell>{p.diagnosis_at_enrolment ?? ''}</TableCell>
+                  <TableCell>{p.year_of_diagnosis ?? ''}</TableCell>
+                  <TableCell>{p.complications_at_enrollment ?? ''}</TableCell>
+                  <TableCell>{p.covered_by_shif ? 'Y' : 'N'}</TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+
+        </div>
+
+      </div>
+
+    </>
+  );
+};
+export default Moh270DailyRegister;

package/src/reports/moh-740/registers/moh-740-patient-list.tsx

@@ -0,0 +1,43 @@
+import React, { useEffect, useState } from 'react';
+import { type Moh270Patient } from '../types';
+import { fetchMoh740Register } from '../moh-740.resource';
+import Moh270DailyRegister from './moh-270-permanent-register/moh-270-permanent-register';
+import { InlineLoading } from '@carbon/react';
+interface Moh740PatientListProps {
+  locationUuid: string;
+  reportingMonth: string;
+  indicators: string;
+}
+const Moh740PatientList: React.FC<Moh740PatientListProps> = ({ locationUuid, reportingMonth, indicators }) => {
+  const [patientList, setPatientList] = useState<Moh270Patient[]>([]);
+  const [loading, setIsLoading] = useState<boolean>(false);
+
+  useEffect(() => {
+    if (locationUuid && reportingMonth && indicators) {
+      fethPatientList();
+    }
+  }, [locationUuid, reportingMonth, indicators]);
+  async function fethPatientList() {
+    setIsLoading(true);
+    const resp = await fetchMoh740Register({
+      locationUuid: locationUuid,
+      endDate: reportingMonth,
+      indicators: indicators,
+    });
+
+    setIsLoading(false);
+
+    if (resp) {
+      setPatientList(resp);
+    }
+  }
+  if (!locationUuid || !reportingMonth || !indicators) {
+    return <></>;
+  }
+  if (loading) {
+    return <InlineLoading description="Fetching patient list..." />;
+  }
+  return <>{patientList && <Moh270DailyRegister indicator={indicators} moh270PatientList={patientList} />}</>;
+};
+
+export default Moh740PatientList;

package/src/reports/moh-740/shared/data-cell/data-cell.scss

@@ -0,0 +1,6 @@
+.dataCell{
+    color: blue;
+}
+.dataCell:hover{
+    cursor: pointer;
+}

package/src/reports/moh-740/shared/data-cell/data-cell.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import styles from './data-cell.scss';
+interface DataCellProps {
+  value: number;
+  indicator: string;
+  indicatorSelected: (indicator: string) => void;
+}
+const DataCell: React.FC<DataCellProps> = ({ value, indicator, indicatorSelected }) => {
+  const handleCellClicked = () => {
+    indicatorSelected(indicator);
+  };
+  if (!value || value < 0) {
+    return 0;
+  }
+  return (
+    <>
+      <span onClick={handleCellClicked} className={styles.dataCell}>
+        {value ?? 0}
+      </span>
+    </>
+  );
+};
+export default DataCell;

package/src/reports/moh-740/shared/utils/format-indicator.ts

@@ -0,0 +1,22 @@
+export function formatIndicatorName(indicator: string): string {
+    if (!indicator) {
+        return '';
+    }
+
+    const parts = indicator.includes("__")
+        ? indicator.split("__").slice(1)
+        : [indicator];
+
+    return parts
+        .map(part =>
+            part
+                .split("_")
+                .map(word =>
+                    word.length === 1
+                        ? word.toUpperCase()
+                        : word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()
+                )
+                .join(" ")
+        )
+        .join(" ");
+}

package/src/reports/moh-740/types/index.ts

@@ -0,0 +1,183 @@
+export type ReportFilters = { startDate?: string; endDate?: string; month?: string };
+
+export type Moh740Dto = {
+  endDate: string;
+  locationUuid: string;
+};
+
+export type Moh740Data = {
+  location_id: number;
+  facility: string;
+  mfl_code: number,
+  county: string;
+  sub_county: string;
+  reportingMonth: string;
+  cumulative_diabetes_patients_in_care: number;
+  newly_diagnosed_diabetes: number;
+  total_type_1_diabetes: number;
+  total_type_2_diabetes: number;
+  cumulative_htn_patient: number;
+  covered_by_shif: number;
+  screened_for_tb_this_month: number;
+  screened_postive_for_tb_this_month: number;
+  screened_for_diabetic_foot_this_month: number;
+  has_diabetic_foot: number;
+  type_1_diabetes_mellitus: number;
+  type_2_diabetes_mellitus: number;
+  revisit_to_clinic_known_dm: number;
+  amputation_due_to_diabetic_foot: number;
+  stroke_diagnosis: number;
+  ischemic_heart_disease_diagnosis: number;
+  heart_failure_diagnosis: number;
+  has_neuropathies: number;
+  newly_diagnosed_htn_this_month: number;
+  revisit_known_htn: number;
+  is_co_morbid: number;
+  revisit_known_co_morbid: number;
+  newly_diagnosed_co_morbid_this_month: number;
+  on_insulin_this_month: number;
+  on_ogla_meds_this_month: number;
+  on_both_insulin_and_ogla_meds_this_month: number;
+  dc__age_range__0_to_5__type_1_diabetes_mellitus: number;
+  dc__age_range__6_to_9__type_1_diabetes_mellitus:number;
+  dc__age_range__10_to_19__type_1_diabetes_mellitus:number;
+  dc__age_range__20_to_35__type_1_diabetes_mellitus:number;
+  dc__age_range__36_and_above__type_1_diabetes_mellitus:number;
+  dc__age_range__0_to_18__type_2_diabetes_mellitus:number;
+  dc__age_range__19_to_35__type_2_diabetes_mellitus:number;
+  dc__age_range__36_to_60__type_2_diabetes_mellitus:number;
+  dc__age_range__61_and_above__type_2_diabetes_mellitus:number;
+  dc__gender__M__cumulative_diabetes_patients_in_care: number;
+  dc__gender__F__cumulative_diabetes_patients_in_care: number;
+  dc__gender__M__newly_diagnosed_diabetes: number;
+  dc__gender__F__newly_diagnosed_diabetes: number;
+  dc__gender__M__revisit_to_clinic_known_dm: number;
+  dc__gender__F__revisit_to_clinic_known_dm: number;
+  dc__gender__M__total_type_1_diabetes: number;
+  dc__gender__F__total_type_1_diabetes: number;
+  dc__gender__M__total_type_2_diabetes: number;
+  dc__gender__F__total_type_2_diabetes: number;
+  dc__gender__M__cumulative_htn_patient: number;
+  dc__gender__F__cumulative_htn_patient: number;
+  dc__gender__F__newly_diagnosed_htn_this_month: number;
+  dc__gender__M__newly_diagnosed_htn_this_month: number;
+  dc__gender__M__revisit_known_htn: number;
+  dc__gender__F__revisit_known_htn: number;
+  dc__gender__M__is_co_morbid: number;
+  dc__gender__F__is_co_morbid: number;
+  dc__gender__F__revisit_known_co_morbid: number;
+  dc__gender__M__revisit_known_co_morbid: number;
+  dc__gender__M__newly_diagnosed_co_morbid_this_month: number;
+  dc__gender__F__newly_diagnosed_co_morbid_this_month: number;
+  dc__gender__M__age_range__10_to_19__diabetes_mellitus_type__diabetes_mellitus_type_1__total: number;
+  dc__gender__M__age_range__0_to_9__has_htn: number;
+  dc__gender__F__age_range__0_to_9__has_htn: number;
+  dc__gender__M__age_range__10_to_19__has_htn: number;
+  dc__gender__F__age_range__10_to_19__has_htn: number;
+  dc__gender__M__age_range__20_to_35__has_htn: number;
+  dc__gender__F__age_range__20_to_35__has_htn: number;
+  dc__gender__M__age_range__36_to_60__has_htn: number;
+  dc__gender__F__age_range__36_to_60__has_htn: number;
+  dc__gender__M__age_range__61_and_above__has_htn: number;
+  dc__gender__F__age_range__61_and_above__has_htn: number;
+  dc__gender__M__age_range__10_to_19__total: number;
+  dc__gender__M__screened_for_tb_this_month: number;
+  dc__gender__F__screened_for_tb_this_month: number;
+  dc__gender__M__screened_postive_for_tb_this_month: number;
+  dc__gender__F__screened_postive_for_tb_this_month: number;
+  dc__gender__M__covered_by_shif: number;
+  dc__gender__F__covered_by_shif: number;
+  dc__gender__M__screened_for_diabetic_foot_this_month: number;
+  dc__gender__F__screened_for_diabetic_foot_this_month: number;
+  dc__gender__M__has_diabetic_foot: number;
+  dc__gender__F__has_diabetic_foot: number;
+  dc__gender__M__amputation_due_to_diabetic_foot: number;
+  dc__gender__F__amputation_due_to_diabetic_foot: number;
+  dc__gender__M__stroke_diagnosis: number;
+  dc__gender__F__stroke_diagnosis: number;
+  dc__gender__M__ischemic_heart_disease_diagnosis: number;
+  dc__gender__F__ischemic_heart_disease_diagnosis: number;
+  dc__gender__M__heart_failure_diagnosis: number;
+  dc__gender__F__heart_failure_diagnosis: number;
+  dc__gender__M__has_neuropathies: number;
+  dc__gender__F__has_neuropathies: number;
+  dc__gender__M__age_range__0_to_5__type_1_diabetes_mellitus: number;
+  dc__gender__F__age_range__0_to_5__type_1_diabetes_mellitus: number;
+  dc__gender__M__age_range__6_to_9__type_1_diabetes_mellitus: number;
+  dc__gender__F__age_range__6_to_9__type_1_diabetes_mellitus: number;
+  dc__gender__M__age_range__10_to_19__type_1_diabetes_mellitus: number;
+  dc__gender__F__age_range__10_to_19__type_1_diabetes_mellitus: number;
+  dc__gender__M__age_range__20_to_35__type_1_diabetes_mellitus: number;
+  dc__gender__F__age_range__20_to_35__type_1_diabetes_mellitus: number;
+  dc__gender__M__age_range__36_and_above__type_1_diabetes_mellitus: number;
+  dc__gender__F__age_range__36_and_above__type_1_diabetes_mellitus: number;
+  dc__gender__M__age_range__0_to_18__type_2_diabetes_mellitus: number;
+  dc__gender__F__age_range__0_to_18__type_2_diabetes_mellitus: number;
+  dc__gender__M__age_range__19_to_35__type_2_diabetes_mellitus: number;
+  dc__gender__F__age_range__19_to_35__type_2_diabetes_mellitus: number;
+  dc__gender__M__age_range__36_to_60__type_2_diabetes_mellitus: number;
+  dc__gender__F__age_range__36_to_60__type_2_diabetes_mellitus: number;
+  dc__gender__M__age_range__61_and_above__type_2_diabetes_mellitus: number;
+  dc__gender__F__age_range__61_and_above__type_2_diabetes_mellitus: number;
+  dc__gender__M__on_insulin_this_month: number;
+  dc__gender__F__on_insulin_this_month: number;
+  dc__gender__M__on_ogla_meds_this_month: number;
+  dc__gender__F__on_ogla_meds_this_month: number;
+  dc__gender__M__on_both_insulin_and_ogla_meds_this_month: number;
+  dc__gender__F__on_both_insulin_and_ogla_meds_this_month: number;
+  dc__age_range__0_to_9__has_htn: number;
+  dc__age_range__10_to_19__has_htn: number;
+  dc__age_range__20_to_35__has_htn: number;
+  dc__age_range__36_to_60__has_htn: number;
+  dc__age_range__61_and_above__has_htn: number;
+  done_hba1c_this_month:number;
+  dc__gender__M__done_hba1c_this_month: number;
+  dc__gender__F__done_hba1c_this_month: number;
+  hba1c_less_than_7_percent_this_month:number;
+  dc__gender__M__hba1c_less_than_7_percent_this_month:number;
+  dc__gender__F__hba1c_less_than_7_percent_this_month:number;
+  dc__gender__M__on_exercise_and_diet:number;
+  dc__gender__F__on_exercise_and_diet:number;
+  on_exercise_and_diet:number;
+  on_antihypertensives_this_month:number;
+  high_bp:number;
+  dc__gender__M__on_antihypertensives_this_month: number;
+  dc__gender__F__on_antihypertensives_this_month: number;
+  dc__gender__M__high_bp:number;
+  dc__gender__F__high_bp:number;
+};
+
+export type Moh740Resp = {
+  result: [Moh740Data];
+};
+
+export type Moh270Patient = {
+  gender: string;
+  amrs_universal_id: string;
+  encounter_date: string;
+  endDate: string;
+  covered_by_shif: number;
+  patient_uuid: string;
+  birthdate: string;
+  person_name: string;
+  phone_number: string;
+  county: string;
+  sub_county: string;
+  ward: string;
+  landmark: string;
+  patient_no: string;
+  contact_of_the_treatment_supporter_and_relationship: string;
+  diagnosis_at_enrolment: string;
+  year_of_diagnosis: string;
+  complications_at_enrollment: string;
+};
+
+export type Moh740RegisterDto = {
+  endDate: string;
+  locationUuid: string;
+  indicators: string;
+};
+
+export type Moh740RegisterResp = {
+  result: Moh270Patient[];
+};