@openmrs/esm-laboratory-app 1.0.1-pre.106

package/src/summary-tiles/laboratory-summary.resource.tsx

@@ -0,0 +1,50 @@
+import useSWR from "swr";
+import useSWRImmutable from "swr/immutable";
+import { FetchResponse, openmrsFetch } from "@openmrs/esm-framework";
+import { Result } from "../work-list/work-list.resource";
+
+export function useMetrics() {
+  const metrics = {
+    orders: 15,
+    in_progress: 4,
+    transferred: 1,
+    completed: 6,
+  };
+  const { data, error } = useSWR<{ data: { results: {} } }, Error>(
+    `/ws/rest/v1/queue?`,
+    openmrsFetch
+  );
+
+  return {
+    metrics: metrics,
+    isError: error,
+    isLoading: !data && !error,
+  };
+}
+
+export function useServices() {
+  const serviceConceptSetUuid = "330c0ec6-0ac7-4b86-9c70-29d76f0ae20a";
+  const apiUrl = `/ws/rest/v1/concept/${serviceConceptSetUuid}`;
+  const { data } = useSWRImmutable<FetchResponse>(apiUrl, openmrsFetch);
+
+  return {
+    services: data
+      ? data?.data?.setMembers?.map((setMember) => setMember?.display)
+      : [],
+  };
+}
+
+// worklist
+export function useLabTestsStats(fulfillerStatus: string) {
+  const apiUrl = `/ws/rest/v1/order?orderTypes=52a447d3-a64a-11e3-9aeb-50e549534c5e&isStopped=false&fulfillerStatus=${fulfillerStatus}&v=full
+  `;
+  const { data, error, isLoading } = useSWR<
+    { data: { results: Array<Result> } },
+    Error
+  >(apiUrl, openmrsFetch);
+  return {
+    count: data?.data ? data.data.results.length : 0,
+    isLoading,
+    isError: error,
+  };
+}

package/src/summary-tiles/summary-tile.component.tsx

@@ -0,0 +1,48 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { Tile, Button } from "@carbon/react";
+import { ArrowRight } from "@carbon/react/icons";
+import styles from "./summary-tile.scss";
+
+interface SummaryTileProps {
+  label: string;
+  value: number;
+  headerLabel: string;
+  children?: React.ReactNode;
+}
+
+const SummaryTile: React.FC<SummaryTileProps> = ({
+  label,
+  value,
+  headerLabel,
+  children,
+}) => {
+  const { t } = useTranslation();
+
+  return (
+    <Tile className={styles.tileContainer} light={true}>
+      <div className={styles.tileHeader}>
+        <div className={styles.headerLabelContainer}>
+          <label className={styles.headerLabel}>{headerLabel}</label>
+          {children}
+        </div>
+        <div></div>
+        <Button
+          kind="ghost"
+          renderIcon={(props) => (
+            <ArrowRight size={16} className={styles.arrowIcon} />
+          )}
+          iconDescription={t("view", "View ")}
+        >
+          {t("view", "View ")}
+        </Button>
+      </div>
+      <div>
+        <label className={styles.totalsLabel}>{label}</label>
+        <p className={styles.totalsValue}>{value}</p>
+      </div>
+    </Tile>
+  );
+};
+
+export default SummaryTile;

package/src/summary-tiles/summary-tile.scss

