@ampath/esm-reports-app 1.0.0-next.5 → 1.0.0-next.50

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

@@ -1,41 +1,162 @@
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
-h3 {
-    text-align: center;
+/* MOH-710 laid out for A4, on the same scale as MOH-711, MOH-740 and MOH-745.
+   Its 106 rows across eleven tables run to about two pages, so this is a
+   flowing document: the blocks share their edges, and a lettered section is
+   kept whole across a page break. */
+
+$ink: #000;
+$bar: #d9d9d9;
+$rule: 1px solid $ink;
+
+$text: 7pt;
+$title: 7.5pt;
+$meta: 6.5pt;
+
+$pad: 3mm;
+
+/* Masthead */
+
+.mainTitleBox {
+  padding: $pad;
+  text-align: center;
+  border: $rule;
 }
 
-.container {
-    border: 1px solid #ccc;
-    margin: 0 2rem;
-    margin-top: 0.5px;
+.ministry {
+  font-size: $meta;
 }
 
-.tableContainer {
-    margin-left: 1rem;
-    margin-bottom: 1rem;
+.reportTitle {
+  font-size: $title;
+  font-weight: 700;
+  color: $ink;
+}
+
+/* Facility and period strip, joined to the masthead above */
+
+.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;
 }
 
-.sectionTitle {
-    margin-left: 1rem ;
+.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;
+}
+
+/* A lettered section, kept off a page break so a table never splits from the
+   heading that names it. Sections share edges rather than sitting apart. */
+
+.container {
+  border: $rule;
+  border-top: none;
+  break-inside: avoid;
+  page-break-inside: avoid;
 }
 
 .title {
-    text-align: center;
-    font-size: 1rem;
-    margin: 1rem;
+  padding: 1.5mm $pad;
+  font-size: $text;
+  font-weight: 700;
+  color: $ink;
+  text-align: left;
+  background-color: $bar;
+  border-bottom: $rule;
+  break-after: avoid;
+  page-break-after: avoid;
 }
+
+.tableContainer {
+  overflow-x: auto;
+  padding: $pad;
+
+  & + .tableContainer {
+    padding-top: 0;
+  }
+}
+
 .table {
-  width: auto;
+  width: 100%;
   border-collapse: collapse;
-  
 }
 
 .tableBordered td,
 .tableBordered th {
-  border: 1px solid #dee2e6;
-  padding: 0.3rem;
-  font-size: small;
+  padding: 1mm 1.5mm;
+  font-size: $text;
+  text-align: left;
+  border: $rule;
+}
+
+.tableBordered th {
+  font-weight: 700;
+  color: $ink;
+  background-color: #f0f0f0;
 }
 
 .tableStriped tbody tr:nth-of-type(odd) {
-  background-color: #f9f9f9;
-}
+  background-color: #fafafa;
+}
+
+@media screen {
+  .tableStriped tbody tr:hover {
+    background-color: $brand-primary-10;
+  }
+}
+
+/* Sign-off, enclosed by the form rather than floating beneath it. Three fields
+   across the sheet, so its rules can be 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-710/registers/moh-511-710-register.component.tsx

@@ -0,0 +1,268 @@
+import { Table, TableBody, TableHead, TableHeader, TableRow } from '@carbon/react';
+import React from 'react';
+import { useLocation, useSearchParams } from 'react-router-dom';
+
+import styles from '../../../common/report-register/register-table.scss';
+import { getMoh511PatientList } from '../../../resources/moh-711.resource';
+import { moh511Columns } from './type';
+import { moh511ExportColumns } from './moh-511-710.columns';
+import { RegisterLayout, usePatientList } from '../../../common/report-register';
+
+const Moh511710Register: React.FC = () => {
+  const [searchParams] = useSearchParams();
+  const location = useLocation();
+
+  /* The endpoint scopes its list by report. Defaulted rather than read only
+     from route state, which is lost on a reload or a pasted link. */
+  const reportName = location.state?.reportName || 'moh710Report';
+
+  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 }) =>
+      getMoh511PatientList({
+        startDate,
+        endDate,
+        locationUuids,
+        indicator,
+        reportName,
+        startIndex,
+        limit,
+      }),
+    [startDate, endDate, locationUuids, indicator, reportName],
+  );
+
+  return (
+    <RegisterLayout
+      parentLabel="MOH-710 Report"
+      parentPath="/moh-710"
+      title="MOH 511 Immunization Register"
+      isLoading={isLoading}
+      isEmpty={patientlist.length === 0}
+      page={page}
+      pageSize={pageSize}
+      total={total}
+      isTotalExact={isTotalExact}
+      onPageChange={onPageChange}
+      fetchAll={fetchAll}
+      columns={moh511ExportColumns}
+    >
+      <Table>
+        <TableHead>
+          <TableRow>
+            <TableHeader>Serial No.</TableHeader>
+            <TableHeader>
+              Date.
+              <br />
+              (DD:MM:YYYY)
+            </TableHeader>
+            <TableHeader>
+              CWC No.
+              <br />
+              (New Visit)
+            </TableHeader>
+            <TableHeader>
+              CWC No.
+              <br />
+              (Revisit)
+            </TableHeader>
+            <TableHeader>
+              BIRTH NOTIFICATION
+              <br /> (NUMBER)
+            </TableHeader>
+            <TableHeader>Full Names (Three names)</TableHeader>
+            <TableHeader>Age</TableHeader>
+            <TableHeader>Sex</TableHeader>
+            <TableHeader>
+              County/Sub-
+              <br />
+              county
+            </TableHeader>
+            <TableHeader>
+              Village /Estate / <br />
+              Landmark
+            </TableHeader>
+            <TableHeader>
+              Telephone
+              <br />
+              number
+            </TableHeader>
+            <TableHeader>Weight</TableHeader>
+            <TableHeader>Height</TableHeader>
+            <TableHeader>Weight in Kgs</TableHeader>
+            <TableHeader>
+              Weight
+              <br />
+              categories:
+              <br />
+              (1=Normal
+              <br />
+              2=UW
+              <br />
+              3=SUW
+              <br />
+              4=OW
+              <br />
+              5=Obese)
+            </TableHeader>
+            <TableHeader>Height / Length in cm</TableHeader>
+            <TableHeader>
+              Height/Length
+              <br />
+              categories:
+              <br />
+              (1=Normal
+              <br />
+              2=Stunted
+              <br />
+              3=Sev.
+              <br />
+              Stunted)
+              <br />
+            </TableHeader>
+            <TableHeader>
+              MUAC
+              <br />
+              1.Green
+              <br />
+              2.Yellow
+              <br />
+              3.Red
+            </TableHeader>
+            <TableHeader>
+              Exclusive <br /> Breast feeding <br />
+              (less than 6<br /> months)(Y/N)
+            </TableHeader>
+            <TableHeader>
+              Vitamin A
+              <br />
+              supplimentation:
+              <br />
+              (6-59 months) (1=6-
+              <br />
+              11 months, 2=12-59
+              <br />
+              months, 3=Not
+              <br />
+              supplimented)
+            </TableHeader>
+            <TableHeader>Dewormed (Y/N)</TableHeader>
+            <TableHeader>
+              MNPs supplimentation:(6-23
+              <br />
+              children)
+            </TableHeader>
+            <TableHeader>
+              Childs assessed for <br />
+              Developmental milestones <br />
+              including 1st Haed control ,2=
+              <br />
+              sitting, 3=talking
+            </TableHeader>
+            <TableHeader>
+              Any Danger Signs
+              <br />
+              1.Unable to breastfeed
+              <br />
+              2.Unable to drink
+              <br />
+              3.Vomits everything
+              <br />
+              4.Bloody diarrhoea
+              <br />
+              5.Has oedema <br />
+              6.Has convulsions
+            </TableHeader>
+            <TableHeader>Any Disability</TableHeader>
+            <TableHeader>Immunization status up to date(Y/N)</TableHeader>
+            <TableHeader>LLIN gievn to under 1 years(Y/N)</TableHeader>
+            <TableHeader>
+              Follow up for: <br />
+              1=Nutrition service
+              <br />
+              2=Rehabilitation service
+            </TableHeader>
+            <TableHeader>
+              1=referred from CU; 2= <br />
+              referred from another H/F;
+              <br />
+              3=Not applicable
+            </TableHeader>
+            <TableHeader>
+              1=referred to CU; 2= <br />
+              referred to another H/F;
+              <br />
+              3=Not applicable
+            </TableHeader>
+            <TableHeader>
+              Reason for referral <br />
+              ....specify
+            </TableHeader>
+            <TableHeader>REMARKS</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>
+            <TableHeader>AC</TableHeader>
+            <TableHeader>AD</TableHeader>
+          </TableRow>
+        </TableHead>
+        <TableBody>
+          {patientlist?.length > 0 ? (
+            patientlist.map((patient, index) => (
+              <TableRow key={index}>
+                {moh511Columns.map((col) => (
+                  <td key={col}>{col === 'serial_no' ? index + 1 : (patient?.[col] ?? '')}</td>
+                ))}
+              </TableRow>
+            ))
+          ) : (
+            <TableRow>
+              <td colSpan={moh511Columns.length}>No data available</td>
+            </TableRow>
+          )}
+        </TableBody>
+      </Table>
+    </RegisterLayout>
+  );
+};
+
+export default Moh511710Register;

