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

package/src/reports/datatable-wrapper/datatable-wrapper.component.tsx

@@ -0,0 +1,54 @@
+import { DataTable, type DataTableHeader, type DataTableRow, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@carbon/react";
+import React from "react";
+
+interface DatatableWrapperProps {
+    rows: Omit<DataTableRow<any[]>, "cells">[];
+    headers: DataTableHeader[];
+    subHeaders?: string[];
+}
+
+const DatatableWrapper: React.FC<DatatableWrapperProps> = ({ rows, headers, subHeaders = [] }) => {
+    return <DataTable rows={rows} headers={headers}>
+        {({
+            rows,
+            headers,
+            getTableProps,
+            getHeaderProps,
+            getRowProps,
+            getCellProps,
+        }) => (
+            <Table {...getTableProps()}>
+                <TableHead>
+                    <TableRow>
+                        {headers.map((header) => (
+                            <TableHeader {...getHeaderProps({ header })}>
+                                {header.header}
+                            </TableHeader>
+                        ))}
+                    </TableRow>
+                    {
+                        (subHeaders && subHeaders.length) &&
+                        <TableRow>
+                            {subHeaders.map((head, i) => (
+                                <TableHeader key={i}>
+                                    {head}
+                                </TableHeader>
+                            ))}
+                        </TableRow>
+                    }
+                </TableHead>
+                <TableBody>
+                    {rows.map((row) => (
+                        <TableRow {...getRowProps({ row })}>
+                            {row.cells.map((cell) => (
+                                <TableCell {...getCellProps({ cell })}>{cell.value}</TableCell>
+                            ))}
+                        </TableRow>
+                    ))}
+                </TableBody>
+            </Table>
+        )}
+    </DataTable>
+}
+
+export default DatatableWrapper;

package/src/reports/moh-240/moh-240-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-240.scss';
+
+const MOH240Header: 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("", "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>Laboratory (LAB) Register MOH 240</h3>
+        <TableWrapper>
+            <TableRowMapper tableRows={tableRows} />
+        </TableWrapper>
+    </div>
+}
+
+export default MOH240Header;

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

@@ -0,0 +1,68 @@
+import React, { useEffect, useState } from "react";
+import { useSearchParams } from "react-router-dom";
+import { Loading } from '@carbon/react';
+import Moh240Register from "./sub-reports/moh-240-register.component";
+import Moh240PageSummary from "./sub-reports/page-summary.component";
+import { getMoh706PatientList } from "../../resources/moh-706.resource";
+import MOH240Header from "./moh-240-header.component";
+
+const Moh240Report: React.FC = () => {
+    const [searchParams] = useSearchParams();
+    const [patientList, setPatientList] = useState<any[]>([]);
+    const [isLoading, setIsLoading] = useState<boolean>(false);
+    const [errorMessage, setErrorMessage] = useState<string>('');
+    const [indicator, setIndicator] = useState<string>('');
+
+    useEffect(() => {
+        const locationUuids = searchParams.get('locationUuids');
+        const startDate = searchParams.get('startDate');
+        const endDate = searchParams.get('endDate');
+        const indicators = searchParams.get('indicators');
+
+        if (locationUuids && startDate && endDate && indicators) {
+            setIndicator(indicators);
+            fetchPatientList({ locationUuids, startDate, endDate, indicators });
+        }
+    }, [searchParams]);
+
+    const fetchPatientList = async (params: { locationUuids: string; startDate: string; endDate: string; indicators: string }) => {
+        setIsLoading(true);
+        setErrorMessage('');
+        try {
+            const result = await getMoh706PatientList(params);
+            setPatientList(result);
+        } catch (error: any) {
+            setErrorMessage(error instanceof Error ? error.message : String(error));
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+    return (
+        <>
+            {isLoading && <Loading description="Fetching patient list...." />}
+            {!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 patient list. Please try again.
+                    </h4>
+                    <p>
+                        <small>{errorMessage}</small>
+                    </p>
+                </div>
+            )}
+
+            <MOH240Header />
+            <Moh240Register patientList={patientList} indicator={indicator} />
+            <Moh240PageSummary />
+        </>
+    );
+}
+
+export default Moh240Report;

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

@@ -0,0 +1,3 @@
+.headerSection {
+  padding: 15px;
+}

package/src/reports/moh-240/sub-reports/moh-240-register.component.tsx

@@ -0,0 +1,72 @@
+import React from "react";
+import DatatableWrapper from "../../datatable-wrapper/datatable-wrapper.component";
+
+interface Moh240RegisterProps {
+    patientList?: any[];
+    indicator?: string;
+}
+
+const Moh240Register: React.FC<Moh240RegisterProps> = ({ patientList = [], indicator = '' }) => {
+    const headers = [
+        { key: 'date', header: 'Date (DD/MM/YYYY)' },
+        { key: 'opd_ip_ref_no', header: 'OPD / IPD Ref. No.' },
+        { key: 'lab_no', header: 'Lab. No. (new client)' },
+        { key: 'revisit_no', header: 'Revisit No.' },
+        { key: 'full_name', header: 'Full Names (Three names)' },
+        { key: 'age', header: 'Age' },
+        { key: 'sex', header: 'Sex' },
+        { key: 'county_sub_county', header: 'County / Sub County' },
+        { key: 'village_estate_landmark', header: 'Village / Estate / Landmark' },
+        { key: 'telephone_number', header: 'Telephone Number' },
+        { key: 'clinical_diagnosis', header: 'Clinical Diagnosis' },
+        { key: 'prior_treatment', header: 'Prior Treatment' },
+        { key: 'type_of_specimen', header: 'Type of Specimen' },
+        { key: 'condition_of_specimen', header: 'Condition of Specimen' },
+        { key: 'investigation_required', header: 'Investigation Required' },
+        { key: 'test_datetime', header: 'Date Sample Collected' },
+        { key: 'date_sample_received', header: 'Date Sample Received' },
+        { key: 'clinician_name', header: 'Clinician Name' },
+        { key: 'date_sample_analysed', header: 'Date Sample Analysed' },
+        { key: 'results', header: 'Results' },
+        { key: 'date_results_dispatched', header: 'Date Results Dispatched' },
+        { key: 'amount_charged', header: 'Amount Charged' },
+        { key: 'receipt_number', header: 'Receipt Number' },
+        { key: 'referrals', header: 'Referrals (From Other HF / To Other HF / 3rd Tier Reference Laboratories)' },
+        { key: 'comments', header: 'Comments' },
+        { key: 'testing_officer', header: 'Name of Analysing/Testing Officer' },
+        { key: 'signature', header: 'Signature' }
+    ];
+
+    const getResultField = (ind: string) => {
+        if (ind.startsWith('min_') || ind.startsWith('max_')) {
+            return ind.substring(4);
+        }
+        if (ind.startsWith('total_')) {
+            return ind.substring(6);
+        }
+        if (ind.startsWith('positive_')) {
+            return ind.substring(9);
+        }
+        return ind;
+    };
+
+    const resultField = getResultField(indicator);
+
+    const subHeaders = ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z', 'AA'];
+
+    const rows = patientList.map(patient => {
+        const row: any = {};
+        headers.forEach(header => {
+            if (header.key === 'results') {
+                row[header.key] = patient[resultField] || '';
+            } else {
+                row[header.key] = patient[header.key] || '';
+            }
+        });
+        return row;
+    });
+
+    return <DatatableWrapper headers={headers} rows={rows} subHeaders={subHeaders}/>
+}
+
+export default Moh240Register;

package/src/reports/moh-240/sub-reports/page-summary.component.tsx

@@ -0,0 +1,95 @@
+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";
+
+const Moh240PageSummary: React.FC = () => {
+    const tableRows = useMemo(() => {
+        return [
+            {
+                tableCells: [
+                    getCell("", "Page Summary", 8, 1, true),
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Malaria Testing", 3, 1, true),
+                    getCell("", "Type of test", 2, 1, true),
+                    getCell("", "Referrals", 3, 1, true),
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "", 1, 2, true),
+                    getCell("", "Number", 2, 1, true),
+                    getCell("", "", 1, 2, true),
+                    getCell("", "Number", 1, 2, true),
+                    getCell("", "", 1, 1, true),
+                    getCell("", "Number", 2, 1, true),
+                ]
+            },
+            {
+                tableCells: [
+                    ,
+                    getCell("", "OPD", 1, 1, true),
+                    getCell("", "IP", 1, 1, true),
+                    ,
+                    ,
+                    getCell(),
+                    getCell("", "Routine", 1, 1, true),
+                    getCell("", "Specialized", 1, 1, true),
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Malaria BS (Under five years)"),
+                    getCell(),
+                    getCell(),
+                    getCell("", "No. of Routine tests", 1, 2),
+                    getCell("", "", 1, 2),
+                    getCell("", "From Other HF"),
+                    getCell(),
+                    getCell()
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Malaria BS (5 years and above)"),
+                    getCell(),
+                    getCell(),
+                    ,
+                    ,
+                    getCell("", "To Other HF"),
+                    getCell(),
+                    getCell(),
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Malaria Rapid Diagnostic Tests (Under five years)"),
+                    getCell(),
+                    getCell(),
+                    getCell("", "No. of Special tests", 1, 2),
+                    getCell("", "", 1, 2),
+                    getCell("", "To Reference Laboratories", 1, 2),
+                    getCell("", "", 1, 2),
+                    getCell("", "", 1, 2)
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Malaria Rapid Diagnostic Tests (5 years and above)"),
+                    getCell(),
+                    getCell()
+                ]
+            },
+        ]
+    }, []);
+
+
+    return <TableWrapper>
+        <TableRowMapper tableRows={tableRows} />
+    </TableWrapper>
+}
+
+export default Moh240PageSummary;

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

@@ -0,0 +1,62 @@
+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-505.scss';
+
+const MOH505Header: 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 505 IDSR</h3>
+        <h3>Weekly Epidemic Monitoring Form</h3>
+        <TableWrapper>
+            <TableRowMapper tableRows={tableRows} />
+        </TableWrapper>
+    </div>
+}
+
+export default MOH505Header;

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

