@pih/esm-pathology-app 1.0.3 → 1.0.6

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@pih/esm-pathology-app",
-  "version": "1.0.3",
+  "version": "1.0.6",
   "license": "MPL-2.0",
   "description": "A microfrontend pathology OpenMRS",
   "browser": "dist/pih-esm-pathology-app.js",
   "main": "src/index.ts",
   "source": true,
   "scripts": {
-    "start": "openmrs develop --backend https://imb.pih-emr.org:6464",
-    "serve": "webpack serve --mode=development",
+    "start": "openmrs develop --backend http://imb.pih-emr.org:8096",
+    "serve": "webpack serve --mode development",
     "build": "webpack --mode production",
-    "analyze": "webpack --mode=production --env analyze=true",
+    "analyze": "webpack --mode=production --env.analyze=true",
     "lint": "eslint src --ext js,jsx,ts,tsx",
     "prettier": "prettier --write \"src/**/*.{ts,tsx}\"",
     "typescript": "tsc",
@@ -38,15 +38,24 @@
   },
   "dependencies": {
     "@carbon/icons-react": "^10.33.0",
-    "carbon-components-react": "^7.36.0",
+    "@react-pdf/renderer": "^2.0.21",
+    "assert": "^2.0.0",
+    "browserify-zlib": "^0.2.0",
+    "buffer": "^6.0.3",
+    "carbon-components": "^10.36.0",
     "i18next": "^20.3.1",
     "lodash-es": "^4.17.21",
+    "node-polyfill-webpack-plugin": "^1.1.4",
+    "npm": "^7.24.2",
+    "process": "^0.11.10",
     "react": "^16.13.1",
     "react-dom": "^16.14.0",
     "react-i18next": "^11.7.0",
     "react-router-dom": "^5.2.0",
     "rxjs": "^6.5.4",
-    "systemjs-webpack-interop": "^2.3.7"
+    "stream-browserify": "^3.0.0",
+    "systemjs-webpack-interop": "^2.3.7",
+    "util": "^0.12.4"
   },
   "peerDependencies": {
     "@openmrs/esm-framework": "3.x",
@@ -63,13 +72,13 @@
     "@babel/preset-react": "^7.13.13",
     "@babel/preset-typescript": "^7.13.0",
     "@babel/runtime": "^7.14.0",
-    "@openmrs/esm-framework": "next",
+    "@openmrs/esm-framework": "^3.1.15-pre.791",
     "@testing-library/dom": "^7.31.2",
     "@testing-library/jest-dom": "^5.13.0",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^13.1.9",
-    "@types/carbon__icons-react": "^10.31.0",
     "@types/carbon-components-react": "^7.34.0",
+    "@types/carbon__icons-react": "^10.31.0",
     "@types/jest": "^26.0.23",
     "@types/react": "^17.0.9",
     "@types/react-dom": "^17.0.6",
@@ -79,6 +88,7 @@
     "@typescript-eslint/parser": "^4.26.0",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^27.0.2",
+    "carbon-components-react": "^7.48.1",
     "concurrently": "^6.2.0",
     "eslint": "^7.27.0",
     "eslint-config-prettier": "^8.3.0",
@@ -88,9 +98,10 @@
     "identity-obj-proxy": "^3.0.0",
     "jest": "^27.0.4",
     "jest-cli": "^27.0.4",
-    "openmrs": "next",
+    "openmrs": "^3.1.15-pre.791",
     "prettier": "^2.3.0",
     "pretty-quick": "^3.1.0",
-    "typescript": "^4.3.2"
+    "typescript": "^4.3.2",
+    "webpack": "^5.66.0"
   }
 }

package/src/Fonts/georgia/sharefonts.net.txt

@@ -0,0 +1 @@
+Free download fonts at http://sharefonts.net

package/src/Print-to-PDF/Document-Component.tsx

