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

package/src/reports/moh-711/registers/moh-406.columns.ts

@@ -0,0 +1,133 @@
+import { type RegisterColumn } from '../../../common/report-register';
+
+/**
+ * MOH 406 as the register prints it: one column per cell, in the order they appear.
+ *
+ * The last 6 columns are rendered by the table but have no headings above
+ * them -- the header row is 43 columns wide against 49 of data. They carry
+ * their field names rather than headings borrowed from neighbouring columns.
+ */
+export const moh406ExportColumns: RegisterColumn[] = [
+  { header: 'Registration Information - Date of Visit (dd/mm/yyyy)', value: (row) => row.date_of_visit ?? '' },
+  { header: 'Registration Information - PNC Number (New Visit) - NUPI', value: (row) => row.pnc_number ?? '' },
+  { header: 'Registration Information - PNC Number/NUPI (Revisit)', value: (row) => row.pnc_number ?? '' },
+  { header: 'Registration Information - CRID', value: (row) => row.cr_id ?? '' },
+  {
+    header: 'Registration Information - Full Name(first name, middle and surname)',
+    value: (row) => row.full_names ?? '',
+  },
+  {
+    header: 'Registration Information - Date of Birth (dd/mm/yyyy) - Age in Years',
+    value: (row) => row.date_of_birth ?? '',
+  },
+  { header: 'Registration Information - County/ SubCounty', value: (row) => row.subcounty_county ?? '' },
+  {
+    header: 'Registration Information - Village/Estate/ Landmark - Telephone number',
+    value: (row) => row.village_estate_landmark ?? '',
+  },
+  { header: 'Maternity History - Date of Delivery (dd/mm/yyyy)', value: (row) => row.date_of_delivery ?? '' },
+  {
+    header: 'Maternity History - Place of Delivery 1)Facility 2) Home 3) BBA',
+    value: (row) => row.place_of_delivery ?? '',
+  },
+  {
+    header: 'Maternity History - Mode of Delivery 1) SVD 2) CS 3) Breech 4) AVD',
+    value: (row) => row.mode_of_delivery ?? '',
+  },
+  {
+    header: 'Postpartum Visit - Timing Mother - 1=no change, 2=10 days to 14 days; 3=4 to 6 weeks; 4=4 to 6 months',
+    value: (row) => row.timing_mother ?? '',
+  },
+  {
+    header: 'Postpartum Visit - Timing Baby - 1=no change, 2=10 days to 14 days; 3=4 to 6 weeks; 4=4 to 6 months',
+    value: (row) => row.timing_baby ?? '',
+  },
+  { header: 'Vital Signs - Temp', value: (row) => row.temperature ?? '' },
+  { header: 'Vital Signs - Pulse', value: (row) => row.pulse ?? '' },
+  { header: 'Vital Signs - Blood Pressure', value: (row) => row.blood_pressure ?? '' },
+  {
+    header: 'Postnatal Examinations - Pallor (Y/N) - 1= mild; 2= moderate; 3= severe',
+    value: (row) => row.pallor_present ?? '',
+  },
+  {
+    header: 'Postnatal Examinations - Breast 1=normal 2= cracked nipple 3=engorged 4=mastitis',
+    value: (row) => row.breast ?? '',
+  },
+  {
+    header: 'Postnatal Examinations - Uterus 1= contracte d 2= not contracte d 3= Others Specify',
+    value: (row) => row.uterus ?? '',
+  },
+  { header: 'Postnatal Examinations - PPH 1=present 2=Absent', value: (row) => row.pph ?? '' },
+  {
+    header: 'Postnatal Examinations - C-Section Site 1=Bleeding 2=Normal 3=Infected 4=Gapping 5=N/A',
+    value: (row) => row.c_section_site ?? '',
+  },
+  { header: 'Postnatal Examinations - Lochia 1=Normal 2=Foul smelling 3=Excessi ve', value: (row) => row.lochia ?? '' },
+  {
+    header: 'Postnatal Examinations - Episiotomy 1=Repaired 2=Gaping 3=Infected 4=Healed 5=N/',
+    value: (row) => row.episiotomy ?? '',
+  },
+  { header: 'Postnatal Examinations - Fistula 1=VVF 2=RVF 3=VVR 4=Non', value: (row) => row.fistula ?? '' },
+  {
+    header: 'TB screening - TB Screening 1: Presumed TB 2: No signs 3: On TB treatment 4: On TPT 5: Not done',
+    value: (row) => row.tb_screening ?? '',
+  },
+  { header: 'Tested PNC - (I/R/ND/KP)', value: (row) => row.tested_pnc ?? '' },
+  {
+    header: 'HIV Test 1 - Kit Name: - Lot No. - Expiry No. / / - (N,P,I,NA)',
+    value: (row) => row.hiv_test_1_kit_name ?? '',
+  },
+  {
+    header: 'HIV Test 2 - Kit Name: - Lot No. - Expiry No. / / - (N,P,I,NA)',
+    value: (row) => row.hiv_test_2_kit_name ?? '',
+  },
+  {
+    header: 'HIV Test 3 - Kit Name: - Lot No. - Expiry No. / / - (N,P,I,NA)',
+    value: (row) => row.hiv_test_3_kit_name ?? '',
+  },
+  { header: 'Results in PNC - <=6wks - (N/P/Ic/NA)', value: (row) => row.results_less_6_weeks ?? '' },
+  { header: 'Results in PNC - &gt;6wks - (N/P/Ic/NA)', value: (row) => row.results_greater_6_weeks ?? '' },
+  {
+    header: 'HAART & Infant Prophylaxis and Treatment - <=6wks - Infant - NVP +AZT +CTX or NVP +CTX - (Y/N/NA/R)',
+    value: (row) => row.infant_prophylaxis_less_6_weeks ?? '',
+  },
+  {
+    header: 'HAART & Infant Prophylaxis and Treatment - <=6wks - Mother - HAART - (Y/N/NA/R)',
+    value: (row) => row.maternal_haart_less_6_weeks ?? '',
+  },
+  {
+    header: 'HAART & Infant Prophylaxis and Treatment - &gt;6wks - Infant - NVP +AZT +CTX or NVP +CTX - (Y/N/NA/R)',
+    value: (row) => row.infant_prophylaxis_greater_6_weeks ?? '',
+  },
+  {
+    header: 'HAART & Infant Prophylaxis and Treatment - &gt;6wks - Mother - HAART - (Y/N/NA/R)',
+    value: (row) => row.maternal_haart_greater_6_weeks ?? '',
+  },
+  {
+    header:
+      'Cervical Cancer Screening (VIA/VILLI/PAP Smear/ND) - Results 1=Normal, 2=Suspected, 3= Confirmed, 4= Not done',
+    value: (row) => row.cervical_cancer_method ?? '',
+  },
+  {
+    header: 'Modern Post Partum Family Planning (Y/N) - Counseled Method received',
+    value: (row) => row.counselled ?? '',
+  },
+  { header: 'Other Maternal Complications', value: (row) => row.other_maternal_complications ?? '' },
+  { header: 'Haematinics (Y/N)', value: (row) => row.haematinics ?? '' },
+  {
+    header: 'Refferals - From - 1 = Community Unit 2 = Another Health Facility 3 = Not Applicable',
+    value: (row) => row.referrals_from ?? '',
+  },
+  {
+    header: 'Refferals - To - 1 = Community Unit 2 = Another Health Facility 3 = Not Applicable',
+    value: (row) => row.referrals_to ?? '',
+  },
+  { header: 'Refferals - Reasons for referral (specify)', value: (row) => row.reason_for_referral ?? '' },
+  { header: 'Remarks', value: (row) => row.remarks ?? '' },
+  { header: 'Nupi', value: (row) => row.nupi ?? '' },
+  { header: 'Age', value: (row) => row.age ?? '' },
+  { header: 'Phone number', value: (row) => row.phone_number ?? '' },
+  { header: 'Pallor', value: (row) => row.pallor ?? '' },
+  { header: 'Cervical cancer results', value: (row) => row.cervical_cancer_results ?? '' },
+  { header: 'Family planning method', value: (row) => row.family_planning_method ?? '' },
+];

