@ampath/esm-reports-app 1.0.0-next.6 → 1.0.0-next.60

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

@@ -0,0 +1,132 @@
+/* MOH-745 laid out for A4, matching MOH-711 and MOH-740: geometry in
+   millimetres, type in points, one rule weight. Its 33 rows fit one page. */
+
+$ink: #000;
+$rule: 1px solid $ink;
+
+$text: 7pt;
+$title: 7.5pt;
+$meta: 6.5pt;
+
+/* The blocks below stack flush and share their edges, so the sheet reads as one
+   continuous form rather than a title, two loose tables and a footer. */
+
+.reportTitle {
+  padding: 3mm;
+  font-size: $title;
+  font-weight: 700;
+  text-align: center;
+  border: $rule;
+}
+
+/* Facility / county / period strip, and the sign-off at the foot: both are one
+   line of fields separated by spacing, with rules to write on. */
+
+.location {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: baseline;
+  justify-content: space-between;
+  /* Six fields rather than the five the other reports carry, so the rules are
+     a little shorter to keep the row on one line. */
+  gap: 2.5mm;
+  padding: 2mm 3mm;
+  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: 24mm;
+}
+
+.shortLine {
+  width: 12mm;
+}
+
+.tableContainer {
+  width: 100%;
+  overflow-x: auto;
+
+  /* pulls the second table onto the first one's edge instead of doubling it */
+  & + & {
+    margin-top: -1px;
+  }
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.tableBordered td,
+.tableBordered th {
+  padding: 1mm 1.5mm;
+  font-size: $text;
+  text-align: center;
+  border: $rule;
+}
+
+.tableBordered th {
+  font-weight: 700;
+  background-color: #f4f4f4;
+}
+
+.tableStriped tbody tr:nth-of-type(odd) {
+  background-color: #fafafa;
+}
+
+/* Sign-off, enclosed by the form rather than floating beneath it.
+
+   Its rules are wider than the header strip's: four fields across the sheet
+   leave about 133mm for them, where the header has to fit six. At the shared
+   12mm a date like "29-Jul-2026" needs 13.6mm and was being ellipsised. Sized
+   to leave headroom rather than to fill the row exactly. */
+
+.signOff .line {
+  width: 36mm;
+}
+
+.signOff .shortLine {
+  width: 22mm;
+}
+
+.signOff {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 2.5mm;
+  padding: 3mm;
+  font-size: $meta;
+  white-space: nowrap;
+  border: $rule;
+  border-top: none;
+}
+
+.rotateUp {
+  writing-mode: vertical-rl;
+  transform: rotate(180deg);
+}
+
+/* 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-745/registers/moh-412-register.component.tsx

@@ -0,0 +1,199 @@
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@carbon/react';
+import React, { useEffect, useState } from 'react';
+
+import styles from '../../../common/report-register/register-table.scss';
+import classNames from 'classnames';
+import { useSearchParams } from 'react-router-dom';
+import { moh412Columns } from './type';
+import { fetchMoh745PatientList, getMoh412PatientList } from '../../../resources/moh-745.resource';
+import { moh412ExportColumns } from './moh-412.columns';
+import { RegisterLayout, usePatientList } from '../../../common/report-register';
+
+const Moh412Register: React.FC = () => {
+  const [searchParams] = useSearchParams();
+  const startDate = searchParams.get('startDate') ?? '';
+  const endDate = searchParams.get('endDate') ?? '';
+  const locationUuids = searchParams.get('locationUuids') ?? '';
+  const indicators = searchParams.get('indicators') ?? '';
+  const [patientList,setPatientList] = useState<any>([]);
+
+  useEffect(()=>{
+     if(startDate && endDate && locationUuids && indicators){
+         fetchPatientList();
+     }
+      
+  },[startDate, endDate, locationUuids, indicators]);
+
+  async function fetchPatientList(){
+      const resp = await fetchMoh745PatientList({
+        startDate,
+        endDate,
+        locationUuids,
+        indicators,
+      });
+
+      if(resp){
+          setPatientList(resp);
+      }else{
+         setPatientList([]);
+      }
+  }
+
+  return (
+  
+      <div className={styles.tableContainer}>
+        <div>
+           <h4>MOH-412 Register</h4>
+        </div>
+        <div>
+           <Table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+          <TableHead>
+            <TableRow>
+              <TableHeader colSpan={3}>Month:</TableHeader>
+              <TableHeader colSpan={2}>Year</TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader colSpan={6}>CERVICAL CANCER</TableHeader>
+              <TableHeader colSpan={3}>Breast Cancer</TableHeader>
+              <TableHeader colSpan={2}>Colorectal Cancer</TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+            </TableRow>
+            <TableRow>
+              <TableHeader colSpan={9}>Client Details</TableHeader>
+              <TableHeader colSpan={3}>Screening Methods and Results</TableHeader>
+              <TableHeader colSpan={3}>Pre-Cancer Treatment</TableHeader>
+              <TableHeader colSpan={3}>Methods and Results</TableHeader>
+              <TableHeader colSpan={2}>Methods and Results</TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+            </TableRow>
+            <TableRow>
+              <TableHeader>
+                a)S/No
+                <br />
+                No
+              </TableHeader>
+              <TableHeader>
+                b)Visit <br />
+                Date
+              </TableHeader>
+              <TableHeader>
+                c)Visit <br />
+                Type
+              </TableHeader>
+              <TableHeader>
+                d)Client <br />
+                No
+              </TableHeader>
+              <TableHeader>e)Client Names</TableHeader>
+              <TableHeader>
+                f)Client's Phone <br />
+                Number
+              </TableHeader>
+              <TableHeader>
+                g)Client's <br /> Age
+              </TableHeader>
+              <TableHeader>
+                h)Location
+                <br />
+                Residence
+              </TableHeader>
+              <TableHeader>
+                i)Treatment
+                <br />
+                Suppoter's Phone
+                <br />
+                Number
+              </TableHeader>
+              <TableHeader>
+                j)Via or <br />
+                VIA/VILLI
+              </TableHeader>
+              <TableHeader>
+                k)Pap <br />
+                Smear
+              </TableHeader>
+              <TableHeader>
+                l)HPV Test
+                <br />
+                (over 30 years)
+              </TableHeader>
+              <TableHeader>m)cryotherapy</TableHeader>
+              <TableHeader>
+                n)Thermo-
+                <br />
+                ablation
+              </TableHeader>
+              <TableHeader>o)LEEP</TableHeader>
+              <TableHeader>p)CBE</TableHeader>
+              <TableHeader>q)Ultrasound</TableHeader>
+              <TableHeader>r)Mammogram</TableHeader>
+              <TableHeader>s)Colonoscopy</TableHeader>
+              <TableHeader>t)FOBT</TableHeader>
+              <TableHeader>u)HIV Status</TableHeader>
+              <TableHeader>
+                v)Referral <br />
+                To/From
+              </TableHeader>
+              <TableHeader>
+                w)Follow-
+                <br />
+                up Date
+              </TableHeader>
+              <TableHeader>
+                Remarks(e.g Colposcopy done,
+                <br />
+                Cervicography results, Call
+                <br />
+                Client for follow up, Return for <br />
+                post-treatment screening, <br />
+                Communicate with the referral site)
+              </TableHeader>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {
+              patientList.map((p: any,index: number)=>{
+                  return <><TableRow>
+                         <TableCell>{index + 1}</TableCell>
+                         <TableCell>{p.screening_date ?? ''}</TableCell>
+                         <TableCell>{p?.screening_visit_type ?? ''}</TableCell>
+                         <TableCell>{p?.ccc_number ?? ''}</TableCell>
+                         <TableCell>{p.person_name}</TableCell>
+                         <TableCell></TableCell>
+                         <TableCell>{p?.age ?? ''}</TableCell>
+                         <TableCell></TableCell>
+                         <TableCell></TableCell>
+                         <TableCell>{p?.via_or_via_vili_test_result ?? ''}</TableCell>
+                         <TableCell>{p?.pap_smear_test_result ?? ''}</TableCell>
+                         <TableCell>{p?.hpv_test_result ?? ''}</TableCell>
+                         <TableCell></TableCell>
+                         <TableCell></TableCell>
+                         <TableCell></TableCell>
+                         <TableCell></TableCell>
+                         <TableCell></TableCell>
+                         <TableCell></TableCell>
+                         <TableCell></TableCell>
+                         <TableCell></TableCell>
+                         <TableCell>{p?.hiv_status ?? ''}</TableCell>
+                         <TableCell></TableCell>
+                         <TableCell></TableCell>
+                         <TableCell></TableCell>
+                 </TableRow></>
+              })
+            }
+              
+          </TableBody>
+        </Table>
+        </div>
+      </div>
+  );
+};
+export default Moh412Register;

package/src/reports/moh-745/registers/moh-412.columns.ts

@@ -0,0 +1,52 @@
+import { type RegisterColumn } from '../../../common/report-register';
+
+/**
+ * MOH 412 as the register prints it: one column per cell, in the order they appear.
+ *
+ * One column is rendered by the table but has no heading above it -- the
+ * header row is 24 columns wide against 25 of data. It carries its field name
+ * rather than a heading borrowed from a neighbouring column.
+ */
+export const moh412ExportColumns: RegisterColumn[] = [
+  { header: 'Client Details - a)S/No No', value: (row) => row.serial_no ?? '' },
+  { header: 'Client Details - b)Visit Date', value: (row) => row.visit_date ?? '' },
+  { header: 'Client Details - c)Visit Type', value: (row) => row.visit_type ?? '' },
+  { header: 'Client Details - d)Client No', value: (row) => row.client_no ?? '' },
+  { header: 'Client Details - e)Client Names', value: (row) => row.full_names ?? '' },
+  { header: "Client Details - f)Client's Phone Number", value: (row) => row.phone_number ?? '' },
+  { header: "Client Details - g)Client's Age", value: (row) => row.age ?? '' },
+  { header: 'Client Details - h)Location Residence', value: (row) => row.location_residence ?? '' },
+  {
+    header: "Client Details - i)Treatment Suppoter's Phone Number",
+    value: (row) => row.treatment_supporter_phone_number ?? '',
+  },
+  {
+    header: 'CERVICAL CANCER - Screening Methods and Results - j)Via or VIA/VILLI',
+    value: (row) => row.via_villi ?? '',
+  },
+  { header: 'CERVICAL CANCER - Screening Methods and Results - k)Pap Smear', value: (row) => row.pap_smear ?? '' },
+  {
+    header: 'CERVICAL CANCER - Screening Methods and Results - l)HPV Test (over 30 years)',
+    value: (row) => row.hpv ?? '',
+  },
+  { header: 'CERVICAL CANCER - Pre-Cancer Treatment - m)cryotherapy', value: (row) => row.cryotherapy ?? '' },
+  {
+    header: 'CERVICAL CANCER - Pre-Cancer Treatment - n)Thermo- ablation',
+    value: (row) => row.thermocoagulation ?? '',
+  },
+  { header: 'CERVICAL CANCER - Pre-Cancer Treatment - o)LEEP', value: (row) => row.leep ?? '' },
+  { header: 'Breast Cancer - Methods and Results - p)CBE', value: (row) => row.cbe ?? '' },
+  { header: 'Breast Cancer - Methods and Results - q)Ultrasound', value: (row) => row.ultrasound ?? '' },
+  { header: 'Breast Cancer - Methods and Results - r)Mammogram', value: (row) => row.mammogram ?? '' },
+  { header: 'Colorectal Cancer - Methods and Results - s)Colonoscopy', value: (row) => row.colonoscopy ?? '' },
+  { header: 'Colorectal Cancer - Methods and Results - t)FOBT', value: (row) => row.fobt ?? '' },
+  { header: 'u)HIV Status', value: (row) => row.hiv_status ?? '' },
+  { header: 'v)Referral To/From', value: (row) => row.referral_from ?? '' },
+  { header: 'w)Follow- up Date', value: (row) => row.referral_to ?? '' },
+  {
+    header:
+      'Remarks(e.g Colposcopy done, Cervicography results, Call Client for follow up, Return for post-treatment screening, Communicate with the referral site)',
+    value: (row) => row.follow_up_date ?? '',
+  },
+  { header: 'Remarks', value: (row) => row.remarks ?? '' },
+];

package/src/reports/moh-745/registers/type.ts

@@ -0,0 +1,181 @@
+export const moh412Columns = [
+  'serial_no',
+  'visit_date',
+  'visit_type',
+  'client_no',
+  'full_names',
+  'phone_number',
+  'age',
+  'location_residence',
+  'treatment_supporter_phone_number',
+
+  'via_villi',
+  'pap_smear',
+  'hpv',
+  'cryotherapy',
+  'thermocoagulation',
+  'leep',
+
+  'cbe',
+  'ultrasound',
+  'mammogram',
+  'colonoscopy',
+  'fobt',
+  'hiv_status',
+
+  'referral_from',
+  'referral_to',
+  'follow_up_date',
+  'remarks',
+];
+
+export type CancerScreeningResult = {
+  dc__screening_visit_type__initial__age_range__less_than_25__screened_via_or_via_vili: string;
+  dc__screening_visit_type__initial__age_range__25_to_49__screened_via_or_via_vili: string;
+  dc__screening_visit_type__initial__age_range__50_and_above__screened_via_or_via_vili: string;
+  screened_via_or_via_vili_initial_visit: string;
+  dc__screening_visit_type__routine__age_range__less_than_25__screened_via_or_via_vili: string;
+  dc__screening_visit_type__routine__age_range__25_to_49__screened_via_or_via_vili: string;
+  dc__screening_visit_type__routine__age_range__50_and_above__screened_via_or_via_vili: string;
+  screened_via_or_via_vili_routine_visit: string;
+  dc__screening_visit_type__post_treatment__age_range__less_than_25__screened_via_or_via_vili: string;
+  dc__screening_visit_type__post_treatment__age_range__25_to_49__screened_via_or_via_vili: string;
+  dc__screening_visit_type__post_treatment__age_range__50_and_above__screened_via_or_via_vili: string;
+  screened_via_or_via_vili_post_treatment_visit: string;
+  dc__screening_visit_type__initial__age_range__less_than_25__screened_pap_smear: string;
+  dc__screening_visit_type__initial__age_range__25_to_49__screened_pap_smear: string;
+  dc__screening_visit_type__initial__age_range__50_and_above__screened_pap_smear: string;
+  screened_pap_smear_initial_visit: string;
+  dc__screening_visit_type__routine__age_range__less_than_25__screened_pap_smear: string;
+  dc__screening_visit_type__routine__age_range__25_to_49__screened_pap_smear: string;
+  dc__screening_visit_type__routine__age_range__50_and_above__screened_pap_smear: string;
+  screened_pap_smear_routine_visit: string;
+  dc__screening_visit_type__post_treatment__age_range__less_than_25__screened_pap_smear: string;
+  dc__screening_visit_type__post_treatment__age_range__25_to_49__screened_pap_smear: string;
+  dc__screening_visit_type__post_treatment__age_range__50_and_above__screened_pap_smear: string;
+  screened_pap_smear_post_treatment_visit: string;
+  dc__screening_visit_type__initial__age_range__less_than_25__screened_hpv: string;
+  dc__screening_visit_type__initial__age_range__25_to_49__screened_hpv: string;
+  dc__screening_visit_type__initial__age_range__50_and_above__screened_hpv: string;
+  screened_hpv_initial_visit: string;
+  dc__screening_visit_type__routine__age_range__less_than_25__screened_hpv: string;
+  dc__screening_visit_type__routine__age_range__25_to_49__screened_hpv: string;
+  dc__screening_visit_type__routine__age_range__50_and_above__screened_hpv: string;
+  screened_hpv_routine_visit: string;
+  dc__screening_visit_type__post_treatment__age_range__less_than_25__screened_hpv: string;
+  dc__screening_visit_type__post_treatment__age_range__25_to_49__screened_hpv: string;
+  dc__screening_visit_type__post_treatment__age_range__50_and_above__screened_hpv: string;
+  screened_hpv_post_treatment_visit: string;
+  dc__screening_visit_type__initial__age_range__less_than_25__positive_via_or_via_vili_test_result: string;
+  dc__screening_visit_type__initial__age_range__25_to_49__positive_via_or_via_vili_test_result: string;
+  dc__screening_visit_type__initial__age_range__50_and_above__positive_via_or_via_vili_test_result: string;
+  positive_via_or_via_vili_test_result_initial_visit: string;
+  dc__screening_visit_type__routine__age_range__less_than_25__positive_via_or_via_vili_test_result: string;
+  dc__screening_visit_type__routine__age_range__25_to_49__positive_via_or_via_vili_test_result: string;
+  dc__screening_visit_type__routine__age_range__50_and_above__positive_via_or_via_vili_test_result: string;
+  positive_via_or_via_vili_test_result_routine_visit: string;
+  dc__screening_visit_type__post_treatment__age_range__less_than_25__positive_via_or_via_vili_test_result: string;
+  dc__screening_visit_type__post_treatment__age_range__25_to_49__positive_via_or_via_vili_test_result: string;
+  dc__screening_visit_type__post_treatment__age_range__50_and_above__positive_via_or_via_vili_test_result: string;
+  positive_via_or_via_vili_test_result_post_treatment_visit: string;
+  dc__screening_visit_type__initial__age_range__less_than_25__positive_hpv_test_result: string;
+  dc__screening_visit_type__initial__age_range__25_to_49__positive_hpv_test_result: string;
+  dc__screening_visit_type__initial__age_range__50_and_above__positive_hpv_test_result: string;
+  positive_hpv_test_result_initial_visit: string;
+  dc__screening_visit_type__routine__age_range__less_than_25__positive_hpv_test_result: string;
+  dc__screening_visit_type__routine__age_range__25_to_49__positive_hpv_test_result: string;
+  dc__screening_visit_type__routine__age_range__50_and_above__positive_hpv_test_result: string;
+  positive_hpv_test_result_routine_visit: string;
+  dc__screening_visit_type__post_treatment__age_range__less_than_25__positive_hpv_test_result: string;
+  dc__screening_visit_type__post_treatment__age_range__25_to_49__positive_hpv_test_result: string;
+  dc__screening_visit_type__post_treatment__age_range__50_and_above__positive_hpv_test_result: string;
+  positive_hpv_test_result_post_treatment_visit: string;
+  dc__screening_visit_type__initial__age_range__less_than_25__via_or_via_vili_suspicious_lesion: string;
+  dc__screening_visit_type__initial__age_range__25_to_49__via_or_via_vili_suspicious_lesion: string;
+  dc__screening_visit_type__initial__age_range__50_and_above__via_or_via_vili_suspicious_lesion: string;
+  via_or_via_vili_suspicious_lesion_initial_visit: string;
+  dc__screening_visit_type__routine__age_range__less_than_25__via_or_via_vili_suspicious_lesion: string;
+  dc__screening_visit_type__routine__age_range__25_to_49__via_or_via_vili_suspicious_lesion: string;
+  dc__screening_visit_type__routine__age_range__50_and_above__via_or_via_vili_suspicious_lesion: string;
+  via_or_via_vili_suspicious_lesion_routine_visit: string;
+  dc__screening_visit_type__post_treatment__age_range__less_than_25__via_or_via_vili_suspicious_lesion: string;
+  dc__screening_visit_type__post_treatment__age_range__25_to_49__via_or_via_vili_suspicious_lesion: string;
+  dc__screening_visit_type__post_treatment__age_range__50_and_above__via_or_via_vili_suspicious_lesion: string;
+  via_or_via_vili_suspicious_lesion_post_treatment_visit: string;
+  dc__screening_visit_type__initial__age_range__less_than_25__treated_via_cyrotherapy: string;
+  dc__screening_visit_type__initial__age_range__25_to_49__treated_via_cyrotherapy: string;
+  dc__screening_visit_type__initial__age_range__50_and_above__treated_via_cyrotherapy: string;
+  dc__screening_visit_type__routine__age_range__less_than_25__treated_via_cyrotherapy: string;
+  dc__screening_visit_type__routine__age_range__25_to_49__treated_via_cyrotherapy: string;
+  dc__screening_visit_type__routine__age_range__50_and_above__treated_via_cyrotherapy: string;
+  dc__screening_visit_type__post_treatment__age_range__less_than_25__treated_via_cyrotherapy: string;
+  dc__screening_visit_type__post_treatment__age_range__25_to_49__treated_via_cyrotherapy: string;
+  dc__screening_visit_type__post_treatment__age_range__50_and_above__treated_via_cyrotherapy: string;
+  dc__screening_visit_type__initial__age_range__less_than_25__treated_via_thermo_coagulation: string;
+  dc__screening_visit_type__initial__age_range__25_to_49__treated_via_thermo_coagulation: string;
+  dc__screening_visit_type__initial__age_range__50_and_above__treated_via_thermo_coagulation: string;
+  treatment_method_thermo_coagulation_initial_visit: string;
+  dc__screening_visit_type__routine__age_range__less_than_25__treated_via_thermo_coagulation: string;
+  dc__screening_visit_type__routine__age_range__25_to_49__treated_via_thermo_coagulation: string;
+  dc__screening_visit_type__routine__age_range__50_and_above__treated_via_thermo_coagulation: string;
+  treatment_method_thermo_coagulation_routine_visit: string;
+  dc__screening_visit_type__post_treatment__age_range__less_than_25__treated_via_thermo_coagulation: string;
+  dc__screening_visit_type__post_treatment__age_range__25_to_49__treated_via_thermo_coagulation: string;
+  dc__screening_visit_type__post_treatment__age_range__50_and_above__treated_via_thermo_coagulation: string;
+  treatment_method_thermo_coagulation_post_treatment_visit: string;
+  dc__screening_visit_type__initial__age_range__less_than_25__treated_via_leep: string;
+  dc__screening_visit_type__initial__age_range__25_to_49__treated_via_leep: string;
+  dc__screening_visit_type__initial__age_range__50_and_above__treated_via_leep: string;
+  treatment_method_leep_initial_visit: string;
+  dc__screening_visit_type__routine__age_range__less_than_25__treated_via_leep: string;
+  dc__screening_visit_type__routine__age_range__25_to_49__treated_via_leep: string;
+  dc__screening_visit_type__routine__age_range__50_and_above__treated_via_leep: string;
+  treatment_method_leep_routine_visit: string;
+  dc__screening_visit_type__post_treatment__age_range__less_than_25__treated_via_leep: string;
+  dc__screening_visit_type__post_treatment__age_range__25_to_49__treated_via_leep: string;
+  dc__screening_visit_type__post_treatment__age_range__50_and_above__treated_via_leep: string;
+  treatment_method_leep_post_treatment_visit: string;
+  dc__screening_visit_type__initial__age_range__less_than_25__treated_via_other: string;
+  dc__screening_visit_type__initial__age_range__25_to_49__treated_via_other: string;
+  dc__screening_visit_type__initial__age_range__50_and_above__treated_via_other: string;
+  treatment_method_other_initial_visit: string;
+  dc__screening_visit_type__routine__age_range__less_than_25__treated_via_other: string;
+  dc__screening_visit_type__routine__age_range__25_to_49__treated_via_other: string;
+  dc__screening_visit_type__routine__age_range__50_and_above__treated_via_other: string;
+  treatment_method_other_routine_visit: string;
+  dc__screening_visit_type__post_treatment__age_range__less_than_25__treated_via_other: string;
+  dc__screening_visit_type__post_treatment__age_range__25_to_49__treated_via_other: string;
+  dc__screening_visit_type__post_treatment__age_range__50_and_above__treated_via_other: string;
+  treatment_method_other_post_treatment_visit: string;
+
+  dc__screening_visit_type__initial__age_range__less_than_25__hiv_positive_screened: string;
+  dc__screening_visit_type__initial__age_range__25_to_49__hiv_positive_screened: string;
+  dc__screening_visit_type__initial__age_range__50_and_above__hiv_positive_screened: string;
+  hiv_positive_screened_initial_visit: string;
+  dc__screening_visit_type__routine__age_range__less_than_25__hiv_positive_screened: string;
+  dc__screening_visit_type__routine__age_range__25_to_49__hiv_positive_screened: string;
+  dc__screening_visit_type__routine__age_range__50_and_above__hiv_positive_screened: string;
+  hiv_positive_screened_routine_visit: string;
+  dc__screening_visit_type__post_treatment__age_range__less_than_25__hiv_positive_screened: string;
+  dc__screening_visit_type__post_treatment__age_range__25_to_49__hiv_positive_screened: string;
+  dc__screening_visit_type__post_treatment__age_range__50_and_above__hiv_positive_screened: string;
+  hiv_positive_screened_post_treatment_visit: string;
+
+  dc__screening_visit_type__initial__age_range__less_than_25__hiv_positive_screened_positive_result: string;
+  dc__screening_visit_type__initial__age_range__25_to_49__hiv_positive_screened_positive_result: string;
+  dc__screening_visit_type__initial__age_range__50_and_above__hiv_positive_screened_positive_result: string;
+  hiv_positive_screened_positive_result_initial_visit: string;
+  dc__screening_visit_type__routine__age_range__less_than_25__hiv_positive_screened_positive_result: string;
+  dc__screening_visit_type__routine__age_range__25_to_49__hiv_positive_screened_positive_result: string;
+  dc__screening_visit_type__routine__age_range__50_and_above__hiv_positive_screened_positive_result: string;
+  hiv_positive_screened_positive_result_routine_visit: string;
+  dc__screening_visit_type__post_treatment__age_range__less_than_25__hiv_positive_screened_positive_result: string;
+  dc__screening_visit_type__post_treatment__age_range__25_to_49__hiv_positive_screened_positive_result: string;
+  dc__screening_visit_type__post_treatment__age_range__50_and_above__hiv_positive_screened_positive_result: string;
+  hiv_positive_screened_positive_result_post_treatment_visit: string;
+
+};
+
+export type Moh745reponse = {
+  result: CancerScreeningResult[];
+}

package/src/reports/table-wrapper/table-row-mapper.component.tsx

@@ -0,0 +1,53 @@
+import React from "react";
+import { TableRow, TableCell } from "@carbon/react";
+import styles from './table-wrapper.scss';
+import { navigate } from "@openmrs/esm-framework";
+
+interface TableRowMapperProps {
+    tableRows: {
+        tableCells: Array<{
+            key: string;
+            label: any;
+            strong: boolean;
+            colSpan: number;
+            rowSpan: number;
+        }>
+    }[],
+    data?: any,
+    redirectTo?: string,
+    locationUuids?: string,
+    startDate?: string,
+    endDate?: string
+    report?: string,
+}
+
+const TableRowMapper: React.FC<TableRowMapperProps> = ({ tableRows, data, redirectTo = "home/reports/moh-240", locationUuids, startDate, endDate, report = "moh-706" }) => {
+    return <>
+        {tableRows.map((tR) => (
+            <TableRow>
+                {tR.tableCells.map((tC, i) => {
+                    const value = data ? data[tC.key] : "";
+
+                    const onClick = () => {
+                        if (!tC.label && tC.key) {
+                            const params = new URLSearchParams();
+                            if (locationUuids) params.append('locationUuids', locationUuids);
+                            if (startDate) params.append('startDate', startDate);
+                            if (endDate) params.append('endDate', endDate);
+                            if (tC.key) params.append('indicators', tC.key);
+                            params.append('report', report);
+                            navigate({ to: `${redirectTo}?${params.toString()}` });
+                        }
+                    };
+
+                    return <TableCell className={styles.dataCell} colSpan={tC.colSpan} key={i} onClick={onClick} {...({ rowSpan: tC.rowSpan } as any)}>
+                        {tC.label ? (tC.strong ? <strong>{tC.label}</strong> : tC.label) : value}
+                    </TableCell>
+
+                })}
+            </TableRow>
+        ))}
+    </>
+}
+
+export default TableRowMapper;

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import classNames from 'classnames';
+import styles from './table-wrapper.scss';
+
+interface TableWrapperProps {
+  children: React.ReactNode;
+  /** Applied to the wrapper, so a report can use its own stylesheet */
+  className?: string;
+}
+
+/**
+ * The frame the form-shaped reports render their tables in.
+ *
+ * This used to be Carbon's `<Table>`, but every report that uses it is a
+ * printed form rather than a data grid: Carbon sizes its rows to 2rem and pads
+ * its cells to 1rem, at a specificity no report stylesheet can reasonably
+ * outrank. A plain table carries none of those rules, so the reports size their
+ * own cells for A4.
+ */
+const TableWrapper: React.FC<TableWrapperProps> = ({ children, className }) => {
+  return (
+    <div className={classNames(styles.tableWrapper, className)}>
+      <table>
+        <tbody>{children}</tbody>
+      </table>
+    </div>
+  );
+};
+
+export default TableWrapper;

package/src/reports/{moh-706/table-wrapper → table-wrapper}/table-wrapper.scss

@@ -1,20 +1,5 @@
 .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;
-  }
 }
 
 .dataCell {
@@ -28,4 +13,4 @@
   &:hover {
     background-color: #f0f7ff;
   }
-}
+}