@kenyaemr/esm-patient-clinical-view-app 5.4.2-pre.2724 → 5.4.2-pre.2726

package/src/complaints/patient-complaints.component.tsx

@@ -0,0 +1,121 @@
+import React from 'react';
+import { ErrorState, isDesktop, useConfig, useLayoutType } from '@openmrs/esm-framework';
+import { CardHeader, EmptyState, usePaginationInfo } from '@openmrs/esm-patient-common-lib';
+import { useTranslation } from 'react-i18next';
+import {
+  DataTable,
+  Table,
+  TableHead,
+  TableRow,
+  TableHeader,
+  TableBody,
+  TableCell,
+  DataTableSkeleton,
+  Pagination,
+} from '@carbon/react';
+
+import { useForm, usePaginatedEncounters, extractComplaintsFromObservations } from './complaints.resource';
+import { ConfigObject } from '../config-schema';
+
+import styles from './patient-complaints.scss';
+
+const pageSize = 5;
+
+type PatientComplaintsComponentProps = {
+  patientUuid: string;
+};
+
+const PatientComplaintsComponent = ({ patientUuid }: PatientComplaintsComponentProps) => {
+  const { t } = useTranslation();
+  const layout = useLayoutType();
+  const config = useConfig<ConfigObject>();
+  const {
+    data = [],
+    isLoading: isLoadingEncounters,
+    error: errorEncounters,
+    currentPage,
+    goTo,
+    totalPages,
+  } = usePaginatedEncounters(patientUuid, config.encounterTypes.triage, pageSize);
+  const responsiveSize = isDesktop(layout) ? 'sm' : 'lg';
+  const { conceptLabelMap, isLoading: isLoadingForm, error: errorForm } = useForm(config.formsList.complaintsFormUuid);
+  const { pageSizes } = usePaginationInfo(pageSize, totalPages, currentPage, data?.length);
+  if (isLoadingEncounters || isLoadingForm) {
+    return <DataTableSkeleton />;
+  }
+
+  if (errorEncounters || errorForm) {
+    return <ErrorState error={errorEncounters || errorForm} headerTitle={t('complaints', 'Complaints')} />;
+  }
+
+  const complaintsTableHeaders = [
+    {
+      key: 'complaint',
+      header: t('complaint', 'Complaint'),
+    },
+    {
+      key: 'duration',
+      header: t('duration', 'Duration'),
+    },
+    {
+      key: 'onset',
+      header: t('onset', 'Onset'),
+    },
+  ];
+
+  const observations = data?.map((encounter) => encounter.obs) ?? [];
+  const complaints = extractComplaintsFromObservations(
+    observations.flatMap((observation) => observation),
+    config,
+    conceptLabelMap,
+  );
+
+  if (complaints.length === 0) {
+    return <EmptyState displayText={t('Complaints', 'Complaints')} headerTitle={t('complaints', 'Complaints')} />;
+  }
+
+  return (
+    <div className={styles.patientComplaintsContainer}>
+      <CardHeader title="Complaints">
+        <></>
+      </CardHeader>
+      <DataTable size={responsiveSize} useZebraStyles rows={complaints} headers={complaintsTableHeaders}>
+        {({ rows, headers, getTableProps, getHeaderProps, getRowProps, getCellProps }) => (
+          <Table {...getTableProps()}>
+            <TableHead>
+              <TableRow>
+                {headers.map((header) => (
+                  <TableHeader {...getHeaderProps({ header })}>{header.header}</TableHeader>
+                ))}
+              </TableRow>
+            </TableHead>
+            <TableBody>
+              {rows.map((row) => (
+                <TableRow {...getRowProps({ row })}>
+                  {row.cells.map((cell) => (
+                    <TableCell {...getCellProps({ cell })}>{cell.value}</TableCell>
+                  ))}
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        )}
+      </DataTable>
+      <Pagination
+        className={styles.pagination}
+        backwardText={t('previousPage', 'Previous page')}
+        forwardText={t('nextPage', 'Next page')}
+        page={currentPage}
+        pageSize={pageSize}
+        pageSizeInputDisabled={true}
+        pageSizes={pageSizes}
+        totalItems={complaints.length}
+        onChange={({ page }) => {
+          goTo(page);
+        }}
+      />
+    </div>
+  );
+};
+
+export default PatientComplaintsComponent;

package/src/complaints/patient-complaints.scss

@@ -0,0 +1,11 @@
+@use '@carbon/colors';
+@use '@carbon/layout';
+@use '@carbon/type';
+
+.patientComplaintsContainer {
+  border: 1px solid colors.$gray-20;
+}
+
+.pagination {
+  border-top: none;
+}

package/src/config-schema.ts

@@ -2,6 +2,21 @@ import { Type } from '@openmrs/esm-framework';
 import _default from 'react-hook-form/dist/logic/appendErrors';
 
 export const configSchema = {
+  complaintsConceptUuids: {
+    _type: Type.Array,
+    _description: 'List of complaint concept UUIDs',
+    _default: ['160531AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA'],
+  },
+  complaints: {
+    _type: Type.Object,
+    _description: 'Complaints configuration',
+    _default: {
+      chiefComplaintConceptUuid: '160531AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+      complaintMemberConceptUuid: '5219AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+      durationConceptUuid: '159368AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+      onsetConceptUuid: 'd7a3441d-6aeb-49be-b7d6-b2a3bb39e78d',
+    },
+  },
   requireMaritalStatusOnAgeGreaterThanOrEqualTo: {
     _type: Type.Number,
     _description: 'Age in years',
@@ -15,6 +30,7 @@ export const configSchema = {
       hivTestingServices: '9c0a7a57-62ff-4f75-babe-5835b0e921b7',
       kpPeerCalender: 'c4f9db39-2c18-49a6-bf9b-b243d673c64d',
       htsEcounterUuid: '9c0a7a57-62ff-4f75-babe-5835b0e921b7', // Used with Contact tracing
+      triage: 'd1059fb9-a079-4feb-a749-eedd709ae542',
     },
   },
   caseManagementForms: {
@@ -53,6 +69,7 @@ export const configSchema = {
       peerCalendarOutreactForm: '7492cffe-5874-4144-a1e6-c9e455472a35',
       autopsyFormUuid: '2b61a73-4971-4fc0-b20b-9a30176317e2',
       htsClientTracingFormUuid: '15ed03d2-c972-11e9-a32f-2a2ae2dbcce4',
+      complaintsFormUuid: '37f6bd8d-586a-4169-95fa-5781f987fe62',
     },
   },
   htsClientTracingConceptsUuids: {
@@ -489,6 +506,7 @@ export interface ConfigObject {
     hivTestingServices: string;
     kpPeerCalender: string;
     htsEcounterUuid: string;
+    triage: string;
   };
   formsList: {
     labourAndDelivery: string;
@@ -503,6 +521,7 @@ export interface ConfigObject {
     peerCalendarOutreactForm: string;
     autopsyFormUuid: string;
     htsClientTracingFormUuid: string;
+    complaintsFormUuid: string;
   };
   defaulterTracingEncounterUuid: string;
   autopsyEncounterFormUuid: string;
@@ -569,6 +588,13 @@ export interface ConfigObject {
     };
   };
   caseManagerRelationshipType: string;
+  complaintsConceptUuids: Array<string>;
+  complaints: {
+    chiefComplaintConceptUuid: string;
+    complaintMemberConceptUuid: string;
+    durationConceptUuid: string;
+    onsetConceptUuid: string;
+  };
 }
 
 export interface PartograpyComponents {

package/src/index.ts

@@ -1,4 +1,4 @@
-import { defineConfigSchema, getSyncLifecycle } from '@openmrs/esm-framework';
+import { defineConfigSchema, getAsyncLifecycle, getSyncLifecycle } from '@openmrs/esm-framework';
 import { createDashboardLink } from '@openmrs/esm-patient-common-lib';
 
 import { inPatientClinicalEncounterDashboardMeta } from './clinical-encounter/clinical-encounter-dashboard-meta';
@@ -116,6 +116,7 @@ export const specialClinicsDashboardLink = getSyncLifecycle(
 );
 export const specialClinicsDashboard = getSyncLifecycle(SpecialClinicDashboard, options);
 
+export const patientComplaints = getAsyncLifecycle(() => import('./complaints/patient-complaints.component'), options);
 export function startupApp() {
   defineConfigSchema(moduleName, configSchema);
 }

package/src/routes.json

@@ -195,6 +195,14 @@
       "order": 0,
       "online": true,
       "offline": false
+    },
+    {
+      "name": "patient-complaints",
+      "slot": "ewf-patient-summary-slot",
+      "component": "patientComplaints",
+      "order": 0,
+      "online": true,
+      "offline": false
     }
   ],
   "modals": [

package/translations/am.json

@@ -56,6 +56,9 @@
   "clearLiquor": "Clear liquor",
   "clientEligibility": "ብቁ",
   "clinicalEncounter": "ክሊኒካዊ ግኝት",
+  "complaint": "ቅሬታ",
+  "complaints": "ቅሬታዎች",
+  "Complaints": "ቅሬታዎች",
   "completed": "ተጠናቋል",
   "completedDocumentations": "የተጠናቀቀ ሰነድ",
   "contact": "እውቂያ",
@@ -99,6 +102,7 @@
   "drugsAndIVFluidsGiven": "Drugs given and IV fluids",
   "drugsIVFluids": "Drugs and IV Fluids Given",
   "duplicateTimeEntry": "This time already exists",
+  "duration": "Duration",
   "edit": "አስተካክል",
   "editContactList": "የእውቂያ ዝርዝር አስተካክል",
   "editEncounter": "አስተካክል",
@@ -190,6 +194,7 @@
   "neonatalAbnormalities": "የጨቅላ ህፃናት ያልተለመዱ ሁኔታዎች",
   "neonatalProblems": "የጨቅላ ህፃናት ችግሮች",
   "neonatalSummary": "የጨቅላ ህፃናት ማጠቃለያ",
+  "nextPage": "Next page",
   "nextVisitDate": "የሚቀጥለው የጉብኝት ቀን",
   "no": "አይ",
   "noContactToDisplay": "ለዚህ ታካሚ የሚታይ የእውቂያ ዳታ የለም።",
@@ -205,6 +210,7 @@
   "noPatientSelected": "No patient selected",
   "noPulseBPData": "No pulse and BP data available",
   "oneContraction": "1 contraction",
+  "onset": "Onset",
   "operatingDoctor": "የሚያሰራ ሀኪም",
   "otherSubstanceAbuse": "ሌላ የሱስ አላግባብ መጠቀም",
   "oxytocin": "Oxytocin",
@@ -228,6 +234,7 @@
   "postOperativeDiagnosis": "ከቀዶ ጥገና በኋላ ምርመራ",
   "pphCondition": "PPH አለ",
   "preferedPNSAproach": "የተመረጠ የPNS አካሄድ",
+  "previousPage": "Previous page",
   "primaryDiagnosis": "ዋና ምርመራ",
   "priorityOfAdmission": "የመግቢያ ቅድሚያ",
   "protein": "Protein",

package/translations/en.json

@@ -56,6 +56,9 @@
   "clearLiquor": "Clear liquor",
   "clientEligibility": "Eligible",
   "clinicalEncounter": "Clinical Encounter",
+  "complaint": "Complaint",
+  "complaints": "Complaints",
+  "Complaints": "Complaints",
   "completed": "Completed",
   "completedDocumentations": "Completed Documentation",
   "contact": "Contact",
@@ -99,6 +102,7 @@
   "drugsAndIVFluidsGiven": "Drugs given and IV fluids",
   "drugsIVFluids": "Drugs and IV Fluids Given",
   "duplicateTimeEntry": "This time already exists",
+  "duration": "Duration",
   "edit": "Edit",
   "editContactList": "Edit contact list",
   "editEncounter": "Edit",
@@ -190,6 +194,7 @@
   "neonatalAbnormalities": "Neonatal Abnormalities",
   "neonatalProblems": "Neonatal Problems",
   "neonatalSummary": "Neonatal Summary",
+  "nextPage": "Next page",
   "nextVisitDate": "Next visit date",
   "no": "No",
   "noContactToDisplay": "There is no contact data to display for this patient.",
@@ -205,6 +210,7 @@
   "noPatientSelected": "No patient selected",
   "noPulseBPData": "No pulse and BP data available",
   "oneContraction": "1 contraction",
+  "onset": "Onset",
   "operatingDoctor": "Operating Doctor",
   "otherSubstanceAbuse": "Other Substance Abuse",
   "oxytocin": "Oxytocin",
@@ -228,6 +234,7 @@
   "postOperativeDiagnosis": "Post Operative Diagnosis",
   "pphCondition": "PPH present",
   "preferedPNSAproach": "Prefered PNS Aproach",
+  "previousPage": "Previous page",
   "primaryDiagnosis": "Primary Diagnosis",
   "priorityOfAdmission": "Priority Of Admission",
   "protein": "Protein",

package/translations/sw.json

@@ -56,6 +56,9 @@
   "clearLiquor": "Clear liquor",
   "clientEligibility": "Eligible",
   "clinicalEncounter": "Clinical Encounter",
+  "complaint": "Complaint",
+  "complaints": "Complaints",
+  "Complaints": "Complaints",
   "completed": "Completed",
   "completedDocumentations": "Completed Documentation",
   "contact": "Contact",
@@ -99,6 +102,7 @@
   "drugsAndIVFluidsGiven": "Drugs given and IV fluids",
   "drugsIVFluids": "Drugs and IV Fluids Given",
   "duplicateTimeEntry": "This time already exists",
+  "duration": "Duration",
   "edit": "Edit",
   "editContactList": "Edit contact list",
   "editEncounter": "Edit",
@@ -190,6 +194,7 @@
   "neonatalAbnormalities": "Neonatal Abnormalities",
   "neonatalProblems": "Neonatal Problems",
   "neonatalSummary": "Neonatal Summary",
+  "nextPage": "Next page",
   "nextVisitDate": "Next visit date",
   "no": "No",
   "noContactToDisplay": "There is no contact data to display for this patient.",
@@ -205,6 +210,7 @@
   "noPatientSelected": "No patient selected",
   "noPulseBPData": "No pulse and BP data available",
   "oneContraction": "1 contraction",
+  "onset": "Onset",
   "operatingDoctor": "Operating Doctor",
   "otherSubstanceAbuse": "Other Substance Abuse",
   "oxytocin": "Oxytocin",
@@ -228,6 +234,7 @@
   "postOperativeDiagnosis": "Post Operative Diagnosis",
   "pphCondition": "PPH present",
   "preferedPNSAproach": "Prefered PNS Aproach",
+  "previousPage": "Previous page",
   "primaryDiagnosis": "Primary Diagnosis",
   "priorityOfAdmission": "Priority Of Admission",
   "protein": "Protein",