@bahmni/widgets 0.0.1-dev.117 → 0.0.1-dev.119

package/dist/{FormsTable-Cd8ZplAR.js → FormsTable-Dr1mQ8jd.js}

@@ -1,8 +1,8 @@
-import { jsxs as _, jsx as t, Fragment as Y } 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, i as ae, J as $, e as ne, t as se, K as ce, a as de, b as U, d as me } from "./index-D-YpLeDp.js";
+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-BSGBBl-w.js";
 import { useQuery as g } from "@tanstack/react-query";
 import { useState as q, useMemo as b, useCallback as N } from "react";
-import { createPortal as le } from "react-dom";
+import { createPortal as me } 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 = {
   formsTableBody: ue,
@@ -26,9 +26,9 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
   nestedGroupLabel: ve,
   nestedGroupMembers: Ee
 }, we = "ABNORMAL", x = (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;
+  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;
   return { units: s, rangeString: p, isAbnormal: a };
-}, k = ({
+}, P = ({
   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(
-        k,
+        P,
         {
           member: a,
           depth: s + 1
@@ -52,7 +52,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
         `${a.concept.uuid}`
       )) })
     ] });
-  const { units: l, rangeString: i, isAbnormal: p } = x(e);
+  const { units: m, rangeString: i, isAbnormal: p } = x(e);
   return /* @__PURE__ */ _(
     "div",
     {
@@ -81,7 +81,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
             ),
             children: [
               e.valueAsString,
-              l && ` ${l}`
+              m && ` ${m}`
             ]
           }
         )
