@kenyaemr/esm-patient-clinical-view-app 5.4.2-pre.2714 → 5.4.2-pre.2722

package/src/maternal-and-child-health/partography/resources/temperature.resource.ts

@@ -0,0 +1,84 @@
+import useSWR from 'swr';
+import { usePartographyEncounters } from '../partography.resource';
+import { useTranslation } from 'react-i18next';
+
+export function useTemperatureData(patientUuid: string) {
+  const { encounters, isLoading, error, mutate } = usePartographyEncounters(patientUuid, 'temperature');
+  return { data: encounters, isLoading, error, mutate };
+}
+
+import { PARTOGRAPHY_CONCEPTS } from '../types';
+import { toOmrsIsoString } from '@openmrs/esm-framework';
+
+export function buildTemperatureObservation(formData: any): any[] {
+  const timeConfig = { defaultEncounterOffset: 0 };
+  const obsDatetime = toOmrsIsoString(new Date(Date.now() - timeConfig.defaultEncounterOffset));
+  const observations = [];
+  const tempValue =
+    formData.temperature !== undefined && formData.temperature !== null
+      ? formData.temperature
+      : formData.value !== undefined && formData.value !== null
+      ? formData.value
+      : formData.measurementValue;
+  if (tempValue !== undefined && tempValue !== null && tempValue !== '') {
+    observations.push({
+      concept: PARTOGRAPHY_CONCEPTS['temperature'],
+      value: parseFloat(tempValue),
+      obsDatetime,
+    });
+  }
+  // Add time observation if present
+  const timeValue = formData.exactTime || formData.timeSlot || formData.time;
+  if (timeValue) {
+    observations.push({
+      concept: PARTOGRAPHY_CONCEPTS['fetal-heart-rate-time'],
+      value: `Time: ${timeValue}`,
+      obsDatetime,
+    });
+  }
+  return observations;
+}
+
+export function transformTemperatureEncounterToChartData(encounters: any[]): any[] {
+  const chartData = [];
+  encounters.forEach((encounter) => {
+    const encounterTime = new Date(encounter.encounterDatetime).toLocaleTimeString('en-US', {
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false,
+    });
+    encounter.obs?.forEach((obs) => {
+      if (obs.concept.uuid === PARTOGRAPHY_CONCEPTS['temperature']) {
+        chartData.push({
+          group: 'Temperature',
+          time: encounterTime,
+          value: parseFloat(obs.value),
+        });
+      }
+    });
+  });
+  return chartData;
+}
+
+export function transformTemperatureEncounterToTableData(encounters: any[]): any[] {
+  const tableData = [];
+  encounters.forEach((encounter, index) => {
+    const encounterDate = new Date(encounter.encounterDatetime);
+    const dateTime = `${encounterDate.toLocaleDateString()} — ${encounterDate.toLocaleTimeString('en-US', {
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false,
+    })}`;
+    encounter.obs?.forEach((obs, obsIndex) => {
+      if (obs.concept.uuid === PARTOGRAPHY_CONCEPTS['temperature']) {
+        tableData.push({
+          id: `temperature-${index}-${obsIndex}`,
+          dateTime,
+          value: parseFloat(obs.value),
+          unit: '°C',
+        });
+      }
+    });
+  });
+  return tableData;
+}

package/src/maternal-and-child-health/partography/resources/uterine-contractions.resource.ts

