@kenyaemr/esm-bed-management-app 1.0.1-pre.4 → 8.0.2

package/src/bed-admission/bed-layout/bed-layout.scss

@@ -1,118 +0,0 @@
-@use '@carbon/type';
-@use '@carbon/colors';
-@use '@carbon/styles/scss/spacing';
-@import '~@openmrs/esm-styleguide/src/vars';
-
-.bedLayout {
-  position: relative;
-  margin: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 20px;
-  border-radius: 8px;
-  border: 1px solid #42be65;
-
-  .bedPillow {
-    background-color: #fff;
-    border-radius: 3rem;
-    border: 1px solid #42be65;
-  }
-
-  .bedNumber {
-    font-weight: bold;
-  }
-
-  &:hover {
-    cursor: pointer;
-  }
-}
-
-.bedLayoutSelected {
-  background-color: #42be65 !important;
-  color: #fff !important;
-  border: 5px solid #e4e1c9 !important;
-  opacity:1 !important;
-}
-
-;
-
-.bedInfoMain {
-  display: flex;
-  align-self: center;
-}
-
-.bedInfoContainer {
-  display: flex;
-  justify-content: flex-end;
-  padding-right: 4rem;
-  border-bottom: 1px solid #a8a8a8;
-}
-
-.bedInfoText {
-  align-self: center;
-}
-
-.disabled {
-  opacity: 0.8;
-  pointer-events: none;
-}
-
-.errorContainer {
-  width: 90%;
-  position: absolute;
-}
-
-.loadingContainer {
-  position: absolute;
-  margin: spacing.$spacing-02 spacing.$spacing-05 0;
-}
-
-.bed {
-  height: 60px;
-  width: 8rem;
-}
-
-.pillow {
-  width: 10px;
-  height: 40px;
-}
-
-.available {
-  background-color: #fff;
-  color: #525252;
-  opacity: 1;
-  pointer-events: auto;
-}
-
-.occupied {
-  background-color: #42be65;
-  color: #fff;
-  opacity: 0.5;
-  pointer-events: none;
-}
-
-.minOccupied {
-  height: 1.5rem;
-  width: 2.5rem;
-  color: #fff;
-  background-color: rgb(66, 190, 101);
-  padding: 0 6px;
-  border-radius: 5px;
-  pointer-events: none;
-}
-
-.minAvailable {
-  height: 1.5rem;
-  width: 2.5rem;
-  color: none;
-  background-color: #fff;
-  padding: 0 6px;
-  border-radius: 5px;
-  pointer-events: none;
-}
-
-.minPillow {
-  width: 7px;
-  height: 1rem;
-}

package/src/bed-admission/bed-layout/min-bed-layout.component.tsx

@@ -1,26 +0,0 @@
-import React from "react";
-import styles from "./bed-layout.scss";
-import BedLayout from "./bed-layout.component";
-
-const MinBedLayout: React.FC = () => {
-  return (
-    <div className={styles.bedInfoContainer}>
-      <div className={styles.bedInfoMain}>
-        <BedLayout
-          bedPillowStyles={styles.minPillow}
-          layOutStyles={styles.minOccupied}
-        />{" "}
-        <span className={styles.bedInfoText}>Occupied</span>
-      </div>
-      <div className={styles.bedInfoMain}>
-        <BedLayout
-          bedPillowStyles={styles.minPillow}
-          layOutStyles={styles.minAvailable}
-        />{" "}
-        <span className={styles.bedInfoText}>Available</span>
-      </div>
-    </div>
-  );
-};
-
-export default MinBedLayout;

package/src/bed-admission/createDashboardLink.tsx

@@ -1,47 +0,0 @@
-import React, { useMemo } from "react";
-import last from "lodash-es/last";
-import { BrowserRouter, useLocation } from "react-router-dom";
-import { ConfigurableLink } from "@openmrs/esm-framework";
-
-export interface LinkConfig {
-  name: string;
-  title: string;
-}
-
-function LinkExtension({ config }: { config: LinkConfig }) {
-  const { name, title } = config;
-  const location = useLocation();
-
-  let urlSegment = useMemo(
-    () => decodeURIComponent(last(location.pathname.split("/"))),
-    [location.pathname]
-  );
-
-  const isUUID = (value) => {
-    const regex =
-      /^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/;
-    return regex.test(value);
-  };
-
-  if (isUUID(urlSegment)) {
-    urlSegment = "summary";
-  }
-
-  return (
-    <ConfigurableLink
-      to={`${window.getOpenmrsSpaBase()}home${name ? `/${name}` : ""}`}
-      className={`cds--side-nav__link ${
-        name === urlSegment && "active-left-nav-link"
-      }`}
-    >
-      {title}
-    </ConfigurableLink>
-  );
-}
-
-export const createDashboardLink = (config: LinkConfig) => () =>
-  (
-    <BrowserRouter>
-      <LinkExtension config={config} />
-    </BrowserRouter>
-  );

