@kenyaemr/esm-care-panel-app 5.4.2-pre.2180 → 5.4.2-pre.2188

package/src/patient-summary/patient-summary.scss

@@ -1,6 +1,7 @@
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/spacing';
 @use '@carbon/colors';
+@use '@carbon/layout';
 @import '~@openmrs/esm-styleguide/src/vars';
 
 .bodyContainer {
@@ -53,13 +54,14 @@
 }
 
 .value {
-  @include type.type-style('productive-heading-03');
+  @include type.type-style('body-02');
   color: colors.$gray-100;
+  margin-top: spacing.$spacing-03;
 }
 
 .label {
-  @include type.type-style('label-01');
-  color: $text-02;
+  @include type.type-style('label-02');
+  color: colors.$gray-70;
 }
 
 .container {
@@ -67,12 +69,18 @@
   flex-direction: row;
   padding-left: 1rem;
   flex-wrap: wrap;
+  width: 100%;
+  justify-content: flex-start;
+  gap: layout.$spacing-04;
 }
 
 .content {
-  margin-top: spacing.$spacing-05;
-  width: 30%;
-  margin-left: spacing.$spacing-03;
+  display: flex;
+  flex-direction: column;
+  gap: spacing.$spacing-01;
+  width: calc(33.333% - layout.$spacing-04);
+  min-width: 0;
+  margin-top: spacing.$spacing-03;
 }
 
 .btnHidden {
@@ -82,3 +90,10 @@
 .btnShow {
   visibility: visible;
 }
+
+.divider {
+  height: 1px;
+  background-color: #e0e0e0;
+  margin: 1rem 0;
+  width: 100%;
+}

package/src/print-layout/print.component.tsx

@@ -1,16 +1,21 @@
-import React, { useRef } from 'react';
+import React from 'react';
 import styles from './print.scss';
 import { useConfig } from '@openmrs/esm-framework';
+import PatientSummaryBody from '../patient-summary/patient-summary-body.component';
+import { type PatientSummary } from '../types';
 
-export function PrintComponent() {
-  const componentRef = useRef(null);
+const PrintComponent = React.forwardRef<HTMLDivElement, { data: PatientSummary }>(({ data }, ref) => {
   const { logo } = useConfig();
-
   return (
-    <div className={styles.printPage}>
-      <div ref={componentRef}>{logo?.src ? <img src={logo.src} alt={logo?.alt} width={110} height={40} /> : null}</div>
+    <div ref={ref} className={styles.printPage}>
+      {logo?.src && <img src={logo.src} alt={logo.alt || 'Logo'} width={110} height={40} />}
+      <div className={styles.bodyContainer}>
+        <div className={styles.card}>
+          <PatientSummaryBody data={data} />
+        </div>
+      </div>
     </div>
   );
-}
+});
 
 export default PrintComponent;

package/src/print-layout/print.scss

@@ -3,7 +3,102 @@
 }
 
 .printPage {
+  padding: 20px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+    'Helvetica Neue', sans-serif;
+  color: #161616;
+  line-height: 1.5;
+  max-width: 800px;
+  margin: 0 auto;
+
+  img {
+    margin-bottom: 20px;
+  }
+}
+
+.bodyContainer {
+  background: #ffffff;
+  border-radius: 4px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.card {
+  padding: 20px;
+}
+
+.section {
+  margin-bottom: 24px;
+  page-break-inside: avoid;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.sectionTitle {
+  font-size: 16px;
+  font-weight: 600;
+  color: #0f62fe;
+  margin: 0 0 12px 0;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #e0e0e0;
+}
+
+.sectionContent {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 12px;
+}
+
+.infoRow {
   display: flex;
-  justify-content: center;
-  align-items: center;
+  align-items: baseline;
+  gap: 8px;
+  font-size: 14px;
+}
+
+.label {
+  color: #525252;
+  font-weight: 500;
+  min-width: 120px;
+}
+
+.value {
+  color: #161616;
+  flex: 1;
+}
+
+@media print {
+  body * {
+    visibility: hidden;
+  }
+
+  .printPage,
+  .printPage * {
+    visibility: visible;
+  }
+
+  .printPage {
+    position: absolute;
+    left: 0;
+    top: 0;
+    padding: 0;
+    box-shadow: none;
+  }
+
+  .bodyContainer {
+    box-shadow: none;
+  }
+
+  .card {
+    padding: 0;
+  }
+
+  .section {
+    margin-bottom: 16px;
+  }
+
+  .sectionTitle {
+    color: #000000;
+  }
 }

package/translations/en.json

@@ -1,99 +1,51 @@
 {
-  "age": "Age",
-  "artInterruptionReason": "ART interruptions reason",
-  "birthDate": "Birth date",
-  "bloodPressure": "Blood pressure",
-  "bmi": "BMI",
   "carePanel": "Care panel",
   "carePanelError": "Care panel",
   "careProgram": "care program",
   "carePrograms": "Care Programs",
   "careProgramsEnrollement": "Care panel",
-  "caxcScreeningOutcome": "Caxc screening",
-  "cd4AtArtStart": "CD4 at ART start",
   "CD4Percentage": "CD4 percentage",
   "cd4Trends": "CD4 Trends",
   "changeReason": "Change reason",
   "changeRegimen": "Change",
-  "chronicDisease": "Chronic disease",
-  "clinicalNotes": "Clinical notes",
-  "clinicalStageART": "Clinical stage at ART",
-  "clinicianName": "Clinician name",
-  "clinicianSignature": "Clinician signature",
-  "clinicName": "Clinic name",
-  "clinicsEnrolled": "Clinics enrolled",
-  "currentArtRegimen": "Current Art regimen",
-  "currentArtRegimenDate": "Current Art regimen date",
   "currentFeedingOption": "Current feeding option",
   "currentStatus": "Current status",
-  "Dapsone": "Dapsone",
   "date": "Date",
-  "dateCompletedInTb": "TPT completion date",
-  "dateConfirmedPositive": "Date confirmed HIV positive",
-  "dateEnrolledInTb": "TPT start date",
-  "dateEnrolledToCare": "Date enrolled into care",
-  "dateFirstCD4": "Date first CD4",
-  "dateOfEntryPoint": "Date of entry point",
-  "dateStartedART": "Date started ART",
-  "deathDate": "Death date",
   "deleteRegimen": "Delete Regimen",
   "deleteRegimenModalConfirmationText": "Are you sure you want to delete regimen?",
   "description": "Description",
   "discard": "Discard",
   "discontinue": "Discontinue",
   "diseaseClassification": "Disease classification",
-  "drugAllergies": "Drug allergies",
   "edit": "Edit",
   "editRegimen": "Edit",
   "end": "End",
   "EnrollmentDetails": "Enrollment History",
   "enrollments": "Program enrollment",
-  "entryPoint": "Entry point",
   "errorCarePrograms": "Care programs",
   "errorPatientSummary": "Error loading patient summary",
   "errorProgramSummary": "Error loading HIV summary",
   "errorRegimenHistory": "Error loading regimen history",
   "evaluationDate": "Evaluation Date",
-  "facilityTransferredFrom": "Facility transferred from",
-  "familyProtection": "FP method",
-  "firstCD4": "First CD4",
-  "gender": "Gender",
-  "height": "Height",
   "heiOutcome": "HEI Outcome",
   "hivStatus": "HIV Status",
   "iitRiscScore": "IIT Risk Score",
   "iitRiskscore": "IIT Risk Score",
-  "initialRegimen": "Initial regimen",
-  "initialRegimenDate": "Initial regimen date",
-  "ioHistory": " OI history",
   "lastCd4Count": "Last CD4 count",
   "lastViralLoad": "Last viral load",
   "lastWhoStage": "Last WHO stage",
-  "lmp": "LMP",
   "loading": "Loading",
   "machineLearning": "Machine Learning",
-  "maritalStatus": "Marital status",
-  "mflCode": "MFL code",
   "milestonesAttained": "Milestones Attained",
   "mlPredictions": "machine learning predictions",
-  "mostRecentCD4": "Most recent CD4",
-  "mostRecentVL": "Most recent VL",
-  "nationalUniquePatientIdentifier": "National unique patient identifier",
   "neverOnArvRegimen": "Never on ARVs",
   "neverOnTbRegimen": "Never on TB regimen",
-  "nextAppointmentDate": " Next appointment",
-  "none": "None",
+  "noPatientSummary": "No patient summary available",
   "onART": "On ART",
-  "oxygenSaturation": "Oxygen saturation",
   "panelSummary": "Panel summary",
   "patientClassification": "Patient classification",
-  "patientName": "Patient name",
   "patientSummary": "Patient summary",
-  "previousART": "Previous ART",
   "print": "Print",
-  "pulseRate": "Pulse rate",
-  "purposeDate": "Purpose drugs date",
-  "purposeDrugs": "Purpose drugs",
   "regimen": "Regimen",
   "regimenDeleted": "Regimen deleted",
   "regimenDeletedError": "Error deleting regimen",
@@ -105,8 +57,6 @@
   "regimenStartDate": " Date started regimen",
   "regimenUpdated": "Regimen updated",
   "regimenUpdatedSuccessfully": "Regimen updated successfully.",
-  "reportDate": "Report date",
-  "respiratoryRate": "Respiratory rate",
   "restartRegimen": "Restart",
   "riskFactors": "Risk Factors",
   "riskScore": "Risk Score",
@@ -116,23 +66,9 @@
   "selectRegimenLine": "Select Regimen Line",
   "start": "Start",
   "startRegimen": "Start",
-  "stiScreeningOutcome": "Sti screening",
   "stopRegimen": "Stop",
-  "substitutionWithin1stLineRegimen": "Substitution within 1st line regimen",
-  "switchTo2ndLineRegimen": "Switch to 2nd line regimen",
-  "tbScreeningOutcome": "TB screening outcome",
-  "tpt": "TPT",
-  "transferInDate": "Transfer in date",
-  "transferOutDate": "Transfer out date",
-  "transferOutFacility": "Transfer out facility",
-  "treatmentSupporterContact": "Treatment Supporter contact",
-  "treatmentSupporterName": "Treatment supporter name",
-  "treatmentSupporterRelationship": "Treatment supporter relationship",
   "undoRegimen": "Undo",
-  "uniquePatientIdentifier": "Unique patient identifier",
   "validating": "Validating data...",
   "viralLoadTrends": "Viral load trends",
-  "weight": "Weight",
-  "whoAtEnrollment": "WHO stage at enrollment",
   "whoStage": "WHO STAGE"
 }