@bahmni/widgets 0.0.1-dev.212 → 0.0.1-dev.214

package/dist/{DocumentsTable-DoX9hQ0_.js → DocumentsTable-BDaihbFL.js}

@@ -1,5 +1,5 @@
-import { jsx as s, jsxs as _, Fragment as K } from "react/jsx-runtime";
-import { u as Q, a as W, P as J, X as Z, n as x, h as ee, b as te } from "./index-C54J8oRw.js";
+import { jsx as s, jsxs as _, Fragment as Q } from "react/jsx-runtime";
+import { u as W, a as X, C as J, t as Z, b as x, h as ee, y as te } from "./index-CCRQ_2lk.js";
 import { useQuery as ne } from "@tanstack/react-query";
 import { useState as l, useCallback as p, useEffect as N, useMemo as f } from "react";
 import { useTranslation as ae } from "react-i18next";
@@ -19,7 +19,7 @@ const oe = "_documentsTableBody_1voj8_1", re = "_viewAttachmentsLink_1voj8_11",
   uploadedBy: "DOCUMENTS_UPLOADED_BY",
   action: "DOCUMENTS_ACTION"
 };
-function P(n) {
+function j(n) {
   return !n || n.includes(":") ? "#" : `/openmrs/auth?requested_document=/document_images/${n}`;
 }
 function he(n, E) {
@@ -34,23 +34,23 @@ const _e = [
   "uploadedOn",
   "uploadedBy",
   "action"
-], pe = /\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i, j = (n) => n.attachments.length > 0 ? n.attachments : n.documentUrl ? [{ url: n.documentUrl, contentType: n.contentType }] : [], Ne = ({ config: n, encounterUuids: E }) => {
+], pe = /\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i, R = (n) => n.attachments.length > 0 ? n.attachments : n.documentUrl ? [{ url: n.documentUrl, contentType: n.contentType }] : [], Ne = ({ config: n, encounterUuids: E }) => {
   const [d, M] = l(!1), [r, U] = l(
     null
-  ), [R, A] = l(
+  ), [P, A] = l(
     /* @__PURE__ */ new Set()
-  ), T = Q(), { t: o } = ae(), { addNotification: w } = W(), F = Number(n?.pageSize) || 5, [D, O] = l(1), [m, $] = l(F), [k, C] = l(void 0), b = p((e) => {
+  ), T = W(), { t: o } = ae(), { addNotification: w } = X(), F = Number(n?.pageSize) || 5, [C, D] = l(1), [m, $] = l(F), [k, O] = l(void 0), b = p((e) => {
     U(e), M(!0);
   }, []), V = p(() => {
     M(!1), U(null), A(/* @__PURE__ */ new Set());
   }, []), B = p((e) => {
     A((t) => new Set(t).add(e));
-  }, []), { data: u, isLoading: z, isError: S, error: y } = ne({
+  }, []), { data: u, isLoading: z, isError: y, error: S } = ne({
     queryKey: [
       "documents",
       T,
       E,
-      D,
+      C,
       m
     ],
     enabled: !!T,
@@ -58,26 +58,26 @@ const _e = [
       T,
       E,
       m,
-      D
+      C
     )
   });
   N(() => {
-    u && C(u.total);
+    u && O(u.total);
   }, [u]), N(() => {
-    O(1), C(void 0);
+    D(1), O(void 0);
   }, [T]), N(() => {
-    S && w({
+    y && w({
       title: o("ERROR_DEFAULT_TITLE"),
-      message: y?.message ?? "",
+      message: S?.message ?? "",
       type: "error"
     });
-  }, [S, y, w, o]), N(() => {
+  }, [y, S, w, o]), N(() => {
     const e = new AbortController();
     return (async () => {
       if (!d || !r) return;
-      const a = /* @__PURE__ */ new Set(), I = j(r);
+      const a = /* @__PURE__ */ new Set(), I = R(r);
       for (let i = 0; i < I.length; i++) {
-        const v = P(I[i].url);
+        const v = j(I[i].url);
         try {
           (await fetch(v, {
             method: "HEAD",
@@ -92,22 +92,22 @@ const _e = [
   }, [d, r]);
   const H = p(
     (e, t) => {
-      t !== m ? ($(t), O(1), C(void 0)) : O(e);
+      t !== m ? ($(t), D(1), O(void 0)) : D(e);
     },
     [m]
   ), g = f(
     () => n?.fields ?? _e,
     [n?.fields]
-  ), q = f(() => [...u?.documents ?? []].sort((t, a) => !t.uploadedOn && !a.uploadedOn ? 0 : t.uploadedOn ? a.uploadedOn ? new Date(a.uploadedOn).getTime() - new Date(t.uploadedOn).getTime() : -1 : 1), [u]), G = f(() => he(g, o), [g, o]), X = f(
+  ), q = f(() => [...u?.documents ?? []].sort((t, a) => !t.uploadedOn && !a.uploadedOn ? 0 : t.uploadedOn ? a.uploadedOn ? new Date(a.uploadedOn).getTime() - new Date(t.uploadedOn).getTime() : -1 : 1), [u]), G = f(() => he(g, o), [g, o]), Y = f(
     () => g.map((e) => ({
       key: e,
       sortable: e !== "action"
     })),
     [g]
   ), h = f(
-    () => r ? j(r) : [],
+    () => r ? R(r) : [],
     [r]
-  ), Y = p(
+  ), K = p(
     (e, t) => {
       switch (t) {
         case "documentIdentifier":
@@ -138,7 +138,7 @@ const _e = [
     },
     [b, o]
   );
-  return /* @__PURE__ */ _(K, { children: [
+  return /* @__PURE__ */ _(Q, { children: [
     /* @__PURE__ */ s("div", { "data-testid": "documents-table", children: /* @__PURE__ */ s(
       ee,
       {
@@ -146,15 +146,15 @@ const _e = [
         ariaLabel: o("DOCUMENTS_TABLE_HEADING"),
         rows: q,
         loading: z,
-        errorStateMessage: S ? y?.message : null,
-        sortable: X,
+        errorStateMessage: y ? S?.message : null,
+        sortable: Y,
         emptyStateMessage: o("DOCUMENTS_NO_RECORDS"),
-        renderCell: Y,
+        renderCell: K,
         className: c.documentsTableBody,
         dataTestId: "documents-table",
         pageSize: m,
         totalItems: k,
-        page: D,
+        page: C,
         onPageChange: H
       }
     ) }),
@@ -170,7 +170,7 @@ const _e = [
         size: "lg",
         testId: "document-view-modal",
         children: /* @__PURE__ */ s("div", { className: c.documentViewerContainer, children: h.map((e, t) => {
-          const a = P(e.url), I = e.contentType?.toLowerCase().includes("pdf"), i = (e.contentType?.toLowerCase().includes("image") ?? !1) || pe.test(e.url ?? ""), v = R.has(t);
+          const a = j(e.url), I = e.contentType?.toLowerCase().includes("pdf"), i = (e.contentType?.toLowerCase().includes("image") ?? !1) || pe.test(e.url ?? ""), v = P.has(t);
           return a === "#" || v ? /* @__PURE__ */ _(
             "div",
             {

package/dist/FormsTable-DNAxVS6U.js

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