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

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

@@ -0,0 +1,270 @@
+import { Table, TableBody, TableHead, TableHeader, TableRow } from '@carbon/react';
+import React from 'react';
+import { useLocation, useNavigate, 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 classNames from 'classnames';
+import { moh511ExportColumns } from './moh-511.columns';
+import { RegisterLayout, usePatientList } from '../../../common/report-register';
+
+const Moh511Register: React.FC = () => {
+  const [searchParams] = useSearchParams();
+  const location = useLocation();
+
+  const startDate = searchParams.get('startDate');
+  const endDate = searchParams.get('endDate');
+  const locationUuids = searchParams.get('locationUuids');
+  const indicator = searchParams.get('indicator');
+  const reportName = location.state?.reportName || '';
+
+  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-711 Report"
+      parentPath="/moh-711"
+      title="MOH 511 Register"
+      isLoading={isLoading}
+      isEmpty={patientlist.length === 0}
+      page={page}
+      pageSize={pageSize}
+      total={total}
+      isTotalExact={isTotalExact}
+      onPageChange={onPageChange}
+      fetchAll={fetchAll}
+      columns={moh511ExportColumns}
+    >
+      <Table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <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 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
+                      : col === 'visit_date'
+                        ? new Date(patient?.[col]).toLocaleDateString('en-GB')
+                        : (patient?.[col] ?? '')}
+                  </td>
+                ))}
+              </TableRow>
+            ))
+          ) : (
+            <TableRow>
+              <td colSpan={moh511Columns.length}>No data available</td>
+            </TableRow>
+          )}
+        </TableBody>
+      </Table>
+    </RegisterLayout>
+  );
+};
+
+export default Moh511Register;

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

@@ -0,0 +1,59 @@
+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 in Kgs - L', value: (row) => row.weight_kg ?? '' },
+  { header: 'Weight categories: (1=Normal 2=UW 3=SUW 4=OW 5=Obese) - M', value: (row) => row.weight_category ?? '' },
+  { header: 'Height / Length in cm - N', value: (row) => row.height ?? '' },
+  {
+    header: 'Height/Length categories: (1=Normal 2=Stunted 3=Sev. Stunted) - O',
+    value: (row) => row.height_category ?? '',
+  },
+  { header: 'MUAC 1.Green 2.Yellow 3.Red - P', value: (row) => row.muac ?? '' },
+  {
+    header: 'Exclusive Breast feeding (less than 6 months)(Y/N) - Q',
+    value: (row) => row.exclusive_breastfeeding_less_6_months ?? '',
+  },
+  {
+    header: 'Vitamin A supplimentation: (6-59 months) (1=6- 11 months, 2=12-59 months, 3=Not supplimented) - R',
+    value: (row) => row.vitamin_A_supplementation ?? '',
+  },
+  { header: 'Dewormed (Y/N) - S', value: (row) => row.dewormed ?? '' },
+  { header: 'MNPs supplimentation:(6-23 children) - T', value: (row) => row.mnps_supplimentation ?? '' },
+  {
+    header: 'Childs assessed for Developmental milestones including 1st Haed control ,2= sitting, 3=talking - U',
+    value: (row) => row.developmental_milestones ?? '',
+  },
+  {
+    header:
+      'Any Danger Signs 1.Unable to breastfeed 2.Unable to drink 3.Vomits everything 4.Bloody diarrhoea 5.Has oedema 6.Has convulsions - V',
+    value: (row) => row.danger_signs ?? '',
+  },
+  { header: 'Any Disability - W', value: (row) => row.disability ?? '' },
+  { header: 'Immunization status up to date(Y/N) - X', value: (row) => row.immunization_status_up_to_date ?? '' },
+  { header: 'LLIN gievn to under 1 years(Y/N) - Y', value: (row) => row.llin_supplimentation_given ?? '' },
+  { header: 'Follow up for: 1=Nutrition service 2=Rehabilitation service - Z', value: (row) => row.follow_up ?? '' },
+  {
+    header: '1=referred from CU; 2= referred from another H/F; 3=Not applicable - AA',
+    value: (row) => row.referred_from ?? '',
+  },
+  {
+    header: '1=referred to CU; 2= referred to another H/F; 3=Not applicable - AB',
+    value: (row) => row.referred_to ?? '',
+  },
+  { header: 'Reason for referral ....specify - AC', value: (row) => row.reason_for_referral ?? '' },
+  { header: 'REMARKS - AD', value: (row) => row.remarks ?? '' },
+];

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

