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

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

@@ -0,0 +1,115 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface GBVComponentProps {
+  moh711Data: any;
+}
+
+const GBVComponent: React.FC<GBVComponentProps> = () => {
+  return (
+    <div className={styles.section}>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th></th>
+            <th colSpan={5}>C. Sexual and Gender Based Violence (SGBV)</th>
+          </tr>
+          <tr>
+            <th></th>
+            <th className={styles.greyBackground}></th>
+            <th>0-9 yrs</th>
+            <th>10-17 yrs</th>
+            <th>18-49 Yrs</th>
+            <th>50+yrs</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>Total SGBV Total Survivors Seen (Rape, attempted rape, defilement and asault)</td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>No. of SGBV survivors presenting within 72 hours</td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>No. of eligible Survivors Initiated on PEP</td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>No. of eligible survivors Completed PEP</td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td>No. of SGBV survivors seroconverting 3 months after exposure</td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td>No. of SGBV survivors eligible for ECP</td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>7</td>
+            <td>No. of SGBV survivors who received ECP</td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td>No. of rape/defilement Survivors Pregnant after 4 weeks</td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>9</td>
+            <td>No. of RC/IPV clients seen</td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>10</td>
+            <td>No. of survivors with disability</td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default GBVComponent;

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

@@ -0,0 +1,321 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+import { useLocation, useNavigate } from 'react-router-dom';
+
+interface MaternityComponentProps {
+  moh711Data: any;
+  startDate: string;
+  endDate: string;
+  locationUuids: string;
+}
+
+const MaternityComponent: React.FC<MaternityComponentProps> = ({ moh711Data, startDate, endDate, locationUuids }) => {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const navigateToRegister = (indicator: string) => {
+    navigate(
+      `/moh-333-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}>B. Maternity and NewBorn</th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td colSpan={2}>Normal Deliveries</td>
+            <td onClick={() => navigateToRegister('normal_deliveries')}>{moh711Data.normal_deliveries}</td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td colSpan={2}>Caesarean Sections</td>
+            <td onClick={() => navigateToRegister('caesarian_sections')}>{moh711Data.caesarian_sections}</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td colSpan={2}>Breach Delivery</td>
+            <td onClick={() => navigateToRegister('breach_delivery')}>{moh711Data.breach_delivery}</td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td colSpan={2}>Assisted Vaginal Deliveries(Vacuum Extraction)</td>
+            <td onClick={() => navigateToRegister('assisted_vaginal_delivery')}>
+              {moh711Data.assisted_vaginal_delivery}
+            </td>
+          </tr>
+          <tr>
+            <th colSpan={3}>Total Deliveries</th>
+            <th>
+              {(moh711Data?.normal_deliveries ?? 0) +
+                (moh711Data?.caesarian_sections ?? 0) +
+                (moh711Data?.breach_delivery ?? 0) +
+                (moh711Data?.assisted_vaginal_delivery ?? 0)}
+            </th>
+          </tr>
+          <tr>
+            <td rowSpan={2}>5</td>
+            <td rowSpan={2}>No. of mothers given uterotonics within 1 minute</td>
+            <td>Oxytocin</td>
+            <td onClick={() => navigateToRegister('oxytocin_uterotonic')}>{moh711Data.oxytocin_uterotonic}</td>
+          </tr>
+          <tr>
+            <td>Carbatosin</td>
+            <td onClick={() => navigateToRegister('carbatocin_uterotonic')}>{moh711Data.carbatocin_uterotonic}</td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td colSpan={2}>Live Births</td>
+            <td onClick={() => navigateToRegister('live_birth')}>{moh711Data.live_birth}</td>
+          </tr>
+          <tr>
+            <td>7</td>
+            <td colSpan={2}>No. of Low Birth Weight Babies (below 2500gms)</td>
+            <td onClick={() => navigateToRegister('low_birth_weight')}>{moh711Data.low_birth_weight}</td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td colSpan={2}>
+              No. of Low APGAR Score(<strong>&le; 6 at 5 Min</strong>)
+            </td>
+            <td onClick={() => navigateToRegister('low_apgar_score')}>{moh711Data.low_apgar_score}</td>
+          </tr>
+          <tr>
+            <td>9</td>
+            <td colSpan={2}>No. of Birth with diformities</td>
+            <td onClick={() => navigateToRegister('birth_with_deformity')}>{moh711Data.birth_with_deformity}</td>
+          </tr>
+          <tr>
+            <td>10</td>
+            <td colSpan={2}>No. of Babies applied chlorhexidine for cord care</td>
+            <td onClick={() => navigateToRegister('chlorhexidine_applied')}>{moh711Data.chlorhexidine_applied}</td>
+          </tr>
+          <tr>
+            <td>11</td>
+            <td colSpan={2}>No. of Neonates given Vit "K"</td>
+            <td onClick={() => navigateToRegister('vitamin_k')}>{moh711Data.vitamin_k}</td>
+          </tr>
+          <tr>
+            <td>12</td>
+            <td colSpan={2}>No. of Babies given tetracycline at birth</td>
+            <td onClick={() => navigateToRegister('tetracycline_given')}>{moh711Data.tetracycline_given}</td>
+          </tr>
+          <tr>
+            <td>13</td>
+            <td colSpan={2}>Pre-Term babies</td>
+            <td onClick={() => navigateToRegister('pre_term_babies')}>{moh711Data.pre_term_babies}</td>
+          </tr>
+          <tr>
+            <td>14</td>
+            <td colSpan={2}>No. of Babies discharge Alive</td>
+            <td onClick={() => navigateToRegister('discharge_alive')}>{moh711Data.discharge_alive}</td>
+          </tr>
+          <tr>
+            <td>15</td>
+            <td colSpan={2}>No. of Infants initiated on breast feeding within 1 hour after birth</td>
+            <td onClick={() => navigateToRegister('bf_within_1_hour')}>{moh711Data.bf_within_1_hour}</td>
+          </tr>
+          <tr>
+            <td>16</td>
+            <td colSpan={2}>Total Deliveries from HIV +ve Women</td>
+            <td onClick={() => navigateToRegister('deliveries_from_positive_women')}>
+              {moh711Data.deliveries_from_positive_women}
+            </td>
+          </tr>
+          <tr>
+            <td>17</td>
+            <td rowSpan={3}>Perinatal Deaths</td>
+            <td>Fresh Still Birth</td>
+            <td onClick={() => navigateToRegister('fresh_still_birth')}>{moh711Data.fresh_still_birth}</td>
+          </tr>
+          <tr>
+            <td>18</td>
+            <td>Macerated still Birth</td>
+            <td onClick={() => navigateToRegister('macerated_still_birth')}>{moh711Data.macerated_still_birth}</td>
+          </tr>
+          <tr>
+            <td>19</td>
+            <td>Deaths 0-7 days</td>
+            <td onClick={() => navigateToRegister('perinatal_deaths_0_7_days')}>
+              {moh711Data.perinatal_deaths_0_7_days}
+            </td>
+          </tr>
+          <tr>
+            <td>20</td>
+            <td colSpan={2}>Neonatal deaths 0-28 Days</td>
+            <td onClick={() => navigateToRegister('neonatal_deaths_0_28_days')}>
+              {moh711Data.neonatal_deaths_0_28_days}
+            </td>
+          </tr>
+          <tr>
+            <td>21</td>
+            <td colSpan={2}>Maternal deaths 10-14 Years</td>
+            <td onClick={() => navigateToRegister('maternal_deaths_10_14_years')}>
+              {moh711Data.maternal_deaths_10_14_years}
+            </td>
+          </tr>
+          <tr>
+            <td>22</td>
+            <td colSpan={2}>Maternal deaths 15-19 Years</td>
+            <td onClick={() => navigateToRegister('maternal_deaths_15_19_years')}>
+              {moh711Data.maternal_deaths_15_19_years}
+            </td>
+          </tr>
+          <tr>
+            <td>23</td>
+            <td colSpan={2}>Maternal deaths 20-24 Years</td>
+            <td onClick={() => navigateToRegister('maternal_deaths_20_24_years')}>
+              {moh711Data.maternal_deaths_20_24_years}
+            </td>
+          </tr>
+          <tr>
+            <td>24</td>
+            <td colSpan={2}>Maternal deaths 25+ Years</td>
+            <td onClick={() => navigateToRegister('maternal_deaths_25_above_years')}>
+              {moh711Data.maternal_deaths_25_above_years}
+            </td>
+          </tr>
+          <tr>
+            <td>25</td>
+            <td colSpan={2}>Maternal Deaths Audited Within 7 Days</td>
+            <td onClick={() => navigateToRegister('maternal_deaths_audited_within_7_days')}>
+              {moh711Data.maternal_deaths_audited_within_7_days}
+            </td>
+          </tr>
+          <tr>
+            <td>26</td>
+            <td colSpan={2}>No. of Neonatal deaths audited within 7 days</td>
+            <td onClick={() => navigateToRegister('neonatal_deaths_audited_within_7_days')}>
+              {moh711Data.neonatal_deaths_audited_within_7_days}
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th colSpan={2}>Maternal complications</th>
+            <th>Alive</th>
+            <th>Dead</th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>27</td>
+            <td>A.P.H (Ante partum Haemorrage)</td>
+            <td onClick={() => navigateToRegister('ante_partum_haemorrage')}>{moh711Data.ante_partum_haemorrage}</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>28</td>
+            <td>P.P.H (Post Partum Haemorrage)</td>
+            <td onClick={() => navigateToRegister('post_partum_haemorrage')}>{moh711Data.post_partum_haemorrage}</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>29</td>
+            <td>Eclampsia</td>
+            <td onClick={() => navigateToRegister('eclampsia')}>{moh711Data.eclampsia}</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>30</td>
+            <td>Ruptured Uterus</td>
+            <td onClick={() => navigateToRegister('ruptured_uterus')}>{moh711Data.ruptured_uterus}</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>31</td>
+            <td>Obstructed Labour</td>
+            <td onClick={() => navigateToRegister('obstructed_labour')}>{moh711Data.obstructed_labour}</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>32</td>
+            <td>Sepsis</td>
+            <td onClick={() => navigateToRegister('sepsis')}>{moh711Data.sepsis}</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>33</td>
+            <td>
+              Number of Mothers with delivery complications associated
+              <br /> with FGM
+            </td>
+            <td onClick={() => navigateToRegister('fgm_delivery_complications')}>
+              {moh711Data.fgm_delivery_complications}
+            </td>
+            <td></td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th colSpan={2}>Neonate Care and Outcome</th>
+            <th></th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>34</td>
+            <td rowSpan={3}>Causes of neonatal deaths</td>
+            <td>No. of neonatal deaths due to Sepsis</td>
+            <td onClick={() => navigateToRegister('neonatal_deaths_sepsis')}>{moh711Data.neonatal_deaths_sepsis}</td>
+          </tr>
+          <tr>
+            <td>35</td>
+            <td>No. of neonatal deaths due to Prematurity</td>
+            <td onClick={() => navigateToRegister('neonatal_deaths_prematurity')}>
+              {moh711Data.neonatal_deaths_prematurity}
+            </td>
+          </tr>
+          <tr>
+            <td>36</td>
+            <td>No. of neonatal deaths due to Asphyxia</td>
+            <td onClick={() => navigateToRegister('neonatal_deaths_asphyxia')}>
+              {moh711Data.neonatal_deaths_asphyxia}
+            </td>
+          </tr>
+          <tr>
+            <td>37</td>
+            <td colSpan={2}>No. of Neonates initiated on Kangaroo Mother Care</td>
+            <td onClick={() => navigateToRegister('kangaroo_mother_care')}>{moh711Data.kangaroo_mother_care}</td>
+          </tr>
+          <tr>
+            <td>38</td>
+            <td colSpan={2}>Maternal Referrals From Community Unit</td>
+            <td onClick={() => navigateToRegister('referrals_from_community')}>
+              {moh711Data.referrals_from_community}
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default MaternityComponent;

package/src/reports/moh-711/sections/medical-social-work.component.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface MedicalSocialWorkComponentProps {
+  moh711Data: any;
+}
+
+const MedicalSocialWorkComponent: React.FC<MedicalSocialWorkComponentProps> = ({ moh711Data }) => {
+  return (
+    <div className={styles.section}>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th></th>
+            <th>J. MEDICAL SOCIAL WORK / MENTAL HEALTH</th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>Psycho-Social Counselling</td>
+            <td>{moh711Data.psycho_social_counselling}</td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>Alcohol and Drug Abuse</td>
+            <td>{moh711Data.alcohol_and_drug_abuse}</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>Mental illness</td>
+            <td>{moh711Data.mental_illness}</td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>Adolescent issues</td>
+            <td>{moh711Data.adolescent_issues}</td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td>Psycho-Social Assessment (psycho, social and economic)</td>
+            <td>{moh711Data.psycho_social_economic_assessment}</td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td>Social investigations (Home visits / Follow ups)</td>
+            <td>{moh711Data.social_investigations}</td>
+          </tr>
+          <tr>
+            <td>7</td>
+            <td>Social Rehabilitation</td>
+            <td>{moh711Data.psycho_social_rehabilitation}</td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td>Outreach Services / Health Talks</td>
+            <td>{moh711Data.outreach_services}</td>
+          </tr>
+          <tr>
+            <td>9</td>
+            <td>Referrals</td>
+            <td>{moh711Data.mental_health_referral}</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default MedicalSocialWorkComponent;

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

@@ -0,0 +1,47 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface OtherComponentProps {
+  moh711Data: any;
+}
+
+const OtherComponent: React.FC<OtherComponentProps> = ({ moh711Data }) => {
+  return (
+    <div className={styles.section}>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th colSpan={2}>L. OTHER</th>
+            <th>Amount</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>Amount of FIF Collected</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>Amount of FIF Waived</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>Amount of FIF Exempted</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>Number of Disability committee meetings held</td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default OtherComponent;

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

@@ -0,0 +1,61 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface PhysiotherapyComponentProps {
+  moh711Data: any;
+}
+
+const PhysiotherapyComponent: React.FC<PhysiotherapyComponentProps> = () => {
+  return (
+    <div className={styles.section}>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th>K. PHYSIOTHERAPY SERVICE</th>
+            <th>&lt;5 yrs</th>
+            <th>5-19 yrs</th>
+            <th>20 yrs +</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td rowSpan={2}>Number of PWDs identified and receiving physiotherapy</td>
+            <td>OPD</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>Inpatient</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td rowSpan={2}>Number of clients/patients receiving physiotherapy</td>
+            <td>OPD</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>Inpatient</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td colSpan={2}>Total Number of treatments</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td colSpan={2}>PWDs assessed for registration</td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default PhysiotherapyComponent;