@kenyaemr/esm-shr-app 5.1.1-pre.122

package/src/shrpatient-summary/visit-detail-overview.scss

@@ -0,0 +1,193 @@
+@use '@carbon/styles/scss/spacing';
+@use '@carbon/styles/scss/type';
+@import '~@openmrs/esm-styleguide/src/vars';
+@import "./root.scss";
+
+.visitType {
+  @include type.type-style('heading-compact-02');
+  color: $text-02;
+  margin-bottom: 5px;
+}
+
+.date {
+  @include type.type-style('body-compact-01');
+  color: $text-02;
+  padding-right: 0.625rem;
+}
+
+.dateLabel{
+  padding-right: 0.313rem;
+}
+
+.displayFlex{
+  display:flex;
+  align-items: center;
+  justify-content: left;
+}
+
+.container {
+  background-color: $ui-background;
+  border: 1px solid $grey-2;
+  padding: 1rem;
+  margin: 1rem 0rem 1rem;
+  width: 100%;
+}
+
+.tabs > :global(.cds--tab-content) {
+  padding: 1rem 0rem !important;
+}
+
+.tab {
+  &:active, &:focus {
+    outline: 2px solid var(--brand-03) !important;
+  }
+
+  &[aria-selected="true"] {
+    box-shadow: inset 0 2px 0 0 var(--brand-03) !important;
+  }
+}
+
+.header {
+  .visitInfo {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+}
+
+.header::after {
+  content: "";
+  display: block;
+  width: 2rem;
+  padding-top: 0.188rem;
+  border-bottom: 0.375rem solid var(--brand-03);
+}
+
+.toggleButtons {
+  margin: 0 1rem;
+  height: 2.5rem;
+}
+
+.toggle {
+  border: 1px solid #A6C8FF;
+
+  &:hover {
+    background-color: $color-blue-10;
+  }
+
+  &:active, &:focus {
+    box-shadow: none;
+    background-color: $color-blue-10;
+  }
+
+  &:first-of-type {
+    border-radius: spacing.$spacing-02 0 0 spacing.$spacing-02;
+  }
+
+  &:last-of-type {
+    border-radius: 0 spacing.$spacing-02 spacing.$spacing-02 0;
+  }
+}
+
+.encounterEmptyState {
+  text-align: center;
+  margin: 0 1rem 1rem 1rem; 
+}
+
+.observation {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-gap: 0.5rem;
+  margin: 1rem 1rem 0 0;
+}
+
+.observation > span {
+  align-self: center;
+}
+
+.flexSections {
+  display: flex;
+}
+
+.desktopTabs {
+  button {
+    height: 32px;
+  }
+}
+
+.tabletTabs {
+  button {
+    height: 48px;
+  }
+}
+
+.tabContent {
+  border-top: 1px solid $ui-03;
+  padding: 1rem 0;
+  width: 70%;
+}
+
+.medicationRecord {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  @include type.type-style('body-01');
+  color: $text-02;
+}
+
+.medicationContainer {
+  background-color: $ui-01;
+  padding: 1rem;
+  width: 100% !important;
+}
+
+.dosage {
+  @include type.type-style("heading-compact-01");
+}
+
+.toggleSwitch {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  margin-bottom: spacing.$spacing-02;
+}
+
+.toggleSwitch div {
+  width: 30%;
+}
+
+.noteText {
+  background-color: $ui-01;
+  padding: 1rem;
+  width: 100% !important;
+  white-space: pre-wrap;
+}
+
+.metadata {
+  @include type.type-style('label-01');
+  color: $text-02;
+  margin: spacing.$spacing-02 0;
+}
+
+.observationsEmptyState {
+  margin-top: 1.5rem;
+}
+
+.loader {
+  margin: 0 auto;
+}
+
+.notesContainer {
+  margin-bottom: 2rem;
+}
+
+// Overriding styles for RTL support
+html[dir='rtl'] {
+  .header {
+    .visitInfo {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+  }
+}

package/src/types/index.ts

@@ -0,0 +1,173 @@
+type HIVData = {
+  whoStage: number;
+  whoStageDate: string;
+  cd4: string;
+  cd4Date: string;
+  cd4Percent: string;
+  cd4PercentDate: string;
+  ldlValue: string;
+  ldlDate: string;
+  enrolledInHiv: boolean;
+  lastEncDetails: {
+    startDate: string;
+    endDate: string;
+    regimenShortDisplay: string;
+    regimenLine: string;
+    regimenLongDisplay: string;
+    changeReasons: string[];
+    regimenUuid: string;
+    current: boolean;
+  };
+};
+
+type TBData = {
+  tbDiseaseClassification: string;
+  tbPatientClassification: string;
+  tbTreatmentNumber: string;
+  lastTbEncounter: {
+    startDate: string;
+    endDate: string;
+    regimenShortDisplay: string;
+    regimenLine: string;
+    regimenLongDisplay: string;
+    changeReasons: string[];
+    regimenUuid: string;
+    current: boolean;
+  };
+  tbDiseaseClassificationDate: String;
+};
+
+type MCHMotherData = {
+  hivStatus: string;
+  hivStatusDate: string;
+  onHaart: string;
+  onHaartDate: string;
+};
+
+export type MCHChildData = {
+  currentProphylaxisUsed: string;
+  currentProphylaxisUsedDate: string;
+  currentFeedingOption: string;
+  currentFeedingOptionDate: string;
+  milestonesAttained: string;
+  milestonesAttainedDate: string;
+  heiOutcome: string;
+  heiOutcomeDate: string;
+  hivStatus: string;
+  hivStatusDate: string;
+};
+
+export type ProgramSummary = {
+  HIV?: HIVData;
+  TB?: TBData;
+  mchMother?: MCHMotherData;
+  mchChild?: MCHChildData;
+};
+
+export enum ProgramType {
+  HIV = 'HIV',
+  TB = 'TB',
+  TPT = 'TPT',
+  MCH_MOTHER = 'MCH - Mother Services',
+  MCH_CHILD = 'MCH - Child Services',
+  MCHMOTHER = 'mchMother',
+  MCHCHILD = 'mchChild',
+}
+
+export type PatientSummary = {
+  reportDate: string;
+  clinicName: string;
+  mflCode: string;
+  patientName: string;
+  birthDate: string;
+  age: string;
+  gender: string;
+  uniquePatientIdentifier: string;
+  nationalUniquePatientIdentifier: string;
+  maritalStatus: string;
+  height: string;
+  weight: string;
+  bmi: string;
+  oxygenSaturation: string;
+  pulseRate: string;
+  bloodPressure: string;
+  bpDiastolic: string;
+  lmp: string;
+  respiratoryRate: string;
+  dateConfirmedHIVPositive: string;
+  firstCd4: string;
+  firstCd4Date: string;
+  dateEnrolledIntoCare: string;
+  whoStagingAtEnrollment: string;
+  caxcScreeningOutcome: string;
+  stiScreeningOutcome: string;
+  familyProtection: string;
+  transferInFacility: string;
+  patientEntryPoint: string;
+  patientEntryPointDate: string;
+  nameOfTreatmentSupporter: string;
+  relationshipToTreatmentSupporter: string;
+  transferInDate: string;
+  contactOfTreatmentSupporter: string;
+  dateEnrolledInTb: string;
+  dateCompletedInTb: string;
+  tbScreeningOutcome: string;
+  chronicDisease: string;
+  previousArtStatus: string;
+  dateStartedArt: string;
+  whoStageAtArtStart: string;
+  cd4AtArtStart: string;
+  heightArtInitiation: string;
+  firstRegimen: string;
+  purposeDrugs: string;
+  purposeDate: string;
+  iosResults: string;
+  currentArtRegimen: string;
+  currentWhoStaging: string;
+  ctxValue: string;
+  dapsone: string;
+  onIpt: string;
+  allergies: string;
+  clinicsEnrolled: string;
+  mostRecentCd4: string;
+  mostRecentCd4Date: string;
+  deathDate: string;
+  nextAppointmentDate: string;
+  transferOutDate: string;
+  transferOutFacility: string;
+  viralLoadValue: string;
+  viralLoadDate: string;
+  allCd4CountResults: Array<cd4Results>;
+  allVlResults: vlResults;
+};
+
+export type SHRSummary = {
+  vitals: Array<itemDetails>;
+  labResults: Array<itemDetails>;
+  complaints: Array<itemDetails>;
+  diagnosis: Array<itemDetails>;
+  allergies: Array<itemDetails>;
+  conditions: Array<itemDetails>;
+  medications: Array<itemDetails>;
+};
+
+export type itemDetails = {
+  uuid: string;
+  name: string;
+  dateRecorded: string;
+  value: string;
+};
+
+type cd4Results = {
+  cd4Count: string;
+  cd4CountDate: string;
+};
+
+type vlResults = {
+  value: Array<vl>;
+};
+
+type vl = {
+  vl?: string;
+  vlDate?: string;
+};

package/translations/en.json

@@ -0,0 +1 @@
+{}

package/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*"],
+  "exclude": ["src/**/*.test.tsx", "src/**/*.outdated.tsx"]
+}

package/webpack.config.js

@@ -0,0 +1,4 @@
+const config = require('openmrs/default-webpack-config');
+config.scriptRuleConfig.exclude = /node_modules(?![\/\\]@openmrs)/;
+// this is a CommonJS module
+module.exports = config;