package/src/reports/moh-710/registers/moh-511-710.columns.ts

@@ -0,0 +1,52 @@
+import { type RegisterColumn } from '../../../common/report-register';
+
+/**
+ * MOH 511 as the register prints it: one column per cell, in the order they appear.
+ */
+export const moh511ExportColumns: RegisterColumn[] = [
+  { header: 'Serial No. - A', value: (row) => row.serial_no ?? '' },
+  { header: 'Date. (DD:MM:YYYY) - B', value: (row) => row.visit_date ?? '' },
+  { header: 'CWC No. (New Visit) - C', value: (row) => row.cwc_number_new ?? '' },
+  { header: 'CWC No. (Revisit) - D', value: (row) => row.cwc_number_revisit ?? '' },
+  { header: 'BIRTH NOTIFICATION (NUMBER) - E', value: (row) => row.birth_notification_number ?? '' },
+  { header: 'Full Names (Three names) - F', value: (row) => row.full_name ?? '' },
+  { header: 'Age - G', value: (row) => row.age ?? '' },
+  { header: 'Sex - H', value: (row) => row.sex ?? '' },
+  { header: 'County/Sub- county - I', value: (row) => row.county_sub_county ?? '' },
+  { header: 'Village /Estate / Landmark - J', value: (row) => row.village_estate_landmark ?? '' },
+  { header: 'Telephone number - K', value: (row) => row.phone_number ?? '' },
+  { header: 'Weight - L', value: (row) => row.height ?? '' },
+  { header: 'Height - M', value: (row) => row.weight_kg ?? '' },
+  { header: 'Weight in Kgs - N', value: (row) => row.weight_category ?? '' },
+  { header: 'Weight categories: (1=Normal 2=UW 3=SUW 4=OW 5=Obese) - O', value: (row) => row.height_category ?? '' },
+  { header: 'Height / Length in cm - P', value: (row) => row.muac ?? '' },
+  {
+    header: 'Height/Length categories: (1=Normal 2=Stunted 3=Sev. Stunted) - Q',
+    value: (row) => row.exclusive_breastfeeding_less_6_months ?? '',
+  },
+  { header: 'MUAC 1.Green 2.Yellow 3.Red - R', value: (row) => row.vitamin_A_supplementation ?? '' },
+  { header: 'Exclusive Breast feeding (less than 6 months)(Y/N) - S', value: (row) => row.dewormed ?? '' },
+  {
+    header: 'Vitamin A supplimentation: (6-59 months) (1=6- 11 months, 2=12-59 months, 3=Not supplimented) - T',
+    value: (row) => row.mnps_supplimentation ?? '',
+  },
+  { header: 'Dewormed (Y/N) - U', value: (row) => row.developmental_milestones ?? '' },
+  { header: 'MNPs supplimentation:(6-23 children) - V', value: (row) => row.danger_signs ?? '' },
+  {
+    header: 'Childs assessed for Developmental milestones including 1st Haed control ,2= sitting, 3=talking - W',
+    value: (row) => row.disability ?? '',
+  },
+  {
+    header:
+      'Any Danger Signs 1.Unable to breastfeed 2.Unable to drink 3.Vomits everything 4.Bloody diarrhoea 5.Has oedema 6.Has convulsions - X',
+    value: (row) => row.immunization_status_up_to_date ?? '',
+  },
+  { header: 'Any Disability - Y', value: (row) => row.llin_supplimentation_given ?? '' },
+  { header: 'Immunization status up to date(Y/N) - Z', value: (row) => row.follow_up ?? '' },
+  { header: 'LLIN gievn to under 1 years(Y/N) - AA', value: (row) => row.referred_from ?? '' },
+  { header: 'Follow up for: 1=Nutrition service 2=Rehabilitation service - AB', value: (row) => row.referred_to ?? '' },
+  {
+    header: '1=referred from CU; 2= referred from another H/F; 3=Not applicable - AC',
+    value: (row) => row.remarks ?? '',
+  },
+];

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

@@ -0,0 +1,31 @@
+export const moh511Columns = [
+  'serial_no',
+  'visit_date',
+  'cwc_number_new',
+  'cwc_number_revisit',
+  'birth_notification_number',
+  'full_name',
+  'age',
+  'sex',
+  'county_sub_county',
+  'village_estate_landmark',
+  'phone_number',
+  'height',
+  'weight_kg',
+  'weight_category',
+  'height_category',
+  'muac',
+  'exclusive_breastfeeding_less_6_months',
+  'vitamin_A_supplementation',
+  'dewormed',
+  'mnps_supplimentation',
+  'developmental_milestones',
+  'danger_signs',
+  'disability',
+  'immunization_status_up_to_date',
+  'llin_supplimentation_given',
+  'follow_up',
+  'referred_from',
+  'referred_to',
+  'remarks',
+];