package/src/bed-admission/discharged-patients/discharged-patients.componet.tsx

@@ -1,19 +0,0 @@
-import React from "react";
-import ActivePatientsTable from "../active-patients/active-patients-table.component";
-interface DischargedPatientsListProps {
-  status: string;
-  setPatientCount: (value: number) => void;
-}
-
-const DischargedPatientsList: React.FC<DischargedPatientsListProps> = ({
-  status,
-  setPatientCount,
-}) => {
-  return (
-    <>
-      <ActivePatientsTable status={status} setPatientCount={setPatientCount} />
-    </>
-  );
-};
-
-export default DischargedPatientsList;

package/src/bed-admission/helpers/functions.ts

@@ -1,102 +0,0 @@
-import { OpenmrsResource } from "@openmrs/esm-framework";
-import last from "lodash-es/last";
-
-export type QueuePriority = "Emergency" | "Not Urgent" | "Priority" | "Urgent";
-export type MappedQueuePriority = Omit<QueuePriority, "Urgent">;
-
-export const getTagType = (priority: string) => {
-  switch (priority as MappedQueuePriority) {
-    case "Emergency":
-      return "red";
-    case "Not Urgent":
-      return "green";
-    default:
-      return "gray";
-  }
-};
-
-export const buildStatusString = (status: string) => {
-  if (!status) {
-    return "";
-  }
-  if (status === "pending") {
-    return `${status}`;
-  } else if (status === "picked") {
-    return `Attending`;
-  } else if (status === "completed") {
-    return `Finished`;
-  }
-};
-
-export const trimVisitNumber = (visitNumber: string) => {
-  if (!visitNumber) {
-    return;
-  }
-  return visitNumber.substring(15);
-};
-
-export const formatWaitTime = (waitTime: string, t) => {
-  const num = parseInt(waitTime);
-  const hours = num / 60;
-  const rhours = Math.floor(hours);
-  const minutes = (hours - rhours) * 60;
-  const rminutes = Math.round(minutes);
-  if (rhours > 0) {
-    return (
-      rhours +
-      " " +
-      `${t("hoursAnd", "hours and ")}` +
-      rminutes +
-      " " +
-      `${t("minutes", "minutes")}`
-    );
-  } else {
-    return rminutes + " " + `${t("minutes", "minutes")}`;
-  }
-};
-
-export const getTagColor = (waitTime: string) => {
-  const num = parseInt(waitTime);
-  if (num <= 30) {
-    return "green";
-  } else if (num > 30 && num <= 45) {
-    return "orange";
-  } else {
-    return "red";
-  }
-};
-
-export const getGender = (gender, t) => {
-  switch (gender) {
-    case "M":
-      return t("male", "Male");
-    case "F":
-      return t("female", "Female");
-    case "O":
-      return t("other", "Other");
-    case "U":
-      return t("unknown", "Unknown");
-    default:
-      return gender;
-  }
-};
-
-export function findObsByConceptUUID(
-  arr: Array<OpenmrsResource>,
-  ids: Array<string>
-) {
-  for (const visit of arr) {
-    return visit.obs.filter((o) => {
-      return ids.includes(o.concept.uuid);
-    });
-  }
-}
-
-export function timeDiffInMinutes(date1: Date, date2: Date) {
-  return Math.round((date1.getTime() - date2.getTime()) / (1000 * 3600 * 24));
-}
-
-export const getOriginFromPathName = (pathname = "") => {
-  const from = pathname.split("/");
-  return last(from);
-};

package/src/bed-admission/types.ts