package/src/reports/moh-711/registers/moh-407-register.component.tsx

@@ -0,0 +1,157 @@
+import React, { useState } from 'react';
+import { RegisterLayout, usePatientList } from '../../../common/report-register';
+import { useLocation, useSearchParams } from 'react-router-dom';
+import classNames from 'classnames';
+import { useSession } from '@openmrs/esm-framework';
+
+import styles from './moh-407.scss';
+import { Moh407xportColumns } from './moh-407.columns';
+import { getMoh407PatientList } from '../../../resources/moh-711.resource';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@carbon/react';
+import { ReportFiltersComponent, type ReportPeriod } from '../../../common/report-filters';
+
+interface Moh407RegisterComponentProps {}
+
+const Moh407RegisterComponent: React.FC<Moh407RegisterComponentProps> = () => {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const location = useLocation();
+  const session = useSession();
+
+  const from = searchParams.get('from');
+  const isDrilldown = Boolean(from);
+  const [generatedPeriod, setGeneratedPeriod] = useState<{ startDate: string; endDate: string } | null>(() => {
+    const startDate = searchParams.get('startDate');
+    const endDate = searchParams.get('endDate');
+    return !isDrilldown && startDate && endDate ? { startDate, endDate } : null;
+  });
+  const isGenerated = isDrilldown || Boolean(generatedPeriod);
+
+  const startDate = generatedPeriod?.startDate ?? searchParams.get('startDate');
+  const endDate = generatedPeriod?.endDate ?? searchParams.get('endDate');
+  const locationUuids = searchParams.get('locationUuids') ?? session?.sessionLocation?.uuid ?? '';
+  const indicator = searchParams.get('indicator');
+  const reportName = location.state?.reportName || 'moh711Report';
+
+  const {
+    rows: patientlist,
+    total,
+    isTotalExact,
+    isLoading,
+    page,
+    pageSize,
+    onPageChange,
+    fetchAll,
+  } = usePatientList(
+    ({ startIndex, limit }) => {
+      if (!isDrilldown && !generatedPeriod) {
+        return Promise.resolve({ results: [], total: 0, isTotalExact: true });
+      }
+
+      return getMoh407PatientList({
+        startDate,
+        endDate,
+        locationUuids,
+        indicator,
+        reportName,
+        startIndex,
+        limit,
+        from,
+      });
+    },
+    [startDate, endDate, locationUuids, indicator, reportName, from, isDrilldown, generatedPeriod],
+  );
+
+  const generate = ({ startDate, endDate }: ReportPeriod) => {
+    setGeneratedPeriod({ startDate, endDate });
+    setSearchParams((currentParams) => {
+      const nextParams = new URLSearchParams(currentParams);
+      nextParams.set('startDate', startDate);
+      nextParams.set('endDate', endDate);
+      if (!nextParams.has('locationUuids') && locationUuids) {
+        nextParams.set('locationUuids', locationUuids);
+      }
+      return nextParams;
+    });
+  };
+
+  return (
+    <>
+      {!isDrilldown && (
+        <ReportFiltersComponent
+          reportName="MOH 407 Register"
+          mode="range"
+          onGenerate={generate}
+          isLoading={isLoading}
+          isReportGenerated={Boolean(generatedPeriod)}
+          generatedPeriod={generatedPeriod ?? undefined}
+          backLink={{ label: 'All registers', to: '/?tab=registers' }}
+        />
+      )}
+      <RegisterLayout
+        parentLabel={isDrilldown ? 'MOH-711 Report' : 'All registers'}
+        parentPath={isDrilldown ? '/moh-711' : '/?tab=registers'}
+        title="MOH 407 Register"
+        isLoading={isLoading}
+        isEmpty={isGenerated && patientlist.length === 0}
+        page={page}
+        pageSize={pageSize}
+        total={total}
+        isTotalExact={isTotalExact}
+        onPageChange={onPageChange}
+        fetchAll={isGenerated ? fetchAll : undefined}
+        columns={Moh407xportColumns}
+      >
+        {isGenerated && (
+          <div className={styles.tableContainer}>
+            <Table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+              <TableHead>
+                <TableRow>
+                  <TableHeader aria-rowspan={2}>Serial Number</TableHeader>
+                  <TableHeader aria-rowspan={2}>Date</TableHeader>
+                  <TableHeader aria-rowspan={2}>National Identification Number</TableHeader>
+                  <TableHeader aria-rowspan={2}>Patient Names</TableHeader>
+                  <TableHeader aria-rowspan={2}>Patient Visit</TableHeader>
+                  <TableHeader aria-rowspan={2}>Residence</TableHeader>
+                  <TableHeader aria-rowspan={2}>Sex</TableHeader>
+                  <TableHeader colSpan={2}>Age</TableHeader>
+                  <TableHeader aria-rowspan={2}>Pregnant or Breastfeeding</TableHeader>
+                  <TableHeader>Nutritional Assessment</TableHeader>
+                  <TableHeader aria-rowspan={2}>Nutrition Status</TableHeader>
+                  <TableHeader aria-rowspan={2}>Serostatus</TableHeader>
+                  <TableHeader aria-rowspan={2}>Medical Condition</TableHeader>
+                  <TableHeader aria-rowspan={2}>Food Secure</TableHeader>
+                  <TableHeader aria-rowspan={2}>Nutrition Intervention</TableHeader>
+                  <TableHeader aria-rowspan={2}>Remarks</TableHeader>
+                </TableRow>
+                <TableRow>
+                  <TableHeader>Years</TableHeader>
+                  <TableHeader>Months</TableHeader>
+                  <TableHeader>Figure for z score</TableHeader>
+                </TableRow>
+              </TableHead>
+              <TableBody>
+                {patientlist.length > 0 ? (
+                  patientlist.map((patient, index) => (
+                    <TableRow key={patient.person_id || patient.id || index}>
+                      {Moh407xportColumns.map((column, columnIndex) => (
+                        <TableCell key={`${column.header}-${columnIndex}`}>
+                          {String(column.value(patient, (page - 1) * pageSize + index) ?? '')}
+                        </TableCell>
+                      ))}
+                    </TableRow>
+                  ))
+                ) : (
+                  <TableRow>
+                    <TableCell colSpan={Moh407xportColumns.length}>No data available</TableCell>
+                  </TableRow>
+                )}
+              </TableBody>
+            </Table>
+          </div>
+        )}
+      </RegisterLayout>
+    </>
+  );
+};
+
+export default Moh407RegisterComponent;

