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

package/src/reports/moh-711/registers/tb-register-columns.ts

@@ -0,0 +1,17 @@
+import { type RegisterColumn } from '../../../common/report-register/register-columns';
+
+/**
+ * MOH 204A as the register prints it: one column per cell, in the order they appear.
+ */
+export const TBExportColumns: RegisterColumn[] = [
+  { header: 'Date (DD/MM/YYYY) - A', value: (row) => row.date ?? '' },
+  {
+    header: 'CR Number - B',
+    value: (row) => row.child_number ?? '',
+  },
+  { header: 'TB Screening - C', value: (row) => row.child_names ?? '' },
+  { header: 'TB Status - D', value: (row) => row.sex ?? '' },
+  { header: 'Date of Birth - E', value: (row) => row.date_of_birth ?? '' },
+  { header: 'Gender - F', value: (row) => row.date_first_seen ?? '' },
+  { header: 'TCA - F', value: (row) => row.date_first_seen ?? '' },
+];

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

@@ -0,0 +1,96 @@
+import React from 'react';
+import { 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 styles from './tb-register.scss';
+import { TBExportColumns } from './tb-register-columns';
+import { getTBPatientList } from '../../../resources/moh-711.resource';
+
+interface TbRegisterComponentProps {}
+
+const TbRegisterComponent: React.FC<TbRegisterComponentProps> = () => {
+  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 }) =>
+      getTBPatientList({
+        startDate: startDate!,
+        endDate: endDate!,
+        locationUuids: locationUuids!,
+        indicator: indicator!,
+        startIndex,
+        limit,
+        reportName: 'moh711Report',
+      }),
+    [startDate, endDate, locationUuids, indicator],
+  );
+  return (
+    <RegisterLayout
+      parentLabel="MOH-711 Report"
+      parentPath="/moh-711"
+      title="TB Register"
+      isLoading={isLoading}
+      isEmpty={patientlist.length === 0}
+      page={page}
+      pageSize={pageSize}
+      total={total}
+      isTotalExact={isTotalExact}
+      onPageChange={onPageChange}
+      fetchAll={fetchAll}
+      columns={TBExportColumns}
+    >
+      <div className={styles.tableContainer}>
+        <Table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+          <TableHead>
+            <TableRow>
+              <TableHeader>Date</TableHeader>
+              <TableHeader>CR No</TableHeader>
+              <TableHeader>DOB</TableHeader>
+              <TableHeader>Gender</TableHeader>
+              <TableHeader>TB Screening</TableHeader>
+              <TableHeader>TCA</TableHeader>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {patientlist?.length > 0 ? (
+              patientlist?.map((patient, i) => (
+                <TableRow key={patient.person_id || patient.id}>
+                  <TableCell>{patient.date ? dayjs(patient.date).format('YYYY-MM-DD') : ''}</TableCell>
+                  <TableCell>{patient.cr_id}</TableCell>
+                  <TableCell>
+                    {patient.date_of_birth ? dayjs(patient.date_of_birth).format('YYYY-MM-DD') : ''}
+                  </TableCell>
+                  <TableCell>{patient.gender}</TableCell>
+                  <TableCell>{patient.tb_screening}</TableCell>
+                  <TableCell>{patient.rtc}</TableCell>
+                </TableRow>
+              ))
+            ) : (
+              <TableRow>
+                <TableCell colSpan={28}>No data available</TableCell>
+              </TableRow>
+            )}
+          </TableBody>
+        </Table>
+      </div>
+    </RegisterLayout>
+  );
+};
+
+export default TbRegisterComponent;

package/src/reports/moh-711/registers/tb-register.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/type.ts

