@bahmni/widgets 0.0.1-dev.204 → 0.0.1-dev.206

package/dist/DocumentsTable-0a_5iOBB.js

@@ -0,0 +1,228 @@
+import { jsx as s, jsxs as _, Fragment as Y } from "react/jsx-runtime";
+import { u as K, a as Q, w as J, X as Z, W as x, h as ee, b as te } from "./index-CsIK0Mfk.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";
+const oe = "_documentsTableBody_1voj8_1", re = "_viewAttachmentsLink_1voj8_11", se = "_documentViewerContainer_1voj8_15", ce = "_attachmentItem_1voj8_23", de = "_attachmentCounter_1voj8_27", ie = "_attachmentError_1voj8_36", le = "_documentIframe_1voj8_44", me = "_documentImage_1voj8_50", c = {
+  documentsTableBody: oe,
+  viewAttachmentsLink: re,
+  documentViewerContainer: se,
+  attachmentItem: ce,
+  attachmentCounter: de,
+  attachmentError: ie,
+  documentIframe: le,
+  documentImage: me
+}, ue = {
+  documentIdentifier: "DOCUMENTS_DOCUMENT_IDENTIFIER",
+  documentType: "DOCUMENTS_TYPE",
+  uploadedOn: "DOCUMENTS_UPLOADED_ON",
+  uploadedBy: "DOCUMENTS_UPLOADED_BY",
+  action: "DOCUMENTS_ACTION"
+};
+function j(n) {
+  return !n || n.includes(":") ? "#" : `/openmrs/auth?requested_document=/document_images/${n}`;
+}
+function he(n, E) {
+  return n.map((d) => ({
+    key: d,
+    header: E(ue[d])
+  }));
+}
+const _e = [
+  "documentIdentifier",
+  "documentType",
+  "uploadedOn",
+  "uploadedBy",
+  "action"
+], 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, L] = l(!1), [r, M] = l(
+    null
+  ), [P, A] = l(
+    /* @__PURE__ */ new Set()
+  ), T = K(), { t: o } = ae(), { addNotification: U } = Q(), F = Number(n?.pageSize) || 10, [D, O] = l(1), [m, $] = l(F), [k, C] = l(void 0), b = p((e) => {
+    M(e), L(!0);
+  }, []), V = p(() => {
+    L(!1), M(null), A(/* @__PURE__ */ new Set());
+  }, []), B = p((e) => {
+    A((t) => new Set(t).add(e));
+  }, []), { data: u, isLoading: z, isError: S, error: y } = ne({
+    queryKey: [
+      "documents",
+      T,
+      E,
+      D,
+      m
+    ],
+    enabled: !!T,
+    queryFn: () => J(
+      T,
+      E,
+      m,
+      D
+    )
+  });
+  N(() => {
+    u && C(u.total);
+  }, [u]), N(() => {
+    O(1), C(void 0);
+  }, [T]), N(() => {
+    S && U({
+      title: o("ERROR_DEFAULT_TITLE"),
+      message: y?.message ?? "",
+      type: "error"
+    });
+  }, [S, y, U, o]), N(() => {
+    const e = new AbortController();
+    return (async () => {
+      if (!d || !r) return;
+      const a = /* @__PURE__ */ new Set(), I = R(r);
+      for (let i = 0; i < I.length; i++) {
+        const v = j(I[i].url);
+        try {
+          (await fetch(v, {
+            method: "HEAD",
+            signal: e.signal
+          })).ok || a.add(i);
+        } catch (w) {
+          w instanceof Error && w.name !== "AbortError" && a.add(i);
+        }
+      }
+      e.signal.aborted || A(a);
+    })(), () => e.abort();
+  }, [d, r]);
+  const H = p(
+    (e, t) => {
+      t !== m ? ($(t), O(1), C(void 0)) : O(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]), W = f(
+    () => g.map((e) => ({
+      key: e,
+      sortable: e !== "action"
+    })),
+    [g]
+  ), h = f(
+    () => r ? R(r) : [],
+    [r]
+  ), X = p(
+    (e, t) => {
+      switch (t) {
+        case "documentIdentifier":
+          return /* @__PURE__ */ s("span", { children: e.documentIdentifier });
+        case "documentType":
+          return e.documentType ?? o("DOCUMENTS_NOT_AVAILABLE");
+        case "uploadedOn":
+          return x(
+            e.uploadedOn,
+            o,
+            !0
+          ).formattedResult || o("DOCUMENTS_NOT_AVAILABLE");
+        case "uploadedBy":
+          return e.uploadedBy ?? o("DOCUMENTS_NOT_AVAILABLE");
+        case "action":
+          return e.attachments.length > 0 || !!e.documentUrl ? /* @__PURE__ */ s(
+            Z,
+            {
+              onClick: () => b(e),
+              className: c.viewAttachmentsLink,
+              "data-testid": `view-attachments-${e.id}`,
+              children: o("DOCUMENTS_VIEW_ATTACHMENTS")
+            }
+          ) : "--";
+        default:
+          return null;
+      }
+    },
+    [b, o]
+  );
+  return /* @__PURE__ */ _(Y, { children: [
+    /* @__PURE__ */ s("div", { "data-testid": "documents-table", children: /* @__PURE__ */ s(
+      ee,
+      {
+        headers: G,
+        ariaLabel: o("DOCUMENTS_TABLE_HEADING"),
+        rows: q,
+        loading: z,
+        errorStateMessage: S ? y?.message : null,
+        sortable: W,
+        emptyStateMessage: o("DOCUMENTS_NO_RECORDS"),
+        renderCell: X,
+        className: c.documentsTableBody,
+        dataTestId: "documents-table",
+        pageSize: m,
+        totalItems: k,
+        page: D,
+        onPageChange: H
+      }
+    ) }),
+    d && r && /* @__PURE__ */ s(
+      te,
+      {
+        id: "modalIdForActionAreaLayout",
+        portalId: "main-display-area",
+        open: d,
+        onRequestClose: V,
+        modalHeading: r.documentIdentifier,
+        passiveModal: !0,
+        size: "lg",
+        testId: "document-view-modal",
+        children: /* @__PURE__ */ s("div", { className: c.documentViewerContainer, children: h.map((e, 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",
+            {
+              className: c.attachmentError,
+              "data-testid": `attachment-error-${t}`,
+              children: [
+                h.length > 1 && /* @__PURE__ */ _("p", { className: c.attachmentCounter, children: [
+                  t + 1,
+                  "/",
+                  h.length
+                ] }),
+                /* @__PURE__ */ s("p", { children: o("DOCUMENTS_ERROR_LOADING_ATTACHMENT") })
+              ]
+            },
+            `${r.id}-${e.url}`
+          ) : /* @__PURE__ */ _(
+            "div",
+            {
+              className: c.attachmentItem,
+              "data-testid": `attachment-item-${t}`,
+              children: [
+                h.length > 1 && /* @__PURE__ */ _("p", { className: c.attachmentCounter, children: [
+                  t + 1,
+                  "/",
+                  h.length
+                ] }),
+                i ? /* @__PURE__ */ s(
+                  "img",
+                  {
+                    src: a,
+                    alt: r.documentIdentifier,
+                    className: c.documentImage,
+                    onError: () => B(t)
+                  }
+                ) : /* @__PURE__ */ s(
+                  "iframe",
+                  {
+                    src: I ? `${a}#toolbar=0` : a,
+                    className: c.documentIframe,
+                    title: r.documentIdentifier,
+                    onError: () => B(t)
+                  }
+                )
+              ]
+            },
+            `${r.id}-${e.url}`
+          );
+        }) })
+      }
+    )
+  ] });
+};
+export {
+  Ne as default
+};