package/src/reports/moh-711/registers/moh-407.columns.ts

@@ -0,0 +1,24 @@
+import { type RegisterColumn } from '../../../common/report-register/register-columns';
+
+/**
+ * MOH 407 columns, flattened from the register's two-row table header.
+ */
+export const Moh407xportColumns: RegisterColumn[] = [
+  { header: 'Serial Number', value: (_row, index) => index + 1 },
+  { header: 'Date', value: (row) => row.date ?? '' },
+  { header: 'National Identification Number', value: (row) => row.national_identification_number ?? '' },
+  { header: 'Patient Names', value: (row) => row.patient_names ?? '' },
+  { header: 'Patient Visit', value: (row) => row.patient_visit ?? '' },
+  { header: 'Residence', value: (row) => row.residence ?? '' },
+  { header: 'Sex', value: (row) => row.sex ?? '' },
+  { header: 'Age - Years', value: (row) => row.age_years ?? '' },
+  { header: 'Age - Months', value: (row) => row.age_months ?? '' },
+  { header: 'Pregnant or Breastfeeding', value: (row) => row.pregnant_or_breastfeeding ?? '' },
+  { header: 'Nutritional Assessment - Figure for z score', value: (row) => row.z_score ?? '' },
+  { header: 'Nutrition Status', value: (row) => row.nutrition_status ?? '' },
+  { header: 'Serostatus', value: (row) => row.serostatus ?? '' },
+  { header: 'Medical Condition', value: (row) => row.medical_condition ?? '' },
+  { header: 'Food Secure', value: (row) => row.food_secure ?? '' },
+  { header: 'Nutrition Intervention', value: (row) => row.nutrition_intervention ?? '' },
+  { header: 'Remarks', value: (row) => row.remarks ?? '' },
+];

