@kenyaemr/esm-patient-clinical-view-app 5.4.1-pre.2077 → 5.4.1-pre.2083

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"kenyaemr":"^19.0.0"},"pages":[],"extensions":[{"name":"clinical-view-section","component":"clinicalViewPatientDashboard","slot":"patient-chart-dashboard-slot"},{"name":"family-history","slot":"patient-chart-family-history-slot","component":"familyHistory","order":0,"online":true,"offline":false},{"name":"other-relationships","slot":"patient-chart-family-history-slot","component":"otherRelationships","order":0,"online":true,"offline":false},{"name":"relationships-link","component":"relationshipsLink","slot":"patient-chart-dashboard-slot","order":14,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-relationships-slot","path":"relationships","layoutMode":"anchored"}},{"name":"relationships","slot":"patient-chart-relationships-slot","component":"relationships","order":0,"online":true,"offline":false},{"name":"contact-list-form","component":"contactListForm"},{"name":"maternal-and-child-health-dashboard-group-link","slot":"clinical-view-section","component":"maternalAndChildHealthSideNavGroup"},{"name":"antenatal-care-dashboard-link","component":"antenatalCareLink","slot":"maternal-and-child-health-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-antenatal-care-dashboard-slot","path":"antenatal-care-dashboard","layoutMode":"anchored"}},{"name":"antenatal-care-dashboard","slot":"patient-chart-antenatal-care-dashboard-slot","component":"antenatalCare"},{"name":"postnatal-care-dashboard-link","component":"postnatalCareLink","slot":"maternal-and-child-health-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-postnatal-care-dashboard-slot","path":"postnatal-care-dashboard","layoutMode":"anchored"}},{"name":"postnatal-care-dashboard","slot":"patient-chart-postnatal-care-dashboard-slot","component":"postnatalCare"},{"name":"labour-and-delivery-dashboard-link","component":"labourAndDeliveryLink","slot":"maternal-and-child-health-slot","meta":{"fullWidth":true,"slot":"patient-chart-labour-and-delivery-dashboard-slot","path":"labour-and-delivery-dashboard","layoutMode":"anchored"}},{"name":"labour-and-delivery-dashboard","slot":"patient-chart-labour-and-delivery-dashboard-slot","component":"labourAndDelivery","meta":{"fullWidth":true}},{"name":"hiv-care-and-treatment-dashboard-group-link","slot":"special-clinics-slot","component":"hivCareAndTreatMentSideNavGroup"},{"name":"genericNavLinks","slot":"special-clinics-slot","component":"genericNavLinks","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-special-clinic-dashboard-slot","path":"special-clinics-dashboard","layoutMode":"anchored"}},{"name":"patient-chart-special-clinic-dashboard-slot","slot":"patient-chart-special-clinic-dashboard-slot","component":"genericDashboard"},{"name":"hts-dashboard-link","component":"htsDashboardLink","slot":"hiv-care-and-treatment-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-hts-dashboard-slot","path":"hts-dashboard","layoutMode":"anchored"}},{"name":"hts-clinical-view","slot":"patient-chart-hts-dashboard-slot","component":"htsClinicalView","order":2,"online":true,"offline":false},{"name":"defaulter-tracing-dashboard-link","component":"defaulterTracingLink","slot":"hiv-care-and-treatment-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-defaulter-tracing-dashboard-slot","path":"defaulter-tracing-dashboard","layoutMode":"anchored"}},{"name":"defaulter-tracing-dashboard","slot":"patient-chart-defaulter-tracing-dashboard-slot","component":"defaulterTracing","order":3,"online":true,"offline":false},{"name":"special-clinics-dashboard-group-link","slot":"clinical-view-section","component":"specialClinicsSideNavGroup"},{"name":"clinical-encounter-link","component":"inPatientClinicalEncounterLink","slot":"clinical-view-section","order":40,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-clinical-encounter-slot","path":"clinical-encounter","layoutMode":"anchored"}},{"name":"clinical-encounter","slot":"patient-chart-clinical-encounter-slot","component":"inPatientClinicalEncounter","order":0,"online":true,"offline":false},{"component":"caseManagementDashboardLink","name":"case-management-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"case-management","title":"Case Management","slot":"case-management-dashboard-slot","path":"/case-management"}},{"name":"in-patient-dashboard-link","component":"inPatientChartLink","slot":"patient-chart-dashboard-slot","order":7,"meta":{"slot":"patient-chart-in-patient-dashboard-slot","path":"in-patient","layoutMode":"anchored","columns":1,"columnSpan":1}},{"name":"in-patient-dashboard","slot":"patient-chart-in-patient-dashboard-slot","component":"inPatientChartDashboard","meta":{"fullWidth":false}},{"name":"wrap-component-view","slot":"case-management-dashboard-slot","component":"wrapComponent","order":2,"online":true,"offline":false},{"name":"case-encounter-link","component":"caseEncounterDashboardLink","slot":"patient-chart-dashboard-slot","order":14,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-case-encounter-slot","path":"case-management-encounters","layoutMode":"anchored"}},{"name":"case-encounter-table","slot":"patient-chart-case-encounter-slot","component":"caseEncounterTable","order":0,"online":true,"offline":false},{"component":"peerCalendarDashboardLink","name":"peer-calendar-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"peer-calendar","title":"Peer Calendar","slot":"peer-calendar-dashboard-slot","path":"peer-management"}},{"name":"peer-calendar","slot":"peer-calendar-dashboard-slot","component":"peerCalendar","order":0,"online":true,"offline":false},{"name":"deceased-panel-dashboard-link","component":"deceasedPanelDashboardLink","slot":"patient-chart-dashboard-slot","order":15,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-deceased-panel-slot","path":"deceased-panel","layoutMode":"anchored"}},{"name":"deceased-details-tabs","slot":"patient-chart-deceased-panel-slot","component":"deceasedDetailsTabs","order":0,"online":true,"offline":false},{"name":"parto-graph-chart","slot":"patient-chart-labour-and-delivery-dashboard-slot","component":"partograph","meta":{"fullWidth":true}}],"modals":[{"name":"birth-date-calculator","component":"birthDateCalculator"},{"name":"relationship-delete-confirm-dialog","component":"relationshipDeleteConfirmialog"},{"name":"end-relationship-dialog","component":"endRelationshipModal"}],"workspaces":[{"name":"case-management-form","component":"caseManagementForm","title":"Case Management Form","type":"form"},{"name":"family-relationship-form","component":"familyRelationshipForm","title":"Family Relationship Form","type":"form"},{"name":"other-relationship-form","component":"otherRelationshipsForm","title":"Other Relationships Form","type":"form"},{"name":"peers-form","component":"peersForm","title":"Add New Peer","type":"form"},{"name":"peer-calendar-form","component":"peerCalendarFormEntry","title":"KVP Peer Educator Outreach Calendar","type":"form","width":"extra-wide","canMaximize":true,"canHide":true},{"name":"relationship-update-form","component":"relationshipUpdateForm","title":"Relationship Update Form","type":"form"},{"name":"other-relationship-form","component":"otherRelationshipsForm","title":"Other Relationships Form","type":"form"},{"name":"end-relationship-form","component":"endRelationshipWorkspace","title":"Discontinue relationship form","type":"form"}],"version":"5.4.1-pre.2077"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"kenyaemr":"^19.0.0"},"pages":[],"extensions":[{"name":"clinical-view-section","component":"clinicalViewPatientDashboard","slot":"patient-chart-dashboard-slot"},{"name":"family-history","slot":"patient-chart-family-history-slot","component":"familyHistory","order":0,"online":true,"offline":false},{"name":"other-relationships","slot":"patient-chart-family-history-slot","component":"otherRelationships","order":0,"online":true,"offline":false},{"name":"relationships-link","component":"relationshipsLink","slot":"patient-chart-dashboard-slot","order":14,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-relationships-slot","path":"relationships","layoutMode":"anchored"}},{"name":"relationships","slot":"patient-chart-relationships-slot","component":"relationships","order":0,"online":true,"offline":false},{"name":"contact-list-form","component":"contactListForm"},{"name":"maternal-and-child-health-dashboard-group-link","slot":"clinical-view-section","component":"maternalAndChildHealthSideNavGroup"},{"name":"antenatal-care-dashboard-link","component":"antenatalCareLink","slot":"maternal-and-child-health-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-antenatal-care-dashboard-slot","path":"antenatal-care-dashboard","layoutMode":"anchored"}},{"name":"antenatal-care-dashboard","slot":"patient-chart-antenatal-care-dashboard-slot","component":"antenatalCare"},{"name":"postnatal-care-dashboard-link","component":"postnatalCareLink","slot":"maternal-and-child-health-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-postnatal-care-dashboard-slot","path":"postnatal-care-dashboard","layoutMode":"anchored"}},{"name":"postnatal-care-dashboard","slot":"patient-chart-postnatal-care-dashboard-slot","component":"postnatalCare"},{"name":"labour-and-delivery-dashboard-link","component":"labourAndDeliveryLink","slot":"maternal-and-child-health-slot","meta":{"fullWidth":true,"slot":"patient-chart-labour-and-delivery-dashboard-slot","path":"labour-and-delivery-dashboard","layoutMode":"anchored"}},{"name":"labour-and-delivery-dashboard","slot":"patient-chart-labour-and-delivery-dashboard-slot","component":"labourAndDelivery","meta":{"fullWidth":true}},{"name":"hiv-care-and-treatment-dashboard-group-link","slot":"special-clinics-slot","component":"hivCareAndTreatMentSideNavGroup"},{"name":"genericNavLinks","slot":"special-clinics-slot","component":"genericNavLinks","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-special-clinic-dashboard-slot","path":"special-clinics-dashboard","layoutMode":"anchored"}},{"name":"patient-chart-special-clinic-dashboard-slot","slot":"patient-chart-special-clinic-dashboard-slot","component":"genericDashboard"},{"name":"hts-dashboard-link","component":"htsDashboardLink","slot":"hiv-care-and-treatment-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-hts-dashboard-slot","path":"hts-dashboard","layoutMode":"anchored"}},{"name":"hts-clinical-view","slot":"patient-chart-hts-dashboard-slot","component":"htsClinicalView","order":2,"online":true,"offline":false},{"name":"defaulter-tracing-dashboard-link","component":"defaulterTracingLink","slot":"hiv-care-and-treatment-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-defaulter-tracing-dashboard-slot","path":"defaulter-tracing-dashboard","layoutMode":"anchored"}},{"name":"defaulter-tracing-dashboard","slot":"patient-chart-defaulter-tracing-dashboard-slot","component":"defaulterTracing","order":3,"online":true,"offline":false},{"name":"special-clinics-dashboard-group-link","slot":"clinical-view-section","component":"specialClinicsSideNavGroup"},{"name":"clinical-encounter-link","component":"inPatientClinicalEncounterLink","slot":"clinical-view-section","order":40,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-clinical-encounter-slot","path":"clinical-encounter","layoutMode":"anchored"}},{"name":"clinical-encounter","slot":"patient-chart-clinical-encounter-slot","component":"inPatientClinicalEncounter","order":0,"online":true,"offline":false},{"component":"caseManagementDashboardLink","name":"case-management-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"case-management","title":"Case Management","slot":"case-management-dashboard-slot","path":"/case-management"}},{"name":"in-patient-dashboard-link","component":"inPatientChartLink","slot":"patient-chart-dashboard-slot","order":7,"meta":{"slot":"patient-chart-in-patient-dashboard-slot","path":"in-patient","layoutMode":"anchored","columns":1,"columnSpan":1}},{"name":"in-patient-dashboard","slot":"patient-chart-in-patient-dashboard-slot","component":"inPatientChartDashboard","meta":{"fullWidth":false}},{"name":"wrap-component-view","slot":"case-management-dashboard-slot","component":"wrapComponent","order":2,"online":true,"offline":false},{"name":"case-encounter-link","component":"caseEncounterDashboardLink","slot":"patient-chart-dashboard-slot","order":14,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-case-encounter-slot","path":"case-management-encounters","layoutMode":"anchored"}},{"name":"case-encounter-table","slot":"patient-chart-case-encounter-slot","component":"caseEncounterTable","order":0,"online":true,"offline":false},{"component":"peerCalendarDashboardLink","name":"peer-calendar-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"peer-calendar","title":"Peer Calendar","slot":"peer-calendar-dashboard-slot","path":"peer-management"}},{"name":"peer-calendar","slot":"peer-calendar-dashboard-slot","component":"peerCalendar","order":0,"online":true,"offline":false},{"name":"deceased-panel-dashboard-link","component":"deceasedPanelDashboardLink","slot":"patient-chart-dashboard-slot","order":15,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-deceased-panel-slot","path":"deceased-panel","layoutMode":"anchored"}},{"name":"deceased-details-tabs","slot":"patient-chart-deceased-panel-slot","component":"deceasedDetailsTabs","order":0,"online":true,"offline":false},{"name":"parto-graph-chart","slot":"patient-chart-labour-and-delivery-dashboard-slot","component":"partograph","meta":{"fullWidth":true}}],"modals":[{"name":"birth-date-calculator","component":"birthDateCalculator"},{"name":"relationship-delete-confirm-dialog","component":"relationshipDeleteConfirmialog"},{"name":"end-relationship-dialog","component":"endRelationshipModal"}],"workspaces":[{"name":"case-management-form","component":"caseManagementForm","title":"Case Management Form","type":"form"},{"name":"family-relationship-form","component":"familyRelationshipForm","title":"Family Relationship Form","type":"form"},{"name":"other-relationship-form","component":"otherRelationshipsForm","title":"Other Relationships Form","type":"form"},{"name":"peers-form","component":"peersForm","title":"Add New Peer","type":"form"},{"name":"kenyaemr-cusom-form-entry-workspace","component":"peerCalendarFormEntry","title":"KVP Peer Educator Outreach Calendar","type":"form","width":"extra-wide","canMaximize":true,"canHide":true},{"name":"relationship-update-form","component":"relationshipUpdateForm","title":"Relationship Update Form","type":"form"},{"name":"other-relationship-form","component":"otherRelationshipsForm","title":"Other Relationships Form","type":"form"},{"name":"end-relationship-form","component":"endRelationshipWorkspace","title":"Discontinue relationship form","type":"form"}],"version":"5.4.1-pre.2083"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenyaemr/esm-patient-clinical-view-app",
-  "version": "5.4.1-pre.2077",
+  "version": "5.4.1-pre.2083",
   "description": "Patient clinical view microfrontend for the OpenMRS SPA",
   "browser": "dist/kenyaemr-esm-patient-clinical-view-app.js",
   "main": "src/index.ts",

