@bahmni/reports-app 0.0.1-dev.456 → 0.0.1-dev.458

package/dist/DocumentsTable-ClDSnyUa-BrJ_RFD2.js

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