@kenyaemr/esm-bed-management-app 1.0.1-pre.7 → 8.1.1-pre.116

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;
-}

package/src/workspace/overlay.component.tsx

@@ -1,55 +0,0 @@
-import React from "react";
-import { Button, Header } from "@carbon/react";
-import { ArrowLeft, Close } from "@carbon/react/icons";
-import { isDesktop, useLayoutType } from "@openmrs/esm-framework";
-import styles from "./overlay.scss";
-import { useTranslation } from "react-i18next";
-
-interface OverlayProps {
-  closePanel: () => void;
-  header: string;
-  children?: React.ReactNode;
-}
-
-const Overlay: React.FC<OverlayProps> = ({ closePanel, children, header }) => {
-  const layout = useLayoutType();
-  const { t } = useTranslation();
-
-  return (
-    <div
-      className={
-        isDesktop(layout) ? styles.desktopOverlay : styles.tabletOverlay
-      }
-    >
-      {isDesktop(layout) ? (
-        <div className={styles.desktopHeader}>
-          <div className={styles.headerContent}>{header}</div>
-          <Button
-            className={styles.closePanelButton}
-            onClick={closePanel}
-            kind="ghost"
-            hasIconOnly
-            renderIcon={(props) => <Close size={16} {...props} />}
-            iconDescription={t("closeOverlay", "Close overlay")}
-          />
-        </div>
-      ) : (
-        <Header
-          aria-label="Tablet overlay"
-          className={styles.tabletOverlayHeader}
-        >
-          <Button
-            onClick={closePanel}
-            hasIconOnly
-            renderIcon={(props) => <ArrowLeft size={16} {...props} />}
-            iconDescription={t("closeOverlay", "Close overlay")}
-          />
-          <div className={styles.headerContent}>{header}</div>
-        </Header>
-      )}
-      {children}
-    </div>
-  );
-};
-
-export default Overlay;

package/src/workspace/overlay.scss

@@ -1,96 +0,0 @@
-@use '@carbon/styles/scss/spacing';
-@use '@carbon/styles/scss/type';
-@import '~@openmrs/esm-styleguide/src/vars';
-@import '../root.scss';
-
-.desktopOverlay {
-  position: fixed;
-  top: spacing.$spacing-09;
-  width: 37rem;
-  right: 0;
-  bottom: 0;
-  border-left: 1px solid $text-03;
-  background-color: $ui-01;
-  overflow-y: auto;
-  height: calc(100vh - 3rem);
-  z-index: 99999;
-  display: grid;
-  grid-template-rows: 1fr auto;
-}
-
-.desktopOverlay::after {
-  height: 100%;
-  border-left: 1px solid $text-03;
-}
-
-.tabletOverlay {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 9999;
-  background-color: $ui-01;
-  overflow: hidden;
-  padding-top: spacing.$spacing-09;
-  display: grid;
-  grid-template-rows: 1fr auto;
-  overflow-y: auto;
-  height: 100vh;
-}
-
-.tabletOverlayHeader {
-  button {
-    @include brand-01(background-color);
-  }
-
-  .headerContent {
-    color: $ui-02;
-  }
-}
-
-.desktopHeader {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  background-color: $ui-03;
-  border-bottom: 1px solid $text-03;
-  position: absolute;
-  position: -webkit-sticky;
-  width: 100%;
-  z-index: 1000;
-  top: 0;
-}
-
-.headerContent {
-  @include type.type-style('heading-compact-02');
-  padding: 0 spacing.$spacing-05;
-  color: $ui-05;
-}
-
-.closePanelButton {
-  background-color: $ui-background;
-  color: $ui-05;
-  fill: $ui-05;
-}
-
-/* Desktop */
-:global(.omrs-breakpoint-gt-tablet) {
-  .overlayContent {
-    padding: 0 0 0 0;
-    overflow-y: auto;
-  }
-}
-
-/* Tablet */
-:global(.omrs-breakpoint-lt-desktop) {
-  .overlayContent {
-    padding: 0 0 0 0;
-    overflow-y: auto;
-  }
-}
-
-.wardLabel {
-   @include type.type-style('label-01');
-  // color: colors.$gray-70;
-}