@bahmni/clinical-app 0.0.1-dev.100 → 0.0.1-dev.102

package/dist/FormsTable-DhXoOep2-Cbtts1Xb.js

@@ -0,0 +1,259 @@
+import { jsx as e, jsxs as _, Fragment as K } from "react/jsx-runtime";
+import { u as Q, C as J, a as p, b as X, V as z, Q as S, A as Y, _ as W, l as Z, E as ee, t as I, G as re, e as ae, X as oe, c as ne, J as te } from "./index-Bcg37FwC.js";
+import { useState as U, useMemo as u, useCallback as f } from "react";
+import { createPortal as se } from "react-dom";
+const de = "_formsTableBody_ua0cn_1", me = "_customAccordianItem_ua0cn_6", ie = "_formContent_ua0cn_18", ce = "_formDetailsContainer_ua0cn_25", le = "_observation_ua0cn_30", ue = "_groupContainer_ua0cn_39", _e = "_rowContainer_ua0cn_43", be = "_groupLabel_ua0cn_48", pe = "_rowLabel_ua0cn_58", fe = "_rowValue_ua0cn_67", he = "_groupMembers_ua0cn_75", Ne = "_memberRow_ua0cn_81", ge = "_memberLabel_ua0cn_86", ye = "_memberValue_ua0cn_94", ve = "_commentSection_ua0cn_102", Me = "_commentText_ua0cn_108", Ce = "_nestedGroup_ua0cn_117", Le = "_nestedGroupLabel_ua0cn_124", Ae = "_nestedGroupMembers_ua0cn_133", o = {
+  formsTableBody: de,
+  customAccordianItem: me,
+  formContent: ie,
+  formDetailsContainer: ce,
+  observation: le,
+  groupContainer: ue,
+  rowContainer: _e,
+  groupLabel: be,
+  rowLabel: pe,
+  rowValue: fe,
+  groupMembers: he,
+  memberRow: Ne,
+  memberLabel: ge,
+  memberValue: ye,
+  commentSection: ve,
+  commentText: Me,
+  nestedGroup: Ce,
+  nestedGroupLabel: Le,
+  nestedGroupMembers: Ae
+}, V = ({
+  member: r,
+  depth: m = 0
+}) => {
+  const i = r.groupMembers && r.groupMembers.length > 0, n = r.conceptNameToDisplay ?? r.concept?.shortName ?? r.concept?.name;
+  return i ? /* @__PURE__ */ _("div", { className: o.nestedGroup, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: o.nestedGroupLabel,
+        style: { paddingLeft: `${m * 16}px` },
+        children: n
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: o.nestedGroupMembers, children: r.groupMembers?.map((c, b) => /* @__PURE__ */ e(
+      V,
+      {
+        member: c,
+        depth: m + 1
+      },
+      `${c.concept.uuid}`
+    )) })
+  ] }) : /* @__PURE__ */ _(
+    "div",
+    {
+      className: o.memberRow,
+      style: { paddingLeft: `${m * 16}px` },
+      children: [
+        /* @__PURE__ */ e("p", { className: o.memberLabel, children: n }),
+        /* @__PURE__ */ e("p", { className: o.memberValue, children: r.valueAsString })
+      ]
+    }
+  );
+}, Oe = ({
+  observation: r,
+  index: m
+}) => {
+  const i = r.groupMembers && r.groupMembers.length > 0;
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      className: o.observation,
+      children: [
+        /* @__PURE__ */ _(
+          "div",
+          {
+            className: i ? o.groupContainer : o.rowContainer,
+            children: [
+              /* @__PURE__ */ e("p", { className: i ? o.groupLabel : o.rowLabel, children: r.conceptNameToDisplay }),
+              i ? /* @__PURE__ */ e("div", { className: o.groupMembers, children: r.groupMembers?.map((n, c) => /* @__PURE__ */ e(
+                V,
+                {
+                  member: n,
+                  depth: 0
+                },
+                `${n.concept.uuid}`
+              )) }) : /* @__PURE__ */ e("p", { className: o.rowValue, children: r.valueAsString })
+            ]
+          }
+        ),
+        r.comment && /* @__PURE__ */ e("div", { className: o.commentSection, children: /* @__PURE__ */ _("span", { className: o.commentText, children: [
+          r.comment,
+          r.providers?.[0]?.name && ` - by ${r.providers[0].name}`
+        ] }) })
+      ]
+    },
+    `${r.concept.uuid}-${m}`
+  );
+}, Ge = ({
+  episodeOfCareUuids: r,
+  encounterUuids: m,
+  config: i
+}) => {
+  const { t: n } = Q(), c = J(), [b, v] = U(!1), [d, M] = U(null), $ = i?.numberOfVisits, {
+    data: h = [],
+    isLoading: C,
+    isError: L,
+    error: q
+  } = p({
+    queryKey: ["forms", c, r],
+    queryFn: () => ae(c, void 0, $),
+    enabled: !!c
+  }), A = u(() => !m || m.length === 0 ? h : h.filter(
+    (a) => m.includes(a.encounterUuid)
+  ), [h, m]), { data: O = [] } = p({
+    queryKey: ["observationForms"],
+    queryFn: oe
+  }), R = f(
+    (a) => O.find((t) => t.name === a)?.uuid,
+    [O]
+  ), N = u(() => {
+    if (d)
+      return R(d.formName);
+  }, [d, R]), {
+    data: Re,
+    isLoading: x,
+    error: T
+  } = p({
+    queryKey: ["formMetadata", N],
+    queryFn: () => ne(N),
+    enabled: !!N && b
+  }), {
+    data: g,
+    isLoading: k,
+    error: D
+  } = p({
+    queryKey: ["formsEncounter", d?.encounterUuid],
+    queryFn: () => te(d.encounterUuid, !0),
+    enabled: !!d?.encounterUuid && b
+  }), F = u(() => !g?.observations || !d?.formName ? [] : g.observations.filter(
+    (a) => "formFieldPath" in a && typeof a.formFieldPath == "string" && a.formFieldPath.includes(d.formName)
+  ), [g?.observations, d?.formName]), E = u(
+    () => [
+      { key: "recordedOn", header: n("FORM_RECORDED_ON") },
+      { key: "recordedBy", header: n("FORM_RECORDED_BY") }
+    ],
+    [n]
+  ), H = u(
+    () => [
+      { key: "recordedOn", sortable: !0 },
+      { key: "recordedBy", sortable: !0 }
+    ],
+    []
+  ), G = u(() => {
+    const a = A.reduce(
+      (t, s) => {
+        const l = s.formName;
+        t[l] ??= [];
+        const y = s.providers.map((P) => P.providerName).filter(Boolean).join(", ");
+        return t[l].push({
+          id: s.encounterUuid,
+          formName: s.formName,
+          recordedOn: X(s.encounterDateTime, n, re).formattedResult,
+          recordedBy: y ?? "--",
+          encounterDateTime: s.encounterDateTime,
+          encounterUuid: s.encounterUuid
+        }), t;
+      },
+      {}
+    );
+    return Object.entries(a).map(
+      ([t, s]) => ({
+        formName: t,
+        records: s.sort(
+          (l, y) => y.encounterDateTime - l.encounterDateTime
+        )
+      })
+    ).sort((t, s) => t.formName.localeCompare(s.formName));
+  }, [A, n]), w = f((a) => {
+    M(a), v(!0);
+  }, []), j = f(() => {
+    v(!1), M(null);
+  }, []), B = f(
+    (a, t) => {
+      switch (t) {
+        case "recordedOn":
+          return /* @__PURE__ */ e(z, { onClick: () => w(a), children: a.recordedOn });
+        case "recordedBy":
+          return a.recordedBy;
+        default:
+          return null;
+      }
+    },
+    [w]
+  );
+  return /* @__PURE__ */ _(K, { children: [
+    /* @__PURE__ */ e("div", { "data-testid": "forms-table", children: C || L || G.length === 0 ? /* @__PURE__ */ e(
+      S,
+      {
+        headers: E,
+        ariaLabel: n("FORMS_HEADING"),
+        rows: [],
+        loading: C,
+        errorStateMessage: L ? q?.message : void 0,
+        emptyStateMessage: n("FORMS_UNAVAILABLE"),
+        renderCell: B,
+        className: o.formsTableBody,
+        "data-testid": "sortable-data-table"
+      }
+    ) : /* @__PURE__ */ e(Y, { align: "start", children: G.map((a, t) => {
+      const { formName: s, records: l } = a;
+      return /* @__PURE__ */ e(
+        W,
+        {
+          title: s,
+          className: o.customAccordianItem,
+          testId: "accordian-table-title",
+          open: t === 0,
+          children: /* @__PURE__ */ e(
+            S,
+            {
+              headers: E,
+              ariaLabel: n("FORMS_HEADING"),
+              rows: l,
+              loading: !1,
+              errorStateMessage: "",
+              sortable: H,
+              emptyStateMessage: n("FORMS_UNAVAILABLE"),
+              renderCell: B,
+              className: o.formsTableBody,
+              "data-testid": "sortable-data-table"
+            }
+          )
+        },
+        s
+      );
+    }) }) }),
+    b && d && se(
+      /* @__PURE__ */ e(
+        Z,
+        {
+          open: b,
+          onRequestClose: j,
+          modalHeading: d.formName,
+          modalLabel: `${d.recordedOn} | ${d.recordedBy}`,
+          passiveModal: !0,
+          size: "md",
+          testId: "form-details-modal",
+          children: /* @__PURE__ */ e("div", { className: o.formContent, children: x || k ? /* @__PURE__ */ e(ee, { width: "100%", lineCount: 3 }) : T ? /* @__PURE__ */ e("div", { children: I(T).message ?? n("ERROR_FETCHING_FORM_METADATA") }) : D ? /* @__PURE__ */ e("div", { children: I(D).message ?? n("ERROR_FETCHING_FORM_DATA") }) : F.length > 0 ? /* @__PURE__ */ e("div", { className: o.formDetailsContainer, children: F.map((a, t) => /* @__PURE__ */ e(
+            Oe,
+            {
+              observation: a,
+              index: t
+            },
+            `${a.concept.uuid}`
+          )) }) : /* @__PURE__ */ e("div", { children: n("NO_FORM_DATA_AVAILABLE") }) })
+        }
+      ),
+      document.getElementById("actionAreaLayout") ?? document.body
+    )
+  ] });
+};
+export {
+  Ge as default
+};