@@ -0,0 +1,173 @@
+import { PARTOGRAPHY_CONCEPTS } from '../types';
+import {
+  CONTRACTION_LEVEL_MILD_CONCEPT,
+  CONTRACTION_LEVEL_MODERATE_CONCEPT,
+  CONTRACTION_LEVEL_STRONG_CONCEPT,
+  MOULDING_NONE_CONCEPT,
+  MOULDING_SLIGHT_CONCEPT,
+  MOULDING_MODERATE_CONCEPT,
+  MOULDING_SEVERE_CONCEPT,
+  CONTRACTION_COUNT_CONCEPT,
+  URINE_VOLUME_CONCEPT,
+} from '../../../config-schema';
+import { toOmrsIsoString } from '@openmrs/esm-framework';
+import { useTranslation } from 'react-i18next';
+
+export function buildUterineContractionsObservation(formData: any): any[] {
+  const timeConfig = { defaultEncounterOffset: 0 };
+  const obsDatetime = toOmrsIsoString(new Date(Date.now() - timeConfig.defaultEncounterOffset));
+  const observations = [];
+  if (formData.value || formData.measurementValue) {
+    observations.push({
+      concept: PARTOGRAPHY_CONCEPTS['uterine-contractions'],
+      value: parseFloat(formData.value || formData.measurementValue),
+      obsDatetime,
+    });
+  }
+  return observations;
+}
+
+export function transformUterineContractionsEncounterToChartData(
+  encounters: any[],
+  t: (key: string, defaultValue?: string, options?: any) => string,
+): any[] {
+  const chartData = [];
+  encounters.forEach((encounter) => {
+    const encounterTime = new Date(encounter.encounterDatetime).toLocaleTimeString('en-US', {
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false,
+    });
+    encounter.obs?.forEach((obs) => {
+      if (obs.concept.uuid === PARTOGRAPHY_CONCEPTS['uterine-contractions']) {
+        chartData.push({
+          group: t('Uterine Contractions'),
+          time: encounterTime,
+          value: parseFloat(obs.value),
+        });
+      }
+    });
+  });
+  return chartData;
+}
+
+export function transformUterineContractionsEncounterToTableData(
+  encounters: any[],
+  t: (key: string, defaultValue?: string, options?: any) => string,
+): any[] {
+  const tableData = [];
+  // Helper to map protein/acetone values to display string
+  const codeToPlus = (code) => {
+    // Accept both string and number
+    if (!code) {
+      return '';
+    }
+    if (code === MOULDING_NONE_CONCEPT || code === '0' || code === 0) {
+      return '0';
+    }
+    if (code === MOULDING_SLIGHT_CONCEPT || code === '+' || code === 1) {
+      return '+';
+    }
+    if (code === MOULDING_MODERATE_CONCEPT || code === '++' || code === 2) {
+      return '++';
+    }
+    if (code === MOULDING_SEVERE_CONCEPT || code === '+++' || code === 3) {
+      return '+++';
+    }
+    return String(code);
+  };
+
+  encounters.forEach((encounter, index) => {
+    const encounterDate = new Date(encounter.encounterDatetime);
+    const date = encounterDate.toLocaleDateString();
+    // Find all relevant obs for this encounter
+    let timeSlot = '';
+    let contractionCount = '';
+    let contractionLevel = '';
+    let protein = '';
+    let acetone = '';
+    let volume = '';
+
+    if (Array.isArray(encounter.obs)) {
+      for (const obs of encounter.obs) {
+        // Time Slot: use concept or value string
+        if (
+          obs.concept.uuid === PARTOGRAPHY_CONCEPTS['time-slot'] ||
+          (typeof obs.value === 'string' && obs.value.startsWith('TimeSlot:'))
+        ) {
+          if (typeof obs.value === 'string') {
+            const match = obs.value.match(/TimeSlot:\s*(.+)/);
+            if (match) {
+              timeSlot = match[1].trim();
+            } else {
+              timeSlot = obs.value;
+            }
+          } else {
+            timeSlot = String(obs.value);
+          }
+        }
+        // Contraction count
+        if (obs.concept.uuid === CONTRACTION_COUNT_CONCEPT) {
+          contractionCount = String(obs.value);
+        }
+        // Contraction level (none, mild, moderate, strong)
+        if (
+          obs.concept.uuid === MOULDING_NONE_CONCEPT || // none
+          obs.concept.uuid === CONTRACTION_LEVEL_MILD_CONCEPT || // mild
+          obs.concept.uuid === CONTRACTION_LEVEL_MODERATE_CONCEPT || // moderate
+          obs.concept.uuid === CONTRACTION_LEVEL_STRONG_CONCEPT // strong
+        ) {
+          if (obs.concept.uuid === MOULDING_NONE_CONCEPT) {
+            contractionLevel = 'none';
+          }
+          if (obs.concept.uuid === CONTRACTION_LEVEL_MILD_CONCEPT) {
+            contractionLevel = 'mild';
+          }
+          if (obs.concept.uuid === CONTRACTION_LEVEL_MODERATE_CONCEPT) {
+            contractionLevel = 'moderate';
+          }
+          if (obs.concept.uuid === CONTRACTION_LEVEL_STRONG_CONCEPT) {
+            contractionLevel = 'strong';
+          }
+        }
+        // Protein
+        if (obs.concept.uuid === PARTOGRAPHY_CONCEPTS['protein-level']) {
+          protein = codeToPlus(obs.value);
+        }
+        // Acetone (ketone)
+        if (obs.concept.uuid === PARTOGRAPHY_CONCEPTS['ketone-level']) {
+          acetone = codeToPlus(obs.value);
+        }
+        // Volume
+        if (obs.concept.uuid === PARTOGRAPHY_CONCEPTS['urine-volume'] || obs.concept.uuid === URINE_VOLUME_CONCEPT) {
+          volume = String(obs.value);
+        }
+      }
+    }
+    // Show row if date is present (do not require timeSlot/volume)
+    if (date) {
+      tableData.push({
+        id: `uterine-contractions-${index}`,
+        date,
+        timeSlot,
+        contractionCount,
+        contractionLevel,
+        protein,
+        acetone,
+        volume,
+      });
+    }
+  });
+  return tableData;
+}
+
+import { usePartographyEncounters } from '../partography.resource';
+export function useUterineContractionsData(patientUuid: string) {
+  const { t } = useTranslation();
+  const { encounters, isLoading, error, mutate } = usePartographyEncounters(patientUuid, 'uterine-contractions');
+  let localizedError = error;
+  if (error) {
+    localizedError = t('Failed to load uterine contractions data');
+  }
+  return { data: encounters, isLoading, error: localizedError, mutate };
+}

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

