@ampath/esm-reports-app 1.0.0-next.7 → 1.0.0-next.71

package/src/reports/moh-705a/moh-705a.scss

@@ -0,0 +1,172 @@
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
+/* MOH-705A laid out for A4, on the same scale as the other reports. Its 76 rows
+   are a single diagnoses table, so the sheet is one continuous form: masthead,
+   facility strip, table and sign-off share their edges. */
+
+$ink: #000;
+$rule: 1px solid $ink;
+
+$text: 7pt;
+$title: 7.5pt;
+$meta: 6.5pt;
+
+$pad: 3mm;
+
+.mainTitleBox {
+  padding: $pad;
+  text-align: center;
+  border: $rule;
+}
+
+.ministry {
+  font-size: $meta;
+}
+
+.reportTitle {
+  font-size: $title;
+  font-weight: 700;
+  color: $ink;
+}
+
+.location {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 2.5mm;
+  padding: 2mm $pad;
+  font-size: $meta;
+  white-space: nowrap;
+  border: $rule;
+  border-top: none;
+}
+
+.line,
+.shortLine {
+  display: inline-block;
+  padding: 0 0.5mm;
+  margin-left: 1mm;
+  overflow: hidden;
+  font-weight: 600;
+  text-align: center;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+  border-bottom: $rule;
+}
+
+.line {
+  width: 26mm;
+}
+
+.shortLine {
+  width: 14mm;
+}
+
+.container {
+  overflow-x: visible;
+  margin: 0;
+}
+
+.table {
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: collapse;
+  font-family: inherit;
+}
+
+.numberColumn {
+  width: 3mm;
+}
+
+.diseaseColumn {
+  width: 34mm;
+}
+
+.dayColumn {
+  width: 4.5mm;
+}
+
+.totalColumn {
+  width: 8mm;
+}
+
+.tableBordered td,
+.tableBordered th {
+  box-sizing: border-box;
+  padding: 0.6mm 0.45mm;
+  font-size: $text;
+  text-align: left;
+  border: $rule;
+}
+
+.tableBordered tbody td:nth-child(n + 3):not(:last-child),
+.tableBordered thead th:nth-child(n + 2):not(:last-child) {
+  width: 4.5mm;
+  font-size: 5pt;
+  white-space: nowrap;
+  text-align: center;
+}
+
+.tableBordered tbody td:last-child,
+.tableBordered thead th:last-child {
+  width: 8mm;
+  text-align: center;
+}
+
+.tableBordered tbody td:nth-child(2) {
+  font-family: inherit;
+  overflow-wrap: anywhere;
+}
+
+.tableBordered tbody td:nth-child(n + 3) {
+  text-align: center;
+}
+
+.tableBordered th {
+  font-weight: 700;
+  color: $ink;
+  background-color: #f0f0f0;
+}
+
+.tableStriped tbody tr:nth-of-type(odd) {
+  background-color: #fafafa;
+}
+
+@media screen {
+  .tableStriped tbody tr:hover {
+    background-color: $brand-primary-10;
+  }
+}
+
+/* Sign-off, enclosed by the form. Three fields across the sheet, so its rules
+   are wider than the header strip's five. */
+
+.signOff {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 2.5mm;
+  padding: $pad;
+  font-size: $meta;
+  white-space: nowrap;
+  border: $rule;
+  border-top: none;
+
+  .line {
+    width: 45mm;
+  }
+
+  .shortLine {
+    width: 25mm;
+  }
+}
+
+/* On paper the striping is screen affordance that prints as grey noise */
+
+@media print {
+  .tableStriped tbody tr:nth-of-type(odd) {
+    background-color: transparent;
+  }
+}

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