package/src/config-schema.ts

@@ -9,6 +9,7 @@ export const configSchema = {
       mchMotherConsultation: 'c6d09e05-1f25-4164-8860-9f32c5a02df0',
       hivTestingServices: '9c0a7a57-62ff-4f75-babe-5835b0e921b7',
       kpPeerCalender: 'c4f9db39-2c18-49a6-bf9b-b243d673c64d',
+      htsEcounterUuid: '9c0a7a57-62ff-4f75-babe-5835b0e921b7', // Used with Contact tracing
     },
   },
   caseManagementForms: {
@@ -45,6 +46,17 @@ export const configSchema = {
       clinicalEncounterFormUuid: 'e958f902-64df-4819-afd4-7fb061f59308',
       peerCalendarOutreactForm: '7492cffe-5874-4144-a1e6-c9e455472a35',
       autopsyFormUuid: '2b61a73-4971-4fc0-b20b-9a30176317e2',
+      htsClientTracingFormUuid: '15ed03d2-c972-11e9-a32f-2a2ae2dbcce4',
+    },
+  },
+  htsClientTracingConceptsUuids: {
+    _type: Type.Object,
+    _description: 'Concept Uuids for hts client tracing',
+    _default: {
+      modeOfClienttracingConceptUuid: 'a55f9516-ddb6-47ec-b10d-cb99d1d0bd41',
+      reasonNotContactedConceptUuid: '1779AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+      tracingStatusConceptUuid: '159811AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+      remarksConceptUuid: '163042AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
     },
   },
   defaulterTracingEncounterUuid: {
@@ -166,45 +178,54 @@ export const configSchema = {
       contactIPVOutcome: '49c543c2-a72a-4b0a-8cca-39c375c0726f',
     },
   },