@@ -0,0 +1,99 @@
+import React from 'react';
+import {
+  DataTable,
+  TableContainer,
+  Table,
+  TableHead,
+  TableRow,
+  TableHeader,
+  TableBody,
+  TableCell,
+  Pagination,
+} from '@carbon/react';
+
+interface TemperatureTableRow {
+  id: string;
+  date: string;
+  timeSlot: string;
+  exactTime: string;
+  temperature: number;
+}
+
+interface TemperatureTableProps {
+  tableData: TemperatureTableRow[];
+  currentPage: number;
+  pageSize: number;
+  totalItems: number;
+  controlSize: 'sm' | 'md';
+  onPageChange: (page: number) => void;
+  onPageSizeChange: (size: number) => void;
+}
+
+const TemperatureTable: React.FC<TemperatureTableProps> = ({
+  tableData,
+  currentPage,
+  pageSize,
+  totalItems,
+  controlSize,
+  onPageChange,
+  onPageSizeChange,
+}) => {
+  // Calculate pagination
+  const startIndex = (currentPage - 1) * pageSize;
+  const endIndex = startIndex + pageSize;
+  const paginatedData = tableData.slice(startIndex, endIndex);
+
+  const tableHeaders = [
+    { key: 'date', header: 'Date' },
+    { key: 'exactTime', header: 'Time' },
+    { key: 'temperature', header: 'Temperature (°C)' },
+  ];
+
+  return (
+    <div>
+      <DataTable rows={paginatedData} headers={tableHeaders}>
+        {({ rows, headers, getTableProps, getHeaderProps, getRowProps }) => (
+          <TableContainer title="" description="">
+            <Table {...getTableProps()} size="sm">
+              <TableHead>
+                <TableRow>
+                  {headers.map((header) => (
+                    <TableHeader {...getHeaderProps({ header })} key={header.key}>
+                      {header.header}
+                    </TableHeader>
+                  ))}
+                </TableRow>
+              </TableHead>
+              <TableBody>
+                {rows.map((row) => (
+                  <TableRow {...getRowProps({ row })} key={row.id}>
+                    {row.cells.map((cell) => (
+                      <TableCell key={cell.id}>{cell.value}</TableCell>
+                    ))}
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </TableContainer>
+        )}
+      </DataTable>
+      {totalItems > 0 && (
+        <Pagination
+          page={currentPage}
+          totalItems={totalItems}
+          pageSize={pageSize}
+          pageSizes={[5, 10, 20, 50]}
+          onChange={(event) => {
+            onPageChange(event.page);
+            if (event.pageSize !== pageSize) {
+              onPageSizeChange(event.pageSize);
+            }
+          }}
+          size={controlSize}
+        />
+      )}
+    </div>
+  );
+};
+
+export default TemperatureTable;

package/src/maternal-and-child-health/partography/table/uterine-contractions-table.component.tsx

@@ -0,0 +1,86 @@
+import React from 'react';
+import {
+  DataTable,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Pagination,
+} from '@carbon/react';
+
+export interface UterineContractionsTableRow {
+  id: string;
+  date: string;
+  timeSlot: string;
+  contractionCount: string;
+  contractionLevel: string;
+  protein?: string;
+  acetone?: string;
+  volume?: string;
+}
+
+interface UterineContractionsTableProps {
+  tableData: UterineContractionsTableRow[];
+  currentPage: number;
+  pageSize: number;
+  totalItems: number;
+  controlSize: 'sm' | 'md';
+  onPageChange: (page: number) => void;
+  onPageSizeChange: (size: number) => void;
+}
+
+const UterineContractionsTable: React.FC<UterineContractionsTableProps> = ({
+  tableData,
+  currentPage,
+  pageSize,
+  totalItems,
+  controlSize,
+  onPageChange,
+  onPageSizeChange,
+}) => {
+  return (
+    <TableContainer>
+      <Table size={controlSize} useZebraStyles>
+        <TableHead>
+          <TableRow>
+            <TableHeader>Date</TableHeader>
+            <TableHeader>Time Slot</TableHeader>
+            <TableHeader>Contraction Count</TableHeader>
+            <TableHeader>Contraction Level</TableHeader>
+            <TableHeader>Protein</TableHeader>
+            <TableHeader>Acetone</TableHeader>
+            <TableHeader>Volume (ml)</TableHeader>
+          </TableRow>
+        </TableHead>
+        <TableBody>
+          {tableData.map((row) => (
+            <TableRow key={row.id}>
+              <TableCell>{row.date}</TableCell>
+              <TableCell>{row.timeSlot}</TableCell>
+              <TableCell>{row.contractionCount}</TableCell>
+              <TableCell>{row.contractionLevel}</TableCell>
+              <TableCell>{row.protein || ''}</TableCell>
+              <TableCell>{row.acetone || ''}</TableCell>
+              <TableCell>{row.volume || ''}</TableCell>
+            </TableRow>
+          ))}
+        </TableBody>
+      </Table>
+      <Pagination
+        page={currentPage}
+        pageSize={pageSize}
+        totalItems={totalItems}
+        pageSizes={[5, 10, 20, 50]}
+        onChange={({ page, pageSize }) => {
+          onPageChange(page);
+          onPageSizeChange(pageSize);
+        }}
+      />
+    </TableContainer>
+  );
+};
+
+export default UterineContractionsTable;