@ampath/esm-reports-app 1.0.0-next.4 → 1.0.0-next.41

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

@@ -0,0 +1,271 @@
+import { Button, Loading, Table, TableBody, TableHead, TableHeader, TableRow } from '@carbon/react';
+import React, { useEffect, useState } from 'react';
+import { useLocation, useNavigate, useSearchParams } from 'react-router-dom';
+
+import styles from '../moh711.scss';
+import { getMoh511PatientList } from '../../../resources/moh-711.resource';
+import { moh511Columns } from './type';
+import classNames from 'classnames';
+
+const Moh511Register: React.FC = () => {
+  const navigate = useNavigate();
+  const [patientlist, setPatientList] = useState<any[]>([]);
+  const [isLoading, setIsLoading] = useState(false);
+
+  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 || '';
+
+  useEffect(() => {
+    const fetchData = async () => {
+      if (!startDate || !endDate || !locationUuids || !indicator || !reportName) return;
+
+      setIsLoading(true);
+
+      try {
+        const params = {
+          startDate,
+          endDate,
+          locationUuids,
+          indicator,
+          reportName,
+        };
+
+        const data = await getMoh511PatientList(params);
+
+        setPatientList(data?.results.results || []);
+      } catch (error) {
+        console.error('Failed to fetch register data', error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [startDate, endDate, locationUuids, indicator, reportName]);
+
+  function navigateBack() {
+    navigate(location.state?.from || '/moh-711');
+  }
+  return (
+    <>
+      <div className={styles.buttonContainer}>
+        <Button onClick={navigateBack}>Back</Button>
+      </div>
+      <div>{isLoading && <Loading />}</div>
+      <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>
+    </>
+  );
+};
+
+export default Moh511Register;

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}`,
+      {
+        state: {
+          from: location.pathname,
+          reportName: 'moh711Report',
+        },
+      },
+    );
+  };
+  return (
+    <>
+      <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>
+    </>
+  );
+};
+
+export default ANCComponent;