@@ -1,133 +0,0 @@
-export interface PatientQueueResponse {
-  results: Array<PatientQueue>;
-}
-
-export interface PatientQueue {
-  uuid: string;
-  creator: {
-    uuid: string;
-    display: string;
-    username: string;
-    systemId: string;
-    person: UuidDisplay;
-    privileges: [];
-    roles: Array<UuidDisplay>;
-    retired: boolean;
-  };
-  dateCreated: string;
-  changedBy?: string;
-  dateChanged?: string;
-  voided: boolean;
-  dateVoided: string;
-  voidedBy: string;
-  patient: {
-    uuid: string;
-    display: string;
-    identifiers: Array<UuidDisplay>;
-    person: {
-      uuid: string;
-      display: string;
-      gender: string;
-      age: number;
-      birthdate: string;
-      birthdateEstimated: boolean;
-      dead: boolean;
-      deathDate?: string;
-      causeOfDeath?: string;
-      preferredName: UuidDisplay;
-      preferredAddress: UuidDisplay;
-      attributes: [];
-      voided: boolean;
-      birthtime?: string;
-      deathdateEstimated: boolean;
-    };
-    voided: boolean;
-  };
-  provider: {
-    uuid: string;
-    display: string;
-    person: UuidDisplay;
-    identifier: string;
-    attributes: [];
-    retired: boolean;
-  };
-  locationFrom: QueueLocation;
-  locationTo: QueueLocation;
-  encounter: {
-    uuid: string;
-  };
-  status: string; // TODO add status enum
-  priority: number; // TODO add priority enum
-  priorityComment: string;
-  visitNumber: string;
-  comment: string;
-  queueRoom: QueueRoom;
-  datePicked: string;
-  dateCompleted: string;
-}
-
-export interface QueueLocation {
-  uuid: string;
-  display: string;
-  name: string;
-  description: string;
-  address1?: string;
-  address2?: string;
-  cityVillage?: string;
-  stateProvince?: string;
-  country: string;
-  postalCode?: string;
-  latitude?: string;
-  longitude?: string;
-  countyDistrict?: string;
-  address3?: string;
-  address4?: string;
-  address5?: string;
-  address6?: string;
-  tags: Array<UuidDisplay>;
-  parentLocation: UuidDisplay;
-  childLocations: Array<UuidDisplay>;
-  retired: boolean;
-  attributes: [];
-}
-
-export interface QueueRoom {
-  uuid: string;
-  display: string;
-  name: string;
-  description: string;
-  address1?: string;
-  address2?: string;
-  cityVillage?: string;
-  stateProvince?: string;
-  country?: string;
-  postalCode?: string;
-  latitude?: string;
-  longitude?: string;
-  countyDistrict?: string;
-  address3?: string;
-  address4?: string;
-  address5?: string;
-  address6?: string;
-  tags: Array<UuidDisplay>;
-  parentLocation: UuidDisplay;
-  childLocations: Array<QueueLocation>;
-  retired: boolean;
-}
-
-export interface UuidDisplay {
-  uuid: string;
-  display: string;
-}
-
-export interface patientDetailsProps {
-  name: string;
-  patientUuid: string;
-  encounter: {
-    uuid: string;
-  };
-  locationUuid: string;
-  locationTo: string;
-  locationFrom: string;
-  queueUuid: string;
-}

package/src/workspace/allocate-bed-workspace.component.tsx

@@ -1,141 +0,0 @@
-import React, { useCallback, useState } from "react";
-import classNames from "classnames";
-import { Stack, ButtonSet, Button } from "@carbon/react";
-import { useTranslation } from "react-i18next";
-import {
-  showNotification,
-  showToast,
-  useConfig,
-  useLayoutType,
-} from "@openmrs/esm-framework";
-import styles from "./allocate-bed.scss";
-import Overlay from "./overlay.component";
-import {
-  assignPatientBed,
-  endPatientQueue,
-} from "../bed-admission/bed-admission.resource";
-import BedLayoutList from "../bed-admission/bed-layout/bed-layout-list.component";
-import LocationComboBox from "../bed-admission/admitted-patients/location-combo-box.component";
-import { Bed } from "../types";
-
-interface WorkSpaceProps {
-  closePanel: (e: boolean) => void;
-  headerTitle?: string;
-  queueStatus: string;
-  patientDetails: {
-    name: string;
-    patientUuid: string;
-    locationUuid: string;
-    locationTo: string;
-    locationFrom: string;
-    queueUuid: string;
-    encounter: {
-      uuid: string;
-    };
-  };
-}
-
-const AllocateBedWorkSpace: React.FC<WorkSpaceProps> = ({
-  headerTitle,
-  closePanel,
-  patientDetails,
-  queueStatus,
-}) => {
-  const { t } = useTranslation();
-  const isTablet = useLayoutType() === "tablet";
-  const [selectedBed, setSelectedBed] = useState<Bed>();
-  const [isBedAssigned, setIsBedAssigned] = useState(false);
-  const [isQueueEnded, setIsQueueEnded] = useState(false);
-  const { restrictWardAdministrationToLoginLocation } = useConfig();
-  const [locationUuid, setLocation] = useState(
-    restrictWardAdministrationToLoginLocation ? patientDetails.locationUuid : ""
-  );
-
-  const handleClick = (bed) => {
-    setSelectedBed(bed);
-  };
-
-  const handleAssignBedToPatient = useCallback(() => {
-    const patientAndEncounterUuids = {
-      encounterUuid:
-        patientDetails?.encounter?.uuid ??
-        "84d26085-da4c-461a-8481-7c95ed3f4558",
-      patientUuid: patientDetails.patientUuid,
-    };
-
-    assignPatientBed(patientAndEncounterUuids, selectedBed.bedId)
-      .then(() => {
-        setIsBedAssigned(true);
-        showToast({
-          title: t("bedAssigned", "Bed Assigned"),
-          kind: "success",
-          critical: true,
-          description: `Bed ${selectedBed.bedNumber} was assigned to ${patientDetails.name} successfully.`,
-        });
-        closePanel(false);
-      })
-      .catch((error) => {
-        showNotification({
-          title: t("errorAssigningBed", "Error assigning bed"),
-          kind: "error",
-          critical: true,
-          description: error?.message,
-        });
-      });
-  }, [patientDetails, selectedBed, t]);
-
-  return (
-    <>
-      <Overlay header={headerTitle} closePanel={() => closePanel(false)}>
-        <div className={styles.container}>
-          <Stack gap={8} className={styles.container}>
-            <section className={styles.section}>
-              {restrictWardAdministrationToLoginLocation ? (
-                <LocationComboBox setLocationUuid={setLocation} />
-              ) : (
-                <>
-                  <LocationComboBox setLocationUuid={setLocation} />
-                </>
-              )}
-              <BedLayoutList
-                locationUuid={locationUuid}
-                handleClick={handleClick}
-                patientDetails={patientDetails}
-              />{" "}
-            </section>
-          </Stack>
-        </div>
-        {selectedBed && (
-          <span className={styles.admitPatientInfo}>
-            {" "}
-            {t(
-              "admittingPatientToBedText",
-              `Click Save button to admit patient to Bed ${selectedBed.bedNumber}`
-            )}
-          </span>
-        )}
-        <ButtonSet className={isTablet ? styles.tablet : styles.desktop}>
-          <Button
-            className={styles.button}
-            kind="secondary"
-            onClick={closePanel}
-          >
-            {t("discard", "Discard")}
-          </Button>
-          <Button
-            onClick={handleAssignBedToPatient}
-            className={classNames(styles.button, {
-              [styles.disabled]: !selectedBed,
-            })}
-            kind="primary"
-            type="submit"
-          >
-            {t("save", "Save")}
-          </Button>
-        </ButtonSet>
-      </Overlay>
-    </>
-  );
-};
-
-export default AllocateBedWorkSpace;

