@bahmni/widgets 0.0.1-dev.4 → 0.0.1-dev.400

package/README.md

@@ -2,4 +2,4 @@
 
 ## Description
 
-Reusable React display controls and components extracted for sharing across Bahmni modules. This package includes common clinical widgets and notification provider to avoid code duplication across different Bahmni applications.
+Reusable React display controls and components extracted for sharing across Bahmni modules. This package includes common clinical widgets and notification provider to avoid code duplication across different Bahmni applications

package/dist/DocumentsTable-Dzer5eOY.js

@@ -0,0 +1,228 @@
+import { jsx as r, jsxs as T, Fragment as Q } from "react/jsx-runtime";
+import { u as W, a as X, L as J, m as Z, Y as x, b as ee, F as te } from "./index-BqbZxHvD.js";
+import { useQuery as ne } from "@tanstack/react-query";
+import { useState as l, useCallback as _, useEffect as I, useMemo as p } from "react";
+import { useTranslation as ae } from "react-i18next";
+const oe = "DocumentsTable-module_documentsTableBody__6iR3w", se = "DocumentsTable-module_viewAttachmentsLink__aQ1on", re = "DocumentsTable-module_documentViewerContainer__F5m8D", ce = "DocumentsTable-module_attachmentItem__17KA7", de = "DocumentsTable-module_attachmentCounter__WFiI3", me = "DocumentsTable-module_attachmentError__RI4U2", le = "DocumentsTable-module_documentIframe__ptq5I", ue = "DocumentsTable-module_documentImage__KQVgS", c = {
+  documentsTableBody: oe,
+  viewAttachmentsLink: se,
+  documentViewerContainer: re,
+  attachmentItem: ce,
+  attachmentCounter: de,
+  attachmentError: me,
+  documentIframe: le,
+  documentImage: ue
+}, ie = {
+  documentIdentifier: "DOCUMENTS_DOCUMENT_IDENTIFIER",
+  documentType: "DOCUMENTS_TYPE",
+  uploadedOn: "DOCUMENTS_UPLOADED_ON",
+  uploadedBy: "DOCUMENTS_UPLOADED_BY",
+  attachments: "DOCUMENTS_ATTACHMENTS"
+};
+function R(n) {
+  return !n || n.includes(":") ? "#" : `/openmrs/auth?requested_document=/document_images/${n}`;
+}
+function he(n, f) {
+  return n.map((d) => ({
+    key: d,
+    header: f(ie[d])
+  }));
+}
+const Te = [
+  "documentIdentifier",
+  "documentType",
+  "attachments",
+  "uploadedOn",
+  "uploadedBy"
+], _e = /\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i, B = (n) => n.attachments.length > 0 ? n.attachments : n.documentUrl ? [{ url: n.documentUrl, contentType: n.contentType }] : [], Ie = ({ config: n, encounterUuids: f }) => {
+  const [d, M] = l(!1), [s, U] = l(
+    null
+  ), [P, A] = l(
+    /* @__PURE__ */ new Set()
+  ), E = W(), { t: o } = ae(), { addNotification: w } = X(), V = Number(n?.pageSize) || 5, [N, C] = l(1), [u, $] = l(V), [k, O] = l(void 0), v = _((e) => {
+    U(e), M(!0);
+  }, []), z = _(() => {
+    M(!1), U(null), A(/* @__PURE__ */ new Set());
+  }, []), F = _((e) => {
+    A((t) => new Set(t).add(e));
+  }, []), { data: i, isLoading: H, isError: S, error: b } = ne({
+    queryKey: [
+      "documents",
+      E,
+      f,
+      N,
+      u
+    ],
+    enabled: !!E,
+    queryFn: () => J(
+      E,
+      f,
+      u,
+      N
+    )
+  });
+  I(() => {
+    i && O(i.total);
+  }, [i]), I(() => {
+    C(1), O(void 0);
+  }, [E]), I(() => {
+    S && w({
+      title: o("ERROR_DEFAULT_TITLE"),
+      message: b?.message ?? "",
+      type: "error"
+    });
+  }, [S, b, w, o]), I(() => {
+    const e = new AbortController();
+    return (async () => {
+      if (!d || !s) return;
+      const a = /* @__PURE__ */ new Set(), g = B(s);
+      for (let m = 0; m < g.length; m++) {
+        const y = R(g[m].url);
+        try {
+          (await fetch(y, {
+            method: "HEAD",
+            signal: e.signal
+          })).ok || a.add(m);
+        } catch (L) {
+          L instanceof Error && L.name !== "AbortError" && a.add(m);
+        }
+      }
+      e.signal.aborted || A(a);
+    })(), () => e.abort();
+  }, [d, s]);
+  const q = _(
+    (e, t) => {
+      t !== u ? ($(t), C(1), O(void 0)) : C(e);
+    },
+    [u]
+  ), D = p(
+    () => n?.fields ?? Te,
+    [n?.fields]
+  ), Y = p(() => [...i?.documents ?? []].sort((t, a) => !t.uploadedOn && !a.uploadedOn ? 0 : t.uploadedOn ? a.uploadedOn ? new Date(a.uploadedOn).getTime() - new Date(t.uploadedOn).getTime() : -1 : 1), [i]), j = p(() => he(D, o), [D, o]), K = p(
+    () => D.map((e) => ({
+      key: e,
+      sortable: e !== "attachments"
+    })),
+    [D]
+  ), h = p(
+    () => s ? B(s) : [],
+    [s]
+  ), G = _(
+    (e, t) => {
+      switch (t) {
+        case "documentIdentifier":
+          return /* @__PURE__ */ r("span", { children: e.documentIdentifier });
+        case "documentType":
+          return e.documentType ?? o("DOCUMENTS_NOT_AVAILABLE");
+        case "uploadedOn":
+          return x(
+            e.uploadedOn,
+            o,
+            !0
+          ).formattedResult || o("DOCUMENTS_NOT_AVAILABLE");
+        case "uploadedBy":
+          return e.uploadedBy ?? o("DOCUMENTS_NOT_AVAILABLE");
+        case "attachments":
+          return e.attachments.length > 0 || !!e.documentUrl ? /* @__PURE__ */ r(
+            Z,
+            {
+              onClick: () => v(e),
+              className: c.viewAttachmentsLink,
+              "data-testid": `view-attachments-${e.id}`,
+              children: o("DOCUMENTS_VIEW_ATTACHMENTS")
+            }
+          ) : "--";
+        default:
+          return null;
+      }
+    },
+    [v, o]
+  );
+  return /* @__PURE__ */ T(Q, { children: [
+    /* @__PURE__ */ r("div", { "data-testid": "documents-table", children: /* @__PURE__ */ r(
+      ee,
+      {
+        headers: j,
+        ariaLabel: o("DOCUMENTS_TABLE_HEADING"),
+        rows: Y,
+        loading: H,
+        errorStateMessage: S ? b?.message : null,
+        sortable: K,
+        emptyStateMessage: o("DOCUMENTS_NO_RECORDS"),
+        renderCell: G,
+        className: c.documentsTableBody,
+        dataTestId: "documents-table",
+        pageSize: u,
+        totalItems: k,
+        page: N,
+        onPageChange: q
+      }
+    ) }),
+    d && s && /* @__PURE__ */ r(
+      te,
+      {
+        id: "modalIdForActionAreaLayout",
+        portalId: "main-display-area",
+        open: d,
+        onRequestClose: z,
+        modalHeading: s.documentIdentifier,
+        passiveModal: !0,
+        size: "lg",
+        testId: "document-view-modal",
+        children: /* @__PURE__ */ r("div", { className: c.documentViewerContainer, children: h.map((e, t) => {
+          const a = R(e.url), g = e.contentType?.toLowerCase().includes("pdf"), m = (e.contentType?.toLowerCase().includes("image") ?? !1) || _e.test(e.url ?? ""), y = P.has(t);
+          return a === "#" || y ? /* @__PURE__ */ T(
+            "div",
+            {
+              className: c.attachmentError,
+              "data-testid": `attachment-error-${t}`,
+              children: [
+                h.length > 1 && /* @__PURE__ */ T("p", { className: c.attachmentCounter, children: [
+                  t + 1,
+                  "/",
+                  h.length
+                ] }),
+                /* @__PURE__ */ r("p", { children: o("DOCUMENTS_ERROR_LOADING_ATTACHMENT") })
+              ]
+            },
+            `${s.id}-${e.url}`
+          ) : /* @__PURE__ */ T(
+            "div",
+            {
+              className: c.attachmentItem,
+              "data-testid": `attachment-item-${t}`,
+              children: [
+                h.length > 1 && /* @__PURE__ */ T("p", { className: c.attachmentCounter, children: [
+                  t + 1,
+                  "/",
+                  h.length
+                ] }),
+                m ? /* @__PURE__ */ r(
+                  "img",
+                  {
+                    src: a,
+                    alt: s.documentIdentifier,
+                    className: c.documentImage,
+                    onError: () => F(t)
+                  }
+                ) : /* @__PURE__ */ r(
+                  "iframe",
+                  {
+                    src: g ? `${a}#toolbar=0` : a,
+                    className: c.documentIframe,
+                    title: s.documentIdentifier,
+                    onError: () => F(t)
+                  }
+                )
+              ]
+            },
+            `${s.id}-${e.url}`
+          );
+        }) })
+      }
+    )
+  ] });
+};
+export {
+  Ie as default
+};

