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

package/src/results/result-form.resource.ts

@@ -0,0 +1,328 @@
+import { openmrsFetch } from "@openmrs/esm-framework";
+import useSWR from "swr";
+
+export interface ConceptResponse {
+  uuid: string;
+  display: string;
+  name: Name;
+  datatype: Datatype;
+  conceptClass: ConceptClass;
+  set: boolean;
+  version: string;
+  retired: boolean;
+  names: Name2[];
+  descriptions: Description[];
+  mappings: Mapping[];
+  answers: any[];
+  setMembers: SetMember[];
+  auditInfo: AuditInfo;
+  attributes: any[];
+  links: Link18[];
+  resourceVersion: string;
+}
+
+export interface Name {
+  display: string;
+  uuid: string;
+  name: string;
+  locale: string;
+  localePreferred: boolean;
+  conceptNameType: string;
+  links: Link[];
+  resourceVersion: string;
+}
+
+export interface Link {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface Datatype {
+  uuid: string;
+  display: string;
+  name: string;
+  description: string;
+  hl7Abbreviation: string;
+  retired: boolean;
+  links: Link2[];
+  resourceVersion: string;
+}
+
+export interface Link2 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface ConceptClass {
+  uuid: string;
+  display: string;
+  name: string;
+  description: string;
+  retired: boolean;
+  links: Link3[];
+  resourceVersion: string;
+}
+
+export interface Link3 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface Name2 {
+  display: string;
+  uuid: string;
+  name: string;
+  locale: string;
+  localePreferred: boolean;
+  conceptNameType?: string;
+  links: Link4[];
+  resourceVersion: string;
+}
+
+export interface Link4 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface Description {
+  display: string;
+  uuid: string;
+  description: string;
+  locale: string;
+  links: Link5[];
+  resourceVersion: string;
+}
+
+export interface Link5 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface Mapping {
+  display: string;
+  uuid: string;
+  conceptReferenceTerm: ConceptReferenceTerm;
+  conceptMapType: ConceptMapType;
+  links: Link8[];
+  resourceVersion: string;
+}
+
+export interface ConceptReferenceTerm {
+  uuid: string;
+  display: string;
+  links: Link6[];
+}
+
+export interface Link6 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface ConceptMapType {
+  uuid: string;
+  display: string;
+  links: Link7[];
+}
+
+export interface Link7 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface Link8 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface SetMember {
+  uuid: string;
+  display: string;
+  name: Name3;
+  datatype: Datatype2;
+  conceptClass: ConceptClass2;
+  set: boolean;
+  version: string;
+  retired: boolean;
+  names: Name4[];
+  descriptions: any[];
+  mappings: Mapping2[];
+  answers: Answer[];
+  setMembers: any[];
+  attributes: any[];
+  links: Link15[];
+  resourceVersion: string;
+}
+
+export interface Name3 {
+  display: string;
+  uuid: string;
+  name: string;
+  locale: string;
+  localePreferred: boolean;
+  conceptNameType: string;
+  links: Link9[];
+  resourceVersion: string;
+}
+
+export interface Link9 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface Datatype2 {
+  uuid: string;
+  display: string;
+  links: Link10[];
+}
+
+export interface Link10 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface ConceptClass2 {
+  uuid: string;
+  display: string;
+  links: Link11[];
+}
+
+export interface Link11 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface Name4 {
+  uuid: string;
+  display: string;
+  links: Link12[];
+}
+
+export interface Link12 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface Mapping2 {
+  uuid: string;
+  display: string;
+  links: Link13[];
+}
+
+export interface Link13 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface Answer {
+  uuid: string;
+  display: string;
+  links: Link14[];
+}
+
+export interface Link14 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface Link15 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface AuditInfo {
+  creator: Creator;
+  dateCreated: string;
+  changedBy: ChangedBy;
+  dateChanged: string;
+}
+
+export interface Creator {
+  uuid: string;
+  display: string;
+  links: Link16[];
+}
+
+export interface Link16 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface ChangedBy {
+  uuid: string;
+  display: string;
+  links: Link17[];
+}
+
+export interface Link17 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface Link18 {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface ObPayload {
+  concept: string;
+  order: string;
+  value: string | number;
+  status: string;
+}
+
+// get order concept
+export async function GetOrderConceptByUuid(uuid: string) {
+  const abortController = new AbortController();
+  return openmrsFetch(`/ws/rest/v1/concept/${uuid}?v=full`, {
+    headers: {
+      "Content-Type": "application/json",
+    },
+    signal: abortController.signal,
+  });
+}
+
+export function useGetOrderConceptByUuid(uuid: string) {
+  const apiUrl = `/ws/rest/v1/concept/${uuid}?v=full`;
+  const { data, error, isLoading, isValidating, mutate } = useSWR<
+    { data: ConceptResponse },
+    Error
+  >(apiUrl, openmrsFetch);
+  return {
+    concept: data?.data ? data?.data.setMembers : [],
+    isLoading,
+    isError: error,
+    isValidating,
+    mutate,
+  };
+}
+
+// create observation
+export async function UpdateEncounter(uuid: string, payload: any) {
+  const abortController = new AbortController();
+  return openmrsFetch(`/ws/rest/v1/encounter/${uuid}`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    signal: abortController.signal,
+    body: payload,
+  });
+}

package/src/results/result-form.scss

@@ -0,0 +1,19 @@
+@use '@carbon/styles/scss/spacing';
+@use '@carbon/styles/scss/type';
+
+
+section {
+  margin: spacing.$spacing-03;
+}
+
+.sectionTitle {
+  margin-bottom: spacing.$spacing-04;
+}
+
+.modalBody {
+  padding-bottom: spacing.$spacing-05;
+}
+
+.textInput {
+  margin: 5px;
+}

package/src/review-list/dialog/review-item.component.tsx

@@ -0,0 +1,283 @@
+import React, { useMemo, useState } from "react";
+import {
+  Button,
+  Form,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  InlineLoading,
+  Checkbox,
+} from "@carbon/react";
+import { useTranslation } from "react-i18next";
+import { useGetEncounterById } from "../../patient-chart/laboratory-item/view-laboratory-item.resource";
+import styles from "../review-list.scss";
+import { GroupMember } from "../../patient-chart/laboratory-order.resource";
+import { useGetConceptById } from "../../patient-chart/results-summary/results-summary.resource";
+import { ApproverOrder } from "./review-item.resource";
+import { showNotification, showToast } from "@openmrs/esm-framework";
+
+interface ReviewItemDialogProps {
+  encounterUuid: string;
+  closeModal: () => void;
+}
+
+interface ResultsRowProps {
+  groupMembers: GroupMember[];
+}
+
+interface ValueUnitsProps {
+  conceptUuid: string;
+}
+
+const ReviewItem: React.FC<ReviewItemDialogProps> = ({
+  encounterUuid,
+  closeModal,
+}) => {
+  const { t } = useTranslation();
+
+  const { encounter, isLoading, isError } = useGetEncounterById(encounterUuid);
+
+  const testsOrder = useMemo(() => {
+    return encounter?.obs.filter((item) => item?.order?.type === "testorder");
+  }, [encounter?.obs]);
+
+  const filteredGroupedResults = useMemo(() => {
+    let groupedResults = [];
+
+    testsOrder?.forEach((element) => {
+      groupedResults[element.order.display] = element;
+    });
+    return groupedResults;
+  }, [testsOrder]);
+
+  const [checkedItems, setCheckedItems] = useState({});
+
+  const handleCheckboxChange = (test, groupMembers, uuid) => {
+    setCheckedItems((prevCheckedItems) => ({
+      ...prevCheckedItems,
+      [test]: {
+        groupMembers,
+        uuid,
+      },
+    }));
+  };
+
+  console.info(checkedItems);
+
+  // handle approve
+  const approveOrder = async (e) => {
+    e.preventDefault();
+
+    let uuids = [];
+
+    Object.keys(checkedItems).map((item, index) => {
+      uuids.push(filteredGroupedResults[item].uuid);
+    });
+
+    const payload = {
+      orders: uuids.join(","),
+    };
+
+    ApproverOrder(payload).then(
+      () => {
+        showToast({
+          critical: true,
+          title: t("approveOrder", "Approve Order"),
+          kind: "success",
+          description: t(
+            "successfullyApproved",
+            `You have successfully approved Order `
+          ),
+        });
+        closeModal();
+      },
+      (err) => {
+        showNotification({
+          title: t(`errorApproving order', 'Error Approving a order`),
+          kind: "error",
+          critical: true,
+          description: err?.message,
+        });
+      }
+    );
+  };
+
+  // get Units
+  const ValueUnits: React.FC<ValueUnitsProps> = ({ conceptUuid }) => {
+    const {
+      concept: concept,
+      isLoading,
+      isError,
+    } = useGetConceptById(conceptUuid);
+    if (isLoading) {
+      return <InlineLoading status="active" />;
+    }
+    if (isError) {
+      return <span>Error</span>;
+    }
+    return <span style={{ marginLeft: "10px" }}>{concept?.units}</span>;
+  };
+
+  // get Reference Range
+  const ReferenceRange: React.FC<ValueUnitsProps> = ({ conceptUuid }) => {
+    const {
+      concept: concept,
+      isLoading,
+      isError,
+    } = useGetConceptById(conceptUuid);
+    if (isLoading) {
+      return <InlineLoading status="active" />;
+    }
+    if (isError) {
+      return <span>Error</span>;
+    }
+    return (
+      <>
+        {concept?.hiNormal === undefined || concept?.lowNormal === undefined ? (
+          "N/A"
+        ) : (
+          <div>
+            <span>{concept?.lowNormal ? concept?.lowNormal : "--"}</span> :{" "}
+            <span>{concept?.hiNormal ? concept?.hiNormal : "--"}</span>
+          </div>
+        )}
+      </>
+    );
+  };
+
+  const RowTest: React.FC<ResultsRowProps> = ({ groupMembers }) => {
+    return (
+      <>
+        {groupMembers?.map((element, index) => {
+          return (
+            <tr key={index}>
+              {typeof element.value === "number" ? (
+                <>
+                  <td>{element?.concept.display}</td>
+
+                  <td>{element?.value}</td>
+
+                  <td>
+                    {
+                      <ReferenceRange
+                        conceptUuid={groupMembers[index].concept.uuid}
+                      />
+                    }
+                  </td>
+
+                  <td>
+                    {
+                      <ValueUnits
+                        conceptUuid={groupMembers[index].concept.uuid}
+                      />
+                    }
+                  </td>
+                </>
+              ) : typeof element.value === "object" ? (
+                <>
+                  <td>{element?.concept.display}</td>
+
+                  <td>{element?.value.display}</td>
+
+                  <td>
+                    {
+                      <ReferenceRange
+                        conceptUuid={groupMembers[index].concept.uuid}
+                      />
+                    }
+                  </td>
+
+                  <td>
+                    {
+                      <ValueUnits
+                        conceptUuid={groupMembers[index].concept.uuid}
+                      />
+                    }
+                  </td>
+                </>
+              ) : (
+                <td>{element?.display}</td>
+              )}
+            </tr>
+          );
+        })}
+      </>
+    );
+  };
+
+  return (
+    <div>
+      <Form>
+        <ModalHeader
+          closeModal={closeModal}
+          title={t("approveResult", "Approve Result")}
+        />
+        <ModalBody>
+          {isLoading && (
+            <InlineLoading
+              className={styles.bannerLoading}
+              iconDescription="Loading"
+              description="Loading banner"
+              status="active"
+            />
+          )}
+          <section className={styles.section}>
+            <table>
+              <tbody>
+                {Object.keys(filteredGroupedResults).map((test, index) => (
+                  <tr key={test} style={{ margin: "10px" }}>
+                    <Checkbox
+                      key={index}
+                      style={{
+                        margin: "10px",
+                        fontSize: "15px",
+                        fontWeight: "bold",
+                      }}
+                      onChange={() =>
+                        handleCheckboxChange(
+                          test,
+                          filteredGroupedResults[test].groupMembers,
+                          filteredGroupedResults[test].uuid
+                        )
+                      }
+                      labelText={test}
+                      id={`test-${test}`}
+                      checked={checkedItems[test] || false}
+                    />
+
+                    <table style={{ margin: "10px" }}>
+                      <thead>
+                        <tr>
+                          <th>Tests</th>
+                          <th>Result</th>
+                          <th>Reference Range</th>
+                          <th>Units</th>
+                        </tr>
+                      </thead>
+                      <tbody>
+                        <RowTest
+                          groupMembers={
+                            filteredGroupedResults[test].groupMembers
+                          }
+                        />
+                      </tbody>
+                    </table>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </section>
+        </ModalBody>
+        <ModalFooter>
+          <Button kind="secondary" onClick={closeModal}>
+            {t("cancel", "Cancel")}
+          </Button>
+          <Button type="submit" onClick={approveOrder}>
+            {t("approveResult", "Approve Result")}
+          </Button>
+        </ModalFooter>
+      </Form>
+    </div>
+  );
+};
+export default ReviewItem;

package/src/review-list/dialog/review-item.resource.ts

@@ -0,0 +1,14 @@
+import { FetchResponse, openmrsFetch, useConfig } from "@openmrs/esm-framework";
+
+export async function ApproverOrder(body: any) {
+  const abortController = new AbortController();
+
+  return openmrsFetch(`/ws/rest/v1/approveorder`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    signal: abortController.signal,
+    body: body,
+  });
+}