@bahmni/widgets 0.0.1-dev.190 → 0.0.1-dev.192

package/dist/DocumentsTable-DBGR411T.js

@@ -0,0 +1,204 @@
+import { jsx as o, jsxs as l, Fragment as V } from "react/jsx-runtime";
+import { u as $, a as H, o as P, F as z, x as Y, c as j, y as G } from "./index-B0cIttpN.js";
+import { useQuery as K } from "@tanstack/react-query";
+import { useState as C, useCallback as E, useEffect as S, useMemo as f } from "react";
+import { useTranslation as Q } from "react-i18next";
+const W = "_documentsTableBody_6qsah_1", J = "_viewAttachmentsLink_6qsah_11", X = "_documentViewerContainer_6qsah_15", Z = "_attachmentItem_6qsah_23", x = "_attachmentCounter_6qsah_27", ee = "_attachmentError_6qsah_36", te = "_documentIframe_6qsah_44", ne = "_documentImage_6qsah_50", c = {
+  documentsTableBody: W,
+  viewAttachmentsLink: J,
+  documentViewerContainer: X,
+  attachmentItem: Z,
+  attachmentCounter: x,
+  attachmentError: ee,
+  documentIframe: te,
+  documentImage: ne
+}, ae = {
+  documentIdentifier: "DOCUMENTS_DOCUMENT_IDENTIFIER",
+  documentType: "DOCUMENTS_TYPE",
+  uploadedOn: "DOCUMENTS_UPLOADED_ON",
+  uploadedBy: "DOCUMENTS_UPLOADED_BY",
+  action: "DOCUMENTS_ACTION"
+};
+function U(t) {
+  return !t || t.includes(":") ? "#" : `/openmrs/auth?requested_document=/document_images/${t}`;
+}
+function se(t, u) {
+  return t.map((d) => ({
+    key: d,
+    header: u(ae[d])
+  }));
+}
+const re = [
+  "documentIdentifier",
+  "documentType",
+  "uploadedOn",
+  "uploadedBy",
+  "action"
+], w = (t) => t.attachments.length > 0 ? t.attachments : t.documentUrl ? [{ url: t.documentUrl, contentType: t.contentType }] : [], le = ({ config: t, encounterUuids: u }) => {
+  const [d, O] = C(!1), [a, y] = C(
+    null
+  ), [b, T] = C(
+    /* @__PURE__ */ new Set()
+  ), p = $(), { t: n } = Q(), { addNotification: g } = H(), L = E((e) => {
+    y(e), O(!0);
+  }, []), v = E(() => {
+    O(!1), y(null), T(/* @__PURE__ */ new Set());
+  }, []), M = E((e) => {
+    T((s) => new Set(s).add(e));
+  }, []), { data: B, isLoading: q, isError: I, error: A } = K({
+    queryKey: ["documents", p, u],
+    enabled: !!p,
+    queryFn: () => P(p, u)
+  });
+  S(() => {
+    I && g({
+      title: n("ERROR_DEFAULT_TITLE"),
+      message: A?.message ?? "",
+      type: "error"
+    });
+  }, [I, A, g, n]), S(() => {
+    const e = new AbortController();
+    return (async () => {
+      if (!d || !a) return;
+      const r = /* @__PURE__ */ new Set(), _ = w(a);
+      for (let m = 0; m < _.length; m++) {
+        const N = U(_[m].url);
+        try {
+          (await fetch(N, {
+            method: "HEAD",
+            signal: e.signal
+          })).ok || r.add(m);
+        } catch (D) {
+          D instanceof Error && D.name !== "AbortError" && r.add(m);
+        }
+      }
+      e.signal.aborted || T(r);
+    })(), () => e.abort();
+  }, [d, a]);
+  const h = f(
+    () => t?.fields ?? re,
+    [t?.fields]
+  ), F = f(() => se(h, n), [h, n]), R = f(
+    () => h.map((e) => ({
+      key: e,
+      sortable: e !== "action"
+    })),
+    [h]
+  ), i = f(
+    () => a ? w(a) : [],
+    [a]
+  ), k = E(
+    (e, s) => {
+      switch (s) {
+        case "documentIdentifier":
+          return /* @__PURE__ */ o("span", { children: e.documentIdentifier });
+        case "documentType":
+          return e.documentType ?? n("DOCUMENTS_NOT_AVAILABLE");
+        case "uploadedOn":
+          return Y(
+            e.uploadedOn,
+            n,
+            !0
+          ).formattedResult || n("DOCUMENTS_NOT_AVAILABLE");
+        case "uploadedBy":
+          return e.uploadedBy ?? n("DOCUMENTS_NOT_AVAILABLE");
+        case "action":
+          return e.attachments.length > 0 || !!e.documentUrl ? /* @__PURE__ */ o(
+            z,
+            {
+              onClick: () => L(e),
+              className: c.viewAttachmentsLink,
+              "data-testid": `view-attachments-${e.id}`,
+              children: n("DOCUMENTS_VIEW_ATTACHMENTS")
+            }
+          ) : "--";
+        default:
+          return null;
+      }
+    },
+    [L, n]
+  );
+  return /* @__PURE__ */ l(V, { children: [
+    /* @__PURE__ */ o("div", { "data-testid": "documents-table", children: /* @__PURE__ */ o(
+      j,
+      {
+        headers: F,
+        ariaLabel: n("DOCUMENTS_TABLE_HEADING"),
+        rows: B ?? [],
+        loading: q,
+        errorStateMessage: I ? A?.message : null,
+        sortable: R,
+        emptyStateMessage: n("DOCUMENTS_NO_RECORDS"),
+        renderCell: k,
+        className: c.documentsTableBody,
+        dataTestId: "documents-table"
+      }
+    ) }),
+    d && a && /* @__PURE__ */ o(
+      G,
+      {
+        id: "modalIdForActionAreaLayout",
+        portalId: "main-display-area",
+        open: d,
+        onRequestClose: v,
+        modalHeading: a.documentIdentifier,
+        passiveModal: !0,
+        size: "lg",
+        testId: "document-view-modal",
+        children: /* @__PURE__ */ o("div", { className: c.documentViewerContainer, children: i.map((e, s) => {
+          const r = U(e.url), _ = e.contentType?.toLowerCase().includes("pdf"), m = e.contentType?.toLowerCase().includes("image"), N = b.has(s);
+          return r === "#" || N ? /* @__PURE__ */ l(
+            "div",
+            {
+              className: c.attachmentError,
+              "data-testid": `attachment-error-${s}`,
+              children: [
+                i.length > 1 && /* @__PURE__ */ l("p", { className: c.attachmentCounter, children: [
+                  s + 1,
+                  "/",
+                  i.length
+                ] }),
+                /* @__PURE__ */ o("p", { children: n("DOCUMENTS_ERROR_LOADING_ATTACHMENT") })
+              ]
+            },
+            `${a.id}-${e.url}`
+          ) : /* @__PURE__ */ l(
+            "div",
+            {
+              className: c.attachmentItem,
+              "data-testid": `attachment-item-${s}`,
+              children: [
+                i.length > 1 && /* @__PURE__ */ l("p", { className: c.attachmentCounter, children: [
+                  s + 1,
+                  "/",
+                  i.length
+                ] }),
+                m ? /* @__PURE__ */ o(
+                  "img",
+                  {
+                    src: r,
+                    alt: a.documentIdentifier,
+                    className: c.documentImage,
+                    onError: () => M(s)
+                  }
+                ) : /* @__PURE__ */ o(
+                  "iframe",
+                  {
+                    src: _ ? `${r}#toolbar=0` : r,
+                    className: c.documentIframe,
+                    title: a.documentIdentifier,
+                    onError: () => M(s)
+                  }
+                )
+              ]
+            },
+            `${a.id}-${e.url}`
+          );
+        }) })
+      }
+    )
+  ] });
+};
+export {
+  le as default
+};