@@ -0,0 +1,240 @@
+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 ReportFiltersComponent from "../../common/report-filters/report-filters.component";
+import MOH505Header from "./moh-505-header.component";
+
+const Moh505Report: React.FC = () => {
+    const tableRows = useMemo(() => {
+        return [
+            {
+                tableCells: [
+                    getCell("", "Diseases, Conditions or Events", 1, 2, true),
+                    getCell("", "< 5 years", 2, 1, true),
+                    getCell("", "≥ 5 years", 6, 1, true),
+                    getCell("", "Diseases, Conditions or Events", 1, 2, true),
+                    getCell("", "< 5 years", 2, 1, true),
+                    getCell("", "≥ 5 years", 2, 1, true),
+                ]
+            },
+            {
+                tableCells: [
+                    ,
+                    getCell("", "Cases", 1, 1, true),
+                    getCell("", "Deaths", 1, 1, true),
+                    getCell("", "Cases", 1, 1, true),
+                    getCell("", "Deaths", 5, 1, true),
+                    ,
+                    getCell("", "Cases", 1, 1, true),
+                    getCell("", "Deaths", 1, 1, true),
+                    getCell("", "Cases", 1, 1, true),
+                    getCell("", "Deaths", 1, 1, true),
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "AEFI*"), getCell(), getCell(), getCell(),
+                    getCell("", "", 5),
+                    getCell("", "Meningococcal Meningitis"), getCell(), getCell(), getCell(), getCell()
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Acute Jaundice"), getCell(), getCell(), getCell(),
+                    getCell("", "", 5),
+                    getCell("", "Neonatal deaths"), getCell(), getCell(), getCell("", "", 2, 2)
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Acute Malnutrition"), getCell(), getCell(), getCell(),
+                    getCell("", "", 5),
+                    getCell("", "Neonatal Tetanus"), getCell(), getCell()
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "AFP (Poliomyelitis)**"), getCell(), getCell(), getCell(),
+                    getCell("", "", 5),
+                    getCell("", "Plague"), getCell(), getCell(), getCell(), getCell()
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Anthrax"), getCell(), getCell(), getCell(),
+                    getCell("", "", 5),
+                    getCell("", "Rabies"), getCell(), getCell(), getCell(), getCell()
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Cholera"), getCell(), getCell(), getCell(),
+                    getCell("", "", 5),
+                    getCell("", "Rift Valley Fever"), getCell(), getCell(), getCell(), getCell()
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Dengue"), getCell(), getCell(), getCell(),
+                    getCell("", "", 5),
+                    getCell("", "SARI (Cluster ≥3 cases)*****"), getCell(), getCell(), getCell(), getCell()
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Dysentery (Bacillary)"), getCell(), getCell(), getCell(),
+                    getCell("", "", 5),
+                    getCell("", "Suspected MDR/XDR TB"), getCell(), getCell(), getCell(), getCell()
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Guinea Worm Disease"), getCell(), getCell(), getCell(),
+                    getCell("", "", 5),
+                    getCell("", "Typhoid"), getCell(), getCell(), getCell(), getCell()
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Measles"), getCell(), getCell(), getCell(),
+                    getCell("", "", 5),
+                    getCell("", "VHF******", 1, 2), getCell("", "", 1, 2), getCell("", "", 1, 2), getCell("", "", 1, 2), getCell("", "", 1, 2)
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Suspected Malaria***"), getCell(), getCell(), getCell(),
+                    getCell("", "", 5)
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Deaths due to Malaria****", 1, 2), getCell("", "", 1, 2), getCell("", "", 1, 2), getCell("", "", 1, 2),
+                    getCell("", "", 5, 2),
+                    getCell("", "Yellow Fever", 1, 2), getCell("", "", 1, 2), getCell("", "", 1, 2), getCell("", "", 1, 2), getCell("", "", 1, 2)
+                ]
+            },
+            {
+                tableCells: [
+                    ,
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Maternal deaths"), getCell(), getCell(), getCell(),
+                    getCell("", "", 5),
+                    getCell("", "Others (Specify)*******"), getCell(), getCell(), getCell(), getCell()
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "", 14)
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Disease", 1, 1, true), getCell("", "Microscopy", 3, 1, true),
+                    getCell("", "mRDT", 5, 1, true),
+                    getCell("", "Disease", 2, 1, true), getCell("", "Laboratory diagnosis", 3, 1, true),
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Malaria", 1, 1, true), getCell("", "<5 yrs"), getCell("", "≥5 yrs"), getCell("", "Total"),
+                    getCell("", "<5 yrs", 2), getCell("", "≥5 yrs", 3),
+                    getCell("", "Shigella Dysentery", 2, 1, true),
+                    getCell("", "<5 yrs", 2), getCell("", "≥5 yrs", 1),
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Tested"), getCell(), getCell(), getCell(),
+                    getCell("", "", 2), getCell("", "", 3),
+                    getCell("", "Tested", 2), getCell("", "", 2), getCell("", "", 1)
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Positive"), getCell(), getCell(), getCell(),
+                    getCell("", "", 2), getCell("", "", 3),
+                    getCell("", "Positive", 2), getCell("", "", 2), getCell("", "", 1)
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "Bacterial Meningitis", 1, 2, true), getCell("", "No CSF", 1, 2, true),
+                    getCell("", "No contaminated", 1, 2, true), getCell("", "No Tested", 1, 2, true), getCell("", "+ve Nm", 1, 2, true),
+                    getCell("", "+ve Sp", 1, 2, true), getCell("", "+ve H influenza", 3, 2, true), getCell("", "Tuberculosis (MDR/XDR)", 2, 2, true),
+                    getCell("", "<5 yrs", 2, 2,), getCell("", "≥5 yrs", 1, 2,)
+                ]
+            },
+            {
+                tableCells: [
+                    ,
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "", 1, 2), getCell("", "", 1, 2),
+                    getCell("", "", 1, 2), getCell("", "", 1, 2), getCell("", "", 1, 2), getCell("", "", 1, 2),
+                    getCell("", "", 1, 2), getCell("", "", 2, 2), getCell("", "Tested", 2), getCell("", "", 2), getCell()
+                ]
+            },
+            {
+                tableCells: [
+                    , , , , , , , , getCell("", "Positive", 2), getCell("", "", 2), getCell()
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "No of CSF Sub-Typed", 1, 2, true),
+                    getCell("", "+ve NmA", 1, 2, true),
+                    getCell("", "+ve NmB", 1, 2, true),
+                    getCell("", "+ve NmC", 1, 2, true),
+                    getCell("", "+ve NmW 135", 1, 2, true),
+                    getCell("", "+ve NmX", 1, 2, true),
+                    getCell("", "+ve NmY", 1, 2, true),
+                    getCell("", "Indeterminate", 1, 2, true),
+                    getCell("", "Hib", 1, 2, true),
+                    getCell("", "Typhoid", 2, 2, true),
+                    getCell("", "< 5 years", 2, 2),
+                    getCell("", "≥ 5 years", 1, 2)
+                ]
+            },
+            {
+                tableCells: [
+                    ,
+                ]
+            },
+            {
+                tableCells: [
+                    getCell("", "", 1, 2), getCell("", "", 1, 2),
+                    getCell("", "", 1, 2), getCell("", "", 1, 2), getCell("", "", 1, 2), getCell("", "", 1, 2),
+                    getCell("", "", 1, 2), getCell("", "", 1, 2), getCell("", "", 1, 2), getCell("", "Tested", 2), getCell("", "", 2), getCell("", "", 1)
+                ]
+            },
+            {
+                tableCells: [
+                    , , , , , , , , , getCell("", "Positive", 2, 1,), getCell("", "", 2, 1), getCell("", "", 1, 1)
+                ]
+            },
+            {
+                tableCells: [
+                    ,
+                ]
+            }
+        ]
+    }, []);
+
+
+    return <>
+        <ReportFiltersComponent reportName="MOH-505 Report" mode="monthly" />
+        <MOH505Header />
+        <TableWrapper>
+            <TableRowMapper tableRows={tableRows} />
+        </TableWrapper>
+    </>
+}
+
+export default Moh505Report;

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

@@ -0,0 +1,3 @@
+.headerSection {
+  padding: 15px;
+}