@ampath/esm-reports-app 1.0.0-next.3 → 1.0.0-next.30

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

@@ -0,0 +1,83 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface MedicalSocialWorkComponentProps {
+  moh711Data: any;
+}
+
+const MedicalSocialWorkComponent: React.FC<MedicalSocialWorkComponentProps> = ({ moh711Data }) => {
+  return (
+    <>
+      <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>
+          <tr>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+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 (
+    <>
+      <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>
+    </>
+  );
+};
+
+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 (
+    <>
+      <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>
+    </>
+  );
+};
+
+export default PhysiotherapyComponent;

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

@@ -0,0 +1,118 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+import { useNavigate } from 'react-router-dom';
+
+interface PNCComponentProps {
+  moh711Data: any;
+  startDate: string;
+  endDate: string;
+  locationUuids: string;
+}
+
+const PNCComponent: React.FC<PNCComponentProps> = ({ moh711Data, startDate, endDate, locationUuids }) => {
+  const navigate = useNavigate();
+  const navigateToRegister = (indicator: string) => {
+    navigate(
+      `/moh-406-register?startDate=${startDate}&endDate=${endDate}&locationUuids=${locationUuids}&indicator=${indicator}`,
+    );
+  };
+  return (
+    <>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <td></td>
+            <th colSpan={3}>H. Post Natal Care (PNC)</th>
+          </tr>
+          <tr>
+            <th colSpan={3} className={styles.greyBackground}></th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td rowSpan={2}>No. of PNC Clients</td>
+            <td>New</td>
+            <td onClick={() => navigateToRegister('pnc_new_clients')}>{moh711Data.pnc_new_clients}</td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>Revisit</td>
+            <td onClick={() => navigateToRegister('pnc_revisit_clients')}>{moh711Data.pnc_revisit_clients}</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td colSpan={2}>No of Women counselled on Post Partum FP</td>
+            <td onClick={() => navigateToRegister('women_couselled_on_post_partum_fp')}>
+              {moh711Data.women_couselled_on_post_partum_fp}
+            </td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td colSpan={2}>No of Clients who received Post Partum FP</td>
+            <td onClick={() => navigateToRegister('women_received_post_partum_fp')}>
+              {moh711Data.women_received_post_partum_fp}
+            </td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td rowSpan={3}>No. of Mothers receiving Postpartum Care</td>
+            <td>within 48 hours</td>
+            <td onClick={() => navigateToRegister('mothers_post_partum_care_48_hours')}>
+              {moh711Data.mothers_post_partum_care_48_hours}
+            </td>
+          </tr>
+          <tr>
+            <td></td>
+            <td>Between 3 days to 6 weeks</td>
+            <td onClick={() => navigateToRegister('mothers_post_partum_care_3_6_weeks')}>
+              {moh711Data.mothers_post_partum_care_3_6_weeks}
+            </td>
+          </tr>
+          <tr>
+            <td></td>
+            <td>After 6 weeks</td>
+            <td onClick={() => navigateToRegister('mothers_post_partum_care_after_6_weeks')}>
+              {moh711Data.mothers_post_partum_care_after_6_weeks}
+            </td>
+          </tr>
+          <tr>
+            <td rowSpan={3}>6</td>
+            <td rowSpan={3}>No. of Babies received Postpartum Care</td>
+            <td>Within 48 hours</td>
+            <td onClick={() => navigateToRegister('infants_post_partum_care_48_hours')}>
+              {moh711Data.infants_post_partum_care_48_hours}
+            </td>
+          </tr>
+          <tr>
+            <td>Between 3 days to 6 weeks</td>
+            <td onClick={() => navigateToRegister('infants_post_partum_care_3_6_weeks')}>
+              {moh711Data.infants_post_partum_care_3_6_weeks}
+            </td>
+          </tr>
+          <tr>
+            <td>After 6 weeks</td>
+            <td onClick={() => navigateToRegister('infants_post_partum_care_after_6_weeks')}>
+              {moh711Data.infants_post_partum_care_after_6_weeks}
+            </td>
+          </tr>
+          <tr>
+            <td>7</td>
+            <td colSpan={2}>Number of Cases of Fistula</td>
+            <td onClick={() => navigateToRegister('pnc_new_clients')}>{moh711Data.fistula_cases}</td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td colSpan={2}>No referred from the Community unit to PNC</td>
+            <td onClick={() => navigateToRegister('pnc_new_clients')}>{moh711Data.referrals_from_community}</td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+export default PNCComponent;

package/src/reports/moh-711/sections/post-abortion.component.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface PostAbortionProps {
+  moh711Data: any;
+}
+
+const PostAbortion: React.FC<PostAbortionProps> = ({ moh711Data }) => {
+  return (
+    <>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th colSpan={2}>E. Post Abortion Care (PAC) Services</th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>No. of Adolescents (10-19yrs) Receiving PAC Services</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>No. of Youth 20-24 yrs receiving PAC services</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>No. Receiving PAC (25 Years plus)</td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+export default PostAbortion;

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

@@ -0,0 +1,57 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface RehabilitationComponentProps {
+  moh711Data: any;
+}
+
+const RehabilitationComponent: React.FC<RehabilitationComponentProps> = ({ moh711Data }) => {
+  return (
+    <>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th></th>
+            <th colSpan={2}>I. Rehabilitation Services</th>
+          </tr>
+          <tr>
+            <th></th>
+            <th className={styles.greyBackground}></th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>Number Assessed</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>Number Treated</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>Number Rehabilitated</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>Rehab referred for further Interventions</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td>Number Integrated to Communities</td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+export default RehabilitationComponent;

package/src/reports/moh-711/sections/report-compiled-by.component.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+const ReportCompiledByComponent: React.FC = () => {
+  return (
+    <>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th colSpan={3}>Report Compiled By:</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td></td>
+            <td>Name:</td>
+            <td className={styles.compiledBy}></td>
+          </tr>
+          <tr>
+            <td></td>
+            <td>Designation:</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td></td>
+            <td>Date:</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td></td>
+            <td>Signature</td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+export default ReportCompiledByComponent;

package/src/reports/moh-711/sections/tb-screening.component.tsx

@@ -0,0 +1,57 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface TBScreeningProps {
+  moh711Data: any;
+}
+
+const TBScreeningComponent: React.FC<TBScreeningProps> = ({ moh711Data }) => {
+  return (
+    <>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th colSpan={2}>M. TB SCREENING</th>
+            <th>0 - 14 years</th>
+            <th>15 years +</th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>Total Number of people screened</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>Total Number of presumptive TB cases</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>Total Number of already on TB treatment</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>Total Number of people not screened</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+export default TBScreeningComponent;

package/src/reports/moh-717/moh-717.component.tsx

@@ -0,0 +1,170 @@
+import React, { useState } from 'react';
+import ReportFiltersComponent from '../../common/report-filters/report-filters.component';
+
+import styles from './moh717.scss';
+import classNames from 'classnames';
+import { useSession } from '@openmrs/esm-framework';
+import { getMoh717 } from '../../resources/moh-717.resource';
+import { Loading } from '@carbon/react';
+import OutpatientComponent from './sections/outpatient.component';
+import InpatientComponent from './sections/inpatient.component';
+import MaternityComponent from './sections/maternity.component';
+import OperationsComponent from './sections/operations.component';
+import OrthopaedicTraumaComponent from './sections/orthopaedic-trauma.component';
+import SpecialServicesComponent from './sections/special-services.component';
+import PharmacyComponent from './sections/pharmacy.component';
+import MortuaryComponent from './sections/mortuary.component';
+import MedicalRecordsComponent from './sections/medical-records.component';
+import FinanceComponent from './sections/finance.component';
+import PreparedbyComponent from './sections/preparedby.component';
+import { type ReportFilters } from '../moh-705a/type';
+
+const Moh717Report: React.FC = () => {
+  let errorMessage: string = '';
+  const [moh717ReportData, setMoh717ReportData] = useState<any>([]);
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [startDate, setStartDate] = useState<string>('');
+  const [endDate, setEndDate] = useState<string>('');
+
+  const session = useSession();
+  const locationUuid = session?.sessionLocation?.uuid;
+
+  const getReportParams = (filters: ReportFilters) => {
+    let { startDate: sDate, endDate: eDate } = filters;
+
+    if (filters.month) {
+      const [year, monthIndex] = filters.month.split('-').map(Number);
+
+      const start = new Date(year, monthIndex - 1, 1);
+      const end = new Date(year, monthIndex, 0);
+
+      const formatLocalDate = (d: Date) => {
+        const y = d.getFullYear();
+        const m = String(d.getMonth() + 1).padStart(2, '0');
+        const day = String(d.getDate()).padStart(2, '0');
+        return `${y}-${m}-${day}`;
+      };
+
+      sDate = formatLocalDate(start);
+      eDate = formatLocalDate(end);
+    }
+
+    setStartDate(sDate || '');
+    setEndDate(eDate || '');
+
+    return { startDate: sDate, endDate: eDate };
+  };
+
+  const fetchMoh717ReportData = async (filters: { startDate?: string; endDate?: string; month?: string }) => {
+    setIsLoading(true);
+
+    const { startDate, endDate } = getReportParams(filters);
+
+    const params = {
+      locationUuids: locationUuid || '',
+      startDate,
+      endDate,
+    };
+    try {
+      const data = await getMoh717(params);
+      const flatData = Object.assign({}, ...data.result);
+      setMoh717ReportData(flatData);
+      setIsLoading(false);
+    } catch (error) {
+      setIsLoading(false);
+      errorMessage = error instanceof Error ? error.message : String(error);
+      throw new Error(`Failed to fetch MOH-717 report data: ${error instanceof Error ? error.message : String(error)}`);
+    }
+  };
+  return (
+    <>
+      <ReportFiltersComponent
+        reportName="MOH-717 Report"
+        mode="monthly"
+        onGenerate={fetchMoh717ReportData}
+        isLoding={isLoading}
+      />
+      {isLoading && <Loading description="Fetching data...." />}
+      {!isLoading && errorMessage && (
+        <div>
+          <a href="#" className="close" data-dismiss="alert">
+            &times;
+          </a>
+          <h4>
+            <strong>
+              <span className="glyphicon glyphicon-warning-sign"></span>{' '}
+            </strong>{' '}
+            An error occurred while trying to load the report. Please try again.
+          </h4>
+          <p>
+            <small>{errorMessage}</small>
+          </p>
+        </div>
+      )}
+      <h3>Monthly Service Workload Report for Health Facilities</h3>
+      <div className={styles.location}>
+        <span>
+          County: <span className={styles.shortLine}></span>
+        </span>
+        <span>
+          Sub-County: <span className={styles.shortLine}></span>
+        </span>
+        <span>
+          Health Facility: <span className={styles.shortLine}></span>
+        </span>
+      </div>
+      <div className={styles.location}>
+        <span>
+          Month: <span className={styles.shortLine}></span>
+        </span>
+        <span>
+          Year: <span className={styles.shortLine}></span>
+        </span>
+        <span>
+          KMHFL Code: <span className={styles.shortLine}></span>
+        </span>
+      </div>
+      <div className={styles.container}>
+        <div className={styles.section}>
+          <OutpatientComponent moh717ReportData={moh717ReportData} />
+        </div>
+        <InpatientComponent moh717ReportData={moh717ReportData} />
+        <div className={styles.sectionContainer}>
+          <div className={styles.left}>
+            <MaternityComponent
+              moh717ReportData={moh717ReportData}
+              startDate={startDate}
+              endDate={endDate}
+              locationUuids={locationUuid!}
+            />
+          </div>
+          <div className={styles.right}>
+            <OperationsComponent moh717ReportData={moh717ReportData} />
+            <div className={styles.section}>
+              <OrthopaedicTraumaComponent moh717ReportData={moh717ReportData} />
+            </div>
+          </div>
+        </div>
+        <SpecialServicesComponent moh717ReportData={moh717ReportData} />
+        <div className={styles.sectionTwoContainer}>
+          <div className={styles.one}>
+            <PharmacyComponent moh717ReportData={moh717ReportData} />
+          </div>
+          <div className={styles.two}>
+            <MortuaryComponent moh717ReportData={moh717ReportData} />
+          </div>
+          <div className={styles.three}>
+            <MedicalRecordsComponent moh717ReportData={moh717ReportData} />
+          </div>
+        </div>
+
+        <FinanceComponent moh717ReportData={moh717ReportData} />
+        <div className={styles.preparedByContainer}>
+          <PreparedbyComponent />
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default Moh717Report;