@@ -0,0 +1,329 @@
+import React from 'react';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@carbon/react';
+
+import styles from '../../../common/report-register/register-table.scss';
+import classNames from 'classnames';
+import { useLocation, useNavigate, useSearchParams } from 'react-router-dom';
+import { getMoh705aPatientList } from '../../../resources/moh-705.resource';
+import { moh204aExportColumns } from './moh-204a.columns';
+import { RegisterLayout, usePatientList } from '../../../common/report-register';
+
+interface Moh204ARegisterComponentProps { }
+
+const Moh204ARegisterComponent: React.FC<Moh204ARegisterComponentProps> = () => {
+  const [searchParams] = useSearchParams();
+  const startDate = searchParams.get('startDate');
+  const endDate = searchParams.get('endDate');
+  const locationUuids = searchParams.get('locationUuids');
+  const indicator = searchParams.get('indicator');
+
+  const {
+    rows: patientlist,
+    total,
+    isTotalExact,
+    isLoading,
+    page,
+    pageSize,
+    onPageChange,
+    fetchAll,
+  } = usePatientList(
+    ({ startIndex, limit }) =>
+      getMoh705aPatientList({
+        startDate: startDate!,
+        endDate: endDate!,
+        locationUuids: locationUuids!,
+        indicator: indicator!,
+        startIndex,
+        limit,
+      }),
+    [startDate, endDate, locationUuids, indicator],
+  );
+
+  const removePatientListDuplicates = async () => {
+    const list = await fetchAll();
+    const filtered = uniqueBy(list, 'person_id');
+    return filtered;
+  }
+
+  const uniqueBy = (arr: any, key: string) =>
+    [...new Map(arr.map((item: any) => [item[key], item])).values()] as Record<string, any>[];
+
+  return (
+    <RegisterLayout
+      parentLabel="MOH-705A Report"
+      parentPath="/moh-705a"
+      title="MOH 204A Under-5 Outpatient Register"
+      isLoading={isLoading}
+      isEmpty={patientlist.length === 0}
+      page={page}
+      pageSize={pageSize}
+      total={total}
+      isTotalExact={isTotalExact}
+      onPageChange={onPageChange}
+      fetchAll={removePatientListDuplicates}
+      columns={moh204aExportColumns}
+    >
+      <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 ? (
+              uniqueBy(patientlist, 'person_id')?.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>
+    </RegisterLayout>
+  );
+};
+
+export default Moh204ARegisterComponent;

package/src/reports/moh-705a/registers/moh-204a.columns.ts

@@ -0,0 +1,57 @@
+import { type RegisterColumn } from '../../../common/report-register';
+
+/**
+ * MOH 204A as the register prints it: one column per cell, in the order they appear.
+ */
+export const moh204aExportColumns: RegisterColumn[] = [
+  { header: 'Date (DD/MM/YYYY) - A', value: (row) => row.date ?? '' },
+  { header: 'OPD No. (New) - B', value: (row) => row.opd_number_new_visit ?? '' },
+  { header: 'OPD No. (Revisit) - C', value: (row) => row.opd_number_return_visit ?? '' },
+  { header: 'Referred From 1=CU, 2=From Other facility, 3= Within 4=N/A - D', value: (row) => row.referred_from ?? '' },
+  { header: 'Full Names (THREE names) - E', value: (row) => row.full_names ?? '' },
+  { header: 'Age - F', value: (row) => row.age ?? '' },
+  { header: 'Sex - G', value: (row) => row.sex ?? '' },
+  { header: 'Countu/Sub-county - H', value: (row) => row.county_sub_county ?? '' },
+  { header: 'Village /Estate / Landmark - I', value: (row) => row.village_estate_landmark ?? '' },
+  { header: "Parent/Caregivers's Telephone No. - J", value: (row) => row.caregiver_phone_number ?? '' },
+  { header: 'Weight(kg) - K', value: (row) => row.weight ?? '' },
+  { header: 'Height /Length (cm) - L', value: (row) => row.height ?? '' },
+  { header: 'MUAC 1.Green 2.Yellow 3.Red - M', value: (row) => row.muac ?? '' },
+  { header: 'Temp (oC) - N', value: (row) => row.temp ?? '' },
+  { header: 'Respiratory Rate - O', value: (row) => row.respiratory_rate ?? '' },
+  { header: 'Oxygen Saturation Reading (SPO2) - P', value: (row) => row.oxygen_saturation ?? '' },
+  { header: 'Pulse Rate - Q', value: (row) => row.pulse_rate ?? '' },
+  {
+    header:
+      'DANGER SIGNS 1.Unable to drink or breastfeed 2.Vomits everything 3.Had convulsions in this illness 4.Is lethargic or unconscious 5.Is convulsing now - R',
+    value: (row) => row.danger_signs ?? '',
+  },
+  { header: 'Duration of Current Illness (in hours/ days) - S', value: (row) => row.duration_of_illness ?? '' },
+  {
+    header:
+      'Malaria 1.Presenting with symptoms NOT Tested 2.RDT Tested (-ve) 3.Microscopy Tested (-ve) 4.RDT Tested (+ve) 5. Microscopy Tested (+ve) - T',
+    value: (row) => row.suspected_malaria_cases ?? '',
+  },
+  { header: 'IMNCI Classification or Diagnosis - U', value: (row) => row.diagnosis ?? '' },
+  {
+    header:
+      'TRACER DRUGS PRESCRIBED 1. ORS & Zinc (Co-pack) 2.Zinc Only 3. ORS Only 4. Amoxicillin DT 5. Vitamin A 6.Oxygen 7. Albendazole 8.IV Fluids - V',
+    value: (row) => row.tracer_drugs_prescribed ?? '',
+  },
+  {
+    header: 'Other ALL Treatments Prescribed 1. CPAP 2. Other - W',
+    value: (row) => row.all_other_treatments_prescribed ?? '',
+  },
+  { header: 'Immunization Status Up to Date (Y/N) - X', value: (row) => row.immunization_status_up_to_date ?? '' },
+  { header: 'TB Screening 1. presumed TB 2. Referred - Y', value: (row) => row.tb_screening ?? '' },
+  {
+    header:
+      'Nutrition and diatetics Interventions 1=Nutrition counselling 2=Nutrition therapeutic supplements 3 =. Diatetics - Z',
+    value: (row) => row.nutrition_dietetics ?? '',
+  },
+  {
+    header: 'Referred to (1=CU, 2= to other H/F, 3=within the facility/ 4=N/A) - AA',
+    value: (row) => row.referred_to ?? '',
+  },
+  { header: 'REMARKS/ Outcome - AB', value: (row) => row.remarks ?? '' },
+];

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,66 @@
+import React, { useMemo } from 'react';
+import dayjs from 'dayjs';
+import TableWrapper from '../table-wrapper/table-wrapper.component';
+import TableRowMapper from '../table-wrapper/table-row-mapper.component';
+import { getCell } from '../../utils/utils';
+import { useLocationDetails } from '../../common/report-header';
+import styles from './moh-706.scss';
+
+interface MOH706HeaderProps {
+  facility?: string;
+  startDate?: string;
+  endDate?: string;
+}
+
+const asDate = (value?: string) => (value ? dayjs(value).format('DD/MM/YYYY') : '');
+
+const MOH706Header: React.FC<MOH706HeaderProps> = ({ facility = '', startDate, endDate }) => {
+  const { county, subCounty, kmhflCode } = useLocationDetails();
+
+  const tableRows = useMemo(() => {
+    return [
+      {
+        tableCells: [getCell('', 'County:', 1, 1, true), getCell('', county ?? '', 3)],
+      },
+      {
+        tableCells: [getCell('', 'Sub-County:', 1, 1, true), getCell('', subCounty ?? '', 3)],
+      },
+      {
+        tableCells: [getCell('', 'Health Facility:', 1, 1, true), getCell('', facility, 3)],
+      },
+      {
+        tableCells: [getCell('', 'KMHFL Code:', 1, 1, true), getCell('', kmhflCode ?? '', 3)],
+      },
+      {
+        tableCells: [
+          getCell('', 'Facility Type:', 1, 1, true),
+          getCell('', ''),
+          getCell('', 'Man. Agency:', 1, 1, true),
+          getCell('', ''),
+        ],
+      },
+      {
+        tableCells: [
+          getCell('', 'Start Date:', 1, 1, true),
+          getCell('', asDate(startDate)),
+          getCell('', 'End Date:', 1, 1, true),
+          getCell('', asDate(endDate)),
+        ],
+      },
+    ];
+  }, [county, subCounty, kmhflCode, facility, startDate, endDate]);
+
+  return (
+    <div className={styles.headerSection}>
+      <div className={styles.mainTitleBox}>
+        <p className={styles.ministry}>Ministry of Health</p>
+        <h3 className={styles.reportTitle}>MOH 706 &ndash; Laboratory (LAB) Services Summary</h3>
+      </div>
+      <TableWrapper>
+        <TableRowMapper tableRows={tableRows} />
+      </TableWrapper>
+    </div>
+  );
+};
+
+export default MOH706Header;