@bahmni/widgets 0.0.1-dev.191 → 0.0.1-dev.193

package/dist/{DocumentsTable-DjFKN-vZ.js → DocumentsTable-Clxa2r1r.js}

@@ -1,68 +1,68 @@
 import { jsx as o, jsxs as l, Fragment as V } from "react/jsx-runtime";
-import { u as $, a as H, Q as P, R as z, M as Q, t as Y, b as j, i as G } from "./index-HMYBr9oP.js";
+import { u as $, a as H, b as P, F as z, U as Y, c as j, y as G } from "./index-D3jK_TZZ.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 W } from "react-i18next";
-const J = "_documentsTableBody_6qsah_1", X = "_viewAttachmentsLink_6qsah_11", Z = "_documentViewerContainer_6qsah_15", x = "_attachmentItem_6qsah_23", ee = "_attachmentCounter_6qsah_27", te = "_attachmentError_6qsah_36", ae = "_documentIframe_6qsah_44", ne = "_documentImage_6qsah_50", c = {
-  documentsTableBody: J,
-  viewAttachmentsLink: X,
-  documentViewerContainer: Z,
-  attachmentItem: x,
-  attachmentCounter: ee,
-  attachmentError: te,
-  documentIframe: ae,
-  documentImage: ne
-}, se = {
+import { useState as C, useCallback as E, useEffect as M, 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", ae = "_documentImage_6qsah_50", c = {
+  documentsTableBody: W,
+  viewAttachmentsLink: J,
+  documentViewerContainer: X,
+  attachmentItem: Z,
+  attachmentCounter: x,
+  attachmentError: ee,
+  documentIframe: te,
+  documentImage: ae
+}, ne = {
   documentIdentifier: "DOCUMENTS_DOCUMENT_IDENTIFIER",
   documentType: "DOCUMENTS_TYPE",
   uploadedOn: "DOCUMENTS_UPLOADED_ON",
   uploadedBy: "DOCUMENTS_UPLOADED_BY",
   action: "DOCUMENTS_ACTION"
 };
-function U(t) {
+function S(t) {
   return !t || t.includes(":") ? "#" : `/openmrs/auth?requested_document=/document_images/${t}`;
 }
-function re(t, u) {
+function se(t, u) {
   return t.map((d) => ({
     key: d,
-    header: u(se[d])
+    header: u(ne[d])
   }));
 }
-const oe = [
+const re = [
   "documentIdentifier",
   "documentType",
   "uploadedOn",
   "uploadedBy",
   "action"
-], w = (t) => t.attachments.length > 0 ? t.attachments : t.documentUrl ? [{ url: t.documentUrl, contentType: t.contentType }] : [], ue = ({ config: t, encounterUuids: u }) => {
+], 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), [n, y] = C(
     null
   ), [b, T] = C(
     /* @__PURE__ */ new Set()
-  ), p = $(), { t: a } = W(), { addNotification: g } = H(), M = E((e) => {
+  ), p = $(), { t: a } = Q(), { addNotification: g } = H(), U = E((e) => {
     y(e), O(!0);
   }, []), v = E(() => {
     O(!1), y(null), T(/* @__PURE__ */ new Set());
   }, []), L = E((e) => {
     T((s) => new Set(s).add(e));
-  }, []), { data: B, isLoading: R, isError: I, error: A } = K({
+  }, []), { data: B, isLoading: q, isError: I, error: A } = K({
     queryKey: ["documents", p, u],
     enabled: !!p,
     queryFn: () => P(p, u)
   });
-  S(() => {
+  M(() => {
     I && g({
       title: a("ERROR_DEFAULT_TITLE"),
       message: A?.message ?? "",
       type: "error"
     });
-  }, [I, A, g, a]), S(() => {
+  }, [I, A, g, a]), M(() => {
     const e = new AbortController();
     return (async () => {
       if (!d || !n) return;
       const r = /* @__PURE__ */ new Set(), _ = w(n);
       for (let m = 0; m < _.length; m++) {
-        const N = U(_[m].url);
+        const N = S(_[m].url);
         try {
           (await fetch(N, {
             method: "HEAD",
@@ -76,9 +76,9 @@ const oe = [
     })(), () => e.abort();
   }, [d, n]);
   const h = f(
-    () => t?.fields ?? oe,
+    () => t?.fields ?? re,
     [t?.fields]
-  ), q = f(() => re(h, a), [h, a]), F = f(
+  ), F = f(() => se(h, a), [h, a]), R = f(
     () => h.map((e) => ({
       key: e,
       sortable: e !== "action"
@@ -95,10 +95,10 @@ const oe = [
         case "documentType":
           return e.documentType ?? a("DOCUMENTS_NOT_AVAILABLE");
         case "uploadedOn":
-          return Q(
+          return Y(
             e.uploadedOn,
             a,
-            G
+            !0
           ).formattedResult || a("DOCUMENTS_NOT_AVAILABLE");
         case "uploadedBy":
           return e.uploadedBy ?? a("DOCUMENTS_NOT_AVAILABLE");
@@ -106,7 +106,7 @@ const oe = [
           return e.attachments.length > 0 || !!e.documentUrl ? /* @__PURE__ */ o(
             z,
             {
-              onClick: () => M(e),
+              onClick: () => U(e),
               className: c.viewAttachmentsLink,
               "data-testid": `view-attachments-${e.id}`,
               children: a("DOCUMENTS_VIEW_ATTACHMENTS")
@@ -116,18 +116,18 @@ const oe = [
           return null;
       }
     },
-    [M, a]
+    [U, a]
   );
   return /* @__PURE__ */ l(V, { children: [
     /* @__PURE__ */ o("div", { "data-testid": "documents-table", children: /* @__PURE__ */ o(
-      Y,
+      j,
       {
-        headers: q,
+        headers: F,
         ariaLabel: a("DOCUMENTS_TABLE_HEADING"),
         rows: B ?? [],
-        loading: R,
+        loading: q,
         errorStateMessage: I ? A?.message : null,
-        sortable: F,
+        sortable: R,
         emptyStateMessage: a("DOCUMENTS_NO_RECORDS"),
         renderCell: k,
         className: c.documentsTableBody,
@@ -135,7 +135,7 @@ const oe = [
       }
     ) }),
     d && n && /* @__PURE__ */ o(
-      j,
+      G,
       {
         id: "modalIdForActionAreaLayout",
         portalId: "main-display-area",
@@ -146,7 +146,7 @@ const oe = [
         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);
+          const r = S(e.url), _ = e.contentType?.toLowerCase().includes("pdf"), m = e.contentType?.toLowerCase().includes("image"), N = b.has(s);
           return r === "#" || N ? /* @__PURE__ */ l(
             "div",
             {
@@ -200,5 +200,5 @@ const oe = [
   ] });
 };
 export {
-  ue as default
+  le as default
 };

package/dist/FormsTable-DL-5D8n9.js

@@ -0,0 +1,423 @@
+import { jsxs as b, jsx as o, Fragment as j } from "react/jsx-runtime";
+import { f as K, d as R, Q as ae, r as oe, o as se, e as ne, g as de, s as ie, u as le, q as ce, G as me, B as ue, z as pe, h as be, i as fe, U as _e, F as ye, c as P, j as he, W as $e, y as ge, D as Ne, R as H } from "./index-D3jK_TZZ.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", Ue = "_commentSection_1pd36_110", qe = "_commentText_1pd36_116", Se = "_nestedGroup_1pd36_125", xe = "_nestedGroupLabel_1pd36_132", Pe = "_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: Ue,
+  commentText: qe,
+  nestedGroup: Se,
+  nestedGroupLabel: xe,
+  nestedGroupMembers: Pe
+}, Q = (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;
+}, z = (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 } = z(e), _ = K(e, i), y = _ ? Q(_) : null;
+  return /* @__PURE__ */ b(j, { 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}`
+        ] })
+      }
+    )
+  ] });
+}, He = ({
+  observation: e,
+  index: r,
+  formName: a = "",
+  comment: n
+}) => {
+  const { t: d } = V(), i = e.members && e.members.length > 0, { rangeString: u, isAbnormal: t } = z(e), c = a ? `${a}-` : "", $ = K(e, d), f = $ ? Q($) : 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, je = (e) => {
+  if (e)
+    return e.note?.[0]?.text;
+}, Ke = (e, r) => e.entry?.find((a) => a.resource?.id === r)?.resource, T = (e, r) => {
+  const a = Ke(e, r);
+  return a ? {
+    formFieldPath: ke(a),
+    comment: je(a)
+  } : {};
+}, Qe = (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: Y,
+    refetch: J
+  } = 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 && (J(), _.invalidateQueries({ queryKey: ["formsEncounterFHIR"] }));
+    },
+    [d]
+  );
+  const G = g(() => !C || !t?.formName ? [] : Qe(
+    C,
+    t.formName
+  ), [C, t?.formName]), U = 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 }
+    ],
+    []
+  ), q = 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]), S = L((l) => {
+    c(l), u(!0);
+  }, []), re = L(() => {
+    u(!1), c(null);
+  }, []), x = L(
+    (l, h) => {
+      switch (h) {
+        case "recordedOn":
+          return /* @__PURE__ */ o(ye, { onClick: () => S(l), children: l.recordedOn });
+        case "recordedBy":
+          return l.recordedBy;
+        default:
+          return null;
+      }
+    },
+    [S]
+  );
+  return /* @__PURE__ */ b(j, { children: [
+    /* @__PURE__ */ o("div", { "data-testid": "forms-table", children: N || v || q.length === 0 || f ? /* @__PURE__ */ o(
+      P,
+      {
+        headers: U,
+        ariaLabel: n("FORMS_HEADING"),
+        rows: [],
+        loading: N,
+        errorStateMessage: v ? Y?.message : void 0,
+        emptyStateMessage: n("FORMS_UNAVAILABLE"),
+        renderCell: x,
+        className: s.formsTableBody,
+        dataTestId: "forms-table"
+      }
+    ) : /* @__PURE__ */ o(he, { align: "start", children: q.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(
+            P,
+            {
+              headers: U,
+              ariaLabel: n("FORMS_HEADING"),
+              rows: p,
+              loading: !1,
+              errorStateMessage: "",
+              sortable: ee,
+              emptyStateMessage: n("FORMS_UNAVAILABLE"),
+              renderCell: x,
+              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: H(E).message ?? n("ERROR_FETCHING_FORM_METADATA") }) : A ? /* @__PURE__ */ o("div", { children: H(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(
+          He,
+          {
+            observation: l,
+            index: m,
+            formName: t.formName,
+            comment: h
+          },
+          `${l.id}`
+        )) }) : /* @__PURE__ */ o("div", { children: n("NO_FORM_DATA_AVAILABLE") }) })
+      }
+    )
+  ] });
+};
+export {
+  Ze as default
+};