@@ -0,0 +1,296 @@
+import React from "react";
+import {
+  Document,
+  Page,
+  Text,
+  Image,
+  View,
+  StyleSheet,
+  Font,
+} from "@react-pdf/renderer";
+import ButaroLogo from "../images/ButaroHospitalLogo.gif";
+import GeorgiaFontBold from "../Fonts/georgia/georgia-bold.ttf";
+import GeorgiaFont from "../Fonts/georgia/Georgia.ttf";
+
+Font.register({ family: "GeorgiaBold", src: GeorgiaFontBold });
+Font.register({ family: "Georgia", src: GeorgiaFont });
+
+// Create styles
+const styles = StyleSheet.create({
+  page: {
+    flexDirection: "row",
+  },
+  section: {
+    margin: 10,
+    padding: 20,
+    flexGrow: 1,
+  },
+  textLabels: {
+    padding: 7,
+    fontFamily: "GeorgiaBold",
+    fontSize: 16,
+    fontWeight: "bold",
+    paddingBottom: 30,
+  },
+  sentenceLabels: {
+    paddingTop: 7,
+    fontFamily: "GeorgiaBold",
+    fontSize: 16,
+    fontWeight: "bold",
+    paddingBottom: 3,
+  },
+  textAnswers: {
+    margin: 10,
+    padding: 20,
+    fontFamily: "Georgia",
+    fontSize: 14,
+  },
+  sentenceAnswers: {
+    marginBottom: 10,
+    paddingBottom: 20,
+    fontFamily: "Georgia",
+    fontSize: 14,
+  },
+  logo: {
+    width: 61,
+  },
+});
+
+// Create Document Component
+const MyDocument = (props) => (
+  <Document
+    title={`Pathology report 
+  ${props.encounterInfo.family_name} 
+  ${props.encounterInfo.given_name}  
+  ${props.encounterInfo.middle_name} `}
+  >
+    <Page size="A4" style={styles.page}>
+      <View style={styles.section}>
+        <Image style={styles.logo} src={ButaroLogo} />
+        <Text style={{ fontSize: 8 }}>Butaro Hospital</Text>
+        <Text style={{ position: "absolute", top: 0, left: 300, width: 300 }}>
+          <Text style={styles.textAnswers}>Lab phone number:</Text>
+          <Text> 0784433618</Text>
+        </Text>
+        <Text style={{ position: "absolute", top: 15, left: 300, width: 300 }}>
+          <Text style={styles.textAnswers}>Accession number:</Text>
+          <Text>
+            {" "}
+            {props.encounterInfo.resultsEncounter.obs.map(
+              (obser) =>
+                obser.concept.uuid == props.config.AccessionNumberconceptUUID &&
+                obser.value
+            )}
+          </Text>
+        </Text>
+        <Text
+          style={{
+            borderBottom: "1px",
+            textAlign: "center",
+            fontWeight: 1500,
+            marginBottom: 30,
+            fontFamily: "GeorgiaBold",
+          }}
+        >
+          Pathology Report
+        </Text>
+        <Text style={{ paddingBottom: 10 }}>
+          <Text style={styles.textAnswers}>Patient Name:</Text>
+          <Text style={styles.textAnswers}>
+            {" "}
+            {props.encounterInfo.family_name} {props.encounterInfo.given_name}{" "}
+            {props.encounterInfo.middle_name}
+          </Text>
+        </Text>
+        <Text
+          style={{
+            paddingBottom: 10,
+            position: "absolute",
+            top: 140,
+            left: 335,
+          }}
+        >
+          <Text style={styles.textAnswers}>Surgery Date:</Text>
+          <Text style={styles.textAnswers}>
+            {" "}
+            {props.encounterInfo.resultsEncounter.obs.map(
+              (obser) =>
+                obser.concept.uuid ==
+                  props.config.DateBiopsySpecimenTakenconceptUUID &&
+                new Date(obser.value).toLocaleString(
+                  ["en-GB", "en-US", "en", "fr-RW"],
+                  { day: "numeric", month: "numeric", year: "numeric" }
+                )
+            )}
+          </Text>
+        </Text>
+        <Text style={{ paddingBottom: 10 }}>
+          <Text style={styles.textAnswers}>Patient Birthdate:</Text>
+          <Text style={styles.textAnswers}>
+            {" "}
+            {new Date(props.encounterInfo.personBirthdate).toLocaleString(
+              ["en-GB", "en-US", "en", "fr-RW"],
+              { day: "numeric", month: "numeric", year: "numeric" }
+            )}
+          </Text>
+        </Text>
+        <Text
+          style={{
+            paddingBottom: 10,
+            position: "absolute",
+            top: 168,
+            left: 335,
+            width: 200,
+          }}
+        >
+          <Text style={styles.textAnswers}>Specimen Reception Date:</Text>
+          <Text style={styles.textAnswers}>
+            {" "}
+            {props.encounterInfo.resultsEncounter.obs.map(
+              (obser) =>
+                obser.concept.uuid ==
+                  props.config.SpecimenSubmissionDateconceptUUID &&
+                new Date(obser.value).toLocaleString(
+                  ["en-GB", "en-US", "en", "fr-RW"],
+                  { day: "numeric", month: "numeric", year: "numeric" }
+                )
+            )}
+          </Text>
+        </Text>
+        <Text style={{ paddingBottom: 10, borderBottom: "1px" }}>
+          <Text style={styles.textAnswers}>Patient Gender:</Text>
+          <Text style={styles.textAnswers}>
+            {" "}
+            {props.encounterInfo.personGender}
+          </Text>
+        </Text>
+        <Text
+          style={{
+            paddingBottom: 10,
+            position: "absolute",
+            top: 200,
+            left: 335,
+            width: 250,
+          }}
+        >
+          <Text style={styles.textAnswers}>Signout Date:</Text>
+          <Text style={styles.textAnswers}>
+            {" "}
+            {new Date(
+              props.encounterInfo.resultsEncounter.encounterDatetime
+            ).toLocaleString(["en-GB", "en-US", "en", "fr-RW"], {
+              day: "numeric",
+              month: "numeric",
+              year: "numeric",
+            })}
+          </Text>
+        </Text>
+
+        <Text style={{ paddingBottom: 10 }}>
+          <Text style={styles.textLabels}>Sending Physician:</Text>
+          <Text style={styles.textAnswers}>
+            {" "}
+            {props.encounterInfo.resultsEncounter.obs.map(
+              (obser) =>
+                obser.concept.uuid ==
+                  props.config.SendingPhysicianconceptUUID && obser.value
+            )}
+          </Text>
+        </Text>
+        <Text style={{ paddingBottom: 10 }}>
+          <Text style={styles.textLabels}>Sending Facility:</Text>
+          <Text style={styles.textAnswers}>
+            {" "}
+            {props.encounterInfo.resultsEncounter.obs.map(
+              (obser) =>
+                obser.concept.uuid ==
+                  props.config.OtherBiopsyLocationconceptUUID && obser.value
+            )}
+          </Text>
+        </Text>
+        <Text style={{ paddingBottom: 10, fontFamily: "Georgia" }}>
+          Anatomical location:
+        </Text>
+        <Text style={{ paddingBottom: 10, paddingLeft: 10 }}>
+          <Text style={styles.textLabels}>i.System:</Text>
+          <Text style={styles.textAnswers}>
+            {" "}
+            {props.encounterInfo.resultsEncounter.obs.map(
+              (obser) =>
+                obser.concept.uuid == props.config.OrganSystemconceptUUID &&
+                obser.value.name.display + ",  "
+            )}
+          </Text>
+        </Text>
+        <Text style={{ paddingBottom: 10, paddingLeft: 10 }}>
+          <Text style={styles.textLabels}>ii.Organ:</Text>
+          <Text style={styles.textAnswers}>
+            {" "}
+            {props.encounterInfo.resultsEncounter.obs.map(
+              (obser) =>
+                obser.concept.uuid == props.config.OrganconceptUUID &&
+                obser.value.name.display + ",  "
+            )}
+          </Text>
+        </Text>
+        <Text style={{ paddingBottom: 10, paddingLeft: 10 }}>
+          <Text style={styles.textLabels}>iii.Detail:</Text>
+          <Text style={styles.textAnswers}>
+            {" "}
+            {props.encounterInfo.resultsEncounter.obs.map(
+              (obser) =>
+                obser.concept.uuid == props.config.SpecimenDetailconceptUUID &&
+                obser.value
+            )}
+          </Text>
+        </Text>
+        <Text style={{ paddingBottom: 10 }}>
+          <Text style={styles.textLabels}>Procedure type:</Text>
+          <Text style={styles.textAnswers}>
+            {" "}
+            {props.encounterInfo.resultsEncounter.obs.map(
+              (obser) =>
+                obser.concept.uuid ==
+                  props.config.OtherTestsOrProceduresconceptUUID && obser.value
+            )}
+          </Text>
+        </Text>
+        <Text style={[styles.sentenceLabels]}>Gross Description:</Text>
+        <Text style={[styles.sentenceAnswers]}>
+          {props.encounterInfo.resultsEncounter.obs.map(
+            (obser) =>
+              obser.concept.uuid == props.config.GrossDescriptionconceptUUID &&
+              obser.value
+          )}
+        </Text>
+        <Text style={styles.sentenceLabels}>Microscopic Examination:</Text>
+        <Text style={styles.sentenceAnswers}>
+          {props.encounterInfo.resultsEncounter.obs.map(
+            (obser) =>
+              obser.concept.uuid ==
+                props.config.MacroscopicExaminationconceptUUID && obser.value
+          )}
+        </Text>
+        <Text style={styles.sentenceLabels}>Conclusion:</Text>
+        <Text style={styles.sentenceAnswers}>
+          {props.encounterInfo.resultsEncounter.obs.map(
+            (obser) =>
+              obser.concept.uuid ==
+                props.config.COMMENTSATCONCLUSIONOFEXAMINATIONconceptUUID &&
+              obser.value
+          )}
+        </Text>
+
+        <Text style={{ paddingBottom: 10 }}>
+          <Text style={styles.textLabels}>Validated by pathologist:</Text>
+          <Text style={[styles.textAnswers, { fontWeight: "bold" }]}>
+            {" "}
+            {props.encounterInfo.approvedBy}
+          </Text>
+        </Text>
+      </View>
+    </Page>
+  </Document>
+);
+
+export default MyDocument;

