@bahmni/reports-app 0.0.1-dev.422

package/dist/Observations-f5ZvMmFn-_Fn9yyIz.js

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

package/dist/ReportsPage-DEhk2rFR.js

@@ -0,0 +1,109 @@
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import { u as E, $ as c, M as i, D as P, G as A, H as b, I as m, X as d, Q as L, K as l, U as B, W as O } from "./index-BMa5QlCF.js";
+import { useMemo as h, useCallback as S } from "react";
+import "@tanstack/react-query";
+import { useLocation as g, useNavigate as u } from "react-router-dom";
+const M = "ReportsPage-module_page__ewRXe", y = "ReportsPage-module_panel__HFBCt", s = {
+  page: M,
+  panel: y
+}, o = 1, H = 0, N = () => {
+  const { t: e } = E(), n = g(), r = u(), R = h(
+    () => [
+      { id: "home", label: e("REPORTS_HOME_LABEL"), href: c },
+      { id: "reports", label: e("REPORTS_LABEL"), isCurrentPage: !0 }
+    ],
+    [e]
+  ), _ = n.pathname === i ? o : H, p = S(
+    ({ selectedIndex: T }) => {
+      r(
+        T === o ? i : P
+      );
+    },
+    [r]
+  );
+  return /* @__PURE__ */ a(
+    A,
+    {
+      header: /* @__PURE__ */ a(
+        "div",
+        {
+          id: "reports-page-header",
+          "data-testid": "reports-page-header-test-id",
+          "aria-label": "Reports Page Header",
+          children: /* @__PURE__ */ a(
+            B,
+            {
+              breadcrumbItems: R,
+              userMenu: /* @__PURE__ */ a(O, {})
+            }
+          )
+        }
+      ),
+      main: /* @__PURE__ */ a(
+        "div",
+        {
+          id: "reports-page",
+          "data-testid": "reports-page-test-id",
+          "aria-label": "Reports Page",
+          className: s.page,
+          children: /* @__PURE__ */ t(b, { selectedIndex: _, onChange: p, children: [
+            /* @__PURE__ */ t(
+              m,
+              {
+                id: "reports-tab-list",
+                "data-testid": "reports-tab-list-test-id",
+                "aria-label": e("REPORTS_TAB_LIST_ARIA_LABEL"),
+                children: [
+                  /* @__PURE__ */ a(
+                    d,
+                    {
+                      id: "reports-tab",
+                      "data-testid": "reports-tab-test-id",
+                      "aria-label": e("REPORTS_TAB_LABEL"),
+                      children: e("REPORTS_TAB_LABEL")
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    d,
+                    {
+                      id: "my-reports-tab",
+                      "data-testid": "my-reports-tab-test-id",
+                      "aria-label": e("REPORTS_MY_REPORTS_TAB_LABEL"),
+                      children: e("REPORTS_MY_REPORTS_TAB_LABEL")
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ t(L, { children: [
+              /* @__PURE__ */ a(
+                l,
+                {
+                  id: "reports-tab-panel",
+                  "data-testid": "reports-tab-panel-test-id",
+                  "aria-label": e("REPORTS_TAB_LABEL"),
+                  className: s.panel,
+                  children: /* @__PURE__ */ a("p", { children: e("REPORTS_TAB_PLACEHOLDER") })
+                }
+              ),
+              /* @__PURE__ */ a(
+                l,
+                {
+                  id: "my-reports-tab-panel",
+                  "data-testid": "my-reports-tab-panel-test-id",
+                  "aria-label": e("REPORTS_MY_REPORTS_TAB_LABEL"),
+                  className: s.panel,
+                  children: /* @__PURE__ */ a("p", { children: e("REPORTS_MY_REPORTS_TAB_PLACEHOLDER") })
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+};
+export {
+  N as ReportsPage,
+  N as default
+};