@bahmni/admin-app 0.0.1-dev.451 → 0.0.1-dev.452

package/dist/DocumentsTable-DH1dnlXy-hDxq_tz2.js

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