@bahmni/widgets 0.0.1-dev.151 → 0.0.1-dev.152

package/dist/FormsTable-BvLIP7_L.js

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

package/dist/Observations-DOJ5N4ZB.js

@@ -0,0 +1,172 @@
+import { jsx as d, jsxs as N } from "react/jsx-runtime";
+import { i as k, V as S, j as q, D as w, _ as M, x as K, k as Q, u as G, m as j, n as H, r as P, A as J, q as z, s as Y, v as x, O as W, J as X } from "./index-CImzN7Zl.js";
+import { useQueries as Z, useQuery as ee } from "@tanstack/react-query";
+import { useRef as te, useEffect as $, useMemo as h } from "react";
+import { useTranslation as C } from "react-i18next";
+const U = (t, c, n, l, o) => {
+  const s = q(t, c), r = s.value, a = w(r);
+  let i = r;
+  a === "Image" && (i = /* @__PURE__ */ d(K, { imageSrc: r, alt: r, id: `${r}-img` })), a === "Video" && (i = /* @__PURE__ */ d(Q, { id: `${r}-video`, videoSrc: r }));
+  const u = o("OBSERVATIONS_RECORDED_BY", {
+    provider: s.provider
+  }), b = t.display, m = t.observationValue?.isAbnormal ? "abnormal-obs" : "obs", f = l ? `${l}-${m}-${b}-${n}-${c}` : `${m}-${b}-${n}-${c}`;
+  return /* @__PURE__ */ d(
+    M,
+    {
+      header: s.header,
+      value: i,
+      info: u,
+      id: f,
+      testId: f,
+      ariaLabel: f
+    },
+    `obs-${t.id}`
+  );
+}, se = (t, c, n, l, o, s) => /* @__PURE__ */ d(
+  S,
+  {
+    title: t.display,
+    id: `grouped-obs-${t.display}-${l}`,
+    open: n,
+    children: t.members?.map(
+      (r, a) => U(r, a, o, s, c)
+    )
+  },
+  `grouped-obs-${t.id}`
+), oe = ({
+  groupedData: t,
+  title: c = ""
+}) => {
+  const { t: n } = C(), l = (o, s, r) => {
+    const a = k(o.encounterDetails, n);
+    return /* @__PURE__ */ N(
+      S,
+      {
+        title: a,
+        id: `encounter-${o.encounterId}`,
+        open: s,
+        children: [
+          o.observations.map(
+            (i, u) => U(i, u, r, c, n)
+          ),
+          o.groupedObservations.map(
+            (i, u) => se(
+              i,
+              n,
+              s,
+              u,
+              r,
+              c
+            )
+          )
+        ]
+      },
+      `encounter-${o.encounterId}`
+    );
+  };
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      id: "obs-by-encounter",
+      "data-testid": "obs-by-encounter-test-id",
+      "aria-label": "obs-by-encounter-aria-label",
+      children: t.map(
+        (o, s) => l(o, s === 0, s)
+      )
+    }
+  );
+}, re = "_observations_kfbhq_1", ae = "_title_kfbhq_12", D = {
+  observations: re,
+  title: ae
+}, ne = (t) => ["conceptUuid", t], ie = (t, c) => ["observations", t, ...c], me = ({ config: t }) => {
+  const c = t, { conceptNames: n = [], conceptUuid: l = [] } = c, o = te(/* @__PURE__ */ new Set()), s = G(), { addNotification: r } = j(), { t: a } = C(), i = Z({
+    queries: n.map((e) => ({
+      queryKey: ne(e),
+      queryFn: () => H(e),
+      enabled: !!e
+    }))
+  });
+  $(() => {
+    i.forEach((e, p) => {
+      if (e.isError && !o.current.has(p)) {
+        const g = n[p];
+        r({
+          title: a("ERROR_DEFAULT_TITLE"),
+          message: a("ERROR_FETCHING_CONCEPT", { conceptName: g }),
+          type: "error"
+        }), o.current.add(p);
+      } else e.isError || o.current.delete(p);
+    });
+  }, [i, n]);
+  const u = h(() => i.map((e) => e.data?.uuid).filter((e) => !!e), [i]), b = h(() => [.../* @__PURE__ */ new Set([...u, ...l])], [u, l]), v = h(() => n.length === 0 ? !0 : i.every((e) => !e.isLoading), [i, n.length]), {
+    data: m,
+    isLoading: f,
+    isError: O,
+    refetch: R
+  } = ee({
+    queryKey: ie(s, b),
+    queryFn: () => P(s, b),
+    enabled: !!s && b.length > 0 && v
+  });
+  J(
+    (e) => {
+      e.patientUUID === s && e.updatedConcepts.size > 0 && [...e.updatedConcepts.keys()].some(
+        (g) => b.includes(g)
+      ) && R();
+    },
+    [s, R]
+  ), $(() => {
+    O && r({
+      title: a("ERROR_DEFAULT_TITLE"),
+      message: a("ERROR_FETCHING_OBSERVATIONS"),
+      type: "error"
+    });
+  }, [O]);
+  const T = h(() => {
+    if (!m) return [];
+    const e = z(m), p = Y(e);
+    return x(p);
+  }, [m]), A = [
+    { key: "name", header: "name" },
+    { key: "value", header: "value" },
+    { key: "form", header: "form" }
+  ], _ = f || !v, I = O && v, B = (!m || m.entry?.length === 0 || b.length === 0) && v, F = I ? a("ERROR_FETCHING_OBSERVATIONS") : null, L = B ? a("NO_OBSERVATIONS_FOUND") : void 0, V = T.length > 0 && !_ && !I, E = c.titleTranslationKey, y = E ? a(E) : "";
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      id: "observations",
+      "data-testid": E ? `observations-${y}` : "observations",
+      "aria-label": "observations-aria-label",
+      className: D.observations,
+      children: [
+        /* @__PURE__ */ d(
+          W,
+          {
+            id: "observations-title",
+            testId: E ? `observations-title-${y}` : "observations-title",
+            title: y,
+            className: D.title,
+            children: /* @__PURE__ */ d("p", { children: y })
+          }
+        ),
+        V ? /* @__PURE__ */ d(oe, { groupedData: T, title: y }) : /* @__PURE__ */ d(
+          X,
+          {
+            headers: A,
+            rows: [],
+            ariaLabel: a("OBSERVATIONS"),
+            loading: _,
+            errorStateMessage: F,
+            emptyStateMessage: L,
+            dataTestId: "observations-table"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ne as conceptUuidQueryKeys,
+  me as default,
+  ie as observationsQueryKeys
+};

package/dist/forms/FormsTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormsTable.d.ts","sourceRoot":"","sources":["../../src/forms/FormsTable.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAShD;;;GAGG;AACH,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoRrC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FormsTable.d.ts","sourceRoot":"","sources":["../../src/forms/FormsTable.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAShD;;;GAGG;AACH,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqSrC,CAAC;AAEF,eAAe,UAAU,CAAC"}