package/dist/{LNWAZHJI-r_p3DLMC.js → LNWAZHJI--jRGGOvT.js}

@@ -1,5 +1,5 @@
-import { c, T as l, P as m, a as u, D as v, Q as i } from "./YPM2AS64-Df6IIoZA.js";
-import { g as d, c as f, a as e } from "./index-B4KqNlhB.js";
+import { c, T as l, P as m, a as u, D as v, Q as i } from "./YPM2AS64-Bs9kvYd3.js";
+import { g as d, d as f, f as e } from "./index-Bcg37FwC.js";
 var p = (a) => {
   const [r, t] = c({
     prefix: "TanstackQueryDevtools"

package/dist/{MWZ6AO7Z-E8ueJ9eO.js → MWZ6AO7Z-BZdoAHGa.js}

@@ -1,13 +1,13 @@
-import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./YPM2AS64-Df6IIoZA.js";
-import { g as v, c as C, a as e } from "./index-B4KqNlhB.js";
-var h = (t) => {
+import { c as s, T as c, P as u, a as i, b as m, C as d, Q as P } from "./YPM2AS64-Bs9kvYd3.js";
+import { g as v, d as C, f as e } from "./index-Bcg37FwC.js";
+var f = (t) => {
   const [r, o] = s({
     prefix: "TanstackQueryDevtools"
   }), a = v(), l = C(() => {
     const n = r.theme_preference || c;
     return n !== "system" ? n : a();
   });
-  return e(d.Provider, {
+  return e(P.Provider, {
     value: t,
     get children() {
       return e(u, {
@@ -20,7 +20,7 @@ var h = (t) => {
             get children() {
               return e(m, {
                 get children() {
-                  return e(P, {
+                  return e(d, {
                     localStore: r,
                     setLocalStore: o,
                     get onClose() {
@@ -36,7 +36,7 @@ var h = (t) => {
       });
     }
   });
-}, p = h;
+}, p = f;
 export {
   p as default
 };

package/dist/{YPM2AS64-Df6IIoZA.js → YPM2AS64-Bs9kvYd3.js}

@@ -1,4 +1,4 @@
-import { b as we, d as z, o as xt, e as B, c as q, a as y, P as Ro, m as ye, S as R, t as _, i as k, f as N, h as A, j as bs, k as ir, u as $e, l as U, s as Hn, n as Vn, p as dt, q as D, r as xs, v as cn, w as Be, x as ws, y as qt, z as zt, A as $s, B as Cs, C as $n, F as Ss, D as Nr, E as Bt, $ as zo, G as ks, H as Es, I as j, J as Ur, K as Ms, L as Ds, M as sr, N as As, O as Ts, Q as zn, R as Fs, T as Is, U as Z, V as Ps, W as Ls } from "./index-B4KqNlhB.js";
+import { h as we, i as z, o as xt, j as B, d as q, f as y, P as Ro, m as ye, S as R, k as _, n as k, p as N, q as A, r as bs, s as ir, v as $e, w as U, x as Hn, y as Vn, z as dt, B as D, D as xs, F as cn, H as Be, I as ws, K as qt, L as zt, M as $s, N as Cs, O as $n, R as Ss, T as Nr, U as Bt, $ as zo, W as ks, Y as Es, Z as j, a0 as Ur, a1 as Ms, a2 as Ds, a3 as sr, a4 as As, a5 as Ts, a6 as zn, a7 as Fs, a8 as Is, a9 as Z, aa as Ps, ab as Ls } from "./index-Bcg37FwC.js";
 var Os = (e) => e != null, qs = (e) => e.filter(Os);
 function _s(e) {
   return (...t) => {