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

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"kenyaemr":"^19.0.0"},"pages":[{"component":"wrapComponent","route":"case-management"}],"extensions":[{"name":"hiv-care-and-treatment-dashboard-link","component":"hivCareAndTreatmentLink","slot":"patient-chart-dashboard-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-hiv-care-and-treatment-dashboard-slot","path":"hiv-care-and-treatment-dashboard","layoutMode":"anchored"}},{"name":"hiv-care-and-treatment-dashboard","slot":"patient-chart-hiv-care-and-treatment-dashboard-slot","component":"hivCareAndTreatment","order":0,"online":true,"offline":false},{"name":"relationship-dashboard-link","component":"relationshipsLink","order":24,"online":true,"offline":false,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-relationship-slot","path":"relationships","layoutMode":"anchored"}},{"name":"relationship-dashboard","slot":"patient-chart-relationship-slot","component":"relationships","order":0,"online":true,"offline":false},{"name":"clinical-encounter-dashboard-link","component":"clinicalEncounterLink","order":25,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-clinical-encounter-slot","path":"clinical-encounter","layoutMode":"anchored"}},{"name":"clinical-encounter-dashboard","slot":"patient-chart-clinical-encounter-slot","component":"clinicalEncounter","order":0,"online":true,"offline":false},{"name":"maternal-and-child-health-dashboard-link","component":"maternalAndChildHealthDashboardLink","order":26,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-maternal-and-child-health-slot","path":"maternal-and-child-health","layoutMode":"anchored"}},{"name":"maternal-and-child-health-dashboard","slot":"patient-chart-maternal-and-child-health-slot","component":"maternalAndChildHealthDashboard","order":0,"online":true,"offline":false},{"name":"maternal-and-child-health-partograph","slot":"maternal-and-child-health-partograph-slot","component":"partograph","order":0,"online":true,"offline":false},{"name":"contact-list-dashboard-link","component":"contactListLink","order":27,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-contact-list-slot","path":"contact-list","layoutMode":"anchored"}},{"name":"contact-list-dashboard","slot":"patient-chart-contact-list-slot","component":"contactList","order":0,"online":true,"offline":false},{"component":"caseManagementDashboardLink","name":"case-management-dashboard-link","meta":{"name":"case-management","title":"Case Management","slot":"case-management-dashboard-slot","path":"/case-management"}},{"name":"wrap-component-view","slot":"case-management-dashboard-slot","component":"wrapComponent","order":2,"online":true,"offline":false},{"name":"case-encounter-link","component":"caseEncounterDashboardLink","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","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":"special-clinics-dashboard-link","component":"specialClinicsDashboardLink","order":15,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-special-clinics-slot","path":"special-clinics","layoutMode":"anchored"}},{"name":"special-clinics-dashboard","slot":"patient-chart-special-clinics-slot","component":"specialClinicsDashboard","order":0,"online":true,"offline":false}],"modals":[{"name":"birth-date-calculator","component":"birthDateCalculator"},{"name":"relationship-delete-confirm-dialog","component":"relationshipDeleteConfirmialog"},{"name":"end-relationship-dialog","component":"endRelationshipModal"}],"workspaces":[{"name":"contact-list-form","component":"contactListForm","title":"Contact List Form","type":"form"},{"name":"case-management-form","component":"caseManagementForm","title":"Case Management Form","type":"form"},{"name":"add-patient-case-form","component":"addPatientCaseForm","title":"Add patient case Form","type":"form"},{"name":"family-relationship-form","component":"familyRelationshipForm","title":"Family Relationship 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":"contact-list-update-form","component":"contactListUpdateForm","title":"Contact List 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.2-pre.2716"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"kenyaemr":"^19.0.0"},"pages":[{"component":"wrapComponent","route":"case-management"}],"extensions":[{"name":"hiv-care-and-treatment-dashboard-link","component":"hivCareAndTreatmentLink","slot":"patient-chart-dashboard-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-hiv-care-and-treatment-dashboard-slot","path":"hiv-care-and-treatment-dashboard","layoutMode":"anchored"}},{"name":"hiv-care-and-treatment-dashboard","slot":"patient-chart-hiv-care-and-treatment-dashboard-slot","component":"hivCareAndTreatment","order":0,"online":true,"offline":false},{"name":"relationship-dashboard-link","component":"relationshipsLink","order":24,"online":true,"offline":false,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-relationship-slot","path":"relationships","layoutMode":"anchored"}},{"name":"relationship-dashboard","slot":"patient-chart-relationship-slot","component":"relationships","order":0,"online":true,"offline":false},{"name":"clinical-encounter-dashboard-link","component":"clinicalEncounterLink","order":25,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-clinical-encounter-slot","path":"clinical-encounter","layoutMode":"anchored"}},{"name":"clinical-encounter-dashboard","slot":"patient-chart-clinical-encounter-slot","component":"clinicalEncounter","order":0,"online":true,"offline":false},{"name":"maternal-and-child-health-dashboard-link","component":"maternalAndChildHealthDashboardLink","order":26,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-maternal-and-child-health-slot","path":"maternal-and-child-health","layoutMode":"anchored"}},{"name":"maternal-and-child-health-dashboard","slot":"patient-chart-maternal-and-child-health-slot","component":"maternalAndChildHealthDashboard","order":0,"online":true,"offline":false},{"name":"maternal-and-child-health-partograph","slot":"maternal-and-child-health-partograph-slot","component":"partograph","order":0,"online":true,"offline":false},{"name":"contact-list-dashboard-link","component":"contactListLink","order":27,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-contact-list-slot","path":"contact-list","layoutMode":"anchored"}},{"name":"contact-list-dashboard","slot":"patient-chart-contact-list-slot","component":"contactList","order":0,"online":true,"offline":false},{"component":"caseManagementDashboardLink","name":"case-management-dashboard-link","meta":{"name":"case-management","title":"Case Management","slot":"case-management-dashboard-slot","path":"/case-management"}},{"name":"wrap-component-view","slot":"case-management-dashboard-slot","component":"wrapComponent","order":2,"online":true,"offline":false},{"name":"case-encounter-link","component":"caseEncounterDashboardLink","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","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":"special-clinics-dashboard-link","component":"specialClinicsDashboardLink","order":15,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-special-clinics-slot","path":"special-clinics","layoutMode":"anchored"}},{"name":"special-clinics-dashboard","slot":"patient-chart-special-clinics-slot","component":"specialClinicsDashboard","order":0,"online":true,"offline":false}],"modals":[{"name":"birth-date-calculator","component":"birthDateCalculator"},{"name":"relationship-delete-confirm-dialog","component":"relationshipDeleteConfirmialog"},{"name":"end-relationship-dialog","component":"endRelationshipModal"}],"workspaces":[{"name":"contact-list-form","component":"contactListForm","title":"Contact List Form","type":"form"},{"name":"case-management-form","component":"caseManagementForm","title":"Case Management Form","type":"form"},{"name":"add-patient-case-form","component":"addPatientCaseForm","title":"Add patient case Form","type":"form"},{"name":"family-relationship-form","component":"familyRelationshipForm","title":"Family Relationship 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":"contact-list-update-form","component":"contactListUpdateForm","title":"Contact List 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.2-pre.2724"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenyaemr/esm-patient-clinical-view-app",
-  "version": "5.4.2-pre.2716",
+  "version": "5.4.2-pre.2724",
   "description": "Patient clinical view microfrontend for the OpenMRS SPA",
   "keywords": [
     "openmrs"

package/src/config-schema.ts

@@ -42,6 +42,7 @@ export const configSchema = {
       antenatal: 'e8f98494-af35-4bb8-9fc7-c409c8fed843',
       postNatal: '72aa78e0-ee4b-47c3-9073-26f3b9ecc4a7',
       labourAndDelivery: '496c7cc3-0eea-4e84-a04c-2292949e2f7f',
+      admissionRequestFormUuid: '',
       defaulterTracingFormUuid: 'a1a62d1e-2def-11e9-b210-d663bd873d93',
       htsScreening: '04295648-7606-11e8-adc0-fa7ae01bbebc',
       htsInitialTest: '402dc5d7-46da-42d4-b2be-f43ea4ad87b0',
@@ -349,6 +350,13 @@ export const configSchema = {
           unit: 'per 10min',
         },
       },
+
+      uuids: {
+        timeSlot: 'a1b2c3d4-1111-2222-3333-444455556666',
+        mchPartographyEncounterUuid: '022d62af-e2a5-4282-953b-52dd5cba3296',
+        drugsFluidsEncounterUuid: '39da3525-afe4-45ff-8977-c53b7b359158',
+        contractionStrongConceptUuid: '4b90b73a-ad11-4650-91b0-baea131974e0',
+      },
       graphTypeDisplayNames: {
         'fetal-heart-rate': 'Fetal Heart Rate',
         'cervical-dilation': 'Cervical Dilation',
@@ -361,6 +369,19 @@ export const configSchema = {
         'drugs-fluids': 'Drugs & Fluids',
         'progress-events': 'Progress & Events',
       },
+      amnioticFluidMap: {
+        'Membrane intact': '164899AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+        'Clear liquor': '159484AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+        'Meconium Stained': '134488AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+        Absent: '163747AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+        'Blood Stained': '1077AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+      },
+      mouldingMap: {
+        '0': '1107AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+        '+': '1362AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+        '++': '1363AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+        '+++': '1364AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+      },
       testData: {
         testGraphTypes: ['fetal-heart-rate', 'cervical-dilation', 'maternal-pulse', 'temperature', 'blood-pressure'],
         sampleDataPoints: [
@@ -372,14 +393,83 @@ export const configSchema = {
         valueIncrement: 10,
         bloodPressureDecrement: 40,
       },
+      descentOfHeadUuidToValue: {
+        '160769AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 0,
+        '162135AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 1,
+        '166065AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 2,
+        '166066AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 3,
+        '166067AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 4,
+        '163734AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA': 5,
+      },
     },
   },
+
   caseManagerRelationshipType: {
     _type: Type.UUID,
     _description: 'Case manager/Client relationship type UUID',
     _default: '9065e3c6-b2f5-4f99-9cbf-f67fd9f82ec5',
   },
 };
+export const DRUG_ORDER_TYPE_UUID = '131168f4-15f5-102d-96e4-000c29c2a5d7';
+export const ENCOUNTER_ROLE = '240b26f9-dd88-4172-823d-4a8bfeb7841f';
+export const MOULDING_NONE_CONCEPT = '1107AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const MOULDING_SLIGHT_CONCEPT = '1362AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const MOULDING_MODERATE_CONCEPT = '1363AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const MOULDING_SEVERE_CONCEPT = '1364AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const CONTRACTION_LEVEL_MILD_CONCEPT = '1498AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const CONTRACTION_LEVEL_MODERATE_CONCEPT = '1499AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const CONTRACTION_LEVEL_STRONG_CONCEPT = '166788AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const CERVIX_CONCEPT = '162261AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const FETAL_HEART_RATE_CONCEPT = '1440AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const FETAL_HEART_RATE_HOUR_CONCEPT = '160632AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const FETAL_HEART_RATE_TIME_CONCEPT = '160632AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const DESCENT_OF_HEAD_CONCEPT = '1810AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const UTERINE_CONTRACTIONS_CONCEPT = '163750AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const UTERINE_CONTRACTION_FREQUENCY_CONCEPT = '166529AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const UTERINE_CONTRACTION_DURATION_CONCEPT = '159368AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const MATERNAL_PULSE_CONCEPT = '5087AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const SYSTOLIC_BP_CONCEPT = '5085AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const DIASTOLIC_BP_CONCEPT = '5086AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const TEMPERATURE_CONCEPT = '5088AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const GLUCOSE_LEVEL_CONCEPT = '887AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const PROTEIN_LEVEL_CONCEPT = '161442AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const KETONE_LEVEL_CONCEPT = '165438AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const URINE_VOLUME_CONCEPT = '159660AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const CONTRACTION_COUNT_CONCEPT = '159682AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const URINE_CHARACTERISTICS_CONCEPT = '56AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const MEDICATION_CONCEPT = '1282AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const MEDICATION_NAME_CONCEPT = '164231AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const OXYTOCIN_DOSE_CONCEPT = '81369AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const ROUTE_CONCEPT = '8878f9c0-a1ce-47ec-a88f-69ef0f6576ba';
+export const FREQUENCY_CONCEPT = 'fd9f82fd-f327-4502-ac8e-5d9144dbd504';
+export const IV_FLUIDS_CONCEPT = '161911AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const DOSAGE_CONCEPT = 'b71ddb80-2d7f-4bde-a44b-236e62d4c1b6';
+export const DRUG_DOSE_CONCEPT = '162384AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const EVENT_TYPE_CONCEPT = '162879AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const EVENT_DESCRIPTION_CONCEPT = '160632AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const AMNIOTIC_FLUID_CONCEPT = '162653AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const MOULDING_CONCEPT = '166527AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const BLOOD_GROUP_CONCEPT = '300AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const TIME_SLOT_CONCEPT = '163286AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const PULSE_BP_TIME_CONCEPT = 'bb3724c9-fbcc-49c5-9702-6cde0be325ca';
+export const LABOR_PATTERN_CONCEPT = '164135AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const HOURS_SINCE_RUPTURE_CONCEPT = '167149AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const RUPTURED_MEMBRANES_CONCEPT = '164900AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const DATE_OF_ADMISSION_CONCEPT = '1640AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const GESTATION_WEEKS_CONCEPT = '1789AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const ESTIMATED_DELIVERY_DATE_CONCEPT = '5596AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const LAST_MENSTRUAL_PERIOD_CONCEPT = '1427AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const AMNIOTIC_CLEAR_LIQUOR_CONCEPT = '159484AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const AMNIOTIC_MECONIUM_STAINED_CONCEPT = '134488AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const AMNIOTIC_ABSENT_CONCEPT = '163747AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const AMNIOTIC_BLOOD_STAINED_CONCEPT = '1077AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const AMNIOTIC_MEMBRANE_INTACT_CONCEPT = 'd1787a76-7310-4223-a645-9fd410d418c1';
+export const STATION_0_CONCEPT = '160769AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const STATION_1_CONCEPT = '162135AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const STATION_2_CONCEPT = '166065AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const STATION_3_CONCEPT = '166066AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const STATION_4_CONCEPT = '166067AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+export const STATION_5_CONCEPT = '163734AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
 
 export interface ConfigObject {
   requireMaritalStatusOnAgeGreaterThanOrEqualTo: number;
@@ -404,6 +494,7 @@ export interface ConfigObject {
     labourAndDelivery: string;
     antenatal: string;
     postnatal: string;
+    admissionRequestFormUuid: string;
     htsScreening: string;
     htsInitialTest: string;
     htsRetest: string;
@@ -470,6 +561,12 @@ export interface ConfigObject {
       valueIncrement: number;
       bloodPressureDecrement: number;
     };
+    uuids?: {
+      timeSlot: string;
+      mchPartographyEncounterUuid: string;
+      drugsFluidsEncounterUuid: string;
+      contractionStrongConceptUuid: string;
+    };
   };
   caseManagerRelationshipType: string;
 }

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

@@ -13,7 +13,7 @@ import {
 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 React, { useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { mutate } from 'swr';
 import { ConfigObject } from '../config-schema';
@@ -33,19 +33,22 @@ const ContactTracingHistory: React.FC<ContactTracingHistoryProps> = ({ patientUu
     formsList: { htsClientTracingFormUuid },
   } = useConfig<ConfigObject>();
 
-  const handleLaunchContactTracingForm = (encounterUuid: string) => {
-    launchWorkspace('kenyaemr-cusom-form-entry-workspace', {
-      workspaceTitle: t('contactTracingForm', 'Contact tracing form'),
-      formUuid: htsClientTracingFormUuid,
-      patientUuid,
-      encounterUuid,
-      mutateForm: () => {
-        mutate((key) => true, undefined, {
-          revalidate: true,
-        });
-      },
-    });
-  };
+  const handleLaunchContactTracingForm = useCallback(
+    (encounterUuid: string) => {
+      launchWorkspace('kenyaemr-cusom-form-entry-workspace', {
+        workspaceTitle: t('contactTracingForm', 'Contact tracing form'),
+        formUuid: htsClientTracingFormUuid,
+        patientUuid,
+        encounterUuid,
+        mutateForm: () => {
+          mutate((key) => true, undefined, {
+            revalidate: true,
+          });
+        },
+      });
+    },
+    [htsClientTracingFormUuid, patientUuid, t],
+  );
 
   const headers = [
     {
@@ -94,7 +97,7 @@ const ContactTracingHistory: React.FC<ContactTracingHistoryProps> = ({ patientUu
           />
         ),
       })),
-    [results, t],
+    [handleLaunchContactTracingForm, results, t],
   );
 
   if (contactTracesHistory.length === 0) {

package/src/maternal-and-child-health/partography/components/pulse-bp-graph.component.tsx

@@ -0,0 +1 @@
+export { default } from '../graphs/pulse-bp-graph.component';

package/src/maternal-and-child-health/partography/components/temperature-graph.component.tsx

@@ -0,0 +1,218 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button, SkeletonText } from '@carbon/react';
+import { Add, ChartColumn, Table as TableIcon } from '@carbon/react/icons';
+import styles from '../partography.scss';
+import TemperatureTable from '../table/temperature-table.component';
+
+interface TemperatureTableRow {
+  id: string;
+  date: string;
+  timeSlot: string;
+  exactTime: string;
+  temperature: number;
+}
+
+interface TemperatureGraphProps {
+  tableData: TemperatureTableRow[];
+  viewMode: 'graph' | 'table';
+  currentPage: number;
+  pageSize: number;
+  totalItems: number;
+  controlSize: 'sm' | 'md';
+  onPageChange: (page: number) => void;
+  onPageSizeChange: (size: number) => void;
+  onAddData?: () => void;
+  onViewModeChange?: (mode: 'graph' | 'table') => void;
+  isAddButtonDisabled?: boolean;
+  isLoading?: boolean;
+}
+
+const TemperatureGraph: React.FC<TemperatureGraphProps> = ({
+  tableData,
+  viewMode,
+  currentPage,
+  pageSize,
+  totalItems,
+  controlSize,
+  onPageChange,
+  onPageSizeChange,
+  onAddData,
+  onViewModeChange,
+  isAddButtonDisabled = false,
+  isLoading = false,
+}) => {
+  const { t } = useTranslation();
+
+  // Only show rows with both date and a time (exactTime or timeSlot)
+  const filteredTableData = tableData.filter((item) => item.date && (item.exactTime || item.timeSlot));
+  const timeColumns = filteredTableData.map((item) => item.exactTime || item.timeSlot || '--');
+
+  const getTemperatureStatus = (temperature: number): string => {
+    if (temperature < 36.1) {
+      return styles.temperatureLow;
+    }
+    if (temperature >= 36.1 && temperature <= 37.2) {
+      return styles.temperatureNormal;
+    }
+    if (temperature > 37.2) {
+      return styles.temperatureHigh;
+    }
+    return '';
+  };
+
+  // Carbon skeleton for loading state
+  const renderSkeleton = () => (
+    <div className={styles.membraneGrid}>
+      <div className={styles.gridContainer}>
+        <div className={styles.gridHeader}>
+          <div className={styles.gridCell}>
+            <SkeletonText width="60px" />
+          </div>
+          {[...Array(6)].map((_, idx) => (
+            <div key={idx} className={styles.gridCell}>
+              <SkeletonText width="60px" />
+            </div>
+          ))}
+        </div>
+        <div className={styles.gridRow}>
+          <div className={styles.gridRowLabel}>
+            <SkeletonText width="80px" />
+          </div>
+          {[...Array(6)].map((_, idx) => (
+            <div key={idx} className={styles.gridCell}>
+              <SkeletonText width="40px" />
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+
+  // Empty state for no data
+  const renderEmptyGraph = () => (
+    <div className={styles.membraneGrid}>
+      <div className={styles.gridContainer}>
+        <div className={styles.gridHeader}>
+          <div className={styles.gridCell}>{t('time', 'Time')}</div>
+          {[...Array(6)].map((_, idx) => (
+            <div key={idx} className={styles.gridCell}>
+              --
+            </div>
+          ))}
+        </div>
+        <div className={styles.gridRow}>
+          <div className={styles.gridRowLabel}>{t('temperature', 'Temp °C')}</div>
+          {[...Array(6)].map((_, idx) => (
+            <div key={idx} className={styles.gridCell}>
+              --
+            </div>
+          ))}
+        </div>
+        <div style={{ textAlign: 'center', marginTop: '2rem', width: '100%' }}>
+          <p>{t('noDataAvailable', 'No temperature data available')}</p>
+          <Button kind="primary" size={controlSize} renderIcon={Add} onClick={onAddData}>
+            {t('addFirstDataPoint', 'Add first data point')}
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+
+  return (
+    <div className={styles.fetalHeartRateSection}>
+      <div className={styles.fetalHeartRateContainer}>
+        <div className={styles.fetalHeartRateHeader}>
+          <div className={styles.fetalHeartRateHeaderLeft}>
+            <h3 className={styles.fetalHeartRateTitle}>Temperature</h3>
+            <div className={styles.fetalHeartRateControls}>
+              <span className={styles.legendText}>Normal: 36.1-37.2°C | Low: &lt;36.1°C | High: &gt;37.2°C</span>
+            </div>
+          </div>
+          <div className={styles.fetalHeartRateHeaderRight}>
+            <div className={styles.fetalHeartRateActions}>
+              <div className={styles.viewSwitcher}>
+                <Button
+                  kind={viewMode === 'graph' ? 'primary' : 'secondary'}
+                  size={controlSize}
+                  hasIconOnly
+                  iconDescription={t('graphView', 'Graph View')}
+                  onClick={() => onViewModeChange?.('graph')}
+                  className={styles.viewButton}>
+                  <ChartColumn />
+                </Button>
+                <Button
+                  kind={viewMode === 'table' ? 'primary' : 'secondary'}
+                  size={controlSize}
+                  hasIconOnly
+                  iconDescription={t('tableView', 'Table View')}
+                  onClick={() => onViewModeChange?.('table')}
+                  className={styles.viewButton}>
+                  <TableIcon />
+                </Button>
+              </div>
+              <Button
+                kind="primary"
+                size={controlSize}
+                renderIcon={Add}
+                iconDescription="Add temperature data"
+                disabled={isAddButtonDisabled}
+                onClick={onAddData}
+                className={styles.addButton}>
+                Add
+              </Button>
+            </div>
+          </div>
+        </div>
+        {viewMode === 'graph' ? (
+          isLoading ? (
+            renderSkeleton()
+          ) : filteredTableData.length === 0 ? (
+            renderEmptyGraph()
+          ) : (
+            <div className={styles.membraneGrid}>
+              <div className={styles.gridContainer}>
+                {/* Header row with time columns */}
+                <div className={styles.gridHeader}>
+                  <div className={styles.gridCell}>{t('time', 'Time')}</div>
+                  {timeColumns.map((timeColumn, idx) => (
+                    <div key={idx} className={styles.gridCell}>
+                      {timeColumn}
+                    </div>
+                  ))}
+                </div>
+                {/* Temperature row */}
+                <div className={styles.gridRow}>
+                  <div className={styles.gridRowLabel}>{t('temperature', 'Temp °C')}</div>
+                  {filteredTableData.map((item, idx) => (
+                    <div
+                      key={`temp-${idx}`}
+                      className={`${styles.gridCell} ${
+                        item.temperature ? getTemperatureStatus(item.temperature) : ''
+                      }`}>
+                      {item.temperature !== undefined && item.temperature !== null ? item.temperature : '--'}
+                    </div>
+                  ))}
+                </div>
+              </div>
+            </div>
+          )
+        ) : (
+          <div className={styles.tableContainer}>
+            <TemperatureTable
+              tableData={filteredTableData}
+              currentPage={currentPage}
+              pageSize={pageSize}
+              totalItems={filteredTableData.length}
+              controlSize={controlSize}
+              onPageChange={onPageChange}
+              onPageSizeChange={onPageSizeChange}
+            />
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default TemperatureGraph;