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

package/dist/DocumentsTable-utC6I1yG.js

@@ -0,0 +1,228 @@
+import { jsx as s, jsxs as _, Fragment as K } from "react/jsx-runtime";
+import { u as Z, a as Q, T as W, X as J, Z as x, h as ee, b as te } from "./index-BkpQMBIh.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, T) {
+  return n.map((d) => ({
+    key: d,
+    header: T(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: T }) => {
+  const [d, M] = l(!1), [r, U] = l(
+    null
+  ), [P, A] = l(
+    /* @__PURE__ */ new Set()
+  ), E = Z(), { t: o } = ae(), { addNotification: w } = Q(), F = Number(n?.pageSize) || 10, [D, O] = l(1), [m, $] = l(F), [k, C] = l(void 0), b = p((e) => {
+    U(e), M(!0);
+  }, []), V = p(() => {
+    M(!1), U(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",
+      E,
+      T,
+      D,
+      m
+    ],
+    enabled: !!E,
+    queryFn: () => W(
+      E,
+      T,
+      m,
+      D
+    )
+  });
+  N(() => {
+    u && C(u.total);
+  }, [u]), N(() => {
+    O(1), C(void 0);
+  }, [E]), N(() => {
+    S && w({
+      title: o("ERROR_DEFAULT_TITLE"),
+      message: y?.message ?? "",
+      type: "error"
+    });
+  }, [S, y, w, 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 (L) {
+          L instanceof Error && L.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]), X = f(
+    () => g.map((e) => ({
+      key: e,
+      sortable: e !== "action"
+    })),
+    [g]
+  ), h = f(
+    () => r ? R(r) : [],
+    [r]
+  ), Y = 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(
+            J,
+            {
+              onClick: () => b(e),
+              className: c.viewAttachmentsLink,
+              "data-testid": `view-attachments-${e.id}`,
+              children: o("DOCUMENTS_VIEW_ATTACHMENTS")
+            }
+          ) : "--";
+        default:
+          return null;
+      }
+    },
+    [b, o]
+  );
+  return /* @__PURE__ */ _(K, { 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: X,
+        emptyStateMessage: o("DOCUMENTS_NO_RECORDS"),
+        renderCell: Y,
+        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-Dx7SyDA0.js}

@@ -1,9 +1,9 @@
 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, E as ie, u as le, r as ce, l as me, j as ue, k as pe, t as be, R as fe, Z as _e, X as he, h as P, J as ye, n as $e, b as ge, F as ve, o as k } from "./index-BkpQMBIh.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";
-const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le = "_formContent_1pd36_18", Re = "_formDetailsContainer_1pd36_25", Me = "_observation_1pd36_30", Ce = "_groupContainer_1pd36_39", De = "_rowContainer_1pd36_43", Te = "_groupLabel_1pd36_48", Ve = "_rowLabel_1pd36_58", we = "_rowValue_1pd36_67", Ie = "_groupMembers_1pd36_75", Ee = "_memberRow_1pd36_81", Be = "_memberLabel_1pd36_86", Ae = "_memberValue_1pd36_94", Ge = "_abnormalValue_1pd36_102", Se = "_commentSection_1pd36_110", qe = "_commentText_1pd36_116", Ue = "_nestedGroup_1pd36_125", xe = "_nestedGroupLabel_1pd36_132", Pe = "_nestedGroupMembers_1pd36_141", s = {
+const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le = "_formContent_1pd36_18", Re = "_formDetailsContainer_1pd36_25", Me = "_observation_1pd36_30", Ce = "_groupContainer_1pd36_39", De = "_rowContainer_1pd36_43", Te = "_groupLabel_1pd36_48", Ve = "_rowLabel_1pd36_58", Ee = "_rowValue_1pd36_67", we = "_groupMembers_1pd36_75", Ie = "_memberRow_1pd36_81", Be = "_memberLabel_1pd36_86", Ae = "_memberValue_1pd36_94", Ge = "_abnormalValue_1pd36_102", Se = "_commentSection_1pd36_110", qe = "_commentText_1pd36_116", Ue = "_nestedGroup_1pd36_125", xe = "_nestedGroupLabel_1pd36_132", Pe = "_nestedGroupMembers_1pd36_141", s = {
   formsTableBody: Fe,
   customAccordianItem: Oe,
   formContent: Le,
@@ -13,9 +13,9 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
   rowContainer: De,
   groupLabel: Te,
   rowLabel: Ve,
-  rowValue: we,
-  groupMembers: Ie,
-  memberRow: Ee,
+  rowValue: Ee,
+  groupMembers: we,
+  memberRow: Ie,
   memberLabel: Be,
   memberValue: Ae,
   abnormalValue: Ge,
@@ -24,7 +24,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
   nestedGroup: Ue,
   nestedGroupLabel: xe,
   nestedGroupMembers: Pe
-}, W = (e) => {
+}, Q = (e) => {
   const r = ae(e);
   return r === "Image" ? /* @__PURE__ */ o(
     oe,
@@ -34,7 +34,7 @@ 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) => {
+}, X = (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})`);
@@ -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 } = X(e), _ = K(e, i), h = _ ? Q(_) : null;
   return /* @__PURE__ */ b(j, { children: [
     /* @__PURE__ */ b(
       "div",
@@ -115,7 +115,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
                 f ? s.abnormalValue : ""
               ),
               "data-testid": `${c}obs-member-value-${t}-${a}`,
-              children: y
+              children: h
             }
           )
         ]
@@ -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 } = X(e), c = a ? `${a}-` : "", $ = K(e, d), f = $ ? Q($) : null;
   return /* @__PURE__ */ b(
     "div",
     {
@@ -172,12 +172,12 @@ 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(
+                  children: e.members?.map((_, h) => /* @__PURE__ */ o(
                     z,
                     {
                       member: _,
                       depth: 0,
-                      memberIndex: y,
+                      memberIndex: h,
                       formName: a
                     },
                     `${_.id}`
@@ -223,7 +223,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
     formFieldPath: He(a),
     comment: je(a)
   } : {};
-}, We = (e, r) => {
+}, Qe = (e, r) => {
   if (!e?.entry || !r)
     return [];
   const a = de(e);
@@ -245,7 +245,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
   ].filter(
     ({ formFieldPath: d }) => !d || d.includes(r)
   );
-}, Ze = ({
+}, Ye = ({
   episodeOfCareUuids: e,
   encounterUuids: r,
   config: a
@@ -254,33 +254,33 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
     e,
     r
   ), _ = Ne(), {
-    data: y = [],
+    data: h = [],
     isLoading: v,
     isError: N,
     error: J,
-    refetch: Y
+    refetch: Z
   } = O({
     queryKey: ["forms", d, e],
     queryFn: () => me(d, void 0, $),
     enabled: !!d && !f
-  }), w = g(() => !r || r.length === 0 ? y : y.filter(
+  }), E = g(() => !r || r.length === 0 ? h : h.filter(
     (l) => r.includes(l.encounterUuid)
-  ), [y, r]), { data: I = [] } = O({
+  ), [h, r]), { data: w = [] } = O({
     queryKey: ["observationForms"],
     queryFn: () => ue()
-  }), E = L(
-    (l) => I.find((m) => m.name === l)?.uuid,
-    [I]
+  }), I = L(
+    (l) => w.find((m) => m.name === l)?.uuid,
+    [w]
   ), M = g(() => {
     if (t)
-      return E(t.formName);
-  }, [t, E]), { isLoading: X, error: B } = O({
+      return I(t.formName);
+  }, [t, I]), { isLoading: W, error: B } = O({
     queryKey: ["formMetadata", M],
     queryFn: () => pe(M),
     enabled: !!M && i
   }), {
     data: C,
-    isLoading: Z,
+    isLoading: Y,
     error: A
   } = O({
     queryKey: ["formsEncounterFHIR", t?.encounterUuid],
@@ -289,11 +289,11 @@ 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]
   );
-  const G = g(() => !C || !t?.formName ? [] : We(
+  const G = g(() => !C || !t?.formName ? [] : Qe(
     C,
     t.formName
   ), [C, t?.formName]), S = g(
@@ -309,7 +309,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
     ],
     []
   ), q = g(() => {
-    const l = w.reduce(
+    const l = E.reduce(
       (m, p) => {
         const F = p.formName;
         m[F] ??= [];
@@ -333,15 +333,15 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
         )
       })
     ).sort((m, p) => m.formName.localeCompare(p.formName));
-  }, [w, n]), U = L((l) => {
+  }, [E, n]), U = L((l) => {
     c(l), u(!0);
   }, []), re = L(() => {
     u(!1), c(null);
   }, []), x = L(
-    (l, h) => {
-      switch (h) {
+    (l, y) => {
+      switch (y) {
         case "recordedOn":
-          return /* @__PURE__ */ o(ye, { onClick: () => U(l), children: l.recordedOn });
+          return /* @__PURE__ */ o(he, { onClick: () => U(l), children: l.recordedOn });
         case "recordedBy":
           return l.recordedBy;
         default:
@@ -364,7 +364,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
         className: s.formsTableBody,
         dataTestId: "forms-table"
       }
-    ) : /* @__PURE__ */ o(he, { align: "start", children: q.map((l, h) => {
+    ) : /* @__PURE__ */ o(ye, { align: "start", children: q.map((l, y) => {
       const { formName: m, records: p } = l;
       return /* @__PURE__ */ o(
         $e,
@@ -372,7 +372,7 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
           title: m,
           className: s.customAccordianItem,
           testId: `accordian-title-${m}`,
-          open: h === 0,
+          open: y === 0,
           children: /* @__PURE__ */ o(
             P,
             {
@@ -404,13 +404,13 @@ 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: W || Y ? /* @__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: y }, m) => /* @__PURE__ */ o(
           ke,
           {
             observation: l,
             index: m,
             formName: t.formName,
-            comment: h
+            comment: y
           },
           `${l.id}`
         )) }) : /* @__PURE__ */ o("div", { children: n("NO_FORM_DATA_AVAILABLE") }) })
@@ -419,5 +419,5 @@ const Fe = "_formsTableBody_1pd36_1", Oe = "_customAccordianItem_1pd36_6", Le =
   ] });
 };
 export {
-  Ze as default
+  Ye as default
 };

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

@@ -1,12 +1,12 @@
 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, s as V, d as k, v as w, e as K, m as Q, g as G, u as P, a as H, w as j, x as z, R as X, i as Y, y as J, z as W, L as Z, h as x } from "./index-BkpQMBIh.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(G, { 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}`;
@@ -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(
+  X(
     (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);
-    return X(m);
+    const e = Y(p), m = J(e);
+    return W(m);
   }, [p]), B = [
     { 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, L = (!p || p.entry?.length === 0 || b.length === 0) && v, A = _ ? a("ERROR_FETCHING_OBSERVATIONS") : null, F = L ? 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,
             rows: [],
             ariaLabel: a("OBSERVATIONS"),
             loading: I,
-            errorStateMessage: F,
-            emptyStateMessage: L,
+            errorStateMessage: A,
+            emptyStateMessage: F,
             dataTestId: "observations-table"
           }
         )

package/dist/conditions/ConditionsTable.d.ts

@@ -1,7 +1,8 @@
 import { default as React } from 'react';
+import { WidgetProps } from '../registry/model';
 /**
  * Component to display patient conditions using SortableDataTable
  */
-declare const ConditionsTable: React.FC;
+declare const ConditionsTable: React.FC<WidgetProps>;
 export default ConditionsTable;
 //# sourceMappingURL=ConditionsTable.d.ts.map

package/dist/conditions/ConditionsTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionsTable.d.ts","sourceRoot":"","sources":["../../src/conditions/ConditionsTable.tsx"],"names":[],"mappings":"AASA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAe5D;;GAEG;AACH,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EA+G5B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ConditionsTable.d.ts","sourceRoot":"","sources":["../../src/conditions/ConditionsTable.tsx"],"names":[],"mappings":"AASA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMhD;;GAEG;AACH,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsJ1C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/diagnoses/DiagnosesTable.d.ts

@@ -1,7 +1,8 @@
 import { default as React } from 'react';
+import { WidgetProps } from '../registry/model';
 /**
  * Component to display patient diagnoses using SortableDataTable
  */
-declare const DiagnosesTable: React.FC;
+declare const DiagnosesTable: React.FC<WidgetProps>;
 export default DiagnosesTable;
 //# sourceMappingURL=DiagnosesTable.d.ts.map

package/dist/diagnoses/DiagnosesTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DiagnosesTable.d.ts","sourceRoot":"","sources":["../../src/diagnoses/DiagnosesTable.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAK/D;;GAEG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EA6G3B,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"DiagnosesTable.d.ts","sourceRoot":"","sources":["../../src/diagnoses/DiagnosesTable.tsx"],"names":[],"mappings":"AASA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD;;GAEG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4IzC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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"}