@@ -0,0 +1,192 @@
+export const moh406Columns = [
+  'date_of_visit',
+  'pnc_number_new_visit',
+  'pnc_number_revisit',
+  'amrs_id',
+  'full_name',
+  'date_of_birth',
+  'county_subcounty',
+  'village_estate_landmark',
+  'marital_status',
+  'parity',
+  'gravidae',
+  'lmp',
+  'edd',
+  'gestation_weeks',
+  'muac',
+  'height',
+  'weight',
+  'blood_pressure',
+  'breast_exam',
+  'uterus',
+  'pph',
+  'c_section_site',
+  'lochia',
+  'episiotomy',
+  'fistula',
+  'tb_screening',
+  'hiv_tested_pnc',
+  'hiv_test_1',
+  'hiv_test_2',
+  'hiv_test_3',
+  'hiv_result_pnc',
+  'hiv_6wks',
+  'hiv_gt6wks',
+  'infant_result',
+  'mother_result',
+  'cervical_cancer_screening',
+  'family_planning',
+  'other_complications',
+  'haematinics',
+  'referral_from',
+  'referral_to',
+  'referral_reason',
+  'remarks',
+];
+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',
+  'weight_kg',
+  'weight_category',
+  'height',
+  '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',
+  'reason_for_referral',
+  'remarks',
+];
+export const moh405Columns = [
+  'date_of_visit',
+  'anc_number_new',
+  'anc_number_revisit',
+  'amrs_id',
+  'visit_number',
+  'full_name',
+  'date_of_birth',
+  'subcounty_county',
+  'village_estate',
+  'marital_status',
+  'parity',
+  'gravidae',
+  'lmp',
+  'edd',
+  'gestation_weeks',
+  'muac',
+  'height',
+  'weight',
+  'blood_pressure',
+  'breast_exam',
+  'fgm',
+  'hb_level',
+  'blood_sugar',
+  'blood_group',
+  'urinalysis',
+  'syphilis_test',
+  'hepatitis_b',
+  'tb_screening',
+  'hiv_testing_type',
+  'hiv_test_1',
+  'hiv_test_2',
+  'hiv_test_3',
+  'hiv_results',
+  'haart',
+  'infant_prophylaxis',
+  'partner_testing',
+  'other_conditions',
+  'deworming',
+  'ipt',
+  'tt_dose',
+  'supplementation',
+  'llitn',
+  'referral_from',
+  'referral_to',
+  'referral_reason',
+  'remarks',
+];
+export const moh333Columns = [
+  'date_of_admission',
+  'amrsid',
+  'admission_number',
+  'full_name',
+  'date_of_birth',
+  'county_subcounty',
+  'village_landmark',
+  'marital_status',
+  'parity',
+  'gravidae',
+  'anc_visits',
+  'lmp',
+  'edd',
+  'diagnosis',
+
+  // Delivery section
+  'nupi',
+  'age',
+  'phone_number',
+  'labour_duration',
+  'delivery_date',
+  'delivery_time',
+  'gestation_at_birth',
+  'mode_of_delivery',
+  'no_of_babies',
+  'placenta_complete',
+  'uterotonic_given',
+  'vaginal_examination',
+  'blood_loss',
+  'mother_status',
+
+  // Delivery complications / outcomes
+  'maternal_deaths_notified',
+  'delivery_complications',
+  'apgar_score',
+  'birth_outcome',
+  'birth_weight',
+  'sex',
+
+  // Baby care
+  'bf_in_1hr',
+  'teo_given',
+  'cord_chlorhexidine',
+  'birth_deformity',
+  'vitamin_k',
+  'pnc_status',
+
+  // HIV section
+  'hiv_test_1',
+  'hiv_test_2',
+  'hiv_test_3',
+  'hiv_result_maternity',
+  'start_at_maternity',
+
+  // Follow-up / referral
+  'kangaroo_mother_care',
+  'congenital_abnormalities',
+  'kit_name_1',
+  'kit_name_2',
+  'kit_name_3',
+  'hiv_initial_retest_status',
+  'maternal_treatment',
+  'referral_from',
+  'referral_to',
+  'reason_for_referral',
+];

package/src/reports/moh-711/sections/anc.component.tsx