@@ -0,0 +1,94 @@
+import { type RegisterColumn } from '../../../common/report-register/register-columns';
+
+/**
+ * MOH 512 Family Planning (FP) Register as it prints: one column per cell, A to AS, in the
+ * order they appear. Values read the aliases of moh_512_patient_list_template.
+ *
+ * Columns without a corresponding template alias export blank until the template exposes
+ * the required field.
+ */
+export const moh512ExportColumns: RegisterColumn[] = [
+  { header: 'Date (DD/MM/YYYY) - A', value: (row) => row.date ?? '' },
+  { header: 'Client Number - B', value: (row) => row.cr_id ?? row.amrs_id ?? '' },
+  { header: 'Name of Client - C', value: (row) => row.name_of_client ?? '' },
+  { header: 'Client Type - D', value: (row) => row.client_type ?? '' },
+  { header: '1st Ever User of Contraceptive - E', value: (row) => row.first_ever_use_of_contraceptive ?? '' },
+  { header: 'Age - F', value: (row) => row.age ?? '' },
+  { header: 'Sex - G', value: (row) => row.sex ?? '' },
+  { header: 'Disability Status - H', value: (row) => row.disability_status ?? '' },
+  { header: 'Telephone Number - I', value: (row) => row.phone_number ?? '' },
+  { header: 'Village / Estate / Landmark - J', value: (row) => row.village_estate_landmark ?? '' },
+  { header: 'Counselled for FP - K', value: (row) => row.counselled_on_fp ?? '' },
+
+  // Combined oral contraceptive pills
+  {
+    header: 'COC Type of Visit - L',
+    value: (row) => row.type_of_visit_for_method_combined_oral_contraceptive ?? '',
+  },
+  {
+    header: 'COC Qty Disp. (Cycles) - M',
+    value: (row) => row.quantity_dispensed_combined_oral_contraceptive ?? '',
+  },
+
+  // Progestin only pills
+  { header: 'POP Type of Visit - N', value: (row) => row.type_of_visit_for_method_progestine ?? '' },
+  { header: 'POP Qty Disp. (Cycles) - O', value: (row) => row.quantity_dispensed_progestine ?? '' },
+
+  // Emergency contraceptive pill
+  {
+    header: 'Emergency Contraceptive Doses Disp. - P',
+    value: (row) => row.quantity_dispensed_emergency_contraceptive_pills ?? '',
+  },
+
+  // Injectables (DMPA)
+  { header: 'Injectables Type of Visit - Q', value: () => '' },
+  { header: 'DMPA IM Qty Disp. (Vials) - R', value: () => '' },
+  { header: 'DMPA SC Qty Disp. (Vials) - S', value: () => '' },
+
+  // Implants: the register has one type-of-visit column for all implants
+  {
+    header: 'Implants Type of Visit - T',
+    value: (row) => row.type_of_visit_for_method_1_rod ?? row.type_of_visit_for_method_2_rod ?? '',
+  },
+  { header: 'Qty Disp. 1 Rod (Sets) - U', value: (row) => row.quantity_dispensed_1_rod ?? '' },
+  { header: 'Qty Disp. 2 Rods, 3 yrs (Sets) - V', value: () => '' },
+  { header: 'Qty Disp. 2 Rods, 5 yrs (Sets) - W', value: () => '' },
+
+  // IUDs
+  { header: 'IUD Type of Visit - X', value: (row) => row.type_of_visit_for_method_iud ?? '' },
+  { header: 'IUD Qty Disp. Non-Hormonal (Sets) - Y', value: (row) => row.quantity_dispensed_non_hormonal ?? '' },
+  { header: 'IUD Qty Disp. Hormonal (Sets) - Z', value: (row) => row.quantity_dispensed_hormonal ?? '' },
+  { header: 'Reasons for LARC Removal - AA', value: (row) => row.reason_for_larc_removal ?? '' },
+
+  // Condoms
+  { header: 'Condom Clients - AB', value: (row) => row.type_of_condom ?? '' },
+  { header: 'Qty Disp. Male Condoms - AC', value: (row) => row.quantity_dispensed_male_condoms ?? '' },
+  { header: 'Qty Disp. Female Condoms - AD', value: (row) => row.quantity_dispensed_female_condoms ?? '' },
+
+  { header: 'VSC (BTL or Vasectomy) - AE', value: (row) => row.voluntary_surgical_contraception ?? '' },
+
+  // Natural FP
+  { header: 'Counselled on Natural FP - AF', value: (row) => row.counseled_on_natural_fp ?? '' },
+  { header: 'Cycle Beads Given - AG', value: (row) => row.given_cycle_beads ?? '' },
+
+  { header: 'Timing of PPFP - AH', value: (row) => row.received_post_partum_fp ?? '' },
+  { header: 'TB Screening - AI', value: (row) => row.tb_screening ?? '' },
+
+  // HIV testing
+  { header: 'Counselled for HIV - AJ', value: (row) => row.counselled_on_hiv ?? '' },
+  { header: 'Counselled and Tested for HIV - AK', value: (row) => row.tested_for_hiv ?? '' },
+  { header: 'HIV Status - AL', value: (row) => row.hiv_results ?? '' },
+
+  { header: 'IPV or Reproductive Coercion - AM', value: (row) => row.intimate_partner_violence ?? '' },
+
+  // Cervical cancer screening
+  { header: 'Cervical Cancer Screened - AN', value: (row) => row.screened_for_cervical_cancer ?? '' },
+  { header: 'Cervical Cancer Results - AO', value: (row) => row.cervical_cancer_screening_result ?? '' },
+
+  // Referrals
+  { header: 'Referral From - AP', value: (row) => row.referral_from ?? '' },
+  { header: 'Referral To - AQ', value: (row) => row.referral_to ?? '' },
+  { header: 'Reason for Referral - AR', value: (row) => row.reason_for_referral ?? '' },
+
+  { header: 'Remarks - AS', value: (row) => row.comments ?? '' },
+];