@@ -0,0 +1,43 @@
+@use '@carbon/styles/scss/spacing';
+@use '@carbon/styles/scss/type';
+@import "~@openmrs/esm-styleguide/src/vars";
+
+.tileContainer {
+  border: 0.0625rem solid $ui-03;
+  flex-grow: 1;
+  height: 7.875rem;
+  padding: 0 spacing.$spacing-05;
+  margin: spacing.$spacing-03 spacing.$spacing-03;
+}
+
+.tileHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: spacing.$spacing-03;
+}
+
+.headerLabel {
+  @include type.type-style("heading-01");
+  color: $text-02;
+}
+
+.totalsLabel {
+  @include type.type-style("label-01");
+  color: $text-02;
+}
+
+.totalsValue {
+  @include type.type-style("heading-04");
+  color: $ui-05;
+}
+
+.headerLabelContainer {
+  display: flex;
+  align-items: center;
+  height: spacing.$spacing-07;
+}
+
+.arrowIcon {
+  fill: var(--cds-link-primary, #0f62fe) !important;
+}

package/src/types/index.ts

@@ -0,0 +1,412 @@
+import { OpenmrsResource } from "@openmrs/esm-framework";
+
+export enum SearchTypes {
+  BASIC = "basic",
+  ADVANCED = "advanced",
+  SEARCH_RESULTS = "search_results",
+  SCHEDULED_VISITS = "scheduled-visits",
+  VISIT_FORM = "visit_form",
+  QUEUE_SERVICE_FORM = "queue_service_form",
+  QUEUE_ROOM_FORM = "queue_room_form",
+}
+
+export interface Patient {
+  uuid: string;
+  display: string;
+  identifiers: Array<any>;
+  person: Person;
+}
+
+export interface Attribute {
+  attributeType: OpenmrsResource;
+  display: string;
+  uuid: string;
+  value: string | number;
+}
+
+export interface Person {
+  age: number;
+  attributes: Array<Attribute>;
+  birthDate: string;
+  gender: string;
+  display: string;
+  preferredAddress: OpenmrsResource;
+  uuid: string;
+}
+
+export interface ServiceTypes {
+  duration: number;
+  name: string;
+  uuid: string;
+}
+
+export interface AppointmentService {
+  appointmentServiceId: number;
+  color: string;
+  creatorName: string;
+  description: string;
+  durationMins: string;
+  endTime: string;
+  initialAppointmentStatus: string;
+  location: OpenmrsResource;
+  maxAppointmentsLimit: number | null;
+  name: string;
+  speciality: OpenmrsResource;
+  startTime: string;
+  uuid: string;
+  serviceTypes: Array<ServiceTypes>;
+}
+
+export interface Note {
+  concept: OpenmrsResource;
+  note: string;
+  provider: {
+    name: string;
+    role: string;
+  };
+  time: string;
+}
+export interface Order {
+  uuid: string;
+  dateActivated: string;
+  dateStopped?: Date | null;
+  dose: number;
+  dosingInstructions: string | null;
+  dosingType?:
+    | "org.openmrs.FreeTextDosingInstructions"
+    | "org.openmrs.SimpleDosingInstructions";
+  doseUnits: {
+    uuid: string;
+    display: string;
+  };
+  drug: {
+    uuid: string;
+    name: string;
+    strength: string;
+  };
+  duration: number;
+  durationUnits: {
+    uuid: string;
+    display: string;
+  };
+  frequency: {
+    uuid: string;
+    display: string;
+  };
+  numRefills: number;
+  orderNumber: string;
+  orderReason: string | null;
+  orderReasonNonCoded: string | null;
+  orderer: {
+    uuid: string;
+    person: {
+      uuid: string;
+      display: string;
+    };
+  };
+  orderType: {
+    uuid: string;
+    display: string;
+  };
+  route: {
+    uuid: string;
+    display: string;
+  };
+  quantity: number;
+  quantityUnits: OpenmrsResource;
+}
+
+export interface OrderItem {
+  order: Order;
+  provider: {
+    name: string;
+    role: string;
+  };
+  time: string;
+}
+
+export interface DiagnosisItem {
+  diagnosis: string;
+}
+
+export interface Encounter {
+  uuid: string;
+  encounterDatetime: string;
+  encounterProviders: Array<{
+    uuid: string;
+    display: string;
+    encounterRole: {
+      uuid: string;
+      display: string;
+    };
+    provider: {
+      uuid: string;
+      person: {
+        uuid: string;
+        display: string;
+      };
+    };
+  }>;
+  encounterType: {
+    uuid: string;
+    display: string;
+  };
+  obs: Array<Observation>;
+  form: OpenmrsResource;
+  patient: OpenmrsResource;
+  orders: Array<Order>;
+}
+
+export interface Observation {
+  uuid: string;
+  concept: {
+    uuid: string;
+    display: string;
+    conceptClass: {
+      uuid: string;
+      display: string;
+    };
+  };
+  display: string;
+  groupMembers: null | Array<{
+    uuid: string;
+    concept: {
+      uuid: string;
+      display: string;
+    };
+    value: {
+      uuid: string;
+      display: string;
+    };
+  }>;
+  value: any;
+  obsDatetime: string;
+}
+
+export interface PatientVitals {
+  systolic?: number;
+  diastolic?: number;
+  pulse?: number;
+  temperature?: number;
+  oxygenSaturation?: number;
+  height?: number;
+  weight?: number;
+  bmi?: number | null;
+  respiratoryRate?: number;
+  muac?: number;
+  provider?: {
+    name: string;
+    role: string;
+  };
+  time?: string;
+}
+
+export interface MappedEncounter {
+  id: string;
+  datetime: string;
+  encounterType: string;
+  form: OpenmrsResource;
+  obs: Array<Observation>;
+  provider: string;
+  visitUuid?: string;
+}
+
+export interface FormattedEncounter {
+  id: string;
+  datetime: string;
+  encounterType: string;
+  form: OpenmrsResource;
+  obs: Array<Observation>;
+  provider: string;
+}
+
+export interface ObsMetaInfo {
+  [_: string]: any;
+  assessValue?: (value: number) => OBSERVATION_INTERPRETATION;
+}
+
+export type OBSERVATION_INTERPRETATION =
+  | "NORMAL"
+  | "HIGH"
+  | "CRITICALLY_HIGH"
+  | "OFF_SCALE_HIGH"
+  | "LOW"
+  | "CRITICALLY_LOW"
+  | "OFF_SCALE_LOW"
+  | "--";
+export interface PatientProgram {
+  uuid: string;
+  display: string;
+  patient: OpenmrsResource;
+  program: OpenmrsResource;
+  dateEnrolled: string;
+  dateCompleted: string;
+  location: OpenmrsResource;
+}
+
+export interface AppointmentCountMap {
+  allAppointmentsCount: number;
+  missedAppointmentsCount;
+  appointmentDate: number;
+  appointmentServiceUuid: string;
+}
+
+export interface AppointmentSummary {
+  appointmentService: { name: string };
+  appointmentCountMap: Record<string, AppointmentCountMap>;
+}
+export interface QueueEntryPayload {
+  visit: { uuid: string };
+  queueEntry: {
+    status: { uuid: string };
+    priority: { uuid: string };
+    queue: { uuid: string };
+    patient: { uuid: string };
+    startedAt: Date;
+    sortWeight: number;
+  };
+}
+
+export interface QueueServiceInfo {
+  uuid: string;
+  display: string;
+  name: string;
+  description: string;
+}
+
+export interface MappedServiceQueueEntry {
+  id: string;
+  name: string;
+  age: string;
+  gender: string;
+  phoneNumber: string;
+  visitType: string;
+  returnDate: string;
+  patientUuid: string;
+}
+
+export enum FilterTypes {
+  SHOW,
+  HIDE,
+}
+export interface Provider {
+  uuid: string;
+  display: string;
+  comments: string;
+  response?: string;
+  person: OpenmrsResource;
+  location: string;
+  serviceType: string;
+}
+
+export interface MappedQueueEntry {
+  id: string;
+  name: string;
+  patientAge: string;
+  patientSex: string;
+  patientDob: string;
+  patientUuid: string;
+  priority: string;
+  priorityComment: string;
+  priorityUuid: string;
+  service: string;
+  status: string;
+  statusUuid: string;
+  visitStartDateTime: string;
+  visitType: string;
+  visitUuid: string;
+  waitTime: string;
+  queueUuid: string;
+  queueEntryUuid: string;
+  queueLocation: string;
+  sortWeight: string;
+  visitNumber: string;
+  dateCreated: string;
+}
+
+export interface EndVisitPayload {
+  location: string;
+  startDatetime: Date;
+  visitType: string;
+  stopDatetime: Date;
+}
+
+export interface LocationResponse {
+  type: string;
+  total: number;
+  resourceType: string;
+  meta: {
+    lastUpdated: string;
+  };
+  link: Array<{
+    relation: string;
+    url: string;
+  }>;
+  id: string;
+  entry: Array<LocationEntry>;
+}
+
+export interface LocationEntry {
+  resource: Resource;
+}
+export interface Resource {
+  id: string;
+  name: string;
+  resourceType: string;
+  status: "active" | "inactive";
+  meta?: {
+    tag?: Array<{
+      code: string;
+      display: string;
+      system: string;
+    }>;
+  };
+}
+
+export interface Identifer {
+  identifier: string;
+  display: string;
+  uuid: string;
+  identifierType: {
+    uuid: string;
+    display: string;
+  };
+}
+
+export interface NewVisitPayload {
+  uuid?: string;
+  location: string;
+  patient?: string;
+  startDatetime: Date;
+  visitType: string;
+  stopDatetime?: Date;
+  attributes?: Array<{
+    attributeType: string;
+    value: string;
+  }>;
+}
+
+export interface QueueRoom {
+  uuid: string;
+  display: string;
+  name: string;
+  description: string;
+}
+
+export interface ProvidersQueueRoom {
+  uuid: string;
+  provider: {
+    uuid: string;
+    display: string;
+  };
+  queueRoom: {
+    uuid: string;
+    name: string;
+    display: string;
+  };
+}
+
+export interface WaitTime {
+  metric: string;
+  averageWaitTime: string;
+}