@ampath/esm-reports-app 1.0.0-next.4 → 1.0.0-next.41

package/src/reports/moh-705a/registers/moh-204a-register.component.tsx

@@ -0,0 +1,321 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Loading, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@carbon/react';
+
+import styles from '../moh-705a.scss';
+import classNames from 'classnames';
+import { useLocation, useNavigate, useSearchParams } from 'react-router-dom';
+import { getMoh705aPatientList } from '../../../resources/moh-705.resource';
+
+interface Moh204ARegisterComponentProps {}
+
+const Moh204ARegisterComponent: React.FC<Moh204ARegisterComponentProps> = () => {
+  const [patientlist, setPatientList] = useState<any[]>([]);
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [searchParams] = useSearchParams();
+  const navigate = useNavigate();
+  const location = useLocation();
+  const startDate = searchParams.get('startDate');
+  const endDate = searchParams.get('endDate');
+  const locationUuids = searchParams.get('locationUuids');
+  const indicator = searchParams.get('indicator');
+
+  function navigateBack() {
+    navigate(location.state?.from || '/moh-705b');
+  }
+
+  useEffect(() => {
+    const fetchData = async () => {
+      if (!startDate || !endDate || !locationUuids || !indicator) return;
+
+      setIsLoading(true);
+
+      try {
+        const params = {
+          startDate,
+          endDate,
+          locationUuids,
+          indicator,
+        };
+
+        const data = await getMoh705aPatientList(params);
+        setPatientList(data?.results.results || []);
+      } catch (error) {
+        console.error('Failed to fetch register data', error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [startDate, endDate, locationUuids, indicator]);
+
+  return (
+    <>
+      <div className={styles.buttonContainer}>
+        <Button onClick={navigateBack}>Back</Button>
+      </div>
+      <div>{isLoading && <Loading />}</div>
+      <div className={styles.tableContainer}>
+        <Table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+          <TableHead>
+            <TableRow>
+              <TableHeader>
+                Date <br /> (DD/MM/YYYY)
+              </TableHeader>
+              <TableHeader>
+                OPD No.
+                <br />
+                (New)
+              </TableHeader>
+              <TableHeader>
+                OPD No.
+                <br />
+                (Revisit)
+              </TableHeader>
+              <TableHeader>
+                Referred
+                <br />
+                From 1=CU,
+                <br />
+                2=From Other
+                <br />
+                facility, 3=
+                <br />
+                Within 4=N/A
+              </TableHeader>
+              <TableHeader>Full Names (THREE names)</TableHeader>
+              <TableHeader>Age</TableHeader>
+              <TableHeader>Sex</TableHeader>
+              <TableHeader>Countu/Sub-county</TableHeader>
+              <TableHeader>
+                Village /Estate / <br />
+                Landmark
+              </TableHeader>
+              <TableHeader>
+                Parent/Caregivers's
+                <br />
+                Telephone
+                <br />
+                No.
+              </TableHeader>
+              <TableHeader>Weight(kg)</TableHeader>
+              <TableHeader>
+                Height
+                <br />
+                /Length
+                <br />
+                (cm)
+              </TableHeader>
+              <TableHeader>
+                MUAC
+                <br />
+                1.Green
+                <br />
+                2.Yellow
+                <br />
+                3.Red
+              </TableHeader>
+              <TableHeader>
+                Temp
+                <br />
+                (oC)
+              </TableHeader>
+              <TableHeader>
+                Respiratory
+                <br />
+                Rate
+              </TableHeader>
+              <TableHeader>
+                Oxygen Saturation
+                <br />
+                Reading <br />
+                (SPO2)
+              </TableHeader>
+              <TableHeader>
+                Pulse
+                <br />
+                Rate
+              </TableHeader>
+              <TableHeader>
+                DANGER SIGNS
+                <br />
+                1.Unable to drink or <br />
+                breastfeed
+                <br />
+                2.Vomits everything
+                <br />
+                3.Had convulsions
+                <br />
+                in this illness
+                <br />
+                4.Is lethargic or <br />
+                unconscious
+                <br />
+                5.Is convulsing now
+              </TableHeader>
+              <TableHeader>
+                Duration
+                <br />
+                of Current
+                <br />
+                Illness
+                <br />
+                (in hours/
+                <br />
+                days)
+              </TableHeader>
+              <TableHeader>
+                Malaria
+                <br />
+                1.Presenting with symptoms NOT
+                <br />
+                Tested
+                <br />
+                2.RDT Tested (-ve)
+                <br />
+                3.Microscopy
+                <br />
+                Tested (-ve)
+                <br />
+                4.RDT Tested (+ve)
+                <br />
+                5. Microscopy
+                <br />
+                Tested (+ve)
+              </TableHeader>
+              <TableHeader>
+                IMNCI Classification or <br />
+                Diagnosis
+              </TableHeader>
+              <TableHeader>
+                TRACER DRUGS <br />
+                PRESCRIBED
+                <br />
+                1. ORS & Zinc <br />
+                (Co-pack)
+                <br />
+                2.Zinc Only
+                <br />
+                3. ORS Only 4.
+                <br />
+                Amoxicillin DT
+                <br />
+                5. Vitamin A <br />
+                6.Oxygen <br />
+                7. Albendazole <br />
+                8.IV Fluids
+              </TableHeader>
+              <TableHeader>
+                Other <br />
+                ALL <br />
+                Treatments <br />
+                Prescribed 1. <br />
+                CPAP 2.
+                <br />
+                Other
+              </TableHeader>
+              <TableHeader>
+                Immunization
+                <br />
+                Status Up to <br />
+                Date (Y/N)
+              </TableHeader>
+              <TableHeader>
+                TB Screening 1. <br />
+                presumed TB 2. <br />
+                Referred
+              </TableHeader>
+              <TableHeader>
+                Nutrition and diatetics <br />
+                Interventions 1=Nutrition
+                <br />
+                counselling 2=Nutrition
+                <br />
+                therapeutic supplements 3<br />
+                =. Diatetics
+              </TableHeader>
+              <TableHeader>
+                Referred to (1=CU, 2= to <br />
+                other H/F, 3=within the <br />
+                facility/ 4=N/A)
+              </TableHeader>
+              <TableHeader>REMARKS/ Outcome</TableHeader>
+            </TableRow>
+            <TableRow>
+              <TableHeader>A</TableHeader>
+              <TableHeader>B</TableHeader>
+              <TableHeader>C</TableHeader>
+              <TableHeader>D</TableHeader>
+              <TableHeader>E</TableHeader>
+              <TableHeader>F</TableHeader>
+              <TableHeader>G</TableHeader>
+              <TableHeader>H</TableHeader>
+              <TableHeader>I</TableHeader>
+              <TableHeader>J</TableHeader>
+              <TableHeader>K</TableHeader>
+              <TableHeader>L</TableHeader>
+              <TableHeader>M</TableHeader>
+              <TableHeader>N</TableHeader>
+              <TableHeader>O</TableHeader>
+              <TableHeader>P</TableHeader>
+              <TableHeader>Q</TableHeader>
+              <TableHeader>R</TableHeader>
+              <TableHeader>S</TableHeader>
+              <TableHeader>T</TableHeader>
+              <TableHeader>U</TableHeader>
+              <TableHeader>V</TableHeader>
+              <TableHeader>W</TableHeader>
+              <TableHeader>X</TableHeader>
+              <TableHeader>Y</TableHeader>
+              <TableHeader>Z</TableHeader>
+              <TableHeader>AA</TableHeader>
+              <TableHeader>AB</TableHeader>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {patientlist?.length > 0 ? (
+              patientlist?.map((patient) => (
+                <TableRow key={patient.person_id || patient.id}>
+                  <TableCell>{patient.date}</TableCell>
+                  <TableCell>{patient.opd_number_new_visit}</TableCell>
+                  <TableCell>{patient.opd_number_return_visit}</TableCell>
+                  <TableCell>{patient.referred_from}</TableCell>
+                  <TableCell>{patient.full_names}</TableCell>
+                  <TableCell>{patient.age}</TableCell>
+                  <TableCell>{patient.sex}</TableCell>
+                  <TableCell>{patient.county_sub_county}</TableCell>
+                  <TableCell>{patient.village_estate_landmark}</TableCell>
+                  <TableCell>{patient.caregiver_phone_number}</TableCell>
+                  <TableCell>{patient.weight}</TableCell>
+                  <TableCell>{patient.height}</TableCell>
+                  <TableCell>{patient.muac}</TableCell>
+                  <TableCell>{patient.temp}</TableCell>
+                  <TableCell>{patient.respiratory_rate}</TableCell>
+                  <TableCell>{patient.oxygen_saturation}</TableCell>
+                  <TableCell>{patient.pulse_rate}</TableCell>
+                  <TableCell>{patient.danger_signs}</TableCell>
+                  <TableCell>{patient.duration_of_illness}</TableCell>
+                  <TableCell>{patient.suspected_malaria_cases}</TableCell>
+                  <TableCell>{patient.diagnosis}</TableCell>
+                  <TableCell>{patient.tracer_drugs_prescribed}</TableCell>
+                  <TableCell>{patient.all_other_treatments_prescribed}</TableCell>
+                  <TableCell>{patient.immunization_status_up_to_date}</TableCell>
+                  <TableCell>{patient.tb_screening}</TableCell>
+                  <TableCell>{patient.nutrition_dietetics}</TableCell>
+                  <TableCell>{patient.referred_to}</TableCell>
+                  <TableCell>{patient.remarks}</TableCell>
+                </TableRow>
+              ))
+            ) : (
+              <TableRow>
+                <TableCell colSpan={28}>No data available</TableCell>
+              </TableRow>
+            )}
+          </TableBody>
+        </Table>
+      </div>
+    </>
+  );
+};
+
+export default Moh204ARegisterComponent;

package/src/reports/moh-705a/type.ts

@@ -0,0 +1,6 @@
+export type ReportFilters = {
+  startDate?: string;
+  endDate?: string;
+  month?: string;
+  indicator?: string;
+};

package/src/reports/moh-706/moh-706-header.component.tsx

@@ -0,0 +1,61 @@
+import React, { useMemo } from "react";
+import TableWrapper from "../table-wrapper/table-wrapper.component";
+import TableRowMapper from "../table-wrapper/table-row-mapper.component";
+import { getCell } from "../../utils/utils";
+import styles from './moh-706.scss';
+
+const MOH706Header: React.FC = () => {
+    const tableRows = useMemo(() => {
+        return [
+            {
+                tableCells: [
+                    getCell("", "County:", 1, 1, true),
+                    getCell("", "", 3),
+                ],
+            },
+            {
+                tableCells: [
+                    getCell("", "Sub-County:", 1, 1, true),
+                    getCell("", "", 3),
+                ],
+            },
+            {
+                tableCells: [
+                    getCell("", "Health Facility:", 1, 1, true),
+                    getCell("", "", 3),
+                ],
+            },
+            {
+                tableCells: [
+                    getCell("", "KMHFL Code:", 1, 1, true),
+                    getCell("", "", 3),
+                ],
+            },
+            {
+                tableCells: [
+                    getCell("", "Facility Type:", 1, 1, true),
+                    getCell("", ""),
+                    getCell("", "Man. Agency:", 1, 1, true),
+                    getCell("", ""),
+                ],
+            },
+            {
+                tableCells: [
+                    getCell("", "Start Date:", 1, 1, true),
+                    getCell("", ""),
+                    getCell("", "End Date:", 1, 1, true),
+                    getCell("", ""),
+                ],
+            },
+        ];
+    }, []);
+
+    return <div className={styles.headerSection}>
+        <h3>MOH 706 _Laboratory (LAB) Services Summary</h3>
+        <TableWrapper>
+            <TableRowMapper tableRows={tableRows} />
+        </TableWrapper>
+    </div>
+}
+
+export default MOH706Header;

package/src/reports/moh-706/moh-706.component.tsx

@@ -0,0 +1,117 @@
+import React, { useEffect, useState } from 'react';
+import { useSession } from '@openmrs/esm-framework';
+import { Column, Grid, Loading } from '@carbon/react';
+import UrineAnalysis from './sub-reports/urine-analysis/urine-analysis.component';
+import BloodChemistry from './sub-reports/blood-chemistry/blood-chemistry.component';
+import Parasitology from './sub-reports/parasitology/parasitology.component';
+import Haematology from './sub-reports/haematology/haematology.component';
+import Bacteriology from './sub-reports/bacteriology/bacteriology.component';
+import HistologyAndCytology from './sub-reports/histology-and-cytology/histology-and-cytology.component';
+import Serology from './sub-reports/serology/serology.component';
+import SpecimenReferralToHigherLevels from './sub-reports/specimen-referral-to-higher-levels/specimen-referral-to-higher-levels.component';
+import DrugSusceptibilityTesting from './sub-reports/drug-susceptibility-testing/drug-susceptibility-testing.component';
+import ReportFiltersComponent from '../../common/report-filters/report-filters.component';
+import { getMoh706 } from '../../resources/moh-706.resource';
+import styles from './moh-706.scss';
+import MOH706Header from './moh-706-header.component';
+import { useSearchParams } from 'react-router-dom';
+
+const MoH706Report: React.FC = () => {
+  const [moh706Data, setMoh706Data] = useState<any>({});
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [errorMessage, setErrorMessage] = useState<string>('');
+  const [filters, setFilters] = useState<{ locationUuids?: string; startDate?: string; endDate?: string }>({});
+
+  const session = useSession();
+  const locationUuids = session?.sessionLocation?.uuid;
+
+  const [searchParams] = useSearchParams();
+
+  useEffect(() => {
+    const startDate = searchParams.get('startDate');
+    const endDate = searchParams.get('endDate');
+
+    if (startDate && endDate) {
+      setFilters({ locationUuids, startDate, endDate });
+      fetchMoh706Data({ startDate, endDate });
+    }
+  }, [searchParams]);
+
+  const fetchMoh706Data = async (filters: { startDate?: string; endDate?: string; month?: string }) => {
+    setErrorMessage('');
+    setIsLoading(true);
+
+    let startDate = filters.startDate;
+    let endDate = filters.endDate;
+
+    if (filters.month) {
+      const [year, monthIndex] = filters.month.split('-').map(Number);
+      const start = new Date(year, monthIndex - 1, 1);
+      const end = new Date(year, monthIndex, 0);
+
+      const formatLocalDate = (d: Date) => {
+        const y = d.getFullYear();
+        const m = String(d.getMonth() + 1).padStart(2, '0');
+        const day = String(d.getDate()).padStart(2, '0');
+        return `${y}-${m}-${day}`;
+      };
+
+      startDate = formatLocalDate(start);
+      endDate = formatLocalDate(end);
+    }
+
+    const params = {
+      locationUuids: locationUuids || '',
+      startDate,
+      endDate,
+    };
+
+    try {
+      const result = await getMoh706(params);
+      const flatData = Object.assign({}, ...result);
+      setMoh706Data(flatData);
+      setFilters({ locationUuids: params.locationUuids, startDate, endDate });
+    } catch (error: any) {
+      setErrorMessage(error instanceof Error ? error.message : String(error));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return (
+    <>
+      <ReportFiltersComponent reportName="MOH-706 Report" mode="monthly" onGenerate={fetchMoh706Data} isLoding={isLoading} />
+      {isLoading && <Loading description="Fetching data...." />}
+      {!isLoading && errorMessage && (
+        <div>
+          <a href="#" className="close" data-dismiss="alert">
+            &times;
+          </a>
+          <h4>
+            <strong>
+              <span className="glyphicon glyphicon-warning-sign"></span>{' '}
+            </strong>{' '}
+            An error occurred while trying to load the report. Please try again.
+          </h4>
+          <p>
+            <small>{errorMessage}</small>
+          </p>
+        </div>
+      )}
+      <MOH706Header />
+      <div className={styles.reportSections}>
+        <UrineAnalysis data={moh706Data} locationUuids={filters.locationUuids} startDate={filters.startDate} endDate={filters.endDate} />
+        <BloodChemistry data={moh706Data} locationUuids={filters.locationUuids} startDate={filters.startDate} endDate={filters.endDate} />
+        <Parasitology data={moh706Data} locationUuids={filters.locationUuids} startDate={filters.startDate} endDate={filters.endDate} />
+        <Haematology data={moh706Data} locationUuids={filters.locationUuids} startDate={filters.startDate} endDate={filters.endDate} />
+        <Bacteriology data={moh706Data} locationUuids={filters.locationUuids} startDate={filters.startDate} endDate={filters.endDate} />
+        <HistologyAndCytology />
+        <Serology data={moh706Data} locationUuids={filters.locationUuids} startDate={filters.startDate} endDate={filters.endDate} />
+        <SpecimenReferralToHigherLevels />
+        <DrugSusceptibilityTesting />
+      </div>
+    </>
+  );
+};
+
+export default MoH706Report;

package/src/reports/moh-706/moh-706.scss

@@ -0,0 +1,30 @@
+.tableWrapper {
+  overflow-x: auto;
+  border: 1px solid #d0d0d0;
+  border-radius: 4px;
+}
+
+.tableContainer {
+  width: 100%;
+  border-collapse: collapse;
+
+  thead {
+    background-color: #f4f4f4;
+  }
+
+  tbody tr {
+    border-bottom: 1px solid #e0e0e0;
+  }
+  
+}
+
+.reportSections {
+  position: relative;
+  margin: 0px auto;
+  width: 100%;
+  padding: 12px;
+}
+
+.headerSection {
+  padding: 15px;
+}

package/src/reports/moh-706/sub-reports/bacteriology/bacteriology.component.tsx

@@ -0,0 +1,124 @@
+import React, { useMemo } from "react";
+import TableWrapper from "../../../table-wrapper/table-wrapper.component";
+import TableRowMapper from "../../../table-wrapper/table-row-mapper.component";
+import { getCell } from "../../../../utils/utils";
+
+interface BacteriologyProps {
+    data?: any,
+    locationUuids?: string,
+    startDate?: string,
+    endDate?: string
+}
+
+const Bacteriology: React.FC<BacteriologyProps> = ({ data, locationUuids, startDate, endDate }) => {
+    const tableRows = useMemo(() => {
+        return [
+            {
+                tableCells: [getCell("", "5 BACTERIOLOGY", 4, 1, true)]
+            },
+            {
+                tableCells: [
+                    getCell("", "Bacteriological Sample", 1, 1, true),
+                    getCell("", "Total Exam", 1, 1, true),
+                    getCell("", "Total Cultures", 1, 1, true),
+                    getCell("", "Number Culture Positive", 1, 1, true),
+                ]
+            },
+            { tableCells: [getCell("", "5.1 Urine"), getCell(), getCell(), getCell()] },
+            { tableCells: [getCell("", "5.2 Pus swabs"), getCell(), getCell(), getCell()] },
+            { tableCells: [getCell("", "5.3 High Vaginal Swabs"), getCell(), getCell(), getCell()] },
+            { tableCells: [getCell("", "5.4 Throat swab"), getCell(), getCell(), getCell()] },
+            { tableCells: [getCell("", "5.5 Rectal swab"), getCell(), getCell(), getCell()] },
+            { tableCells: [getCell("", "5.6 Blood"), getCell(), getCell(), getCell()] },
+            { tableCells: [getCell("", "5.7 Water"), getCell(), getCell(), getCell()] },
+            { tableCells: [getCell("", "5.8 Food"), getCell(), getCell(), getCell()] },
+            { tableCells: [getCell("", "5.9 Urethral swabs"), getCell(), getCell(), getCell()] },
+            {
+                tableCells: [
+                    getCell("", "Bacterial enteric pathogens", 2, 1, true),
+                    getCell("", "Total Exam", 1, 1, true),
+                    getCell("", "Number Positive", 1, 1, true),
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "5.10 Stool Cultures", 2),
+                    getCell(),
+                    getCell(),
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Stool Isolates", 3, 1, true),
+                    getCell("", "Number Positive", 1, 1, true),
+                ]
+            },
+            { tableCells: [getCell("", "5.11 Salmonella typhi", 3), getCell("positive_salmonella")] },
+            { tableCells: [getCell("", "5.12 Shigella - dysenteriae type1", 3), getCell()] },
+            { tableCells: [getCell("", "5.13 E. coli O157:H7", 3), getCell()] },
+            { tableCells: [getCell("", "5.14 V. cholerae O1", 3), getCell()] },
+            { tableCells: [getCell("", "5.15 V. cholerae O139", 3), getCell()] },
+
+            {
+                tableCells: [getCell("", "Bacterial meningitis", 4, 1, true)]
+            },
+            {
+                tableCells: [
+                    getCell("", "Bacterial meningitis", 1, 1, true),
+                    getCell("", "Total Exam", 1, 1, true),
+                    getCell("", "Number Positive", 1, 1, true),
+                    getCell("", "Number Contaminated", 2, 1, true),
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "5.16 CSF"),
+                    getCell(),
+                    getCell(),
+                    getCell(),
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Bacterial meningitis Serotypes", 1, 1, true),
+                    getCell("", "Number Positive", 3, 1, true),
+                ]
+            },
+            { tableCells: [getCell("", "5.17 Neisseria meningitidis A"), getCell("", "", 3)] },
+            { tableCells: [getCell("", "5.18 Neisseria meningitidis B"), getCell("", "", 3)] },
+            { tableCells: [getCell("", "5.19 Neisseria meningitidis C"), getCell("", "", 3)] },
+            { tableCells: [getCell("", "5.20 Neisseria meningitidis W135"), getCell("", "", 3)] },
+            { tableCells: [getCell("", "5.21 Neisseria meningitidis X"), getCell("", "", 3)] },
+            { tableCells: [getCell("", "5.22 Neisseria meningitidis Y"), getCell("", "", 3)] },
+            { tableCells: [getCell("", "5.23 Neisseria meningitidis (indeterminate)"), getCell("", "", 3)] },
+            { tableCells: [getCell("", "5.24 Streptococcus pneumoniae"), getCell("", "", 3)] },
+            { tableCells: [getCell("", "5.25 Haemophilus influenzae (type b)"), getCell("", "", 3)] },
+            { tableCells: [getCell("", "5.26 Cryptococcal Meningitis"), getCell("", "", 3)] },
+            {
+                tableCells: [getCell("", "Bacterial Pathogens from other types of specimen", 4, 1, true)]
+            },
+            { tableCells: [getCell("", "5.27 B. anthracis"), getCell("", "", 3)] },
+            { tableCells: [getCell("", "5.28 Y. pestis"), getCell("", "", 3)] },
+            { tableCells: [getCell("", "TB SPUTUM", 4)] },
+            {
+                tableCells: [
+                    getCell("", "TB SPUTUM", 1, 1, true),
+                    getCell("", "Total Exam", 1, 1, true),
+                    getCell("", "Number Positive", 1, 1, true),
+                ]
+            },
+            { tableCells: [getCell("", "5.29 Total TB smears"), getCell(), getCell()] },
+            { tableCells: [getCell("", "5.30 New presumptive TB cases"), getCell(), getCell()] },
+            { tableCells: [getCell("", "5.31 TB Follow up"), getCell(), getCell()] },
+            { tableCells: [getCell("", "5.32 Rifampicin Resistant TB"), getCell(), getCell()] },
+            { tableCells: [getCell("", "5.33 MDR TB"), getCell(), getCell()] },
+        ]
+    }, []);
+
+
+    return <TableWrapper>
+        <TableRowMapper tableRows={tableRows} data={data} locationUuids={locationUuids} startDate={startDate} endDate={endDate} />
+    </TableWrapper>
+}
+
+export default Bacteriology;