package/src/workspace/allocate-bed.scss

@@ -1,117 +0,0 @@
-@use '@carbon/styles/scss/spacing';
-@use '@carbon/styles/scss/type';
-@import '~@openmrs/esm-styleguide/src/vars';
-
-.container {
-  // margin: spacing.$spacing-05 0rem;
-  background-color: $ui-background;
-  max-height: 100%;
-  
-
-  & section {
-    margin: spacing.$spacing-09 0 0;
-    // overflow-y: auto;
-
-  }
-
-  :global(.cds--text-input) {
-    &:focus,
-    &:hover {
-      outline: 2px solid var(--cds-focus,#ff832b);
-    }
-  }
-}
-
-.admitPatientInfo {
-  padding: 2rem;
-  background-color: #fff;
-}
-
-.heading {
-  @include type.type-style('heading-03');
-  margin: spacing.$spacing-05;
-}
-
-.sectionTitle {
-  @include type.type-style('heading-compact-02');
-  color: $text-02;
-  margin-bottom: spacing.$spacing-05;
-}
-
-.dateTimeSection {
-  display: flex;
-}
-
-.radioButton {
-  margin: spacing.$spacing-05 0;
-}
-
-.headerGridRow {
-  border-bottom: 0.0625rem solid $grey-2;
-  margin: 0;
-}
-
-.dataGridRow {
-  display: grid;
-  grid-template-columns: 50% 10% 1fr;
-  margin: spacing.$spacing-03 spacing.$spacing-05;
-  width: 100%;
-}
-
-.form {
-  background-color: $ui-background;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-
-.button {
-  height: 4rem;
-  display: flex;
-  align-content: flex-start;
-  align-items: baseline;
-  min-width: 50%;
-}
-
-.tablet {
-  padding: spacing.$spacing-06 spacing.$spacing-05;
-  background-color: $ui-02;
-}
-
-.desktop {
-  padding: 0rem;
-}
-
-@media screen and (max-width: 600px) {
-  .dateTimeSection {
-    flex-direction: column;
-  }
-}
-
-.backButton {
-  align-items: center;
-  display: flex;
-  justify-content: flex-start;
-  margin: spacing.$spacing-03 0;
-  padding: 0;
-  @include type.type-style('body-compact-01');
-
-  button {
-    display: flex;
-
-    svg {
-      order: 1;
-      margin-right: spacing.$spacing-03;
-      margin-left: 0rem !important;
-    }
-
-    span {
-      order: 2;
-    }
-  }
-}
-
-.disabled {
-  opacity: 0.8;
-  pointer-events: none;
-}