package/dist/{FormsTable-DnubypOq.js → FormsTable-B_cW7eYt.js}

@@ -1,5 +1,5 @@
 import { jsxs as b, jsx as o, Fragment as j } from "react/jsx-runtime";
-import { f as K, b as R, d as ae, r as oe, o as se, e as ne, g as de, h as ie, u as le, J as ce, s as me, i as ue, n as pe, j as be, k as fe, W as _e, F as ye, c as P, l as he, m as $e, y as ge, D as ve, R as k } from "./index-juFovBb5.js";
+import { f as K, c as R, d as ae, e as oe, m as se, g as ne, i as de, j as ie, u as le, J as ce, s as me, r as ue, n as pe, k as be, y as fe, W as _e, X as ye, h as P, l as he, o as $e, b as ge, F as ve, R as k } from "./index-CsIK0Mfk.js";
 import { useQueryClient as Ne, useQuery as O } from "@tanstack/react-query";
 import { useState as H, useMemo as g, useCallback as L } from "react";
 import { useTranslation as V } from "react-i18next";
@@ -34,13 +34,13 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
       id: `${e}-img`
     }
   ) : r === "Video" ? /* @__PURE__ */ o(se, { id: `${e}-video`, videoSrc: e }) : r === "PDF" ? /* @__PURE__ */ o(ne, { id: `${e}-pdf`, src: e }) : e;
