@bahmni/widgets 0.0.1-dev.109 → 0.0.1-dev.110

package/dist/{FormsTable-0aWt0WZd.js → FormsTable-CR2jqbXz.js}

@@ -1,10 +1,10 @@
-import { jsxs as _, jsx as t, Fragment as J } from "react/jsx-runtime";
-import { c as h, u as W, E as X, O as Z, P as ee, A as re, b as oe, i as te, R as ae, x as $, h as ne, d as se, a as de, y as ce, e as x, s as me } from "./index-Z7N8pibh.js";
+import { jsxs as _, jsx as t, Fragment as Y } from "react/jsx-runtime";
+import { c as h, u as W, O as X, x as Z, L as ee, M as re, A as oe, i as te, a as ae, J as $, e as ne, t as se, K as ce, b as de, d as x, s as me } from "./index-DnRlH7sS.js";
 import { useQuery as g } from "@tanstack/react-query";
 import { useState as U, useMemo as b, useCallback as N } from "react";
 import { createPortal as le } from "react-dom";
 import { useTranslation as ie } from "react-i18next";
-const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e = "_formContent_1pd36_18", be = "_formDetailsContainer_1pd36_25", fe = "_observation_1pd36_30", ge = "_groupContainer_1pd36_39", Ne = "_rowContainer_1pd36_43", he = "_groupLabel_1pd36_48", ye = "_rowLabel_1pd36_58", Me = "_rowValue_1pd36_67", Le = "_groupMembers_1pd36_75", Ae = "_memberRow_1pd36_81", Oe = "_memberLabel_1pd36_86", Re = "_memberValue_1pd36_94", De = "_abnormalValue_1pd36_102", we = "_commentSection_1pd36_110", Ce = "_commentText_1pd36_116", Fe = "_nestedGroup_1pd36_125", Te = "_nestedGroupLabel_1pd36_132", Ee = "_nestedGroupMembers_1pd36_141", r = {
+const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e = "_formContent_1pd36_18", be = "_formDetailsContainer_1pd36_25", fe = "_observation_1pd36_30", ge = "_groupContainer_1pd36_39", Ne = "_rowContainer_1pd36_43", he = "_groupLabel_1pd36_48", ye = "_rowLabel_1pd36_58", Me = "_rowValue_1pd36_67", Le = "_groupMembers_1pd36_75", Ae = "_memberRow_1pd36_81", Oe = "_memberLabel_1pd36_86", Re = "_memberValue_1pd36_94", De = "_abnormalValue_1pd36_102", Ce = "_commentSection_1pd36_110", Fe = "_commentText_1pd36_116", Te = "_nestedGroup_1pd36_125", ve = "_nestedGroupLabel_1pd36_132", Ee = "_nestedGroupMembers_1pd36_141", r = {
   formsTableBody: ue,
   customAccordianItem: pe,
   formContent: _e,
@@ -20,20 +20,20 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
   memberLabel: Oe,
   memberValue: Re,
   abnormalValue: De,
-  commentSection: we,
-  commentText: Ce,
-  nestedGroup: Fe,
-  nestedGroupLabel: Te,
+  commentSection: Ce,
+  commentText: Fe,
+  nestedGroup: Te,
+  nestedGroupLabel: ve,
   nestedGroupMembers: Ee
-}, ve = "ABNORMAL", q = (e) => {
-  const s = e.concept?.units, d = e.concept?.lowNormal, o = e.concept?.hiNormal, l = d != null, i = o != null, p = l && i ? ` (${d} - ${o})` : l ? ` (>${d})` : i ? ` (<${o})` : "", a = e.interpretation && e.interpretation.toUpperCase() === ve;
+}, we = "ABNORMAL", q = (e) => {
+  const s = e.concept?.units, c = e.concept?.lowNormal, o = e.concept?.hiNormal, l = c != null, i = o != null, p = l && i ? ` (${c} - ${o})` : l ? ` (>${c})` : i ? ` (<${o})` : "", a = e.interpretation && e.interpretation.toUpperCase() === we;
   return { units: s, rangeString: p, isAbnormal: a };
-}, P = ({
+}, k = ({
   member: e,
   depth: s = 0
 }) => {
-  const d = e.groupMembers && e.groupMembers.length > 0, o = e.conceptNameToDisplay ?? e.concept?.shortName ?? e.concept?.name;
-  if (d)
+  const c = e.groupMembers && e.groupMembers.length > 0, o = e.conceptNameToDisplay ?? e.concept?.shortName ?? e.concept?.name;
+  if (c)
     return /* @__PURE__ */ _("div", { className: r.nestedGroup, children: [
       /* @__PURE__ */ t(
         "div",
@@ -44,7 +44,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
         }
       ),
       /* @__PURE__ */ t("div", { className: r.nestedGroupMembers, children: e.groupMembers?.map((a) => /* @__PURE__ */ t(
-        P,
+        k,
         {
           member: a,
           depth: s + 1
@@ -92,7 +92,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
   observation: e,
   index: s
 }) => {
-  const d = e.groupMembers && e.groupMembers.length > 0, { units: o, rangeString: l, isAbnormal: i } = q(e);
+  const c = e.groupMembers && e.groupMembers.length > 0, { units: o, rangeString: l, isAbnormal: i } = q(e);
   return /* @__PURE__ */ _(
     "div",
     {
@@ -101,23 +101,23 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
         /* @__PURE__ */ _(
           "div",
           {
-            className: d ? r.groupContainer : r.rowContainer,
+            className: c ? r.groupContainer : r.rowContainer,
             children: [
               /* @__PURE__ */ _(
                 "p",
                 {
                   className: h(
-                    d ? r.groupLabel : r.rowLabel,
-                    !d && i ? r.abnormalValue : ""
+                    c ? r.groupLabel : r.rowLabel,
+                    !c && i ? r.abnormalValue : ""
                   ),
                   children: [
                     e.conceptNameToDisplay,
-                    !d && l && /* @__PURE__ */ t("span", { className: r.rangeInfo, children: l })
+                    !c && l && /* @__PURE__ */ t("span", { className: r.rangeInfo, children: l })
                   ]
                 }
               ),
-              d ? /* @__PURE__ */ t("div", { className: r.groupMembers, children: e.groupMembers?.map((p) => /* @__PURE__ */ t(
-                P,
+              c ? /* @__PURE__ */ t("div", { className: r.groupMembers, children: e.groupMembers?.map((p) => /* @__PURE__ */ t(
+                k,
                 {
                   member: p,
                   depth: 0
@@ -150,34 +150,34 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
 }, qe = ({
   episodeOfCareUuids: e,
   encounterUuids: s,
-  config: d
+  config: c
 }) => {
-  const { t: o } = ie(), l = W(), [i, p] = U(!1), [a, O] = U(null), k = d?.numberOfVisits, R = X(
+  const { t: o } = ie(), l = W(), [i, p] = U(!1), [a, O] = U(null), H = c?.numberOfVisits, R = X(
     e,
     s
   ), {
     data: y = [],
     isLoading: D,
-    isError: w,
-    error: H
+    isError: C,
+    error: K
   } = g({
     queryKey: ["forms", l, e],
-    queryFn: () => Z(l, void 0, k),
+    queryFn: () => Z(l, void 0, H),
     enabled: !!l && !R
-  }), C = b(() => !s || s.length === 0 ? y : y.filter(
+  }), F = b(() => !s || s.length === 0 ? y : y.filter(
     (n) => s.includes(n.encounterUuid)
-  ), [y, s]), { data: F = [] } = g({
+  ), [y, s]), { data: T = [] } = g({
     queryKey: ["observationForms"],
     queryFn: ee
-  }), T = N(
-    (n) => F.find((c) => c.name === n)?.uuid,
-    [F]
+  }), v = N(
+    (n) => T.find((d) => d.name === n)?.uuid,
+    [T]
   ), M = b(() => {
     if (a)
-      return T(a.formName);
-  }, [a, T]), {
+      return v(a.formName);
+  }, [a, v]), {
     data: Ie,
-    isLoading: j,
+    isLoading: P,
     error: E
   } = g({
     queryKey: ["formMetadata", M],
@@ -185,8 +185,8 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
     enabled: !!M && i
   }), {
     data: L,
-    isLoading: K,
-    error: v
+    isLoading: j,
+    error: w
   } = g({
     queryKey: ["formsEncounter", a?.encounterUuid],
     queryFn: () => oe(a.encounterUuid, !0),
@@ -199,40 +199,40 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
       { key: "recordedBy", header: o("FORM_RECORDED_BY") }
     ],
     [o]
-  ), z = b(
+  ), J = b(
     () => [
       { key: "recordedOn", sortable: !0 },
       { key: "recordedBy", sortable: !0 }
     ],
     []
   ), V = b(() => {
-    const n = C.reduce(
-      (c, m) => {
+    const n = F.reduce(
+      (d, m) => {
         const f = m.formName;
-        c[f] ??= [];
-        const A = m.providers.map((Y) => Y.providerName).filter(Boolean).join(", ");
-        return c[f].push({
+        d[f] ??= [];
+        const A = m.providers.map((Q) => Q.providerName).filter(Boolean).join(", ");
+        return d[f].push({
           id: m.encounterUuid,
           formName: m.formName,
           recordedOn: te(m.encounterDateTime, o, me).formattedResult,
           recordedBy: A ?? "--",
           encounterDateTime: m.encounterDateTime,
           encounterUuid: m.encounterUuid
-        }), c;
+        }), d;
       },
       {}
     );
     return Object.entries(n).map(
-      ([c, m]) => ({
-        formName: c,
+      ([d, m]) => ({
+        formName: d,
         records: m.sort(
           (f, A) => A.encounterDateTime - f.encounterDateTime
         )
       })
-    ).sort((c, m) => c.formName.localeCompare(m.formName));
-  }, [C, o]), S = N((n) => {
+    ).sort((d, m) => d.formName.localeCompare(m.formName));
+  }, [F, o]), S = N((n) => {
     O(n), p(!0);
-  }, []), Q = N(() => {
+  }, []), z = N(() => {
     p(!1), O(null);
   }, []), G = N(
     (n, u) => {
@@ -247,28 +247,28 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
     },
     [S]
   );
-  return /* @__PURE__ */ _(J, { children: [
-    /* @__PURE__ */ t("div", { "data-testid": "forms-table", children: D || w || V.length === 0 || R ? /* @__PURE__ */ t(
+  return /* @__PURE__ */ _(Y, { children: [
+    /* @__PURE__ */ t("div", { "data-testid": "forms-table", children: D || C || V.length === 0 || R ? /* @__PURE__ */ t(
       $,
       {
         headers: I,
         ariaLabel: o("FORMS_HEADING"),
         rows: [],
         loading: D,
-        errorStateMessage: w ? H?.message : void 0,
+        errorStateMessage: C ? K?.message : void 0,
         emptyStateMessage: o("FORMS_UNAVAILABLE"),
         renderCell: G,
         className: r.formsTableBody,
         "data-testid": "sortable-data-table"
       }
     ) : /* @__PURE__ */ t(ne, { align: "start", children: V.map((n, u) => {
-      const { formName: c, records: m } = n;
+      const { formName: d, records: m } = n;
       return /* @__PURE__ */ t(
         se,
         {
-          title: c,
+          title: d,
           className: r.customAccordianItem,
-          testId: `accordian-title-${c}`,
+          testId: `accordian-title-${d}`,
           open: u === 0,
           children: /* @__PURE__ */ t(
             $,
@@ -278,7 +278,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
               rows: m,
               loading: !1,
               errorStateMessage: "",
-              sortable: z,
+              sortable: J,
               emptyStateMessage: o("FORMS_UNAVAILABLE"),
               renderCell: G,
               className: r.formsTableBody,
@@ -286,22 +286,22 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
             }
           )
         },
-        c
+        d
       );
     }) }) }),
     i && a && le(
       /* @__PURE__ */ t(
-        de,
+        ce,
         {
           id: "formDetailsModal",
           open: i,
-          onRequestClose: Q,
+          onRequestClose: z,
           modalHeading: a.formName,
           modalLabel: `${a.recordedOn} | ${a.recordedBy}`,
           passiveModal: !0,
           size: "md",
           testId: "form-details-modal",
-          children: /* @__PURE__ */ t("div", { className: r.formContent, children: j || K ? /* @__PURE__ */ t(ce, { width: "100%", lineCount: 3 }) : E ? /* @__PURE__ */ t("div", { children: x(E).message ?? o("ERROR_FETCHING_FORM_METADATA") }) : v ? /* @__PURE__ */ t("div", { children: x(v).message ?? o("ERROR_FETCHING_FORM_DATA") }) : B.length > 0 ? /* @__PURE__ */ t("div", { className: r.formDetailsContainer, children: B.map((n, u) => /* @__PURE__ */ t(
+          children: /* @__PURE__ */ t("div", { className: r.formContent, children: P || j ? /* @__PURE__ */ t(de, { width: "100%", lineCount: 3 }) : E ? /* @__PURE__ */ t("div", { children: x(E).message ?? o("ERROR_FETCHING_FORM_METADATA") }) : w ? /* @__PURE__ */ t("div", { children: x(w).message ?? o("ERROR_FETCHING_FORM_DATA") }) : B.length > 0 ? /* @__PURE__ */ t("div", { className: r.formDetailsContainer, children: B.map((n, u) => /* @__PURE__ */ t(
             Be,
             {
               observation: n,

package/dist/Observations-D-slruOf.js

@@ -0,0 +1,306 @@
+import { jsx as l, jsxs as T } from "react/jsx-runtime";
+import { f as B, g as $, l as L, h as F, C as x, z as k, u as q, j as Q, H as G, R as H, k as K, J as P } from "./index-DnRlH7sS.js";
+import { useQueries as j, useQuery as J } from "@tanstack/react-query";
+import { useRef as Y, useEffect as R, useMemo as m } from "react";
+import { useTranslation as _ } from "react-i18next";
+const z = "normal", W = "http://terminology.hl7.org/CodeSystem/referencerange-meaning", X = "A", Z = "http://terminology.hl7.org/CodeSystem/v3-ObservationInterpretation", ee = (e, t) => e?.date ? B(e.date, t).formattedResult : t("DATE_ERROR_PARSE"), te = (e) => {
+  const { value: t, unit: n } = e.observationValue;
+  return n ? `${t} ${n}` : String(t);
+}, ne = (e) => {
+  const { unit: t, referenceRange: n } = e.observationValue, r = e.display;
+  if (!n)
+    return String(r);
+  const { low: o, high: s } = n;
+  if (o && s) {
+    const i = o.unit ? `${o.value} ${o.unit}` : t ? `${o.value} ${t}` : String(o.value), a = s.unit ? `${s.value} ${s.unit}` : t ? `${s.value} ${t}` : String(s.value);
+    return `${r} (${i} - ${a})`;
+  }
+  if (o) {
+    const i = o.unit ? `${o.value} ${o.unit}` : t ? `${o.value} ${t}` : String(o.value);
+    return `${r} (>${i})`;
+  }
+  if (s) {
+    const i = s.unit ? `${s.value} ${s.unit}` : t ? `${s.value} ${t}` : String(s.value);
+    return `${r} (<${i})`;
+  }
+  return r;
+}, re = (e, t) => ({
+  index: t,
+  header: ne(e),
+  value: te(e),
+  provider: e.encounter?.provider
+}), b = (e) => (typeof e == "string" ? e : e?.reference)?.split("/")?.pop();
+function oe(e) {
+  return !e.interpretation || e.interpretation.length === 0 ? !1 : e.interpretation.some(
+    (t) => t.coding?.some(
+      (n) => n.system === Z && n.code === X
+    )
+  );
+}
+function se(e) {
+  const { valueQuantity: t, valueCodeableConcept: n, valueString: r, referenceRange: o } = e, s = oe(e);
+  if (t) {
+    const i = {
+      value: t.value ?? "",
+      unit: t.unit,
+      type: "quantity",
+      isAbnormal: s
+    };
+    if (o && o.length > 0) {
+      const a = o.find(
+        (u) => u.type?.coding?.some(
+          (p) => p.system === W && p.code === z
+        )
+      );
+      a && (a.low || a.high) && (i.referenceRange = {
+        low: a.low ? {
+          value: a.low.value,
+          unit: a.low.unit
+        } : void 0,
+        high: a.high ? {
+          value: a.high.value,
+          unit: a.high.unit
+        } : void 0
+      });
+    }
+    return i;
+  }
+  if (n)
+    return {
+      value: n.text ?? n.coding[0].display,
+      type: "codeable",
+      isAbnormal: s
+    };
+  if (r)
+    return {
+      value: r,
+      type: "string",
+      isAbnormal: s
+    };
+}
+function ie(e, t) {
+  const n = t.get(e);
+  if (n)
+    return {
+      id: n.id ?? e,
+      type: n.type?.[0]?.coding?.[0]?.display ?? "Unknown",
+      date: n.period?.start ?? "",
+      provider: n.participant?.[0]?.individual?.display,
+      location: n.location?.[0]?.location?.display
+    };
+}
+function I(e, t, n) {
+  const r = b(e.encounter), o = (e.hasMember ?? []).map((s) => b(s)).map((s) => s ? n.get(s) : void 0).filter((s) => !!s).map(
+    (s) => I(s, t, n)
+  );
+  return {
+    id: e.id,
+    display: e.code?.text ?? e.code?.coding?.[0]?.display ?? "",
+    observationValue: se(e),
+    effectiveDateTime: e.effectiveDateTime,
+    issued: e.issued,
+    encounter: r ? ie(r, t) : void 0,
+    members: o.length > 0 ? o : void 0
+  };
+}
+function ae(e) {
+  const t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set();
+  e.entry?.forEach(({ resource: i }) => {
+    i?.id && (i.resourceType === "Encounter" ? t.set(i.id, i) : i.resourceType === "Observation" && (n.set(i.id, i), i.hasMember?.forEach((a) => {
+      const u = b(a);
+      u && r.add(u);
+    })));
+  });
+  const o = [], s = [];
+  return n.forEach((i, a) => {
+    if (r.has(a)) return;
+    const u = I(
+      i,
+      t,
+      n
+    );
+    u.members?.length ? s.push({ ...u, children: u.members }) : o.push(u);
+  }), { observations: o, groupedObservations: s };
+}
+function ue(e) {
+  const t = /* @__PURE__ */ new Map();
+  return e.observations.forEach((n) => {
+    if (!n.encounter?.id) return;
+    const r = n.encounter.id;
+    t.has(r) || t.set(r, {
+      observations: [],
+      groupedObservations: []
+    }), t.get(r).observations.push(n);
+  }), e.groupedObservations.forEach((n) => {
+    if (!n.encounter?.id) return;
+    const r = n.encounter.id;
+    t.has(r) || t.set(r, {
+      observations: [],
+      groupedObservations: []
+    }), t.get(r).groupedObservations.push(n);
+  }), Array.from(t.entries()).map(([n, r]) => {
+    const o = r.observations[0]?.encounter ?? r.groupedObservations[0]?.encounter;
+    return {
+      encounterId: n,
+      encounterDetails: o,
+      observations: r.observations,
+      groupedObservations: r.groupedObservations
+    };
+  });
+}
+function ce(e) {
+  return [...e].sort((t, n) => {
+    const r = t.encounterDetails?.date, o = n.encounterDetails?.date;
+    return !r && !o ? 0 : r ? o ? new Date(o).getTime() - new Date(r).getTime() : -1 : 1;
+  });
+}
+const N = (e, t, n) => {
+  const r = re(e, t), o = r.value, s = L(o);
+  let i = o;
+  s === "Image" && (i = /* @__PURE__ */ l(x, { imageSrc: o, alt: o, id: `${o}-img` })), s === "Video" && (i = /* @__PURE__ */ l(k, { id: `${o}-video`, videoSrc: o }));
+  const a = n("OBSERVATIONS_RECORDED_BY", {
+    provider: r.provider
+  }), u = e.observationValue?.isAbnormal ? `abnormal-obs-${e.id}` : `obs-${e.id}`;
+  return /* @__PURE__ */ l(
+    F,
+    {
+      header: r.header,
+      value: i,
+      info: a,
+      id: u,
+      testId: `${u}-test-id`,
+      ariaLabel: `${u}-aria-label`
+    },
+    `obs-${e.id}`
+  );
+}, le = (e, t, n) => /* @__PURE__ */ l(
+  $,
+  {
+    title: e.display,
+    id: `grouped-obs-${e.id}`,
+    open: n,
+    children: e.children.map(
+      (r, o) => N(r, o, t)
+    )
+  },
+  `grouped-obs-${e.id}`
+), de = ({
+  groupedData: e
+}) => {
+  const { t } = _(), n = (r, o) => {
+    const s = ee(r.encounterDetails, t);
+    return /* @__PURE__ */ T(
+      $,
+      {
+        title: s,
+        id: `encounter-${r.encounterId}`,
+        open: o,
+        children: [
+          r.observations.map(
+            (i, a) => N(i, a, t)
+          ),
+          r.groupedObservations.map(
+            (i) => le(i, t, o)
+          )
+        ]
+      },
+      `encounter-${r.encounterId}`
+    );
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      id: "obs-by-encounter",
+      "data-testid": "obs-by-encounter-test-id",
+      "aria-label": "obs-by-encounter-aria-label",
+      children: e.map(
+        (r, o) => n(r, o === 0)
+      )
+    }
+  );
+}, pe = "_observations_kfbhq_1", ve = "_title_kfbhq_12", S = {
+  observations: pe,
+  title: ve
+}, fe = (e) => ["conceptUuid", e], ge = (e, t) => ["observations", e, ...t], Oe = ({ config: e }) => {
+  const t = e, { conceptNames: n = [], conceptUuid: r = [] } = t, o = Y(/* @__PURE__ */ new Set()), s = q(), { addNotification: i } = Q(), { t: a } = _(), u = j({
+    queries: n.map((c) => ({
+      queryKey: fe(c),
+      queryFn: () => G(c),
+      enabled: !!c
+    }))
+  });
+  R(() => {
+    u.forEach((c, d) => {
+      if (c.isError && !o.current.has(d)) {
+        const U = n[d];
+        i({
+          title: a("ERROR_DEFAULT_TITLE"),
+          message: a("ERROR_FETCHING_CONCEPT", { conceptName: U }),
+          type: "error"
+        }), o.current.add(d);
+      } else c.isError || o.current.delete(d);
+    });
+  }, [u, n]);
+  const p = m(() => u.map((c) => c.data?.uuid).filter((c) => !!c), [u]), f = m(() => [.../* @__PURE__ */ new Set([...p, ...r])], [p, r]), g = m(() => n.length === 0 ? !0 : u.every((c) => !c.isLoading), [u, n.length]), {
+    data: v,
+    isLoading: D,
+    isError: h
+  } = J({
+    queryKey: ge(s, f),
+    queryFn: () => H(s, f),
+    enabled: !!s && f.length > 0 && g
+  });
+  R(() => {
+    h && i({
+      title: a("ERROR_DEFAULT_TITLE"),
+      message: a("ERROR_FETCHING_OBSERVATIONS"),
+      type: "error"
+    });
+  }, [h]);
+  const E = m(() => {
+    if (!v) return [];
+    const c = ae(v), d = ue(c);
+    return ce(d);
+  }, [v]), A = [
+    { key: "name", header: "name" },
+    { key: "value", header: "value" },
+    { key: "form", header: "form" }
+  ], y = D || !g, O = h && g, w = (!v || v.entry?.length === 0 || f.length === 0) && g, C = O ? a("ERROR_FETCHING_OBSERVATIONS") : null, V = w ? a("NO_OBSERVATIONS_FOUND") : void 0, M = E.length > 0 && !y && !O;
+  return /* @__PURE__ */ T(
+    "div",
+    {
+      id: "observations",
+      "data-testid": "observations-test-id",
+      "aria-label": "observations-aria-label",
+      className: S.observations,
+      children: [
+        /* @__PURE__ */ l(
+          K,
+          {
+            id: "observations-title",
+            testId: "observations-title-test-id",
+            title: a(t.titleTranslationKey),
+            className: S.title,
+            children: /* @__PURE__ */ l("p", { children: a(t.titleTranslationKey) })
+          }
+        ),
+        M ? /* @__PURE__ */ l(de, { groupedData: E }) : /* @__PURE__ */ l(
+          P,
+          {
+            headers: A,
+            rows: [],
+            ariaLabel: a("OBSERVATIONS"),
+            loading: y,
+            errorStateMessage: C,
+            emptyStateMessage: V
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  fe as conceptUuidQueryKeys,
+  Oe as default,
+  ge as observationsQueryKeys
+};