@bahmni/widgets 0.0.1-dev.100 → 0.0.1-dev.102

package/dist/FormsTable-DLr7yxQC.js

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

package/dist/forms/FormsTable.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { WidgetProps } from '../registry/model';
+/**
+ * Component to display patient forms grouped by form name in accordion format
+ * Each accordion item contains a SortableDataTable with form records for that form type
+ */
+declare const FormsTable: React.FC<WidgetProps>;
+export default FormsTable;
+//# sourceMappingURL=FormsTable.d.ts.map

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

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

package/dist/forms/ObservationItem.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ObservationData } from './models';
+interface ObservationItemProps {
+    observation: ObservationData;
+    index: number;
+}
+export declare const ObservationItem: React.FC<ObservationItemProps>;
+export default ObservationItem;
+//# sourceMappingURL=ObservationItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObservationItem.d.ts","sourceRoot":"","sources":["../../src/forms/ObservationItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,UAAU,oBAAoB;IAC5B,WAAW,EAAE,eAAe,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;CACf;AAyDD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6C1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/forms/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FormsTable';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/forms/models.d.ts

@@ -0,0 +1,35 @@
+export interface ObservationData {
+    concept: {
+        name: string;
+        uuid: string;
+        shortName?: string;
+        units?: string;
+        hiNormal?: number;
+        lowNormal?: number;
+    };
+    value?: unknown;
+    valueAsString?: string;
+    conceptNameToDisplay?: string;
+    groupMembers?: ObservationData[];
+    formFieldPath?: string;
+    comment?: string;
+    providers?: Array<{
+        uuid: string;
+        name: string;
+    }>;
+    interpretation?: string;
+}
+interface FormRecordViewModel {
+    id: string;
+    formName: string;
+    recordedOn: string;
+    recordedBy: string;
+    encounterDateTime: number;
+    encounterUuid: string;
+}
+interface GroupedFormRecords {
+    formName: string;
+    records: FormRecordViewModel[];
+}
+export type { FormRecordViewModel, GroupedFormRecords };
+//# sourceMappingURL=models.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../src/forms/models.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,CAAC,CAAC;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,mBAAmB;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,mBAAmB,EAAE,CAAC;CAChC;AACD,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC"}