package/dist/FormsTable-BP08e4n9.js

@@ -0,0 +1,423 @@
+import { jsxs as b, jsx as o, Fragment as K } from "react/jsx-runtime";
+import { f as j, b as R, J as ae, r as oe, d as se, e as ne, g as de, n as ie, u as le, U as ce, z as me, H as ue, B as pe, h as be, s as fe, x as _e, F as ye, c as H, i as he, W as $e, y as ge, D as Ne, R as P } from "./index-B0cIttpN.js";
+import { useQueryClient as ve, useQuery as O } from "@tanstack/react-query";
+import { useState as k, useMemo as g, useCallback as L } from "react";
+import { useTranslation as V } from "react-i18next";
+const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le = "_formContent_1pd36_18", Re = "_formDetailsContainer_1pd36_25", Me = "_observation_1pd36_30", Ce = "_groupContainer_1pd36_39", De = "_rowContainer_1pd36_43", Te = "_groupLabel_1pd36_48", Ve = "_rowLabel_1pd36_58", we = "_rowValue_1pd36_67", Be = "_groupMembers_1pd36_75", Ie = "_memberRow_1pd36_81", Ee = "_memberLabel_1pd36_86", Ae = "_memberValue_1pd36_94", Ge = "_abnormalValue_1pd36_102", xe = "_commentSection_1pd36_110", Se = "_commentText_1pd36_116", Ue = "_nestedGroup_1pd36_125", qe = "_nestedGroupLabel_1pd36_132", He = "_nestedGroupMembers_1pd36_141", s = {
+  formsTableBody: Fe,
+  customAccordianItem: Oe,
+  formContent: Le,
+  formDetailsContainer: Re,
+  observation: Me,
+  groupContainer: Ce,
+  rowContainer: De,
+  groupLabel: Te,
+  rowLabel: Ve,
+  rowValue: we,
+  groupMembers: Be,
+  memberRow: Ie,
+  memberLabel: Ee,
+  memberValue: Ae,
+  abnormalValue: Ge,
+  commentSection: xe,
+  commentText: Se,
+  nestedGroup: Ue,
+  nestedGroupLabel: qe,
+  nestedGroupMembers: He
+}, z = (e) => {
+  const r = ae(e);
+  return r === "Image" ? /* @__PURE__ */ o(
+    oe,
+    {
+      imageSrc: e,
+      alt: e,
+      id: `${e}-img`
+    }
+  ) : r === "Video" ? /* @__PURE__ */ o(se, { id: `${e}-video`, videoSrc: e }) : r === "PDF" ? /* @__PURE__ */ o(ne, { id: `${e}-pdf`, src: e }) : e;
+}, Q = (e) => {
+  const r = e.observationValue?.referenceRange?.low?.value, a = e.observationValue?.referenceRange?.high?.value, n = r != null, d = a != null;
+  let i = "";
+  n && d ? i = ` (${r} - ${a})` : n ? i = ` (>${r})` : d && (i = ` (<${a})`);
+  const u = e.observationValue?.isAbnormal === !0;
+  return { rangeString: i, isAbnormal: u };
+}, W = ({
+  member: e,
+  depth: r = 0,
+  memberIndex: a = 0,
+  formName: n = "",
+  comment: d
+}) => {
+  const { t: i } = V(), u = e.members && e.members.length > 0, t = e.display, c = n ? `${n}-` : "";
+  if (u)
+    return /* @__PURE__ */ b(
+      "div",
+      {
+        className: s.nestedGroup,
+        "data-testid": `${c}obs-nested-group-${t}-${a}`,
+        children: [
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: s.nestedGroupLabel,
+              "data-testid": `${c}obs-nested-group-label-${t}-${a}`,
+              style: { paddingLeft: `${r * 16}px` },
+              children: t
+            }
+          ),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: s.nestedGroupMembers,
+              "data-testid": `${c}obs-nested-group-members-${t}-${a}`,
+              children: e.members?.map((N, v) => /* @__PURE__ */ o(
+                W,
+                {
+                  member: N,
+                  depth: r + 1,
+                  memberIndex: v,
+                  formName: n
+                },
+                `${N.id}`
+              ))
+            }
+          )
+        ]
+      }
+    );
+  const { rangeString: $, isAbnormal: f } = Q(e), _ = j(e, i), y = _ ? z(_) : null;
+  return /* @__PURE__ */ b(K, { children: [
+    /* @__PURE__ */ b(
+      "div",
+      {
+        className: s.memberRow,
+        "data-testid": `${c}obs-member-row-${t}-${a}`,
+        style: { paddingLeft: `${r * 16}px` },
+        children: [
+          /* @__PURE__ */ b(
+            "p",
+            {
+              className: R(
+                s.memberLabel,
+                f ? s.abnormalValue : ""
+              ),
+              "data-testid": `${c}obs-member-label-${t}-${a}`,
+              children: [
+                t,
+                $
+              ]
+            }
+          ),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: R(
+                s.memberValue,
+                f ? s.abnormalValue : ""
+              ),
+              "data-testid": `${c}obs-member-value-${t}-${a}`,
+              children: y
+            }
+          )
+        ]
+      }
+    ),
+    d && /* @__PURE__ */ o(
+      "div",
+      {
+        className: s.commentSection,
+        "data-testid": `${c}obs-member-comment-${t}-${a}`,
+        style: { paddingLeft: `${r * 16}px` },
+        children: /* @__PURE__ */ b("span", { className: s.commentText, children: [
+          d,
+          e.encounter?.provider && ` - by ${e.encounter.provider}`
+        ] })
+      }
+    )
+  ] });
+}, Pe = ({
+  observation: e,
+  index: r,
+  formName: a = "",
+  comment: n
+}) => {
+  const { t: d } = V(), i = e.members && e.members.length > 0, { rangeString: u, isAbnormal: t } = Q(e), c = a ? `${a}-` : "", $ = j(e, d), f = $ ? z($) : null;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: s.observation,
+      "data-testid": `${c}observation-item-${e.display}-${r}`,
+      children: [
+        /* @__PURE__ */ b(
+          "div",
+          {
+            className: i ? s.groupContainer : s.rowContainer,
+            "data-testid": `${c}observation-container-${e.display}-${r}`,
+            children: [
+              /* @__PURE__ */ b(
+                "p",
+                {
+                  className: R(
+                    i ? s.groupLabel : s.rowLabel,
+                    !i && t ? s.abnormalValue : ""
+                  ),
+                  "data-testid": `${c}observation-label-${e.display}-${r}`,
+                  children: [
+                    e.display,
+                    !i && u && /* @__PURE__ */ o("span", { className: s.rangeInfo, children: u })
+                  ]
+                }
+              ),
+              i ? /* @__PURE__ */ o(
+                "div",
+                {
+                  className: s.groupMembers,
+                  "data-testid": `${c}observation-group-members-${e.display}-${r}`,
+                  children: e.members?.map((_, y) => /* @__PURE__ */ o(
+                    W,
+                    {
+                      member: _,
+                      depth: 0,
+                      memberIndex: y,
+                      formName: a
+                    },
+                    `${_.id}`
+                  ))
+                }
+              ) : /* @__PURE__ */ o(
+                "div",
+                {
+                  className: R(
+                    s.rowValue,
+                    t ? s.abnormalValue : ""
+                  ),
+                  "data-testid": `${c}observation-value-${e.display}-${r}`,
+                  children: f
+                }
+              )
+            ]
+          }
+        ),
+        n && /* @__PURE__ */ o(
+          "div",
+          {
+            className: s.commentSection,
+            "data-testid": `${c}observation-comment-${e.display}-${r}`,
+            children: /* @__PURE__ */ b("span", { className: s.commentText, children: [
+              n,
+              e.encounter?.provider && ` - by ${e.encounter.provider}`
+            ] })
+          }
+        )
+      ]
+    },
+    `${e.id}-${r}`
+  );
+}, ke = (e) => e ? e.extension?.find(
+  (a) => a.url === ie
+)?.valueString : void 0, Ke = (e) => {
+  if (e)
+    return e.note?.[0]?.text;
+}, je = (e, r) => e.entry?.find((a) => a.resource?.id === r)?.resource, T = (e, r) => {
+  const a = je(e, r);
+  return a ? {
+    formFieldPath: ke(a),
+    comment: Ke(a)
+  } : {};
+}, ze = (e, r) => {
+  if (!e?.entry || !r)
+    return [];
+  const a = de(e);
+  return [
+    ...a.observations.map((d) => {
+      const { formFieldPath: i, comment: u } = T(
+        e,
+        d.id
+      );
+      return { obs: d, formFieldPath: i, comment: u };
+    }),
+    ...a.groupedObservations.flatMap((d) => {
+      const { formFieldPath: i } = T(e, d.id);
+      return (d.members ?? []).map((u) => {
+        const { comment: t } = T(e, u.id);
+        return { obs: u, formFieldPath: i, comment: t };
+      });
+    })
+  ].filter(
+    ({ formFieldPath: d }) => !d || d.includes(r)
+  );
+}, Ze = ({
+  episodeOfCareUuids: e,
+  encounterUuids: r,
+  config: a
+}) => {
+  const { t: n } = V(), d = le(), [i, u] = k(!1), [t, c] = k(null), $ = a?.numberOfVisits, f = ce(
+    e,
+    r
+  ), _ = ve(), {
+    data: y = [],
+    isLoading: N,
+    isError: v,
+    error: J,
+    refetch: Y
+  } = O({
+    queryKey: ["forms", d, e],
+    queryFn: () => me(d, void 0, $),
+    enabled: !!d && !f
+  }), w = g(() => !r || r.length === 0 ? y : y.filter(
+    (l) => r.includes(l.encounterUuid)
+  ), [y, r]), { data: B = [] } = O({
+    queryKey: ["observationForms"],
+    queryFn: () => ue()
+  }), I = L(
+    (l) => B.find((m) => m.name === l)?.uuid,
+    [B]
+  ), M = g(() => {
+    if (t)
+      return I(t.formName);
+  }, [t, I]), { isLoading: X, error: E } = O({
+    queryKey: ["formMetadata", M],
+    queryFn: () => pe(M),
+    enabled: !!M && i
+  }), {
+    data: C,
+    isLoading: Z,
+    error: A
+  } = O({
+    queryKey: ["formsEncounterFHIR", t?.encounterUuid],
+    queryFn: () => be(t.encounterUuid),
+    enabled: !!t?.encounterUuid && i
+  });
+  fe(
+    (l) => {
+      l.patientUUID === d && l.updatedConcepts.size > 0 && (Y(), _.invalidateQueries({ queryKey: ["formsEncounterFHIR"] }));
+    },
+    [d]
+  );
+  const G = g(() => !C || !t?.formName ? [] : ze(
+    C,
+    t.formName
+  ), [C, t?.formName]), x = g(
+    () => [
+      { key: "recordedOn", header: n("FORM_RECORDED_ON") },
+      { key: "recordedBy", header: n("FORM_RECORDED_BY") }
+    ],
+    [n]
+  ), ee = g(
+    () => [
+      { key: "recordedOn", sortable: !0 },
+      { key: "recordedBy", sortable: !0 }
+    ],
+    []
+  ), S = g(() => {
+    const l = w.reduce(
+      (m, p) => {
+        const F = p.formName;
+        m[F] ??= [];
+        const D = p.providers.map((te) => te.providerName).filter(Boolean).join(", ");
+        return m[F].push({
+          id: p.encounterUuid,
+          formName: p.formName,
+          recordedOn: _e(p.encounterDateTime, n, !0).formattedResult,
+          recordedBy: D ?? "--",
+          encounterDateTime: p.encounterDateTime,
+          encounterUuid: p.encounterUuid
+        }), m;
+      },
+      {}
+    );
+    return Object.entries(l).map(
+      ([m, p]) => ({
+        formName: m,
+        records: p.sort(
+          (F, D) => D.encounterDateTime - F.encounterDateTime
+        )
+      })
+    ).sort((m, p) => m.formName.localeCompare(p.formName));
+  }, [w, n]), U = L((l) => {
+    c(l), u(!0);
+  }, []), re = L(() => {
+    u(!1), c(null);
+  }, []), q = L(
+    (l, h) => {
+      switch (h) {
+        case "recordedOn":
+          return /* @__PURE__ */ o(ye, { onClick: () => U(l), children: l.recordedOn });
+        case "recordedBy":
+          return l.recordedBy;
+        default:
+          return null;
+      }
+    },
+    [U]
+  );
+  return /* @__PURE__ */ b(K, { children: [
+    /* @__PURE__ */ o("div", { "data-testid": "forms-table", children: N || v || S.length === 0 || f ? /* @__PURE__ */ o(
+      H,
+      {
+        headers: x,
+        ariaLabel: n("FORMS_HEADING"),
+        rows: [],
+        loading: N,
+        errorStateMessage: v ? J?.message : void 0,
+        emptyStateMessage: n("FORMS_UNAVAILABLE"),
+        renderCell: q,
+        className: s.formsTableBody,
+        dataTestId: "forms-table"
+      }
+    ) : /* @__PURE__ */ o(he, { align: "start", children: S.map((l, h) => {
+      const { formName: m, records: p } = l;
+      return /* @__PURE__ */ o(
+        $e,
+        {
+          title: m,
+          className: s.customAccordianItem,
+          testId: `accordian-title-${m}`,
+          open: h === 0,
+          children: /* @__PURE__ */ o(
+            H,
+            {
+              headers: x,
+              ariaLabel: n("FORMS_HEADING"),
+              rows: p,
+              loading: !1,
+              errorStateMessage: "",
+              sortable: ee,
+              emptyStateMessage: n("FORMS_UNAVAILABLE"),
+              renderCell: q,
+              className: s.formsTableBody,
+              dataTestId: `forms-table-${m}`
+            }
+          )
+        },
+        m
+      );
+    }) }) }),
+    i && t && /* @__PURE__ */ o(
+      ge,
+      {
+        id: "modalIdForActionAreaLayout",
+        portalId: "main-display-area",
+        open: i,
+        onRequestClose: re,
+        modalHeading: t.formName,
+        modalLabel: `${t.recordedOn} | ${t.recordedBy}`,
+        passiveModal: !0,
+        size: "md",
+        testId: "form-details-modal",
+        children: /* @__PURE__ */ o("div", { className: s.formContent, children: X || Z ? /* @__PURE__ */ o(Ne, { width: "100%", lineCount: 3 }) : E ? /* @__PURE__ */ o("div", { children: P(E).message ?? n("ERROR_FETCHING_FORM_METADATA") }) : A ? /* @__PURE__ */ o("div", { children: P(A).message ?? n("ERROR_FETCHING_FORM_DATA") }) : G.length > 0 ? /* @__PURE__ */ o("div", { className: s.formDetailsContainer, children: G.map(({ obs: l, comment: h }, m) => /* @__PURE__ */ o(
+          Pe,
+          {
+            observation: l,
+            index: m,
+            formName: t.formName,
+            comment: h
+          },
+          `${l.id}`
+        )) }) : /* @__PURE__ */ o("div", { children: n("NO_FORM_DATA_AVAILABLE") }) })
+      }
+    )
+  ] });
+};
+export {
+  Ze as default
+};