@bahmni/widgets 0.0.1-dev.456 → 0.0.1-dev.458

package/dist/DocumentsTable-BgmDp581.js

@@ -0,0 +1,388 @@
+import { jsx as a, jsxs as T, Fragment as _e } from "react/jsx-runtime";
+import { u as pe, a as Ae, b as Ee, c as ge, Z as Ne, d as Ce, e as S, p as fe, A as Ie, f as De, M as Le, Q as be, _ as Y, N as Oe, g as Se, x as ve, W as ye, h as we, i as Z, j as ee } from "./index-DepMUZYx.js";
+import { useQuery as Me } from "@tanstack/react-query";
+import { useState as _, useRef as Ue, useEffect as A, useMemo as E, useCallback as p } from "react";
+import { useTranslation as Re } from "react-i18next";
+const Pe = "DocumentsTable-module_documentsTableBody__6iR3w", ke = "DocumentsTable-module_viewAttachmentsLink__aQ1on", Be = "DocumentsTable-module_documentViewerContainer__F5m8D", He = "DocumentsTable-module_printContainer__rtarJ", $e = "DocumentsTable-module_attachmentItem__17KA7", Fe = "DocumentsTable-module_attachmentCounter__WFiI3", Ve = "DocumentsTable-module_attachmentError__RI4U2", We = "DocumentsTable-module_documentIframe__ptq5I", ze = "DocumentsTable-module_attachmentContent__IaCEe", Ge = "DocumentsTable-module_attachmentLoading__FAR6p", qe = "DocumentsTable-module_hiddenWhileLoading__IxocW", Ke = "DocumentsTable-module_documentImage__KQVgS", Qe = "DocumentsTable-module_header__345GY", je = "DocumentsTable-module_documentTypeCell__uWGM8", Ye = "DocumentsTable-module_printAllButton__IVYUW", Ze = "DocumentsTable-module_attachmentHeader__yI2xn", s = {
+  documentsTableBody: Pe,
+  viewAttachmentsLink: ke,
+  documentViewerContainer: Be,
+  printContainer: He,
+  attachmentItem: $e,
+  attachmentCounter: Fe,
+  attachmentError: Ve,
+  documentIframe: We,
+  attachmentContent: ze,
+  attachmentLoading: Ge,
+  hiddenWhileLoading: qe,
+  documentImage: Ke,
+  header: Qe,
+  documentTypeCell: je,
+  printAllButton: Ye,
+  attachmentHeader: Ze
+}, Je = "startConsultation", Xe = "add", xe = "documents", J = "document-print-container", X = () => /* @__PURE__ */ a(ee, {}), et = /* @__PURE__ */ new Set([
+  "ArrowUp",
+  "ArrowDown",
+  "PageUp",
+  "PageDown",
+  "Home",
+  "End",
+  " "
+]), tt = 15e3, nt = [
+  "documentType",
+  "documentIdentifier",
+  "attachments",
+  "uploadedOn",
+  "uploadedBy"
+], at = /\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i, x = (l) => l.attachments.length > 0 ? l.attachments : l.documentUrl ? [{ url: l.documentUrl, contentType: l.contentType }] : [], dt = ({ config: l, encounterUuids: B }) => {
+  const [u, H] = _(!1), [r, $] = _(
+    null
+  ), [D, v] = _(
+    /* @__PURE__ */ new Set()
+  ), [L, y] = _(
+    /* @__PURE__ */ new Set()
+  ), C = Ue(null), [w, F] = _(
+    null
+  ), V = w !== null;
+  A(() => () => C.current?.abort(), []);
+  const g = pe(), { t: o } = Re(), { addNotification: b } = Ae(), m = E(
+    () => l?.actions?.find(
+      (e) => e.type === Xe
+    ),
+    [l?.actions]
+  ), te = Ee(m?.requiredPrivilege), ne = !!m && te, ae = Number(l?.pageSize) || 5, [M, U] = _(1), [f, oe] = _(ae), [se, R] = _(void 0), W = p((e) => {
+    $(e), H(!0);
+  }, []), re = p(() => {
+    C.current?.abort(), y(/* @__PURE__ */ new Set()), H(!1), $(null), v(/* @__PURE__ */ new Set());
+  }, []), z = p((e) => {
+    y((t) => new Set(t).add(e));
+  }, []), G = p((e) => {
+    v((t) => new Set(t).add(e));
+  }, []), ce = p(() => {
+    m && globalThis.dispatchEvent(
+      new CustomEvent(Je, {
+        detail: {
+          encounterType: m.encounterType,
+          editOnly: m.editOnly ?? xe,
+          ...m.editTitle ? { editTitle: m.editTitle } : {}
+        }
+      })
+    );
+  }, [m]), { data: I, isLoading: le, isError: P, error: k, refetch: q } = Me({
+    queryKey: [
+      "documents",
+      g,
+      B,
+      M,
+      f
+    ],
+    enabled: !!g,
+    queryFn: () => ge(
+      g,
+      B,
+      f,
+      M
+    )
+  });
+  Ne(
+    (e) => {
+      e.patientUUID === g && e.updatedResources.documents && q();
+    },
+    [g, q]
+  ), A(() => {
+    I && R(I.total);
+  }, [I]), A(() => {
+    U(1), R(void 0);
+  }, [g]), A(() => {
+    P && b({
+      title: o("ERROR_DEFAULT_TITLE"),
+      message: k?.message ?? "",
+      type: "error"
+    });
+  }, [P, k, b, o]), A(() => {
+    const e = new AbortController();
+    return (async () => {
+      if (!u || !r) return;
+      const n = /* @__PURE__ */ new Set(), i = x(r);
+      for (let c = 0; c < i.length; c++) {
+        const N = S(i[c].url);
+        try {
+          (await fetch(N, {
+            method: "HEAD",
+            signal: e.signal
+          })).ok || n.add(c);
+        } catch (h) {
+          h instanceof Error && h.name !== "AbortError" && n.add(c);
+        }
+      }
+      e.signal.aborted || v(n);
+    })(), () => e.abort();
+  }, [u, r]), A(() => {
+    if (!u || !r) return;
+    const e = document.querySelector(
+      '[data-testid="document-view-modal"] .cds--modal-content'
+    );
+    if (!e) return;
+    let t = !1;
+    const n = () => {
+      t = !0;
+    }, i = (h) => {
+      h.target === e && n();
+    }, c = (h) => {
+      const Te = h.target;
+      et.has(h.key) && !Te?.closest("button, input, textarea, select, a") && n();
+    }, N = () => {
+      !t && e.scrollTop !== 0 && (e.scrollTop = 0);
+    };
+    return e.addEventListener("wheel", n, { passive: !0 }), e.addEventListener("touchmove", n, { passive: !0 }), e.addEventListener("mousedown", i), e.addEventListener("keydown", c), e.addEventListener("scroll", N), () => {
+      e.removeEventListener("wheel", n), e.removeEventListener("touchmove", n), e.removeEventListener("mousedown", i), e.removeEventListener("keydown", c), e.removeEventListener("scroll", N);
+    };
+  }, [u, r]);
+  const de = p(
+    (e, t) => {
+      t !== f ? (oe(t), U(1), R(void 0)) : U(e);
+    },
+    [f]
+  ), O = E(
+    () => l?.fields ?? nt,
+    [l?.fields]
+  ), ie = E(() => [...I?.documents ?? []].sort((t, n) => !t.uploadedOn && !n.uploadedOn ? 0 : t.uploadedOn ? n.uploadedOn ? new Date(n.uploadedOn).getTime() - new Date(t.uploadedOn).getTime() : -1 : 1), [I]), me = E(() => Ce(O, o), [O, o]), ue = E(
+    () => O.map((e) => ({
+      key: e,
+      sortable: e !== "attachments"
+    })),
+    [O]
+  ), d = E(
+    () => r ? x(r) : [],
+    [r]
+  ), K = d.every(
+    (e, t) => L.has(t) || D.has(t) || S(e.url) === "#"
+  );
+  A(() => {
+    if (!u || d.length === 0) return;
+    const e = setTimeout(
+      () => y(new Set(d.keys())),
+      tt
+    );
+    return () => clearTimeout(e);
+  }, [u, d]);
+  const Q = p(
+    async (e, t) => {
+      if (!r || C.current) return;
+      const n = new AbortController(), { signal: i } = n;
+      C.current = n, F(t);
+      const c = document.getElementById(J);
+      try {
+        await fe(
+          e,
+          r.documentIdentifier,
+          { container: c, signal: i }
+        );
+      } catch {
+        i.aborted || b({
+          title: o("ERROR_DEFAULT_TITLE"),
+          message: o("DOCUMENTS_ERROR_LOADING_ATTACHMENT"),
+          type: "error"
+        });
+      } finally {
+        C.current = null, F(null);
+      }
+    },
+    [r, b, o]
+  ), j = E(
+    () => d.filter(
+      (e, t) => S(e.url) !== "#" && !D.has(t)
+    ),
+    [d, D]
+  ), he = p(
+    (e, t) => {
+      switch (t) {
+        case "documentIdentifier":
+          return /* @__PURE__ */ a("span", { children: e.documentIdentifier?.trim() || "-" });
+        case "documentType":
+          return /* @__PURE__ */ T("div", { className: s.documentTypeCell, children: [
+            /* @__PURE__ */ a("span", { children: e.documentType ?? o("DOCUMENTS_NOT_AVAILABLE") }),
+            e.description && /* @__PURE__ */ a(
+              Le,
+              {
+                iconName: "fa-file-lines",
+                content: e.description,
+                ariaLabel: e.description,
+                testId: `document-notes-${e.id}`
+              }
+            )
+          ] });
+        case "uploadedOn":
+          return De(
+            e.uploadedOn,
+            o,
+            !0
+          ).formattedResult || o("DOCUMENTS_NOT_AVAILABLE");
+        case "uploadedBy":
+          return e.uploadedBy ?? o("DOCUMENTS_NOT_AVAILABLE");
+        case "attachments":
+          return e.attachments.length > 0 || !!e.documentUrl ? /* @__PURE__ */ a(
+            Ie,
+            {
+              onClick: () => W(e),
+              className: s.viewAttachmentsLink,
+              "data-testid": `view-attachments-${e.id}`,
+              children: o("DOCUMENTS_VIEW_ATTACHMENTS")
+            }
+          ) : "--";
+        default:
+          return null;
+      }
+    },
+    [W, o]
+  );
+  return /* @__PURE__ */ T(_e, { children: [
+    ne && /* @__PURE__ */ T(be, { className: s.header, testId: "documents-header", children: [
+      /* @__PURE__ */ a("p", { children: o("DOCUMENTS_TABLE_HEADING") }),
+      /* @__PURE__ */ a(
+        Y,
+        {
+          autoAlign: !0,
+          size: "lg",
+          kind: "ghost",
+          label: o(m.label),
+          testId: "documents-add-button",
+          onClick: ce,
+          children: /* @__PURE__ */ a(Oe, { id: "documents-add-icon", name: "fa-plus", size: Se.LG })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("div", { "data-testid": "documents-table", children: /* @__PURE__ */ a(
+      ve,
+      {
+        headers: me,
+        ariaLabel: o("DOCUMENTS_TABLE_HEADING"),
+        rows: ie,
+        loading: le,
+        errorStateMessage: P ? k?.message : null,
+        sortable: ue,
+        emptyStateMessage: o("DOCUMENTS_NO_RECORDS"),
+        renderCell: he,
+        className: s.documentsTableBody,
+        dataTestId: "documents-table",
+        pageSize: f,
+        totalItems: se,
+        page: M,
+        onPageChange: de
+      }
+    ) }),
+    u && r && /* @__PURE__ */ a(
+      ye,
+      {
+        id: "modalIdForActionAreaLayout",
+        portalId: "main-display-area",
+        open: u,
+        onRequestClose: re,
+        modalHeading: r.documentIdentifier,
+        passiveModal: !0,
+        size: "lg",
+        testId: "document-view-modal",
+        children: /* @__PURE__ */ T("div", { className: s.documentViewerContainer, children: [
+          j.length > 1 && /* @__PURE__ */ a(
+            we,
+            {
+              kind: "tertiary",
+              size: "sm",
+              className: s.printAllButton,
+              renderIcon: w === "all" ? X : Z,
+              disabled: V || !K,
+              testId: "print-all-attachments",
+              onClick: () => Q(j, "all"),
+              children: o("DOCUMENTS_PRINT_ALL")
+            }
+          ),
+          d.map((e, t) => {
+            const n = S(e.url), i = e.contentType?.toLowerCase().includes("pdf"), c = (e.contentType?.toLowerCase().includes("image") ?? !1) || at.test(e.url ?? ""), N = D.has(t);
+            return n === "#" || N ? /* @__PURE__ */ T(
+              "div",
+              {
+                className: s.attachmentError,
+                "data-testid": `attachment-error-${t}`,
+                children: [
+                  d.length > 1 && /* @__PURE__ */ a("p", { className: s.attachmentCounter, children: o("DOCUMENTS_ATTACHMENT_COUNTER", {
+                    current: t + 1,
+                    total: d.length
+                  }) }),
+                  /* @__PURE__ */ a("p", { children: o("DOCUMENTS_ERROR_LOADING_ATTACHMENT") })
+                ]
+              },
+              `${r.id}-${e.url}`
+            ) : /* @__PURE__ */ T(
+              "div",
+              {
+                className: s.attachmentItem,
+                "data-testid": `attachment-item-${t}`,
+                children: [
+                  /* @__PURE__ */ T("div", { className: s.attachmentHeader, children: [
+                    d.length > 1 ? /* @__PURE__ */ a("p", { className: s.attachmentCounter, children: o("DOCUMENTS_ATTACHMENT_COUNTER", {
+                      current: t + 1,
+                      total: d.length
+                    }) }) : /* @__PURE__ */ a("span", {}),
+                    /* @__PURE__ */ a(
+                      Y,
+                      {
+                        kind: "ghost",
+                        size: "sm",
+                        label: o("DOCUMENTS_PRINT_ATTACHMENT", {
+                          index: t + 1
+                        }),
+                        disabled: V || !K,
+                        testId: `print-attachment-${t}`,
+                        onClick: () => Q([e], t),
+                        children: w === t ? /* @__PURE__ */ a(X, {}) : /* @__PURE__ */ a(Z, {})
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ T("div", { className: s.attachmentContent, children: [
+                    !L.has(t) && /* @__PURE__ */ a(
+                      "div",
+                      {
+                        className: s.attachmentLoading,
+                        "data-testid": `attachment-loading-${t}`,
+                        children: /* @__PURE__ */ a(
+                          ee,
+                          {
+                            description: o("DOCUMENTS_LOADING_ATTACHMENT")
+                          }
+                        )
+                      }
+                    ),
+                    c ? /* @__PURE__ */ a(
+                      "img",
+                      {
+                        src: n,
+                        alt: r.documentIdentifier,
+                        className: `${s.documentImage} ${L.has(t) ? "" : s.hiddenWhileLoading}`,
+                        onLoad: () => z(t),
+                        onError: () => G(t)
+                      }
+                    ) : /* @__PURE__ */ a(
+                      "iframe",
+                      {
+                        src: i ? `${n}#toolbar=0` : n,
+                        className: `${s.documentIframe} ${L.has(t) ? "" : s.hiddenWhileLoading}`,
+                        title: r.documentIdentifier,
+                        onLoad: () => z(t),
+                        onError: () => G(t)
+                      }
+                    )
+                  ] })
+                ]
+              },
+              `${r.id}-${e.url}`
+            );
+          }),
+          /* @__PURE__ */ a("div", { id: J, className: s.printContainer })
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  dt as default
+};

package/dist/{FormsTable-D67NVSvr.js → FormsTable-Cekdbhbb.js}

@@ -1,46 +1,46 @@
 import { jsx as n, jsxs as q, Fragment as ie } from "react/jsx-runtime";
-import { u as de, c as le, j as me, C as ce, k as ue, l as fe, m as be, X as he, n as Ne, o as ye, J as Oe, d as ge, _ as x, P as V, A as pe, x as $, q as Te, r as Ee, W as Ie, O as Ae, s as Fe } from "./index-BSjeukzT.js";
+import { u as de, b as le, k as me, L as ce, U as ue, l as fe, m as be, Z as he, n as Ne, o as ye, J as Oe, f as ge, _ as x, P as V, A as Te, x as $, q as pe, r as Ee, W as Ie, O as Ae, C as Fe } from "./index-DepMUZYx.js";
 import { useQueryClient as _e, useQuery as A } from "@tanstack/react-query";
-import { useState as j, useMemo as i, useCallback as d } from "react";
+import { useState as G, useMemo as i, useCallback as d } from "react";
 import { useTranslation as ve } from "react-i18next";
-const Re = "FormsTable-module_formsTableBody__SvGha", Ce = "FormsTable-module_modalHeading__wnTmA", De = "FormsTable-module_customAccordianItem__isszs", y = {
+const Re = "FormsTable-module_formsTableBody__SvGha", Le = "FormsTable-module_modalHeading__wnTmA", De = "FormsTable-module_customAccordianItem__isszs", y = {
   formsTableBody: Re,
-  modalHeading: Ce,
+  modalHeading: Le,
   customAccordianItem: De
-}, Le = "startConsultation", Ue = ({
+}, Ce = "startConsultation", ke = ({
   episodeOfCareUuids: F,
   encounterUuids: m,
-  config: G,
+  config: j,
   disableActions: z = !1,
   activeEncounterUuid: b = null
 }) => {
-  const { t: o } = ve(), c = de(), [O, _] = j(!1), [a, v] = j(null), {
+  const { t: o } = ve(), c = de(), [O, _] = G(!1), [a, v] = G(null), {
     numberOfVisits: K,
     hideThumbnail: Q = !1,
     forms: h
-  } = G ?? {}, W = le(
+  } = j ?? {}, W = le(
     Fe.EDIT_OBSERVATIONS
   ), { userPrivileges: N } = me(), g = W && !z && !!b, R = ce(
     F,
     m
   ), J = _e(), {
-    data: C = [],
+    data: L = [],
     isLoading: D,
-    isError: L,
-    error: X,
+    isError: C,
+    error: Z,
     refetch: Y
   } = A({
     queryKey: ["forms", c, F],
     queryFn: () => ue(c, void 0, K),
     enabled: !!c && !R
   }), S = i(() => {
-    let e = C;
+    let e = L;
     return m && m.length > 0 && (e = e.filter(
       (t) => m.includes(t.encounterUuid)
     )), Array.isArray(h) && h.length > 0 && (e = e.filter(
       (t) => h.some((s) => s.toLowerCase() === t.formName.toLowerCase())
     )), e;
-  }, [C, m, h]), { data: B = [] } = A({
+  }, [L, m, h]), { data: B = [] } = A({
     queryKey: ["observationForms"],
     queryFn: () => fe()
   }), M = d(
@@ -60,10 +60,10 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Ce = "FormsTable-module_mo
     (e) => !b || e.encounterUuid !== b ? !1 : M(e.formName),
     [b, M]
   ), {
-    data: p,
-    isLoading: Z,
+    data: T,
+    isLoading: X,
     isError: ee,
-    error: T
+    error: p
   } = A({
     queryKey: ["formsEncounterFHIR", a?.encounterUuid],
     queryFn: () => be(a.encounterUuid),
@@ -75,10 +75,10 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Ce = "FormsTable-module_mo
     },
     [c]
   );
-  const re = i(() => !p?.entry || !a?.formName ? [] : p.entry.filter((t) => t.resource?.resourceType === "Observation").map((t) => t.resource).filter((t) => Ne(t) ? ye(t)?.toLowerCase() === a.formName.toLowerCase() : !0), [p, a?.formName]), te = i(() => {
-    if (T)
-      return Oe(T).message;
-  }, [T]), f = i(
+  const re = i(() => !T?.entry || !a?.formName ? [] : T.entry.filter((t) => t.resource?.resourceType === "Observation").map((t) => t.resource).filter((t) => Ne(t) ? ye(t)?.toLowerCase() === a.formName.toLowerCase() : !0), [T, a?.formName]), te = i(() => {
+    if (p)
+      return Oe(p).message;
+  }, [p]), f = i(
     () => [
       { key: "recordedOn", header: o("RECORDED_ON") },
       { key: "recordedBy", header: o("RECORDED_BY") }
@@ -96,7 +96,7 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Ce = "FormsTable-module_mo
       { key: "recordedBy", sortable: !0 }
     ],
     []
-  ), k = i(() => {
+  ), U = i(() => {
     const e = S.reduce(
       (s, r) => {
         const l = r.formName;
@@ -121,13 +121,13 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Ce = "FormsTable-module_mo
         )
       })
     ).sort((s, r) => s.formName.localeCompare(r.formName));
-  }, [S, o]), U = d((e) => {
+  }, [S, o]), k = d((e) => {
     v(e), _(!0);
   }, []), H = d(() => {
     _(!1), v(null);
   }, []), E = d((e) => {
     globalThis.dispatchEvent(
-      new CustomEvent(Le, {
+      new CustomEvent(Ce, {
         detail: {
           editOnly: "observationForms",
           editTitle: "EDIT_OBSERVATION_FORM_TITLE",
@@ -141,7 +141,7 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Ce = "FormsTable-module_mo
     (e, t) => {
       switch (t) {
         case "recordedOn":
-          return /* @__PURE__ */ n(pe, { onClick: () => U(e), children: e.recordedOn });
+          return /* @__PURE__ */ n(Te, { onClick: () => k(e), children: e.recordedOn });
         case "recordedBy":
           return e.recordedBy;
         case "actions":
@@ -160,23 +160,23 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Ce = "FormsTable-module_mo
           return null;
       }
     },
-    [U, E, u, o]
+    [k, E, u, o]
   );
   return /* @__PURE__ */ q(ie, { children: [
-    /* @__PURE__ */ n("div", { id: "forms-table", "data-testid": "forms-table", children: D || L || k.length === 0 || R ? /* @__PURE__ */ n(
+    /* @__PURE__ */ n("div", { id: "forms-table", "data-testid": "forms-table", children: D || C || U.length === 0 || R ? /* @__PURE__ */ n(
       $,
       {
         headers: oe,
         ariaLabel: o("FORMS_HEADING"),
         rows: [],
         loading: D,
-        errorStateMessage: L ? X?.message : void 0,
+        errorStateMessage: C ? Z?.message : void 0,
         emptyStateMessage: o("FORMS_UNAVAILABLE"),
         renderCell: P,
         className: y.formsTableBody,
         dataTestId: "forms-table"
       }
-    ) : /* @__PURE__ */ n(Te, { align: "start", children: k.map((e, t) => {
+    ) : /* @__PURE__ */ n(pe, { align: "start", children: U.map((e, t) => {
       const { formName: s, records: r } = e, l = se(r);
       return /* @__PURE__ */ n(
         Ee,
@@ -235,7 +235,7 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Ce = "FormsTable-module_mo
           Ae,
           {
             observations: re,
-            isLoading: Z,
+            isLoading: X,
             isError: ee,
             errorMessage: te,
             emptyStateMessage: o("NO_FORM_DATA_AVAILABLE"),
@@ -249,5 +249,5 @@ const Re = "FormsTable-module_formsTableBody__SvGha", Ce = "FormsTable-module_mo
   ] });
 };
 export {
-  Ue as default
+  ke as default
 };