@@ -0,0 +1,159 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+import { useLocation, useNavigate } from 'react-router-dom';
+
+interface ANCComponentProps {
+  moh711Data: any;
+  startDate: string;
+  endDate: string;
+  locationUuids: string;
+}
+
+const ANCComponent: React.FC<ANCComponentProps> = ({ moh711Data, startDate, endDate, locationUuids }) => {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const navigateToRegister = (indicator: string) => {
+    navigate(
+      `/moh-405-register?startDate=${startDate}&endDate=${endDate}&locationUuids=${locationUuids}&indicator=${indicator}&from=moh-711`,
+      {
+        state: {
+          from: location.pathname,
+          reportName: 'moh711Report',
+        },
+      },
+    );
+  };
+  return (
+    <div className={styles.section}>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th colSpan={3}>A. ANC/PMTCT</th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td rowSpan={2}>No. of ANC Clients</td>
+            <td>New</td>
+            <td onClick={() => navigateToRegister('new_anc_clients')}>{moh711Data.new_anc_clients}</td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>Re-visit</td>
+            <td onClick={() => navigateToRegister('revisit_anc_clients')}>{moh711Data.revisit_anc_clients}</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td colSpan={2}>No. of Clients given IPT (1st Dose)</td>
+            <td onClick={() => navigateToRegister('first_ipt_dose')}>{moh711Data.first_ipt_dose}</td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td colSpan={2}>No. of Clients given IPT (2nd Dose)</td>
+            <td onClick={() => navigateToRegister('second_ipt_dose')}>{moh711Data.second_ipt_dose}</td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td colSpan={2}>No. of Clients given IPT (3rd Dose)</td>
+            <td onClick={() => navigateToRegister('third_ipt_dose')}>{moh711Data.third_ipt_dose}</td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td colSpan={2}>No. of Clients with Hb&lt;11g/dl</td>
+            <td onClick={() => navigateToRegister('Hb_less_11g')}>{moh711Data.Hb_less_11g}</td>
+          </tr>
+          <tr>
+            <td>7</td>
+            <td colSpan={2}>No. clients with 1st ANC contact at 12 or less weeks</td>
+            <td onClick={() => navigateToRegister('first_anc_contact_12_or_less_weeks')}>
+              {moh711Data.first_anc_contact_12_or_less_weeks}
+            </td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td colSpan={2}>Pregnant women completing 4th ANC Contacts</td>
+            <td onClick={() => navigateToRegister('completing_4_anc_visits')}>{moh711Data.completing_4_anc_visits}</td>
+          </tr>
+          <tr>
+            <td>9</td>
+            <td colSpan={2}>No. of clients completed 8th ANC Contacts</td>
+            <td onClick={() => navigateToRegister('completing_8_anc_contact')}>
+              {moh711Data.completing_8_anc_contact}
+            </td>
+          </tr>
+          <tr>
+            <td>10</td>
+            <td colSpan={2}>No. of LLINs distributed to under 1 year</td>
+            <td onClick={() => navigateToRegister('llins_children_less_than_one')}>
+              {moh711Data.llins_children_less_than_one}
+            </td>
+          </tr>
+          <tr>
+            <td>11</td>
+            <td colSpan={2}>No. of LLINs distributed to ANC clients</td>
+            <td onClick={() => navigateToRegister('llins_anc_clients')}>{moh711Data.llins_anc_clients}</td>
+          </tr>
+          <tr>
+            <td>12</td>
+            <td rowSpan={2}>No. of clients</td>
+            <td>Tested for Syphilis</td>
+            <td onClick={() => navigateToRegister('anc_clients_tested_syphilis')}>
+              {moh711Data.anc_clients_tested_syphilis}
+            </td>
+          </tr>
+          <tr>
+            <td>13</td>
+            <td>Positive (+ve)</td>
+            <td onClick={() => navigateToRegister('syphilis_positive')}> {moh711Data.syphilis_positive}</td>
+          </tr>
+          <tr>
+            <td>14</td>
+            <td colSpan={2}>Total Women Done Breast Examination</td>
+            <td onClick={() => navigateToRegister('breast_exam')}>{moh711Data.breast_exam}</td>
+          </tr>
+          <tr>
+            <td>15</td>
+            <td colSpan={2}>No. of adolescents (10-14 years) presenting with pregnancy at 1st ANC contact</td>
+            <td onClick={() => navigateToRegister('adolesc_10_14')}>{moh711Data.adolesc_10_14}</td>
+          </tr>
+          <tr>
+            <td>16</td>
+            <td colSpan={2}>No. of adolescents (15-19 years) presenting with pregnancy at 1st ANC contact</td>
+            <td onClick={() => navigateToRegister('adolesc_15_19')}>{moh711Data.adolesc_15_19}</td>
+          </tr>
+          <tr>
+            <td>17</td>
+            <td colSpan={2}>No. of youth (20-24 years) presenting with pregnancy at 1st ANC contact</td>
+            <td onClick={() => navigateToRegister('youth_20_24')}>{moh711Data.youth_20_24}</td>
+          </tr>
+          <tr>
+            <td>18</td>
+            <td colSpan={2}>No. of clients issued with Iron</td>
+            <td onClick={() => navigateToRegister('iron')}>{moh711Data.iron}</td>
+          </tr>
+          <tr>
+            <td>19</td>
+            <td colSpan={2}>No. of clients issued with Folic</td>
+            <td onClick={() => navigateToRegister('folic')}>{moh711Data.folic}</td>
+          </tr>
+          <tr>
+            <td>20</td>
+            <td colSpan={2}>No. of clients issued with Combined Ferrous Folate</td>
+            <td onClick={() => navigateToRegister('iron_and_folate')}>{moh711Data.iron_and_folate}</td>
+          </tr>
+          <tr>
+            <td>21</td>
+            <td colSpan={2}>No. of pregnant women presenting in ANC with complication associated with FGM</td>
+            <td onClick={() => navigateToRegister('fgm_complications')}>{moh711Data.fgm_complications}</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default ANCComponent;

package/src/reports/moh-711/sections/cervical-cancer.component.tsx

@@ -0,0 +1,148 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+import { useNavigate } from 'react-router-dom';
+
+interface CervicalCancerComponentProps {
+  moh711Data: any;
+  startDate: string;
+  endDate: string;
+  locationUuids: string;
+}
+
+const CervicalCancerComponent: React.FC<CervicalCancerComponentProps> = ({
+  moh711Data,
+  startDate,
+  endDate,
+  locationUuids,
+}) => {
+  const navigate = useNavigate();
+
+  const navigateToRegister = (indicator: string) => {
+    navigate(
+      `/moh-412-register?startDate=${startDate}&endDate=${endDate}&locationUuids=${locationUuids}&indicator=${indicator}&from=moh-711`,
+    );
+  };
+  return (
+    <div className={styles.section}>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th></th>
+            <th colSpan={4}>G. Cervical cancer screening</th>
+          </tr>
+          <tr>
+            <th></th>
+            <th className={styles.greyBackground}></th>
+            <th>&lt;25 yrs</th>
+            <th>25-49 Years</th>
+            <th>50+yrs</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>No. of Clients receiving VIA/VILI/HPV VILI/HPV</td>
+            <td onClick={() => navigateToRegister('via_villi_hpv_less_25')}>{moh711Data.via_villi_hpv_less_25}</td>
+            <td onClick={() => navigateToRegister('via_villi_hpv_25_49')}>{moh711Data.via_villi_hpv_25_49}</td>
+            <td onClick={() => navigateToRegister('via_villi_hpv_50_above')}>{moh711Data.via_villi_hpv_50_above}</td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>No. screened for Pap smear</td>
+            <td onClick={() => navigateToRegister('pap_smear_less_25')}>{moh711Data.pap_smear_less_25}</td>
+            <td onClick={() => navigateToRegister('pap_smear_25_49')}>{moh711Data.pap_smear_25_49}</td>
+            <td onClick={() => navigateToRegister('pap_smear_50_above')}>{moh711Data.pap_smear_50_above}</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>No. screend for HPV test</td>
+            <td onClick={() => navigateToRegister('hpv_test_less_25')}>{moh711Data.hpv_test_less_25}</td>
+            <td onClick={() => navigateToRegister('hpv_test_25_49')}>{moh711Data.hpv_test_25_49}</td>
+            <td onClick={() => navigateToRegister('hpv_test_50_above')}>{moh711Data.hpv_test_50_above}</td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>No. of clients with Positive VIA/VILI results</td>
+            <td onClick={() => navigateToRegister('positive_via_villi_less_25')}>
+              {moh711Data.positive_via_villi_less_25}
+            </td>
+            <td onClick={() => navigateToRegister('positive_via_villi_25_49')}>
+              {moh711Data.positive_via_villi_25_49}
+            </td>
+            <td onClick={() => navigateToRegister('positive_via_villi_50_above')}>
+              {moh711Data.positive_via_villi_50_above}
+            </td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td>No. of clients with Positive Cytology result</td>
+            <td onClick={() => navigateToRegister('positive_cytology_less_25')}>
+              {moh711Data.positive_cytology_less_25}
+            </td>
+            <td onClick={() => navigateToRegister('positive_cytology_25_49')}>{moh711Data.positive_cytology_25_49}</td>
+            <td onClick={() => navigateToRegister('positive_cytology_50_above')}>
+              {moh711Data.positive_cytology_50_above}
+            </td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td>No. of clients with Positive HPV results</td>
+            <td onClick={() => navigateToRegister('positive_hpv_less_25')}>{moh711Data.positive_hpv_less_25}</td>
+            <td onClick={() => navigateToRegister('positive_hpv_25_49')}>{moh711Data.positive_hpv_25_49}</td>
+            <td onClick={() => navigateToRegister('positive_hpv_50_above')}>{moh711Data.positive_hpv_50_above}</td>
+          </tr>
+          <tr>
+            <td>7</td>
+            <td>No. of clients with suspicious cancer lessions</td>
+            <td onClick={() => navigateToRegister('suspicious_cancer_lessions_less_25')}>
+              {moh711Data.suspicious_cancer_lessions_less_25}
+            </td>
+            <td onClick={() => navigateToRegister('suspicious_cancer_lessions_25_49')}>
+              {moh711Data.suspicious_cancer_lessions_25_49}
+            </td>
+            <td onClick={() => navigateToRegister('suspicious_cancer_lessions_50_above')}>
+              {moh711Data.suspicious_cancer_lessions_50_above}
+            </td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td>No. of clients treated using Cryotherapy</td>
+            <td onClick={() => navigateToRegister('cryotherapy_treatment_less_25')}>
+              {moh711Data.cryotherapy_treatment_less_25}
+            </td>
+            <td onClick={() => navigateToRegister('cryotherapy_treatment_25_49')}>
+              {moh711Data.cryotherapy_treatment_25_49}
+            </td>
+            <td onClick={() => navigateToRegister('cryotherapy_treatment_50_above')}>
+              {moh711Data.cryotherapy_treatment_50_above}
+            </td>
+          </tr>
+          <tr>
+            <td>9</td>
+            <td>No. of clients treated using LEEP</td>
+            <td onClick={() => navigateToRegister('leep_treatment_less_25')}>{moh711Data.leep_treatment_less_25}</td>
+            <td onClick={() => navigateToRegister('leep_treatment_25_49')}>{moh711Data.leep_treatment_25_49}</td>
+            <td onClick={() => navigateToRegister('leep_treatment_50_above')}>{moh711Data.leep_treatment_50_above}</td>
+          </tr>
+          <tr>
+            <td>10</td>
+            <td>No of HIV positive clients screened</td>
+            <td onClick={() => navigateToRegister('hiv_positive_screened_cervical_cancer_less_25')}>
+              {moh711Data.hiv_positive_screened_cervical_cancer_less_25}
+            </td>
+            <td onClick={() => navigateToRegister('hiv_positive_screened_cervical_cancer_25_49')}>
+              {moh711Data.hiv_positive_screened_cervical_cancer_25_49}
+            </td>
+            <td onClick={() => navigateToRegister('hiv_positive_screened_cervical_cancer_50_above')}>
+              {moh711Data.hiv_positive_screened_cervical_cancer_50_above}
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default CervicalCancerComponent;