-  familyRelationshipsTypeList: {
+  relationshipTypesList: {
     _type: Type.Array,
-    _description: 'List of Family relationship types (Used to list contacts)',
+    _description: 'List of Categorized relationship types',
     _default: [
       {
         uuid: '8d91a01c-c2cc-11de-8d13-0010c6dffd0f',
         display: 'Sibling/Sibling',
+        category: ['family'],
       },
       {
         uuid: '8d91a210-c2cc-11de-8d13-0010c6dffd0f',
         display: 'Parent/Child',
+        category: ['family'],
       },
       {
         uuid: '8d91a3dc-c2cc-11de-8d13-0010c6dffd0f',
         display: 'Aunt/Uncle/Niece/Nephew',
+        category: ['family'],
       },
       {
         uuid: '5f115f62-68b7-11e3-94ee-6bef9086de92',
         display: 'Guardian/Dependant',
+        category: ['other'],
       },
       {
         uuid: 'd6895098-5d8d-11e3-94ee-b35a4132a5e3',
         display: 'Spouse/Spouse',
+        category: ['sexual', 'pns', 'family'],
       },
       {
         uuid: '007b765f-6725-4ae9-afee-9966302bace4',
         display: 'Partner/Partner',
+        category: ['sexual', 'pns'],
       },
       {
         uuid: '2ac0d501-eadc-4624-b982-563c70035d46',
         display: 'Co-wife/Co-wife',
+        category: ['pns'],
       },
       {
         uuid: '58da0d1e-9c89-42e9-9412-275cef1e0429',
         display: 'Injectable-drug-user/Injectable-druguser',
+        category: ['pns'],
       },
       {
         uuid: '76edc1fe-c5ce-4608-b326-c8ecd1020a73',
         display: 'SNS/SNS',
+        category: ['other'],
       },
     ],
   },
@@ -213,32 +234,6 @@ export const configSchema = {
     _description: 'Peer Educator Relationship type',
     _default: '96adecc2-e7cd-41d0-b577-08eb4834abcb',
   },
-  pnsRelationships: {
-    _type: Type.Array,
-    _description: 'List of Patner relationship (PNS - Patner Notification Service)',
-    _default: [
-      {
-        uuid: 'd6895098-5d8d-11e3-94ee-b35a4132a5e3',
-        display: 'Spouse/Spouse',
-        sexual: true,
-      },
-      {
-        uuid: '007b765f-6725-4ae9-afee-9966302bace4',
-        display: 'Partner/Partner',
-        sexual: true,
-      },
-      {
-        uuid: '2ac0d501-eadc-4624-b982-563c70035d46',
-        display: 'Co-wife/Co-wife',
-        sexual: false,
-      },
-      {
-        uuid: '58da0d1e-9c89-42e9-9412-275cef1e0429',
-        display: 'Injectable-drug-user/Injectable-druguser',
-        sexual: false,
-      },
-    ],
-  },
   admissionLocationTagUuid: {
     _type: Type.UUID,
     _description:
@@ -290,7 +285,18 @@ export interface ConfigObject {
   morgueDischargeEncounterUuid: string;
   caseManagementForms: Array<{ id: string; title: string; formUuid: string; encounterTypeUuid: string }>;
   peerCalendarOutreactForm: string;
-  encounterTypes: { mchMotherConsultation: string; hivTestingServices: string; kpPeerCalender: string };
+  htsClientTracingConceptsUuids: {
+    modeOfClienttracingConceptUuid: string;
+    reasonNotContactedConceptUuid: string;
+    tracingStatusConceptUuid: string;
+    remarksConceptUuid: string;
+  };
+  encounterTypes: {
+    mchMotherConsultation: string;
+    hivTestingServices: string;
+    kpPeerCalender: string;
+    htsEcounterUuid: string;
+  };
   formsList: {
     labourAndDelivery: string;
     antenatal: string;
@@ -302,6 +308,7 @@ export interface ConfigObject {
     clinicalEncounterFormUuid: string;
     peerCalendarOutreactForm: string;
     autopsyFormUuid: string;
+    htsClientTracingFormUuid: string;
   };
   defaulterTracingEncounterUuid: string;
   autopsyEncounterFormUuid: string;
@@ -327,8 +334,11 @@ export interface ConfigObject {
     livingWithContact: string;
     contactIPVOutcome: string;
   };
-  familyRelationshipsTypeList: Array<{ uuid: string; display: string }>;
-  pnsRelationships: Array<{ uuid: string; display: string; sexual: boolean }>;
+  relationshipTypesList: Array<{
+    uuid: string;
+    display: string;
+    category: Array<'sexual' | 'pns' | 'family' | 'other'>;
+  }>;
   admissionLocationTagUuid: {
     _type: Type.UUID;
     _description: 'UUID for the location tag of the `Admission Location`. Patients may only be admitted to inpatient care in a location with this tag';

package/src/contact-list/contact-list.component.tsx

@@ -3,17 +3,22 @@ import {
   DataTable,
   DataTableSkeleton,
   Layer,
+  OverflowMenu,
+  OverflowMenuItem,
   Pagination,
   Table,
   TableBody,
   TableCell,
   TableContainer,
+  TableExpandedRow,
+  TableExpandHeader,
+  TableExpandRow,
   TableHead,
   TableHeader,
   TableRow,
   Tile,
 } from '@carbon/react';
-import { Add, Edit, TrashCan } from '@carbon/react/icons';
+import { Add } from '@carbon/react/icons';
 import {
   ConfigurableLink,
   ErrorState,
@@ -26,10 +31,13 @@ import {
 import { CardHeader, EmptyDataIllustration, usePaginationInfo } from '@openmrs/esm-patient-common-lib';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { mutate } from 'swr';
+import { ConfigObject } from '../config-schema';
 import useContacts from '../hooks/useContacts';
+import { deleteRelationship } from '../relationships/relationship.resources';
 import styles from './contact-list.scss';
+import ContactTracingHistory from './contact-tracing-history.component';
 import HIVStatus from './hiv-status.component';
-import { deleteRelationship } from '../relationships/relationship.resources';
 
 interface ContactListProps {
   patientUuid: string;
@@ -40,11 +48,13 @@ const ContactList: React.FC<ContactListProps> = ({ patientUuid }) => {
   const [pageSize, setPageSize] = useState(10);
   const headerTitle = t('contactList', 'Contact list');
   const layout = useLayoutType();
-
+  const size = layout === 'tablet' ? 'lg' : 'md';
   const { contacts, error, isLoading } = useContacts(patientUuid);
   const { results, totalPages, currentPage, goTo } = usePagination(contacts, pageSize);
   const { pageSizes } = usePaginationInfo(pageSize, totalPages, currentPage, results.length);
-
+  const {
+    formsList: { htsClientTracingFormUuid },
+  } = useConfig<ConfigObject>();
   const headers = [
     {
       header: t('listingDate', 'Listing date'),
@@ -104,6 +114,19 @@ const ContactList: React.FC<ContactListProps> = ({ patientUuid }) => {
     });
   };
 
+  const handleLaunchContactTracingForm = (contactUuid: string) => {
+    launchWorkspace('kenyaemr-cusom-form-entry-workspace', {
+      formUuid: htsClientTracingFormUuid,
+      patientUuid: contactUuid,
+      encounterUuid: '',
+      mutateForm: () => {
+        mutate((key) => true, undefined, {
+          revalidate: true,
+        });
+      },
+    });
+  };
+
   const handleEditRelationship = (relationShipUuid: string) => {
     launchWorkspace('relationship-update-form', {
       relationShipUuid,
@@ -137,20 +160,14 @@ const ContactList: React.FC<ContactListProps> = ({ patientUuid }) => {
         ipvOutcome: relation.ipvOutcome ?? '--',
         actions: (
           <>
-            <Button
-              renderIcon={Edit}
-              hasIconOnly
-              kind="ghost"
-              iconDescription="Edit"
-              onClick={() => handleEditRelationship(relation.uuid)}
-            />
-            <Button
-              renderIcon={TrashCan}
-              hasIconOnly
-              kind="ghost"
-              iconDescription="Delete"
-              onClick={() => deleteRelationship(relation.uuid)}
-            />
+            <OverflowMenu size={size} flipped>
+              <OverflowMenuItem itemText={t('edit', 'Edit')} onClick={() => handleEditRelationship(relation.uuid)} />
+              <OverflowMenuItem
+                itemText={t('traceContact', 'Trace Contact')}
+                onClick={() => handleLaunchContactTracingForm(patientUuid)}
+              />
+              <OverflowMenuItem itemText={t('delete', 'Delete')} onClick={() => deleteRelationship(relation.uuid)} />
+            </OverflowMenu>
           </>
         ),
       };
@@ -191,11 +208,20 @@ const ContactList: React.FC<ContactListProps> = ({ patientUuid }) => {
       <DataTable
         rows={tableRows ?? []}
         headers={headers}
-        render={({ rows, headers, getHeaderProps, getTableProps, getTableContainerProps }) => (
+        render={({
+          rows,
+          headers,
+          getHeaderProps,
+          getTableProps,
+          getTableContainerProps,
+          getRowProps,
+          getExpandedRowProps,
+        }) => (
           <TableContainer {...getTableContainerProps()}>
             <Table {...getTableProps()}>
               <TableHead>
                 <TableRow>
+                  <TableExpandHeader aria-label="expand row" />
                   {headers.map((header) => (
                     <TableHeader
                       {...getHeaderProps({
@@ -209,11 +235,25 @@ const ContactList: React.FC<ContactListProps> = ({ patientUuid }) => {
               </TableHead>
               <TableBody>
                 {rows.map((row) => (
-                  <TableRow key={row.id}>
-                    {row.cells.map((cell) => (
-                      <TableCell key={cell.id}>{cell.value}</TableCell>
-                    ))}
-                  </TableRow>
+                  <React.Fragment key={row.id}>
+                    <TableExpandRow
+                      {...getRowProps({
+                        row,
+                      })}>
+                      {row.cells.map((cell) => (
+                        <TableCell key={cell.id}>{cell.value}</TableCell>
+                      ))}
+                    </TableExpandRow>
+
+                    <TableExpandedRow
+                      colSpan={headers.length + 1}
+                      className="demo-expanded-td"
+                      {...getExpandedRowProps({
+                        row,
+                      })}>
+                      <ContactTracingHistory patientUuid={results.find((r) => r.uuid === row.id)?.patientUuid} />
+                    </TableExpandedRow>
+                  </React.Fragment>
                 ))}
               </TableBody>
             </Table>

package/src/contact-list/contact-list.workspace.tsx

@@ -59,8 +59,12 @@ const ContactListForm: React.FC<ContactListFormProps> = ({
 
   const config = useConfig<ConfigObject>();
   const { data } = useMappedRelationshipTypes();
+  const pnsRelationships = useMemo(
+    () => config.relationshipTypesList.filter((rl) => rl.category.some((c) => c === 'pns')),
+    [config],
+  );
   const pnsRelationshipTypes = data
-    ? config.pnsRelationships.map((rel) => ({
+    ? pnsRelationships.map((rel) => ({
         ...rel,
         display: data!.find((r) => r.uuid === rel.uuid)?.display,
       }))
@@ -106,7 +110,8 @@ const ContactListForm: React.FC<ContactListFormProps> = ({
   const observableSexualAssault = form.watch('sexualAssault');
   const observableMode = form.watch('mode');
   const showIPVRelatedFields =
-    config.pnsRelationships.findIndex((r) => r.uuid === observableRelationship && r.sexual) !== -1;
+    pnsRelationships.findIndex((r) => r.uuid === observableRelationship && r.category.some((c) => c === 'sexual')) !==
+    -1;
 
   useEffect(() => {
     if ([observablePhysicalAssault, observableThreatened, observableSexualAssault].includes(BOOLEAN_YES)) {

package/src/contact-list/contact-tracing-history.component.tsx

@@ -0,0 +1,158 @@
+import {
+  Button,
+  DataTable,
+  Pagination,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@carbon/react';
+import { Edit } from '@carbon/react/icons';
+import { launchWorkspace, useConfig, usePagination } from '@openmrs/esm-framework';
+import { CardHeader, EmptyState, ErrorState } from '@openmrs/esm-patient-common-lib';
+import React, { useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { mutate } from 'swr';
+import { ConfigObject } from '../config-schema';
+import styles from './contact-list.scss';
+import { PAGE_SIZE_OPTIONS, useContactTraceHistory } from './contact-tracing.resource';
+
+type ContactTracingHistoryProps = {
+  patientUuid: string;
+};
+
+const ContactTracingHistory: React.FC<ContactTracingHistoryProps> = ({ patientUuid }) => {
+  const { t } = useTranslation();
+  const { contactTracesHistory, error, isLoading } = useContactTraceHistory(patientUuid);
+  const [pageSize, setPageSize] = useState(3);
+  const { results, totalPages, currentPage, goTo } = usePagination(contactTracesHistory, pageSize);
+  const {
+    formsList: { htsClientTracingFormUuid },
+  } = useConfig<ConfigObject>();
+
+  const handleLaunchContactTracingForm = (encounterUuid: string) => {
+    launchWorkspace('kenyaemr-cusom-form-entry-workspace', {
+      workspaceTitle: 'Contact tracing form',
+      formUuid: htsClientTracingFormUuid,
+      patientUuid,
+      encounterUuid,
+      mutateForm: () => {
+        mutate((key) => true, undefined, {
+          revalidate: true,
+        });
+      },
+    });
+  };
+
+  const headers = [
+    {
+      header: t('date', 'Date'),
+      key: 'date',
+    },
+    {
+      header: t('contactType', 'Contact Type'),
+      key: 'contactType',
+    },
+    {
+      header: t('status', 'Status'),
+      key: 'status',
+    },
+    {
+      header: t('reasonNotContacted', 'Reason Not Contacted'),
+      key: 'reasonNotContacted',
+    },
+    {
+      header: t('facilityLinkedTo', 'Facility Linked To'),
+      key: 'facilityLinkedTo',
+    },
+    {
+      header: t('remarks', 'Remarks'),
+      key: 'remarks',
+    },
+    {
+      header: t('actions', 'Actions'),
+      key: 'actions',
+    },
+  ];
+
+  const headerTitle = t('traceHistory', 'Trace History');
+  const tablerows = useMemo(
+    () =>
+      results.map((row) => ({
+        ...row,
+        id: row.encounterUuid,
+        actions: (
+          <Button
+            renderIcon={Edit}
+            hasIconOnly
+            kind="ghost"
+            iconDescription={t('editTracing', 'Edit tracing')}
+            onClick={() => handleLaunchContactTracingForm(row.encounterUuid)}
+          />
+        ),
+      })),
+    [results],
+  );
+
+  if (contactTracesHistory.length === 0) {
+    return <EmptyState headerTitle={headerTitle} displayText="tracing hosty" />;
+  }
+  if (error) {
+    return <ErrorState headerTitle={headerTitle} error={error} />;
+  }
+
+  return (
+    <div className={styles.widgetContainer}>
+      <CardHeader title={headerTitle}>
+        <></>
+      </CardHeader>
+      <DataTable
+        rows={tablerows ?? []}
+        headers={headers}
+        render={({ rows, headers, getHeaderProps, getTableProps, getTableContainerProps }) => (
+          <TableContainer {...getTableContainerProps()}>
+            <Table {...getTableProps()}>
+              <TableHead>
+                <TableRow>
+                  {headers.map((header) => (
+                    <TableHeader
+                      {...getHeaderProps({
+                        header,
+                        isSortable: header.isSortable,
+                      })}>
+                      {header.header?.content ?? header.header}
+                    </TableHeader>
+                  ))}
+                </TableRow>
+              </TableHead>
+              <TableBody>
+                {rows.map((row) => (
+                  <TableRow key={row.id}>
+                    {row.cells.map((cell) => (
+                      <TableCell key={cell.id}>{cell.value}</TableCell>
+                    ))}
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </TableContainer>
+        )}
+      />
+      <Pagination
+        page={currentPage}
+        pageSize={pageSize}
+        pageSizes={PAGE_SIZE_OPTIONS}
+        totalItems={contactTracesHistory.length}
+        onChange={({ page, pageSize }) => {
+          goTo(page);
+          setPageSize(pageSize);
+        }}
+      />
+    </div>
+  );
+};
+
+export default ContactTracingHistory;

package/src/contact-list/contact-tracing.resource.tsx

@@ -0,0 +1,108 @@
+import { formatDate, openmrsFetch, parseDate, restBaseUrl, useConfig } from '@openmrs/esm-framework';
+import useEncounters from '../hooks/useEncounters';
+import { ConfigObject } from '../config-schema';
+import { useMemo } from 'react';
+import { Encounter } from '../types';
+
+type ContactTrace = {
+  date: string;
+  contactType: string;
+  status: string;
+  reasonNotContacted?: string;
+  facilityLinkedTo?: string;
+  remarks?: string;
+  encounterUuid: string;
+};
+
+type TraceEncounter = Encounter & {
+  form: {
+    uuid: string;
+    display: string;
+  };
+  location: {
+    uuid: string;
+    display: string;
+  };
+  obs: Array<{
+    uuid: string;
+    display: string;
+    concept: {
+      uuid: string;
+      displat: string;
+    };
+    value:
+      | string
+      | {
+          uuid: string;
+          display: string;
+        };
+  }>;
+};
+const mapConcepts = (conceptUuid: string) => {
+  const mapping = {
+    '0c112728-17b5-4342-b603-ac6dd2acf9cd': 'Incorrect locator information',
+    'ac1fcb25-f443-4a32-b638-193f04d897a9': 'No locator information',
+    '1567AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 'Calls not going through',
+    '1706AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 'Not found at home',
+    '160415AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 'Migrated',
+    '160034AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 'Died',
+    '5622AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 'Others',
+    '1118AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 'Not contacted',
+    '1066AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 'Contacted but not linked',
+    '1065AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 'Contacted and linked',
+    'eb113c76-aef8-4890-a611-fe22ba003123': 'Physical tracing',
+    '1650AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 'Phone tracing',
+  };
+  return mapping[conceptUuid];
+};
+
+const getObsValueByConceptUuid = (obs: TraceEncounter['obs'], conceptUuid: string) => {
+  const obsValue = (obs ?? []).find((obs) => obs.concept.uuid === conceptUuid)?.value;
+  if (typeof obsValue === 'string') {
+    return obsValue;
+  }
+  if (typeof obsValue === 'object') {
+    return mapConcepts(obsValue.uuid);
+  }
+};
+export const useContactTraceHistory = (patientUuid: string) => {
+  const customRep =
+    'custom:(uuid,display,encounterDatetime,location:(uuid,display),form:(uuid,display),obs:(uuid,display,concept:(uuid,display),value:(uuid,display)))';
+  const {
+    encounterTypes: { htsEcounterUuid },
+    formsList: { htsClientTracingFormUuid },
+    htsClientTracingConceptsUuids: {
+      modeOfClienttracingConceptUuid,
+      reasonNotContactedConceptUuid,
+      remarksConceptUuid,
+      tracingStatusConceptUuid,
+    },
+  } = useConfig<ConfigObject>();
+
+  const { encounters, error, isLoading } = useEncounters(patientUuid, htsEcounterUuid, undefined, undefined, customRep);
+
+  const tracingHistory = useMemo(
+    () =>
+      encounters
+        .filter((encounter: TraceEncounter) => encounter.form.uuid === htsClientTracingFormUuid)
+        .map<ContactTrace>((encounter: TraceEncounter) => ({
+          encounterUuid: encounter.uuid,
+          contactType: getObsValueByConceptUuid(encounter.obs, modeOfClienttracingConceptUuid),
+          status: getObsValueByConceptUuid(encounter.obs, tracingStatusConceptUuid),
+          reasonNotContacted: getObsValueByConceptUuid(encounter.obs, reasonNotContactedConceptUuid),
+          date: encounter.encounterDatetime ? formatDate(parseDate(encounter.encounterDatetime)) : '--',
+          facilityLinkedTo: encounter?.location?.display ?? '--',
+          remarks: getObsValueByConceptUuid(encounter.obs, remarksConceptUuid) ?? '--',
+        })),
+    [
+      encounters,
+      htsClientTracingFormUuid,
+      modeOfClienttracingConceptUuid,
+      reasonNotContactedConceptUuid,
+      remarksConceptUuid,
+      tracingStatusConceptUuid,
+    ],
+  );
+  return { isLoading, error, contactTracesHistory: tracingHistory ?? ([] as Array<ContactTrace>) };
+};
+export const PAGE_SIZE_OPTIONS = [3, 5, 10, 20, 50, 100];