@ampath/esm-reports-app 1.0.0-next.2 → 1.0.0-next.21

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> {
+  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.tsx

@@ -0,0 +1,58 @@
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@carbon/react';
+import React from 'react';
+import { type Moh270Patient } from '../../types';
+interface Moh270DailyRegisterProps {
+  moh270PatientList: Moh270Patient[];
+}
+const Moh270DailyRegister: React.FC<Moh270DailyRegisterProps> = ({ moh270PatientList }) => {
+  if (!moh270PatientList) {
+    return <>No Data to display</>;
+  }
+  return (
+    <>
+      <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>{p.person_name}</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>
+    </>
+  );
+};
+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 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/types/index.ts

@@ -0,0 +1,115 @@
+export type ReportFilters = { startDate?: string; endDate?: string; month?: string };
+
+export type Moh740Dto = {
+  endDate: string;
+  locationUuid: string;
+};
+
+export type Moh740Data = {
+  location_id: 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__10_to_19__has_htn: number;
+  dc__gender__F__age_range__10_to_19__has_htn: number;
+  dc__gender__M__age_range__19_to_35__has_htn: number;
+  dc__gender__F__age_range__19_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__60_and_above__has_htn: number;
+  dc__gender__F__age_range__60_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;
+};
+
+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[];
+};