package/src/reports/moh-711/registers/moh-407.scss

@@ -0,0 +1,64 @@
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
+
+.tableContainer {
+  width: 100%;
+}
+
+/* Sized to content rather than to the frame, so a long value -- a full name,
+   say -- widens its own column instead of wrapping. `.tableScroll` in the
+   layout scrolls when the table outgrows the page. */
+
+.table {
+  width: auto;
+  min-width: 100%;
+  margin: 0;
+  font-size: 0.75rem;
+  border-collapse: collapse;
+}
+
+.tableBordered td,
+.tableBordered th {
+  padding: 0.125rem 0.5rem;
+  font-size: 0.75rem;
+  line-height: 1.3;
+  border: 1px solid $ui-04;
+}
+
+.tableBordered th {
+  font-weight: 600;
+  color: $color-gray-100;
+  background-color: $ui-01;
+  /* headings carry deliberate line breaks, so they wrap where the markup says */
+  white-space: normal;
+}
+
+.tableBordered td {
+  white-space: nowrap;
+}
+
+/* Long prose columns (diagnoses, referrals, comments) wrap inside a bounded
+   width instead of stretching the row past the fold. */
+.tableBordered td.wrapCell {
+  white-space: normal;
+  min-width: 8rem;
+  max-width: 16rem;
+  overflow-wrap: anywhere;
+}
+
+.tableStriped tbody tr:nth-of-type(odd) {
+  background-color: $ui-01;
+}
+
+.tableStriped tbody tr:hover {
+  background-color: $brand-primary-10;
+}
+
+.textCentre {
+  text-align: center;
+}
+
+.verticalText {
+  writing-mode: vertical-rl;
+  transform: rotate(180deg);
+}

package/src/reports/moh-711/registers/moh-510-register.component.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+import { useSearchParams } from 'react-router-dom';
+
+import styles from '../../../common/report-register/register-table.scss';
+import { RegisterLayout, usePatientList } from '../../../common/report-register';
+import { getMoh510PatientList } from '../../../resources/moh-710.resource';
+
+const Moh510Register: React.FC = () => {
+  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 }) =>
+      getMoh510PatientList({
+        startDate,
+        endDate,
+        locationUuids,
+        indicator,
+        startIndex,
+        limit,
+      }),
+    [startDate, endDate, locationUuids, indicator],
+  );
+
+  return (
+    <RegisterLayout
+      parentLabel="MOH-711 Report"
+      parentPath="/moh-711"
+      title="MOH 510 Register"
+      isLoading={isLoading}
+      isEmpty={patientlist.length === 0}
+      page={page}
+      pageSize={pageSize}
+      total={total}
+      isTotalExact={isTotalExact}
+      onPageChange={onPageChange}
+      fetchAll={fetchAll}
+    ></RegisterLayout>
+  );
+};
+
+export default Moh510Register;