@ampath/esm-reports-app 1.0.0-next.8 → 1.0.0-next.81

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

@@ -0,0 +1,142 @@
+/* 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;
+  }
+}
+
+.totalVal{
+  font-weight: bold;
+}
+.reportCount {
+  color: #00f;
+}
+.reportCount:hover{
+  cursor: pointer;
+}

package/src/reports/moh-745/registers/moh-412-register.component.scss

@@ -0,0 +1,6 @@
+ .exportRow{
+        padding: 5px;
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-end;
+}

package/src/reports/moh-745/registers/moh-412-register.component.tsx

@@ -0,0 +1,275 @@
+import { Button, 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 { Download } from '@carbon/react/icons';
+import moh412Styles from './moh-412-register.component.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 { columnsToCsv, downloadCsv, RegisterLayout, usePatientList } from '../../../common/report-register';
+import ReportFiltersComponent from '../../../common/report-filters/report-filters.component';
+import { showReportError } from '../../../common/report-error/show-report-error';
+import { type ReportPeriod } from '../../../common/report-filters/types';
+import { useSession } from '@openmrs/esm-framework';
+import dayjs from 'dayjs';
+import { useGeneratedLocation } from '../../../common/report-placeholder/use-generated-location';
+
+const Moh412Register: React.FC = () => {
+  const [rows, setRows] = useState<any[]>([]);
+  const [isExporting, setIsExporting] = useState(false);
+  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>([]);
+  const [isLoading,setIsLoading] = useState<boolean>(false);
+  const [period, setPeriod] = useState<{ startDate: string; endDate: string }>({ startDate: '', endDate: '' });
+  const session = useSession();
+  const { isForCurrentLocation, hasLocationChanged, markGenerated } = useGeneratedLocation('moh412Location');
+  const isGenerated = rows !== null && isForCurrentLocation;
+   const columns = moh412ExportColumns;
+
+  useEffect(()=>{
+     if(startDate && endDate && locationUuids && indicators){
+         fetchPatientList();
+     }
+      
+  },[startDate, endDate, locationUuids, indicators]);
+
+  async function fetchPatientList(){
+      const resp = await fetchMoh745PatientList({
+        startDate,
+        endDate,
+        locationUuids,
+        indicators,
+      });
+
+      if(resp){
+          setRows(resp);
+      }else{
+         setRows([]);
+      }
+  }
+    const generate = async ({ startDate, endDate }: ReportPeriod) => {
+          setIsLoading(true);
+          setPeriod({ startDate, endDate });
+          let ind = '';
+          let locationUuid = '';
+          const selectedDate =  dayjs(startDate).endOf('month')
+          const registerStartDate = selectedDate.format('YYYY-MM-DD');
+          let reportIndicators;
+          try {
+            if(!indicators){
+               reportIndicators = 'cumulative_all';
+            }else{
+               reportIndicators = ind;
+            }
+            if(!locationUuids){
+              locationUuid = session.sessionLocation?.uuid ?? '';
+            }else{
+              locationUuid = locationUuids;
+            }
+            const resp  = await fetchMoh745PatientList({ startDate, endDate, locationUuids: locationUuid,indicators: reportIndicators,
+      });
+            if(resp){
+                setRows(resp);
+            }
+            markGenerated(locationUuids);
+          } catch (error) {
+            showReportError('The MOH 412 register', error);
+          } finally {
+            setIsLoading(false);
+          }
+  }
+   const exportCsv = async () => {
+        setIsExporting(true);
+    
+        try {
+          const slug = ['moh-412-register', period.startDate, period.endDate]
+            .filter(Boolean)
+            .join('-')
+            .toLowerCase();
+          downloadCsv(columnsToCsv(rows, columns, { subHeaderRow: [] }), `${slug}.csv`);
+        } catch (error) {
+          showReportError('the register export', error);
+        } finally {
+          setIsExporting(false);
+        }
+    };
+
+  return (
+  
+      <div className={styles.tableContainer}>
+        <ReportFiltersComponent
+        reportName="MOH 412 Register"
+        mode="both"
+        onGenerate={generate}
+        isLoading={isLoading}
+        isReportGenerated={isGenerated}
+        generatedPeriod={period}
+        defaultTab="monthly"
+        backLink={{ label: 'All registers', to: '/?tab=registers' }}
+      />
+      <div className={moh412Styles.exportRow}>
+      <div className={styles.toolbar}>
+            <Button kind="tertiary" size="sm" renderIcon={Download} onClick={exportCsv} disabled={isExporting}>
+              {isExporting ? 'Preparing…' : 'Export CSV'}
+            </Button>
+      </div>
+      </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>
+            {
+              rows.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>{p?.phone_number ?? ''}</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 ?? '' },
+];