package/dist/FormsTable-CwXX7pm4.js

@@ -0,0 +1,306 @@
+import { jsx as i, jsxs as $, Fragment as ge } from "react/jsx-runtime";
+import { u as be, c as Oe, d as Ne, f as Ee, l as Te, i as ve, e as Fe, B as Ie, O as Ae, g as _e, h as Re, j as G, Y as De, C as K, k as z, m as Me, b as Y, r as Be, n as Le, F as Ce, o as Se, p as Ue } from "./index-BqbZxHvD.js";
+import { useQueryClient as ke, useQuery as E } from "@tanstack/react-query";
+import { useState as Q, useMemo as d, useCallback as c } from "react";
+import { useTranslation as we } from "react-i18next";
+const He = "FormsTable-module_formsTableBody__SvGha", qe = "FormsTable-module_modalHeading__wnTmA", Pe = "FormsTable-module_customAccordianItem__isszs", T = {
+  formsTableBody: He,
+  modalHeading: qe,
+  customAccordianItem: Pe
+}, Ve = "startConsultation", ze = ({
+  episodeOfCareUuids: D,
+  encounterUuids: m,
+  config: W,
+  disableActions: J = !1,
+  activeEncounterUuid: y = null
+}) => {
+  const { t: n } = we(), u = be(), [g, M] = Q(!1), [a, B] = Q(null), {
+    numberOfVisits: X,
+    hideThumbnail: Z = !1,
+    forms: b
+  } = W ?? {}, ee = Oe(
+    Ue.EDIT_OBSERVATIONS
+  ), { userPrivileges: O } = Ne(), v = ee && !J && !!y, L = Ee(
+    D,
+    m
+  ), re = ke(), {
+    data: C = [],
+    isLoading: S,
+    isError: U,
+    error: te,
+    refetch: oe
+  } = E({
+    queryKey: ["forms", u, D],
+    queryFn: () => Te(u, void 0, X),
+    enabled: !!u && !L
+  }), k = d(() => {
+    let e = C;
+    return m && m.length > 0 && (e = e.filter(
+      (r) => m.includes(r.encounterUuid)
+    )), Array.isArray(b) && b.length > 0 && (e = e.filter(
+      (r) => b.some((o) => o.toLowerCase() === r.formName.toLowerCase())
+    )), e;
+  }, [C, m, b]), { data: N = [] } = E({
+    queryKey: ["observationForms"],
+    queryFn: () => ve()
+  }), w = c(
+    (e) => {
+      const r = N.find((t) => t.name === e);
+      if (!r?.privileges || r.privileges.length === 0) return !0;
+      if (!O || O.length === 0) return !1;
+      const o = new Set(O.map((t) => t.name));
+      return r.privileges.some(
+        (t) => o.has(t.privilegeName) && t.editable
+      );
+    },
+    [N, O]
+  ), f = c(
+    (e) => !y || e.encounterUuid !== y ? !1 : w(e.formName),
+    [y, w]
+  ), H = c(
+    (e) => N.find((o) => o.name === e)?.uuid,
+    [N]
+  ), F = d(() => {
+    if (a)
+      return H(a.formName);
+  }, [a, H]), {
+    data: l,
+    isLoading: se,
+    isError: ae,
+    error: I
+  } = E({
+    queryKey: ["formMetadata", F],
+    queryFn: () => Fe(F),
+    enabled: !!F && g
+  }), {
+    data: A,
+    isLoading: ne,
+    isError: ie,
+    error: _
+  } = E({
+    queryKey: ["formsEncounterFHIR", a?.encounterUuid],
+    queryFn: () => Ie(a.encounterUuid),
+    enabled: !!a?.encounterUuid && g
+  });
+  Ae(
+    (e) => {
+      e.patientUUID === u && (oe(), re.invalidateQueries({ queryKey: ["formsEncounterFHIR"] }));
+    },
+    [u]
+  );
+  const de = d(() => !A?.entry || !a?.formName ? [] : A.entry.filter((r) => r.resource?.resourceType === "Observation").map((r) => r.resource).filter((r) => _e(r) ? Re(r)?.toLowerCase() === a.formName.toLowerCase() : !0), [A, a?.formName]), le = d(() => {
+    if (!l?.schema) return;
+    const e = [], r = (o) => {
+      (o ?? []).forEach((t) => {
+        const s = t;
+        s.id != null && e.push(String(s.id)), s.controls && r(s.controls);
+      });
+    };
+    return r(
+      l.schema.controls ?? []
+    ), e.length > 0 ? e : void 0;
+  }, [l]), ce = d(() => {
+    if (!l?.schema) return;
+    const e = {}, r = (o, t) => {
+      for (const s of o)
+        if (s.type === "section") {
+          const p = s.label?.value ?? "Section";
+          r(s.controls ?? [], p);
+        } else
+          s.id != null && t && (e[String(s.id)] = t), s.controls && r(s.controls, t);
+    };
+    return r(
+      l.schema.controls ?? [],
+      null
+    ), Object.keys(e).length > 0 ? e : void 0;
+  }, [l]), me = d(() => {
+    if (!l?.schema) return;
+    const e = {}, r = (o) => {
+      (o ?? []).forEach((t) => {
+        const s = t;
+        s.concept?.uuid && s.concept?.datatype && (e[s.concept.uuid] = s.concept.datatype), s.controls && r(s.controls);
+      });
+    };
+    return r(
+      l.schema.controls ?? []
+    ), Object.keys(e).length > 0 ? e : void 0;
+  }, [l]), ue = d(() => {
+    if (I)
+      return G(I).message;
+    if (_)
+      return G(_).message;
+  }, [I, _]), h = d(
+    () => [
+      { key: "recordedOn", header: n("RECORDED_ON") },
+      { key: "recordedBy", header: n("RECORDED_BY") }
+    ],
+    [n]
+  ), q = d(
+    () => [...h, { key: "actions", header: n("ACTIONS") }],
+    [h, n]
+  ), fe = c(
+    (e) => v && e.some((o) => f(o)) ? q : h,
+    [v, f, q, h]
+  ), he = h, pe = d(
+    () => [
+      { key: "recordedOn", sortable: !0 },
+      { key: "recordedBy", sortable: !0 }
+    ],
+    []
+  ), P = d(() => {
+    const e = k.reduce(
+      (o, t) => {
+        const s = t.formName;
+        o[s] ??= [];
+        const p = t.providers.map((ye) => ye.providerName).filter(Boolean).join(", ");
+        return o[s].push({
+          id: t.encounterUuid,
+          formName: t.formName,
+          recordedOn: De(t.encounterDateTime, n, !0).formattedResult,
+          recordedBy: p ?? "--",
+          encounterDateTime: t.encounterDateTime,
+          encounterUuid: t.encounterUuid
+        }), o;
+      },
+      {}
+    );
+    return Object.entries(e).map(
+      ([o, t]) => ({
+        formName: o,
+        records: t.sort(
+          (s, p) => p.encounterDateTime - s.encounterDateTime
+        )
+      })
+    ).sort((o, t) => o.formName.localeCompare(t.formName));
+  }, [k, n]), V = c((e) => {
+    B(e), M(!0);
+  }, []), j = c(() => {
+    M(!1), B(null);
+  }, []), R = c((e) => {
+    globalThis.dispatchEvent(
+      new CustomEvent(Ve, {
+        detail: {
+          editOnly: "observationForms",
+          editTitle: "EDIT_OBSERVATION_FORM_TITLE",
+          sourceEncounterUuid: e.encounterUuid,
+          formName: e.formName,
+          directFormMode: !0
+        }
+      })
+    );
+  }, []), x = c(
+    (e, r) => {
+      switch (r) {
+        case "recordedOn":
+          return /* @__PURE__ */ i(Me, { onClick: () => V(e), children: e.recordedOn });
+        case "recordedBy":
+          return e.recordedBy;
+        case "actions":
+          return f(e) ? /* @__PURE__ */ i(
+            K,
+            {
+              label: n("EDIT_OBSERVATION_FORM"),
+              kind: "ghost",
+              size: "sm",
+              testId: `edit-form-${e.encounterUuid}`,
+              onClick: () => R(e),
+              children: /* @__PURE__ */ i(z, {})
+            }
+          ) : null;
+        default:
+          return null;
+      }
+    },
+    [V, R, f, n]
+  );
+  return /* @__PURE__ */ $(ge, { children: [
+    /* @__PURE__ */ i("div", { id: "forms-table", "data-testid": "forms-table", children: S || U || P.length === 0 || L ? /* @__PURE__ */ i(
+      Y,
+      {
+        headers: he,
+        ariaLabel: n("FORMS_HEADING"),
+        rows: [],
+        loading: S,
+        errorStateMessage: U ? te?.message : void 0,
+        emptyStateMessage: n("FORMS_UNAVAILABLE"),
+        renderCell: x,
+        className: T.formsTableBody,
+        dataTestId: "forms-table"
+      }
+    ) : /* @__PURE__ */ i(Be, { align: "start", children: P.map((e, r) => {
+      const { formName: o, records: t } = e, s = fe(t);
+      return /* @__PURE__ */ i(
+        Le,
+        {
+          title: o,
+          className: T.customAccordianItem,
+          testId: `accordian-title-${o}`,
+          open: r === 0,
+          children: /* @__PURE__ */ i(
+            Y,
+            {
+              headers: s,
+              ariaLabel: n("FORMS_HEADING"),
+              rows: t,
+              loading: !1,
+              errorStateMessage: "",
+              sortable: pe,
+              emptyStateMessage: n("FORMS_UNAVAILABLE"),
+              renderCell: x,
+              className: T.formsTableBody,
+              dataTestId: `forms-table-${o}`
+            }
+          )
+        },
+        o
+      );
+    }) }) }),
+    g && a && /* @__PURE__ */ i(
+      Ce,
+      {
+        id: "modalIdForActionAreaLayout",
+        portalId: "main-display-area",
+        open: g,
+        onRequestClose: j,
+        modalHeading: /* @__PURE__ */ $("div", { className: T.modalHeading, children: [
+          /* @__PURE__ */ i("span", { children: a.formName }),
+          v && f(a) && /* @__PURE__ */ i(
+            K,
+            {
+              label: n("EDIT_OBSERVATION_FORM"),
+              kind: "ghost",
+              size: "sm",
+              testId: `edit-form-modal-${a.encounterUuid}`,
+              onClick: () => {
+                j(), R(a);
+              },
+              children: /* @__PURE__ */ i(z, {})
+            }
+          )
+        ] }),
+        modalLabel: `${a.recordedOn} | ${a.recordedBy}`,
+        passiveModal: !0,
+        size: "md",
+        testId: "form-details-modal",
+        children: /* @__PURE__ */ i(
+          Se,
+          {
+            observations: de,
+            isLoading: se || ne,
+            isError: ae || ie,
+            errorMessage: ue,
+            emptyStateMessage: n("NO_FORM_DATA_AVAILABLE"),
+            testIdPrefix: a.formName,
+            hideThumbnail: Z,
+            controlOrder: le,
+            sectionMap: ce,
+            conceptDatatypeMap: me
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  ze as default
+};