@bahmni/widgets 0.0.1-dev.118 → 0.0.1-dev.120

package/dist/{FormsTable-DKfPe7sR.js → FormsTable-R9y4-AL4.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, C as X, F as Z, q as ee, U as re, I as oe, l as te, e as ae, P as $, i as ne, f as se, p as ce, a as de, b as U, d as le } from "./index-Ciduksrd.js";
+import { jsxs as _, jsx as t, Fragment as Q } from "react/jsx-runtime";
+import { c as h, u as Y, C as W, F as Z, q as ee, U as re, D as oe, J as te, l as ae, K as $, a as ne, m as se, p as ce, X as de, b as U, o as me } from "./index-CQcHNtl1.js";
 import { useQuery as g } from "@tanstack/react-query";
 import { useState as q, useMemo as b, useCallback as N } from "react";
-import { createPortal as me } from "react-dom";
+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", Ce = "_abnormalValue_1pd36_102", De = "_commentSection_1pd36_110", Fe = "_commentText_1pd36_116", Te = "_nestedGroup_1pd36_125", ve = "_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", De = "_memberValue_1pd36_94", Re = "_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,
@@ -18,17 +18,17 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
   groupMembers: Le,
   memberRow: Ae,
   memberLabel: Oe,
-  memberValue: Re,
-  abnormalValue: Ce,
-  commentSection: De,
+  memberValue: De,
+  abnormalValue: Re,
+  commentSection: Ce,
   commentText: Fe,
   nestedGroup: Te,
   nestedGroupLabel: ve,
   nestedGroupMembers: Ee
 }, we = "ABNORMAL", x = (e) => {
-  const s = e.concept?.units, c = e.concept?.lowNormal, o = e.concept?.hiNormal, m = c != null, i = o != null, p = m && i ? ` (${c} - ${o})` : m ? ` (>${c})` : i ? ` (<${o})` : "", a = e.interpretation && e.interpretation.toUpperCase() === we;
+  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
 }) => {
@@ -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
@@ -52,7 +52,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
         `${a.concept.uuid}`
       )) })
     ] });
-  const { units: m, rangeString: i, isAbnormal: p } = x(e);
+  const { units: l, rangeString: i, isAbnormal: p } = x(e);
   return /* @__PURE__ */ _(
     "div",
     {
@@ -81,18 +81,18 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
             ),
             children: [
               e.valueAsString,
-              m && ` ${m}`
+              l && ` ${l}`
             ]
           }
         )
       ]
     }
   );