-}, Q = (e) => {
+}, J = (e) => {
   const r = e.observationValue?.referenceRange?.low?.value, a = e.observationValue?.referenceRange?.high?.value, n = r != null, d = a != null;
   let i = "";
   n && d ? i = ` (${r} - ${a})` : n ? i = ` (>${r})` : d && (i = ` (<${a})`);
   const u = e.observationValue?.isAbnormal === !0;
   return { rangeString: i, isAbnormal: u };
-}, z = ({
+}, Q = ({
   member: e,
   depth: r = 0,
   memberIndex: a = 0,
@@ -70,7 +70,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
               className: s.nestedGroupMembers,
               "data-testid": `${c}obs-nested-group-members-${t}-${a}`,
               children: e.members?.map((v, N) => /* @__PURE__ */ o(
-                z,
+                Q,
                 {
                   member: v,
                   depth: r + 1,
@@ -84,7 +84,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
         ]
       }
     );
-  const { rangeString: $, isAbnormal: f } = Q(e), _ = K(e, i), y = _ ? W(_) : null;
+  const { rangeString: $, isAbnormal: f } = J(e), _ = K(e, i), y = _ ? W(_) : null;
   return /* @__PURE__ */ b(j, { children: [
     /* @__PURE__ */ b(
       "div",
@@ -140,7 +140,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
   formName: a = "",
   comment: n
 }) => {
-  const { t: d } = V(), i = e.members && e.members.length > 0, { rangeString: u, isAbnormal: t } = Q(e), c = a ? `${a}-` : "", $ = K(e, d), f = $ ? W($) : null;
+  const { t: d } = V(), i = e.members && e.members.length > 0, { rangeString: u, isAbnormal: t } = J(e), c = a ? `${a}-` : "", $ = K(e, d), f = $ ? W($) : null;
   return /* @__PURE__ */ b(
     "div",
     {
@@ -173,7 +173,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
                   className: s.groupMembers,
                   "data-testid": `${c}observation-group-members-${e.display}-${r}`,
                   children: e.members?.map((_, y) => /* @__PURE__ */ o(
-                    z,
+                    Q,
                     {
                       member: _,
                       depth: 0,
@@ -257,8 +257,8 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
     data: y = [],
     isLoading: v,
     isError: N,
-    error: J,
-    refetch: Y
+    error: X,
+    refetch: z
   } = O({
     queryKey: ["forms", d, e],
     queryFn: () => me(d, void 0, $),
@@ -274,7 +274,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
   ), M = g(() => {
     if (t)
       return E(t.formName);
-  }, [t, E]), { isLoading: X, error: B } = O({
+  }, [t, E]), { isLoading: Y, error: B } = O({
     queryKey: ["formMetadata", M],
     queryFn: () => pe(M),
     enabled: !!M && i
@@ -289,7 +289,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
   });
   fe(
     (l) => {
-      l.patientUUID === d && l.updatedConcepts.size > 0 && (Y(), _.invalidateQueries({ queryKey: ["formsEncounterFHIR"] }));
+      l.patientUUID === d && l.updatedConcepts.size > 0 && (z(), _.invalidateQueries({ queryKey: ["formsEncounterFHIR"] }));
     },
     [d]
   );
@@ -358,7 +358,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
         ariaLabel: n("FORMS_HEADING"),
         rows: [],
         loading: v,
-        errorStateMessage: N ? J?.message : void 0,
+        errorStateMessage: N ? X?.message : void 0,
         emptyStateMessage: n("FORMS_UNAVAILABLE"),
         renderCell: x,
         className: s.formsTableBody,
@@ -404,7 +404,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
         passiveModal: !0,
         size: "md",
         testId: "form-details-modal",
-        children: /* @__PURE__ */ o("div", { className: s.formContent, children: X || Z ? /* @__PURE__ */ o(ve, { width: "100%", lineCount: 3 }) : B ? /* @__PURE__ */ o("div", { children: k(B).message ?? n("ERROR_FETCHING_FORM_METADATA") }) : A ? /* @__PURE__ */ o("div", { children: k(A).message ?? n("ERROR_FETCHING_FORM_DATA") }) : G.length > 0 ? /* @__PURE__ */ o("div", { className: s.formDetailsContainer, children: G.map(({ obs: l, comment: h }, m) => /* @__PURE__ */ o(
+        children: /* @__PURE__ */ o("div", { className: s.formContent, children: Y || Z ? /* @__PURE__ */ o(ve, { width: "100%", lineCount: 3 }) : B ? /* @__PURE__ */ o("div", { children: k(B).message ?? n("ERROR_FETCHING_FORM_METADATA") }) : A ? /* @__PURE__ */ o("div", { children: k(A).message ?? n("ERROR_FETCHING_FORM_DATA") }) : G.length > 0 ? /* @__PURE__ */ o("div", { className: s.formDetailsContainer, children: G.map(({ obs: l, comment: h }, m) => /* @__PURE__ */ o(
           ke,
           {
             observation: l,

package/dist/{Observations-BjhWa-1M.js → Observations-Dzi6k1oz.js}

@@ -1,17 +1,17 @@
 import { jsx as d, jsxs as S } from "react/jsx-runtime";
-import { p as q, q as C, t as M, d as V, w, r as G, o as K, e as Q, u as P, a as H, x as j, G as z, k as J, g as Y, z as W, A as X, B as Z, c as x } from "./index-juFovBb5.js";
+import { p as M, q as C, t as V, d as k, v as G, e as K, m as Q, g as w, u as P, a as H, x as j, G as z, y as Y, i as J, z as W, A as X, L as Z, h as x } from "./index-CsIK0Mfk.js";
 import { useQueries as ee, useQuery as te } from "@tanstack/react-query";
-import { useRef as se, useEffect as $, useMemo as h } from "react";
+import { useRef as se, useEffect as $, useMemo as E } from "react";
 import { useTranslation as D } from "react-i18next";
 const U = (t, c, i, l, r) => {
-  const s = M(t, c, r), o = s.value, a = V(o);
+  const s = V(t, c, r), o = s.value, a = k(o);
   let n = o;
-  a === "Image" && (n = /* @__PURE__ */ d(G, { imageSrc: o, alt: o, id: `${o}-img` })), a === "Video" && (n = /* @__PURE__ */ d(K, { id: `${o}-video`, videoSrc: o })), a === "PDF" && (n = /* @__PURE__ */ d(Q, { id: `${o}-pdf`, src: o }));
+  a === "Image" && (n = /* @__PURE__ */ d(K, { imageSrc: o, alt: o, id: `${o}-img` })), a === "Video" && (n = /* @__PURE__ */ d(Q, { id: `${o}-video`, videoSrc: o })), a === "PDF" && (n = /* @__PURE__ */ d(w, { id: `${o}-pdf`, src: o }));
   const u = r("OBSERVATIONS_RECORDED_BY", {
     provider: s.provider
   }), b = t.display, p = t.observationValue?.isAbnormal ? "abnormal-obs" : "obs", f = l ? `${l}-${p}-${b}-${i}-${c}` : `${p}-${b}-${i}-${c}`;
   return /* @__PURE__ */ d(
-    w,
+    G,
     {
       header: s.header,
       value: n,
@@ -38,7 +38,7 @@ const U = (t, c, i, l, r) => {
   title: c = ""
 }) => {
   const { t: i } = D(), l = (r, s, o) => {
-    const a = q(r.encounterDetails, i);
+    const a = M(r.encounterDetails, i);
     return /* @__PURE__ */ S(
       C,
       {
@@ -98,7 +98,7 @@ const U = (t, c, i, l, r) => {
       } else e.isError || r.current.delete(m);
     });
   }, [n, i]);
-  const u = h(() => n.map((e) => e.data?.uuid).filter((e) => !!e), [n]), b = h(() => [.../* @__PURE__ */ new Set([...u, ...l])], [u, l]), v = h(() => i.length === 0 ? !0 : n.every((e) => !e.isLoading), [n, i.length]), {
+  const u = E(() => n.map((e) => e.data?.uuid).filter((e) => !!e), [n]), b = E(() => [.../* @__PURE__ */ new Set([...u, ...l])], [u, l]), v = E(() => i.length === 0 ? !0 : n.every((e) => !e.isLoading), [n, i.length]), {
     data: p,
     isLoading: f,
     isError: g,
@@ -108,7 +108,7 @@ const U = (t, c, i, l, r) => {
     queryFn: () => z(s, b),
     enabled: !!s && b.length > 0 && v
   });
-  J(
+  Y(
     (e) => {
       e.patientUUID === s && e.updatedConcepts.size > 0 && [...e.updatedConcepts.keys()].some(
         (O) => b.includes(O)
@@ -122,20 +122,20 @@ const U = (t, c, i, l, r) => {
       type: "error"
     });
   }, [g]);
-  const T = h(() => {
+  const T = E(() => {
     if (!p) return [];
-    const e = Y(p), m = W(e);
+    const e = J(p), m = W(e);
     return X(m);
-  }, [p]), B = [
+  }, [p]), A = [
     { key: "name", header: "name" },
     { key: "value", header: "value" },
     { key: "form", header: "form" }
-  ], I = f || !v, _ = g && v, A = (!p || p.entry?.length === 0 || b.length === 0) && v, F = _ ? a("ERROR_FETCHING_OBSERVATIONS") : null, L = A ? a("NO_OBSERVATIONS_FOUND") : void 0, k = T.length > 0 && !I && !_, E = c.titleTranslationKey, y = E ? a(E) : "";
+  ], I = f || !v, _ = g && v, B = (!p || p.entry?.length === 0 || b.length === 0) && v, L = _ ? a("ERROR_FETCHING_OBSERVATIONS") : null, F = B ? a("NO_OBSERVATIONS_FOUND") : void 0, q = T.length > 0 && !I && !_, h = c.titleTranslationKey, y = h ? a(h) : "";
   return /* @__PURE__ */ S(
     "div",
     {
       id: "observations",
-      "data-testid": E ? `observations-${y}` : "observations",
+      "data-testid": h ? `observations-${y}` : "observations",
       "aria-label": "observations-aria-label",
       className: N.observations,
       children: [
@@ -143,21 +143,21 @@ const U = (t, c, i, l, r) => {
           Z,
           {
             id: "observations-title",
-            testId: E ? `observations-title-${y}` : "observations-title",
+            testId: h ? `observations-title-${y}` : "observations-title",
             title: y,
             className: N.title,
             children: /* @__PURE__ */ d("p", { children: y })
           }
         ),
-        k ? /* @__PURE__ */ d(re, { groupedData: T, title: y }) : /* @__PURE__ */ d(
+        q ? /* @__PURE__ */ d(re, { groupedData: T, title: y }) : /* @__PURE__ */ d(
           x,
           {
-            headers: B,
+            headers: A,
             rows: [],
             ariaLabel: a("OBSERVATIONS"),
             loading: I,
-            errorStateMessage: F,
-            emptyStateMessage: L,
+            errorStateMessage: L,
+            emptyStateMessage: F,
             dataTestId: "observations-table"
           }
         )

package/dist/documents/DocumentsTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentsTable.d.ts","sourceRoot":"","sources":["../../src/documents/DocumentsTable.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAwBhD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoOzC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"DocumentsTable.d.ts","sourceRoot":"","sources":["../../src/documents/DocumentsTable.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAwBhD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8RzC,CAAC;AAEF,eAAe,cAAc,CAAC"}