@@ -92,7 +92,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
   observation: e,
   index: s
 }) => {
-  const c = e.groupMembers && e.groupMembers.length > 0, { units: o, rangeString: l, isAbnormal: i } = x(e);
+  const c = e.groupMembers && e.groupMembers.length > 0, { units: o, rangeString: m, 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 && l && /* @__PURE__ */ t("span", { className: r.rangeInfo, children: l })
+                    !c && m && /* @__PURE__ */ t("span", { className: r.rangeInfo, children: m })
                   ]
                 }
               ),
               c ? /* @__PURE__ */ t("div", { className: r.groupMembers, children: e.groupMembers?.map((p) => /* @__PURE__ */ t(
-                k,
+                P,
                 {
                   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(), l = W(), [i, p] = q(!1), [a, O] = q(null), H = c?.numberOfVisits, R = X(
+  const { t: o } = ie(), m = W(), [i, p] = q(!1), [a, O] = q(null), k = c?.numberOfVisits, R = X(
     e,
     s
   ), {
     data: y = [],
     isLoading: C,
     isError: D,
-    error: K
+    error: H
   } = g({
-    queryKey: ["forms", l, e],
-    queryFn: () => Z(l, void 0, H),
-    enabled: !!l && !R
+    queryKey: ["forms", m, e],
+    queryFn: () => Z(m, void 0, k),
+    enabled: !!m && !R
   }), F = b(() => !s || s.length === 0 ? y : y.filter(
     (n) => s.includes(n.encounterUuid)
   ), [y, s]), { data: T = [] } = g({
@@ -177,7 +177,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
       return v(a.formName);
   }, [a, v]), {
     data: Be,
-    isLoading: P,
+    isLoading: j,
     error: E
   } = g({
     queryKey: ["formMetadata", M],
@@ -185,7 +185,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
     enabled: !!M && i
   }), {
     data: L,
-    isLoading: j,
+    isLoading: K,
     error: w
   } = g({
     queryKey: ["formsEncounter", a?.encounterUuid],
@@ -199,7 +199,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
       { key: "recordedBy", header: o("FORM_RECORDED_BY") }
     ],
     [o]
-  ), J = b(
+  ), z = 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, m) => {
-        const f = m.formName;
+      (d, l) => {
+        const f = l.formName;
         d[f] ??= [];
-        const A = m.providers.map((Q) => Q.providerName).filter(Boolean).join(", ");
+        const A = l.providers.map((Y) => Y.providerName).filter(Boolean).join(", ");
         return d[f].push({
-          id: m.encounterUuid,
-          formName: m.formName,
-          recordedOn: te(m.encounterDateTime, o, me).formattedResult,
+          id: l.encounterUuid,
+          formName: l.formName,
+          recordedOn: te(l.encounterDateTime, o, le).formattedResult,
           recordedBy: A ?? "--",
-          encounterDateTime: m.encounterDateTime,
-          encounterUuid: m.encounterUuid
+          encounterDateTime: l.encounterDateTime,
+          encounterUuid: l.encounterUuid
         }), d;
       },
       {}
     );
     return Object.entries(n).map(
-      ([d, m]) => ({
+      ([d, l]) => ({
         formName: d,
-        records: m.sort(
+        records: l.sort(
           (f, A) => A.encounterDateTime - f.encounterDateTime
         )
       })
-    ).sort((d, m) => d.formName.localeCompare(m.formName));
+    ).sort((d, l) => d.formName.localeCompare(l.formName));
   }, [F, o]), S = N((n) => {
     O(n), p(!0);
-  }, []), z = N(() => {
+  }, []), Q = N(() => {
     p(!1), O(null);
   }, []), G = N(
     (n, u) => {
@@ -247,7 +247,7 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
     },
     [S]
   );
-  return /* @__PURE__ */ _(Y, { children: [
+  return /* @__PURE__ */ _(J, { children: [
     /* @__PURE__ */ t("div", { "data-testid": "forms-table", children: C || D || V.length === 0 || R ? /* @__PURE__ */ t(
       $,
       {
@@ -255,14 +255,14 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
         ariaLabel: o("FORMS_HEADING"),
         rows: [],
         loading: C,
-        errorStateMessage: D ? K?.message : void 0,
+        errorStateMessage: D ? H?.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: m } = n;
+      const { formName: d, records: l } = n;
       return /* @__PURE__ */ t(
         se,
         {
@@ -275,10 +275,10 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
             {
               headers: B,
               ariaLabel: o("FORMS_HEADING"),
-              rows: m,
+              rows: l,
               loading: !1,
               errorStateMessage: "",
-              sortable: J,
+              sortable: z,
               emptyStateMessage: o("FORMS_UNAVAILABLE"),
               renderCell: G,
               className: r.formsTableBody,
@@ -289,19 +289,19 @@ const ue = "_formsTableBody_1pd36_1", pe = "_customAccordianItem_1pd36_6", _e =
         d
       );
     }) }) }),
-    i && a && le(
+    i && a && me(
       /* @__PURE__ */ t(
         ce,
         {
           id: "formDetailsModal",
           open: i,
-          onRequestClose: z,
+          onRequestClose: Q,
           modalHeading: a.formName,
           modalLabel: `${a.recordedOn} | ${a.recordedBy}`,
           passiveModal: !0,
           size: "md",
           testId: "form-details-modal",
-          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") }) : I.length > 0 ? /* @__PURE__ */ t("div", { className: r.formDetailsContainer, children: I.map((n, u) => /* @__PURE__ */ t(
+          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,
             {
               observation: n,

package/dist/Observations-Bv0p8jrw.js

@@ -0,0 +1,330 @@
+import { jsx as d, jsxs as T } from "react/jsx-runtime";
+import { g as U, h as $, j as F, v as L, m as x, k as G, u as k, n as q, G as P, O as Q, y as K, P as H } from "./index-BSGBBl-w.js";
+import { useQueries as j, useQuery as Y } 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 ? U(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
+}), b = (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 = b(e.encounter), o = (e.hasMember ?? []).map((i) => b(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 = b(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 = F(o);
+  let s = o;
+  i === "Image" && (s = /* @__PURE__ */ d(x, { imageSrc: o, alt: o, id: `${o}-img` })), i === "Video" && (s = /* @__PURE__ */ d(G, { 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(
+    L,
+    {
+      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 = k(), { addNotification: s } = q(), { t: a } = _(), u = j({
+    queries: t.map((c) => ({
+      queryKey: fe(c),
+      queryFn: () => P(c),
+      enabled: !!c
+    }))
+  });
+  R(() => {
+    u.forEach((c, f) => {
+      if (c.isError && !o.current.has(f)) {
+        const B = t[f];
+        s({
+          title: a("ERROR_DEFAULT_TITLE"),
+          message: a("ERROR_FETCHING_CONCEPT", { conceptName: B }),
+          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: D,
+    isError: h
+  } = Y({
+    queryKey: ge(i, p),
+    queryFn: () => Q(i, p),
+    enabled: !!i && p.length > 0 && v
+  });
+  R(() => {
+    h && s({
+      title: a("ERROR_DEFAULT_TITLE"),
+      message: a("ERROR_FETCHING_OBSERVATIONS"),
+      type: "error"
+    });
+  }, [h]);
+  const y = m(() => {
+    if (!g) return [];
+    const c = ae(g), f = ue(c);
+    return ce(f);
+  }, [g]), A = [
+    { key: "name", header: "name" },
+    { key: "value", header: "value" },
+    { key: "form", header: "form" }
+  ], E = D || !v, O = h && 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, M = 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(
+          K,
+          {
+            id: "observations-title",
+            testId: "observations-title-test-id",
+            title: a(n.titleTranslationKey),
+            className: S.title,
+            children: /* @__PURE__ */ d("p", { children: a(n.titleTranslationKey) })
+          }
+        ),
+        M ? /* @__PURE__ */ d(de, { groupedData: y }) : /* @__PURE__ */ d(
+          H,
+          {
+            headers: A,
+            rows: [],
+            ariaLabel: a("OBSERVATIONS"),
+            loading: E,
+            errorStateMessage: C,
+            emptyStateMessage: V
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  fe as conceptUuidQueryKeys,
+  Oe as default,
+  ge as observationsQueryKeys
+};