package/src/reports/moh-711/registers/moh-512.component.tsx

@@ -0,0 +1,191 @@
+import React, { useState } from 'react';
+import { useLocation, useSearchParams } from 'react-router-dom';
+import { RegisterLayout, usePatientList } from '../../../common/report-register';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@carbon/react';
+import classNames from 'classnames';
+import dayjs from 'dayjs';
+import { useSession } from '@openmrs/esm-framework';
+
+import styles from './moh-512.scss';
+import { moh512ExportColumns } from './moh-512-columns';
+import { getMoh512PatientList } from '../../../resources/moh-711.resource';
+import { ReportFiltersComponent, type ReportPeriod } from '../../../common/report-filters';
+
+interface Moh512RegisterComponentProps {}
+
+const Moh512RegisterComponent: React.FC<Moh512RegisterComponentProps> = () => {
+  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 || '';
+
+  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 getMoh512PatientList({
+        startDate,
+        endDate,
+        locationUuids,
+        indicator,
+        reportName,
+        startIndex,
+        limit,
+      });
+    },
+    [startDate, endDate, locationUuids, indicator, reportName, 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;
+    });
+  };
+
+  const columns = [
+    { key: 'date', label: 'Date' },
+    { key: 'cr_id', label: 'Client Number' },
+    { key: 'name_of_client', label: 'Name of Client' },
+    { key: 'client_type', label: 'Client Type' },
+    { key: 'first_ever_use_of_contraceptive', label: '1st Ever User of Contraceptive' },
+    { key: 'age', label: 'Age' },
+    { key: 'sex', label: 'Sex' },
+    { key: 'disability_status', label: 'Disability Status' },
+    { key: 'phone_number', label: 'Telephone Number' },
+    { key: 'village_estate_landmark', label: 'Village/Estate/Landmark' },
+    { key: 'counselled_on_fp', label: 'Counselled on FP' },
+    { key: 'type_of_visit_for_method_combined_oral_contraceptive', label: 'COC Visit Type' },
+    { key: 'quantity_dispensed_combined_oral_contraceptive', label: 'COC Quantity' },
+    { key: 'type_of_visit_for_method_progestine', label: 'POP Visit Type' },
+    { key: 'quantity_dispensed_progestine', label: 'POP Quantity' },
+    { key: 'quantity_dispensed_emergency_contraceptive_pills', label: 'Emergency Contraceptive Doses' },
+    { key: 'type_of_visit_for_method_1_rod', label: '1 Rod Visit Type' },
+    { key: 'quantity_dispensed_1_rod', label: '1 Rod (Sets)' },
+    { key: 'type_of_visit_for_method_2_rod', label: '2 Rods Visit Type' },
+    { key: 'quantity_dispensed_2_rod', label: '2 Rods (Sets)' },
+    { key: 'type_of_visit_for_method_iud', label: 'IUD Visit Type' },
+    { key: 'quantity_dispensed_non_hormonal', label: 'Non-Hormonal IUD (Sets)' },
+    { key: 'quantity_dispensed_hormonal', label: 'Hormonal IUD (Sets)' },
+    { key: 'reason_for_larc_removal', label: 'Reason for LARC Removal' },
+    { key: 'type_of_condom', label: 'Condom Client Sex' },
+    { key: 'quantity_dispensed_male_condoms', label: 'Male Condoms' },
+    { key: 'quantity_dispensed_female_condoms', label: 'Female Condoms' },
+    { key: 'voluntary_surgical_contraception', label: 'VSC' },
+    { key: 'counseled_on_natural_fp', label: 'Natural FP' },
+    { key: 'given_cycle_beads', label: 'Cycle Beads Given' },
+    { key: 'received_post_partum_fp', label: 'Timing of PPFP' },
+    { key: 'tb_screening', label: 'TB Screening' },
+    { key: 'counselled_on_hiv', label: 'Counselled for HIV' },
+    { key: 'tested_for_hiv', label: 'Counselled and Tested for HIV' },
+    { key: 'hiv_results', label: 'HIV Status' },
+    { key: 'intimate_partner_violence', label: 'IPV/Reproductive Coercion' },
+    { key: 'screened_for_cervical_cancer', label: 'Cervical Cancer Screened' },
+    { key: 'cervical_cancer_screening_result', label: 'Cervical Cancer Result' },
+    { key: 'referral_from', label: 'Referral From' },
+    { key: 'referral_to', label: 'Referral To' },
+    { key: 'reason_for_referral', label: 'Reason for Referral' },
+    { key: 'comments', label: 'Remarks' },
+  ];
+
+  return (
+    <>
+      {!isDrilldown && (
+        <ReportFiltersComponent
+          reportName="MOH 512 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 512 Register"
+        isLoading={isLoading}
+        isEmpty={isGenerated && patientlist.length === 0}
+        page={page}
+        pageSize={pageSize}
+        total={total}
+        isTotalExact={isTotalExact}
+        onPageChange={onPageChange}
+        fetchAll={isGenerated ? fetchAll : undefined}
+        columns={moh512ExportColumns}
+      >
+        {isGenerated && (
+          <div className={styles.tableContainer}>
+            <Table className={classNames(styles.table, styles.tableBordered, styles.tableStriped)}>
+              <TableHead>
+                <TableRow>
+                  {columns.map((column) => (
+                    <TableHeader key={column.key}>{column.label}</TableHeader>
+                  ))}
+                </TableRow>
+              </TableHead>
+
+              <TableBody>
+                {isLoading ? (
+                  <TableRow>
+                    <TableCell colSpan={columns.length}>Loading register...</TableCell>
+                  </TableRow>
+                ) : patientlist.length === 0 ? (
+                  <TableRow>
+                    <TableCell colSpan={columns.length}>No records found.</TableCell>
+                  </TableRow>
+                ) : (
+                  patientlist.map((patient, index) => (
+                    <TableRow key={patient.person_id || patient.id || index}>
+                      {columns.map((column) => (
+                        <TableCell key={column.key}>
+                          {column.key === 'date' && patient[column.key]
+                            ? dayjs(patient[column.key]).format('YYYY-MM-DD')
+                            : (patient[column.key] ?? '')}
+                        </TableCell>
+                      ))}
+                    </TableRow>
+                  ))
+                )}
+              </TableBody>
+            </Table>
+          </div>
+        )}
+      </RegisterLayout>
+    </>
+  );
+};
+
+export default Moh512RegisterComponent;

package/src/reports/moh-711/registers/moh-512.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);
+}