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

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

@@ -0,0 +1,441 @@
+import React, { useEffect, useState } from 'react';
+import { formatDate, useSession } from '@openmrs/esm-framework';
+import TableWrapper from '../table-wrapper/table-wrapper.component';
+import TableRowMapper from '../table-wrapper/table-row-mapper.component';
+import { getCell } from '../../utils/utils';
+import { ReportFiltersComponent, type ReportPeriod } from '../../common/report-filters';
+import { showReportError } from '../../common/report-error';
+import { hasReportData, ReportPlaceholder, useGeneratedLocation } from '../../common/report-placeholder';
+import { getMoh505 } from '../../resources/moh-505.resource';
+import MOH505Header from './moh-505-header.component';
+import { useSearchParams } from 'react-router-dom';
+import { ReportSkeleton } from '../../common/report-skeleton';
+import { ReportPage } from '../../common/report-page';
+import styles from './moh-505.scss';
+
+const Moh505Report: React.FC = () => {
+  const [moh505Data, setMoh505Data] = useState<any>({});
+  /* Only a report for the current location counts: after switching location the
+     old figures would otherwise be shown, and labelled, as the new location's. */
+  const { isForCurrentLocation, hasLocationChanged, markGenerated } = useGeneratedLocation();
+  const isReportGenerated = hasReportData(moh505Data) && isForCurrentLocation;
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [filters, setFilters] = useState<{ locationUuids?: string; startDate?: string; endDate?: string }>({});
+
+  const session = useSession();
+  const locationUuids = session?.sessionLocation?.uuid;
+
+  /* Masthead and sign-off fill themselves in, as on the other reports */
+  const facility = session?.sessionLocation?.display ?? '';
+  const compiledBy = session?.user?.person?.display ?? session?.user?.display ?? '';
+  const compiledOn = formatDate(new Date(), { mode: 'standard', time: false, noToday: true });
+
+  const [searchParams] = useSearchParams();
+
+  useEffect(() => {
+    const startDate = searchParams.get('startDate');
+    const endDate = searchParams.get('endDate');
+
+    if (startDate && endDate) {
+      setFilters({ locationUuids, startDate, endDate });
+      fetchMoh505Data({ startDate, endDate });
+    }
+  }, [searchParams]);
+
+  const fetchMoh505Data = async ({ startDate, endDate }: Pick<ReportPeriod, 'startDate' | 'endDate'>) => {
+    setIsLoading(true);
+
+    const params = {
+      locationUuids: locationUuids || '',
+      startDate,
+      endDate,
+    };
+
+    try {
+      const result = await getMoh505(params);
+      const flatData = Object.assign({}, ...result);
+      setMoh505Data(flatData);
+      markGenerated(params.locationUuids);
+      setFilters({ locationUuids: params.locationUuids, startDate, endDate });
+    } catch (error: any) {
+      showReportError('the MOH-505 report', error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  // Static table rows for now - can be updated to use moh505Data
+  const tableRows = [
+    {
+      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('dc__age_range__0_to_4__aefi'),
+        getCell(),
+        getCell('dc__age_range__5_and_above__aefi'),
+        getCell('', '', 5),
+        getCell('', 'Meningococcal Meningitis'),
+        getCell('dc__age_range__0_to_4__bacterial_meningitis'),
+        getCell(),
+        getCell('dc__age_range__5_and_above__bacterial_meningitis'),
+        getCell(),
+      ],
+    },
+    {
+      tableCells: [
+        getCell('', 'Acute Jaundice'),
+        getCell('dc__age_range__0_to_4__acute_jaundice', ''),
+        getCell(),
+        getCell('dc__age_range__5_and_above__acute_jaundice', ''),
+        getCell('', '', 5),
+        getCell('', 'Neonatal deaths'),
+        getCell('dc__age_range__0_to_4__neonatal_deaths', ''),
+        getCell(),
+        getCell('dc__age_range__5_and_above__neonatal_deaths', ''),
+        getCell('', '', 2, 2),
+      ],
+    },
+    {
+      tableCells: [
+        getCell('', 'Acute Malnutrition'),
+        getCell('dc__age_range__0_to_4__acute_malnutrition', ''),
+        getCell(),
+        getCell('dc__age_range__5_and_above__acute_malnutrition', ''),
+        getCell('', '', 5),
+        getCell('', 'Neonatal Tetanus'),
+        getCell('dc__age_range__0_to_4__neonatal_tetanus', ''),
+        getCell(),
+      ],
+    },
+    {
+      tableCells: [
+        getCell('', 'AFP (Poliomyelitis)**'),
+        getCell(),
+        getCell(),
+        getCell(),
+        getCell('', '', 5),
+        getCell('', 'Plague'),
+        getCell('dc__age_range__0_to_4__plague', ''),
+        getCell(),
+        getCell('dc__age_range__5_and_above__plague', ''),
+        getCell(),
+      ],
+    },
+    {
+      tableCells: [
+        getCell('', 'Anthrax'),
+        getCell('dc__age_range__0_to_4__anthrax', ''),
+        getCell(),
+        getCell('dc__age_range__5_and_above__anthrax', ''),
+        getCell('', '', 5),
+        getCell('', 'Rabies'),
+        getCell('dc__age_range__0_to_4__rabies', ''),
+        getCell(),
+        getCell('dc__age_range__5_and_above__rabies', ''),
+        getCell(),
+      ],
+    },
+    {
+      tableCells: [
+        getCell('', 'Cholera'),
+        getCell('dc__age_range__0_to_4__cholera', ''),
+        getCell(),
+        getCell('dc__age_range__5_and_above__cholera', ''),
+        getCell('', '', 5),
+        getCell('', 'Rift Valley Fever'),
+        getCell(),
+        getCell(),
+        getCell(),
+        getCell(),
+      ],
+    },
+    {
+      tableCells: [
+        getCell('', 'Dengue'),
+        getCell('dc__age_range__0_to_4__dengue', ''),
+        getCell(),
+        getCell('dc__age_range__5_and_above__dengue', ''),
+        getCell('', '', 5),
+        getCell('', 'SARI (Cluster ≥3 cases)*****'),
+        getCell(),
+        getCell(),
+        getCell(),
+        getCell(),
+      ],
+    },
+    {
+      tableCells: [
+        getCell('', 'Dysentery (Bacillary)'),
+        getCell('dc__age_range__0_to_4__dysentery_bacillary', ''),
+        getCell(),
+        getCell('dc__age_range__5_and_above__dysentery_bacillary', ''),
+        getCell('', '', 5),
+        getCell('', 'Suspected MDR/XDR TB'),
+        getCell(),
+        getCell(),
+        getCell(),
+        getCell(),
+      ],
+    },
+    {
+      tableCells: [
+        getCell('', 'Guinea Worm Disease'),
+        getCell(),
+        getCell(),
+        getCell(),
+        getCell('', '', 5),
+        getCell('', 'Typhoid'),
+        getCell('dc__age_range__0_to_4__typhoid', ''),
+        getCell(),
+        getCell('dc__age_range__5_and_above__typhoid', ''),
+        getCell(),
+      ],
+    },
+    {
+      tableCells: [
+        getCell('', 'Measles'),
+        getCell('dc__age_range__0_to_4__measles', ''),
+        getCell(),
+        getCell('dc__age_range__5_and_above__measles', ''),
+        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('dc__age_range__0_to_4__yellow_fever', '', 1, 2),
+        getCell('', '', 1, 2),
+        getCell('dc__age_range__5_and_above__yellow_fever', '', 1, 2),
+        getCell('', '', 1, 2),
+      ],
+    },
+    {
+      tableCells: [,],
+    },
+    {
+      tableCells: [
+        getCell('', 'Maternal deaths'),
+        getCell('dc__age_range__0_to_4__maternal_deaths', ''),
+        getCell(),
+        getCell('dc__age_range__5_and_above__maternal_deaths', ''),
+        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('dc__age_range__0_to_4__malaria_microscopy_tested', ''),
+        getCell('dc__age_range__5_and_above__malaria_microscopy_tested', ''),
+        getCell(),
+        getCell('dc__age_range__0_to_4__malaria_mrdt_tested', '', 2),
+        getCell('dc__age_range__5_and_above__malaria_mrdt_tested', '', 3),
+        getCell('', 'Tested', 2),
+        getCell('dc__age_range__0_to_4__typhoid_lab_tested', '', 2),
+        getCell('dc__age_range__5_and_above__typhoid_lab_tested', '', 1),
+      ],
+    },
+    {
+      tableCells: [
+        getCell('', 'Positive'),
+        getCell('dc__age_range__0_to_4__malaria_microscopy_positive', ''),
+        getCell('dc__age_range__5_and_above__malaria_microscopy_positive', ''),
+        getCell(),
+        getCell('dc__age_range__0_to_4__malaria_mrdt_positive', '', 2),
+        getCell('dc__age_range__5_and_above__malaria_mrdt_positive', '', 3),
+        getCell('', 'Positive', 2),
+        getCell('dc__age_range__0_to_4__typhoid_lab_positive', '', 2),
+        getCell('dc__age_range__5_and_above__typhoid_lab_positive', '', 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="both"
+        onGenerate={fetchMoh505Data}
+        isLoading={isLoading}
+        isReportGenerated={isReportGenerated}
+      />
+      {isLoading && <ReportSkeleton />}
+      {!isLoading && !isReportGenerated && (
+        <ReportPlaceholder reportName="MOH-505" isLocationChanged={hasReportData(moh505Data) && hasLocationChanged} />
+      )}
+      {!isLoading && isReportGenerated && (
+        <ReportPage>
+          <div className={styles.sheet}>
+            <MOH505Header facility={facility} startDate={filters.startDate} endDate={filters.endDate} />
+            <TableWrapper>
+              <TableRowMapper
+                tableRows={tableRows}
+                data={moh505Data}
+                locationUuids={filters.locationUuids}
+                startDate={filters.startDate}
+                endDate={filters.endDate}
+                report="moh-505"
+              />
+            </TableWrapper>
+
+            <div className={styles.signOff}>
+              <span>
+                Compiled by:<span className={styles.line}>{compiledBy}</span>
+              </span>
+              <span>
+                Signature:
+                <span className={styles.line} />
+              </span>
+              <span>
+                Date:<span className={styles.shortLine}>{compiledOn}</span>
+              </span>
+            </div>
+          </div>
+        </ReportPage>
+      )}
+    </>
+  );
+};
+
+export default Moh505Report;

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

@@ -0,0 +1,117 @@
+/* MOH-505 laid out for A4, on the same scale as the other reports.
+
+   This one renders through the shared TableWrapper, so its cells are styled
+   from `table-wrapper.scss` rather than here. Those rules are all single-class,
+   so scoping these under `.sheet` (a class plus an element, one step more
+   specific) wins deterministically -- no reliance on which module loads first.
+   The wrapper is asked for a plain table so Carbon's data-table rules, which
+   are far more specific, never apply at all. */
+
+$ink: #000;
+$rule: 1px solid $ink;
+
+$text: 7pt;
+$title: 7.5pt;
+$meta: 6.5pt;
+
+$pad: 3mm;
+
+.mainTitleBox {
+  padding: 2mm $pad;
+  text-align: center;
+  border: $rule;
+}
+
+.ministry {
+  font-size: $meta;
+}
+
+.reportTitle {
+  font-size: $title;
+  font-weight: 700;
+  color: $ink;
+}
+
+.subTitle {
+  font-size: $meta;
+  font-weight: 600;
+}
+
+.headerSection {
+  padding: 0;
+}
+
+.sheet {
+  font-size: $text;
+
+  table {
+    width: 100%;
+    border-collapse: collapse;
+  }
+
+  td,
+  th {
+    height: auto;
+    min-width: 0;
+    padding: 0.7mm 1mm;
+    overflow-wrap: anywhere;
+    font-size: $text;
+    line-height: 1.25;
+    text-align: center;
+    border: $rule;
+  }
+
+  /* Row labels read as text, not as data */
+  td:first-child {
+    text-align: left;
+  }
+
+  /* The facility block's labels sit against their values rather than centred */
+
+  .headerTable td {
+    text-align: left;
+  }
+}
+
+/* Sign-off, enclosed by the form */
+
+.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;
+
+  > span {
+    display: flex;
+    flex: 1 1 auto;
+    align-items: baseline;
+    min-width: 0;
+  }
+}
+
+.line,
+.shortLine {
+  padding: 0 0.5mm;
+  margin-left: 1mm;
+  overflow: hidden;
+  font-weight: 600;
+  text-align: center;
+  text-overflow: ellipsis;
+  border-bottom: $rule;
+}
+
+.line {
+  flex: 1 1 45mm;
+  min-width: 15mm;
+}
+
+.shortLine {
+  flex: 1 1 25mm;
+  min-width: 12mm;
+}