@bahmni/widgets 0.0.1-dev.450 → 0.0.1-dev.452

package/dist/DocumentsTable-BDrRTrAy.js

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