package/src/config-schema.ts

@@ -17,7 +17,7 @@ import { Type, validator } from "@openmrs/esm-framework";
 export const configSchema = {
   pathologyEncTypeUUID: {
     _type: Type.String,
-    _default: "4d911f5c-26fe-102b-80cb-0017a47871b2",
+    _default: "70f18a24-92ec-4de5-acdc-7cae77414e32",
     _description:
       "This is to determine the UUID of the Pathology encounterType in the instance",
   },
@@ -29,25 +29,25 @@ export const configSchema = {
   },
   pathologyFullAllowedLocationUUID: {
     _type: Type.String,
-    _default: "38c4b94b-97a6-4f2c-bca6-c28a37cf60ed",
+    _default: "a62fd59a-6577-43e0-b39c-ba42ac8cfbc9",
     _description:
       "This is to determine the location allowed to view all other location data",
   },
   sampleStatusConceptUUID: {
     _type: Type.String,
-    _default: "3ce163d8-26fe-102b-80cb-0017a47871b2",
+    _default: "3adca58e-9334-4be5-9bd3-74f7bbf82776",
     _description:
       "This is to determine the UUID of the sample status concept in the instance",
   },
   referralStatusConceptUUID: {
     _type: Type.String,
-    _default: "3cd93302-26fe-102b-80cb-0017a47871b2",
+    _default: "5a7a931f-97b8-4d59-b0de-3a83603aaad9",
     _description:
       "This is to determine the UUID of the referral status concept in the instance",
   },
   sampleDropOffconceptUUID: {
     _type: Type.String,
-    _default: "13662f27-9be5-4595-8bab-07b0e859d9f4",
+    _default: "dc288e6c-84a4-4fd3-9136-ef9e13961b1e",
     _description:
       "This is to determine the UUID of the sample drop off concept in the instance",
   },
@@ -66,10 +66,94 @@ export const configSchema = {
 
   pathologyResultsFromID: {
     _type: Type.Number,
-    _default: 131,
+    _default: 5613,
     _description:
       "This is to determine the ID of the pathology results form in the instance",
   },
+  pathologyResultsApprovedconceptUUID: {
+    _type: Type.String,
+    _default: "1f7742f0-4571-44d8-a88b-8bc60dc11e29",
+    _description:
+      "This is to determine the pathology results approved concept uuid",
+  },
+  AccessionNumberconceptUUID: {
+    _type: Type.String,
+    _default: "0e466f59-8070-45b5-97d1-575ec5cfd85d",
+    _description:
+      "This is to determine the Accession Number concept uuid",
+  },
+  DateBiopsySpecimenTakenconceptUUID: {
+    _type: Type.String,
+    _default: "e0436a5b-dc19-4cb9-ac1b-acc005272c08",
+    _description:
+      "This is to determine the Date Biopsy Specimen Taken concept uuid",
+  },
+  SpecimenSubmissionDateconceptUUID: {
+    _type: Type.String,
+    _default: "3928b7fc-b3ae-40a5-846f-d480120b04f6",
+    _description:
+      "This is to determine the Specimen Submission Date concept uuid",
+  },
+  SendingPhysicianconceptUUID: {
+    _type: Type.String,
+    _default: "0a4a22db-0e82-4669-9aba-086d841505b5",
+    _description:
+      "This is to determine the Sending Physician concept uuid",
+  },
+  OtherBiopsyLocationconceptUUID: {
+    _type: Type.String,
+    _default: "7c4650ee-45d5-435a-b968-511ef127a016",
+    _description:
+      "This is to determine the Other Biopsy Location concept uuid",
+  },
+  OrganSystemconceptUUID: {
+    _type: Type.String,
+    _default: "b88f9524-6b39-41b3-9b3a-f9a7a4b08fed",
+    _description:
+      "This is to determine the Organ System concept uuid",
+  },
+  OrganconceptUUID: {
+    _type: Type.String,
+    _default: "488fe4a2-7903-41da-b21e-fb236a1ee356",
+    _description:
+      "This is to determine the Organ concept uuid",
+  },
+  SpecimenDetailconceptUUID: {
+    _type: Type.String,
+    _default: "e99170a5-f46b-490b-8fbb-bb9eacba3500",
+    _description:
+      "This is to determine the Specimen Detail concept uuid",
+  },
+  OtherTestsOrProceduresconceptUUID: {
+    _type: Type.String,
+    _default: "66ad3230-59b2-4232-821e-a9ae86819e03",
+    _description:
+      "This is to determine the Other tests or procedures concept uuid",
+  },
+  GrossDescriptionconceptUUID: {
+    _type: Type.String,
+    _default: "1e97a4d3-1691-4fb7-be78-18e526e82b0b",
+    _description:
+      "This is to determine the Gross Description concept uuid",
+  },
+  MacroscopicExaminationconceptUUID: {
+    _type: Type.String,
+    _default: "5d149510-0767-4da7-82cd-be406b34877d",
+    _description:
+      "This is to determine the Macroscopic Examination concept uuid",
+  },
+  COMMENTSATCONCLUSIONOFEXAMINATIONconceptUUID: {
+    _type: Type.String,
+    _default: "3cdc5938-26fe-102b-80cb-0017a47871b2",
+    _description:
+      "This is to determine the COMMENTS AT CONCLUSION OF EXAMINATION concept uuid",
+  },
+  CanregCodeconceptUUID: {
+    _type: Type.String,
+    _default: "16931672-e068-4ea8-a89c-2ee7dbc07ad1",
+    _description:
+      "This is to determine the Canreg Code concept uuid",
+  },
 };
 
 export type Config = {
@@ -82,4 +166,19 @@ export type Config = {
   yesConceptUUID: string;
   yesConceptName: string;
   pathologyResultsFromID: number;
+  pathologyResultsApprovedconceptUUID: string;
+
+  AccessionNumberconceptUUID: string;
+  DateBiopsySpecimenTakenconceptUUID: string;
+  SpecimenSubmissionDateconceptUUID: string;
+  SendingPhysicianconceptUUID: string;
+  OtherBiopsyLocationconceptUUID: string;
+  OrganSystemconceptUUID: string;
+  OrganconceptUUID: string;
+  SpecimenDetailconceptUUID: string;
+  OtherTestsOrProceduresconceptUUID: string;
+  GrossDescriptionconceptUUID: string;
+  MacroscopicExaminationconceptUUID: string;
+  COMMENTSATCONCLUSIONOFEXAMINATIONconceptUUID: string;
+  CanregCodeconceptUUID: string;
 };

package/src/declarations.d.tsx

@@ -1 +1,4 @@
 declare module "*.css";
+declare module '*.png';
+declare module '*.gif';
+declare module '*.ttf';