-}, Ie = ({
+}, Be = ({
   observation: e,
   index: s
 }) => {
-  const c = e.groupMembers && e.groupMembers.length > 0, { units: o, rangeString: m, isAbnormal: i } = x(e);
+  const c = e.groupMembers && e.groupMembers.length > 0, { units: o, rangeString: l, isAbnormal: i } = x(e);
   return /* @__PURE__ */ _(
     "div",
     {
@@ -112,12 +112,12 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
                   ),
                   children: [
                     e.conceptNameToDisplay,
-                    !c && m && /* @__PURE__ */ t("span", { className: r.rangeInfo, children: m })
+                    !c && l && /* @__PURE__ */ t("span", { className: r.rangeInfo, children: l })
                   ]
                 }
               ),
               c ? /* @__PURE__ */ t("div", { className: r.groupMembers, children: e.groupMembers?.map((p) => /* @__PURE__ */ t(
-                P,
+                k,
                 {
                   member: p,
                   depth: 0
@@ -152,18 +152,18 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
   encounterUuids: s,
   config: c
 }) => {
-  const { t: o } = ie(), m = W(), [i, p] = q(!1), [a, O] = q(null), k = c?.numberOfVisits, R = X(
+  const { t: o } = ie(), l = Y(), [i, p] = q(!1), [a, O] = q(null), H = c?.numberOfVisits, D = W(
     e,
     s
   ), {
     data: y = [],
-    isLoading: C,
-    isError: D,
-    error: H
+    isLoading: R,
+    isError: C,
+    error: K
   } = g({
-    queryKey: ["forms", m, e],
-    queryFn: () => Z(m, void 0, k),
-    enabled: !!m && !R
+    queryKey: ["forms", l, e],
+    queryFn: () => Z(l, void 0, H),
+    enabled: !!l && !D
   }), F = b(() => !s || s.length === 0 ? y : y.filter(
     (n) => s.includes(n.encounterUuid)
   ), [y, s]), { data: T = [] } = g({
@@ -176,8 +176,8 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
     if (a)
       return v(a.formName);
   }, [a, v]), {
-    data: Be,
-    isLoading: j,
+    data: Ie,
+    isLoading: P,
     error: E
   } = g({
     queryKey: ["formMetadata", M],
@@ -185,21 +185,21 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
     enabled: !!M && i
   }), {
     data: L,
-    isLoading: K,
+    isLoading: j,
     error: w
   } = g({
     queryKey: ["formsEncounter", a?.encounterUuid],
     queryFn: () => oe(a.encounterUuid, !0),
     enabled: !!a?.encounterUuid && i
-  }), I = b(() => !L?.observations || !a?.formName ? [] : L.observations.filter(
+  }), B = b(() => !L?.observations || !a?.formName ? [] : L.observations.filter(
     (u) => "formFieldPath" in u && typeof u.formFieldPath == "string" && u.formFieldPath.includes(a.formName)
-  ), [L?.observations, a?.formName]), B = b(
+  ), [L?.observations, a?.formName]), I = b(
     () => [
       { key: "recordedOn", header: o("FORM_RECORDED_ON") },
       { key: "recordedBy", header: o("FORM_RECORDED_BY") }
     ],
     [o]
-  ), z = b(
+  ), J = b(
     () => [
       { key: "recordedOn", sortable: !0 },
       { key: "recordedBy", sortable: !0 }
@@ -207,32 +207,32 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
     []
   ), V = b(() => {
     const n = F.reduce(
-      (d, l) => {
-        const f = l.formName;
+      (d, m) => {
+        const f = m.formName;
         d[f] ??= [];
-        const A = l.providers.map((Y) => Y.providerName).filter(Boolean).join(", ");
+        const A = m.providers.map((z) => z.providerName).filter(Boolean).join(", ");
         return d[f].push({
-          id: l.encounterUuid,
-          formName: l.formName,
-          recordedOn: te(l.encounterDateTime, o, le).formattedResult,
+          id: m.encounterUuid,
+          formName: m.formName,
+          recordedOn: te(m.encounterDateTime, o, me).formattedResult,
           recordedBy: A ?? "--",
-          encounterDateTime: l.encounterDateTime,
-          encounterUuid: l.encounterUuid
+          encounterDateTime: m.encounterDateTime,
+          encounterUuid: m.encounterUuid
         }), d;
       },
       {}
     );
     return Object.entries(n).map(
-      ([d, l]) => ({
+      ([d, m]) => ({
         formName: d,
-        records: l.sort(
+        records: m.sort(
           (f, A) => A.encounterDateTime - f.encounterDateTime
         )
       })
-    ).sort((d, l) => d.formName.localeCompare(l.formName));
+    ).sort((d, m) => d.formName.localeCompare(m.formName));
   }, [F, o]), S = N((n) => {
     O(n), p(!0);
-  }, []), Q = N(() => {
+  }, []), X = N(() => {
     p(!1), O(null);
   }, []), G = N(
     (n, u) => {
@@ -247,22 +247,22 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
     },
     [S]
   );
-  return /* @__PURE__ */ _(J, { children: [
-    /* @__PURE__ */ t("div", { "data-testid": "forms-table", children: C || D || V.length === 0 || R ? /* @__PURE__ */ t(
+  return /* @__PURE__ */ _(Q, { children: [
+    /* @__PURE__ */ t("div", { "data-testid": "forms-table", children: R || C || V.length === 0 || D ? /* @__PURE__ */ t(
       $,
       {
-        headers: B,
+        headers: I,
         ariaLabel: o("FORMS_HEADING"),
         rows: [],
-        loading: C,
-        errorStateMessage: D ? H?.message : void 0,
+        loading: R,
+        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: d, records: l } = n;
+      const { formName: d, records: m } = n;
       return /* @__PURE__ */ t(
         se,
         {
@@ -273,12 +273,12 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
           children: /* @__PURE__ */ t(
             $,
             {
-              headers: B,
+              headers: I,
               ariaLabel: o("FORMS_HEADING"),
-              rows: l,
+              rows: m,
               loading: !1,
               errorStateMessage: "",
-              sortable: z,
+              sortable: J,
               emptyStateMessage: o("FORMS_UNAVAILABLE"),
               renderCell: G,
               className: r.formsTableBody,
@@ -289,20 +289,20 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
         d
       );
     }) }) }),
-    i && a && me(
+    i && a && le(
       /* @__PURE__ */ t(
         ce,
         {
           id: "formDetailsModal",
           open: i,
-          onRequestClose: Q,
+          onRequestClose: X,
           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(de, { width: "100%", lineCount: 3 }) : E ? /* @__PURE__ */ t("div", { children: U(E).message ?? o("ERROR_FETCHING_FORM_METADATA") }) : w ? /* @__PURE__ */ t("div", { children: U(w).message ?? o("ERROR_FETCHING_FORM_DATA") }) : I.length > 0 ? /* @__PURE__ */ t("div", { className: r.formDetailsContainer, children: I.map((n, u) => /* @__PURE__ */ t(
-            Ie,
+          children: /* @__PURE__ */ t("div", { className: r.formContent, children: P || j ? /* @__PURE__ */ t(de, { width: "100%", lineCount: 3 }) : E ? /* @__PURE__ */ t("div", { children: U(E).message ?? o("ERROR_FETCHING_FORM_METADATA") }) : w ? /* @__PURE__ */ t("div", { children: U(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,
               index: u

package/dist/Observations-DgVj51KZ.js

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