hplx-feature-library 1.0.159 → 1.0.160

package/dist/PediatricsCalculatorTable-DGWlajqt.js

@@ -0,0 +1,832 @@
+import { j as e, b as k, O as ge, c as Y, g as xe, K as oe } from "./index-4whwJbrk.js";
+import le, { createContext as ye, useContext as _e, useState as W, useEffect as J, useMemo as Z, useCallback as G, forwardRef as be, useImperativeHandle as we } from "react";
+import { C_MedicineCalculatorList as ae, C_FrequencyDosageMap as ce, C_MedicineTypeList as te, C_MedicineFrequencyList as de, C_DefaultMgKgFields as je, C_DefaultMlKgFields as ve, C_Table_Column_Name as Ce } from "./constants/PediatricsCalculatorConstants/index.js";
+import g from "./CustomDropdown/index.js";
+import { M as Ie, A as Ne } from "./AlertPopup-CSD_rZzv.js";
+const fe = ye(null), he = () => {
+  const i = _e(fe);
+  if (!i) throw new Error("usePediatricsCalculatorTableContext must be used inside a MedicineTableProvider");
+  return i;
+}, Me = ({
+  effectiveEditMode: i,
+  rowData: a,
+  isSavedToLibrary: x,
+  onSave: _,
+  onCancel: b,
+  onEdit: w,
+  onCheckboxToggle: o
+}) => {
+  const { variant: j, externallyTriggeredEditMode: L, setRowToDelete: v, openPopupForRow: E } = he();
+  return j === "standard" ? i ? /* @__PURE__ */ e.jsxs("div", { className: "hfl-grid hfl-grid-cols-[1fr_1fr] hfl-border-1 hfl-border-Gray-200 hfl-rounded-lg ", children: [
+    /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        className: "hfl-px-3 hfl-py-1 hfl-text-Blue_gray-800 hfl-border-r-1 hover:hfl-bg-Primary-50",
+        onClick: _,
+        children: /* @__PURE__ */ e.jsx(k, { variant: "Medium", type: "Text xs", className: "hfl-text-Blue_gray-800", children: "Save" })
+      }
+    ),
+    /* @__PURE__ */ e.jsx("button", { className: "hfl-px-3 hfl-py-2 hfl-text-Error-600 hover:hfl-bg-Error-50", onClick: b, children: /* @__PURE__ */ e.jsx(k, { variant: "Medium", type: "Text xs", className: "", children: "Cancel" }) })
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: "hfl-grid hfl-grid-cols-[1fr_1fr_1fr] hfl-border-1 hfl-border-Gray-200 hfl-rounded-lg", children: [
+    /* @__PURE__ */ e.jsx("button", { className: "hfl-px-3 hfl-py-1 hfl-text-Blue_gray-800 hover:hfl-bg-Primary-50", onClick: w, children: /* @__PURE__ */ e.jsx(k, { variant: "Medium", type: "Text xs", className: "", children: "Edit" }) }),
+    /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        className: "hfl-px-3 hfl-py-2 hfl-text-Blue_gray-800 hfl-border-x-1 hover:hfl-bg-Primary-50",
+        onClick: () => E?.(a),
+        children: /* @__PURE__ */ e.jsx(k, { variant: "Medium", type: "Text xs", className: "", children: "Copy" })
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        className: "hx_delete hfl-px-3 hfl-py-2 hfl-text-Error-500 hover:hfl-bg-Error-50",
+        onClick: () => v?.(a.rowId)
+      }
+    )
+  ] }) : /* @__PURE__ */ e.jsx(
+    ge,
+    {
+      disabled: !L,
+      text: "Save this to Pediatric Calculator Library ",
+      id: a.rowId,
+      size: "md",
+      onClick: o,
+      isMarked: x ?? !1,
+      checkboxClasses: "hfl-mt-2",
+      checkBoxInnerDivClasses: "hfl-text-Blue-600 hfl-bg-Blue-50"
+    },
+    a.rowId
+  );
+};
+var ne, ue;
+function Te() {
+  if (ue) return ne;
+  ue = 1;
+  var i = "Expected a function", a = NaN, x = "[object Symbol]", _ = /^\s+|\s+$/g, b = /^[-+]0x[0-9a-f]+$/i, w = /^0b[01]+$/i, o = /^0o[0-7]+$/i, j = parseInt, L = typeof Y == "object" && Y && Y.Object === Object && Y, v = typeof self == "object" && self && self.Object === Object && self, E = L || v || Function("return this")(), F = Object.prototype, $ = F.toString, O = Math.max, n = Math.min, d = function() {
+    return E.Date.now();
+  };
+  function M(s, p, f) {
+    var u, D, I, r, t, N, y = 0, q = !1, R = !1, l = !0;
+    if (typeof s != "function")
+      throw new TypeError(i);
+    p = z(p) || 0, T(f) && (q = !!f.leading, R = "maxWait" in f, I = R ? O(z(f.maxWait) || 0, p) : I, l = "trailing" in f ? !!f.trailing : l);
+    function c(m) {
+      var K = u, X = D;
+      return u = D = void 0, y = m, r = s.apply(X, K), r;
+    }
+    function h(m) {
+      return y = m, t = setTimeout(P, p), q ? c(m) : r;
+    }
+    function S(m) {
+      var K = m - N, X = m - y, re = p - K;
+      return R ? n(re, I - X) : re;
+    }
+    function A(m) {
+      var K = m - N, X = m - y;
+      return N === void 0 || K >= p || K < 0 || R && X >= I;
+    }
+    function P() {
+      var m = d();
+      if (A(m))
+        return se(m);
+      t = setTimeout(P, S(m));
+    }
+    function se(m) {
+      return t = void 0, l && u ? c(m) : (u = D = void 0, r);
+    }
+    function pe() {
+      t !== void 0 && clearTimeout(t), y = 0, u = N = D = t = void 0;
+    }
+    function me() {
+      return t === void 0 ? r : se(d());
+    }
+    function ee() {
+      var m = d(), K = A(m);
+      if (u = arguments, D = this, N = m, K) {
+        if (t === void 0)
+          return h(N);
+        if (R)
+          return t = setTimeout(P, p), c(N);
+      }
+      return t === void 0 && (t = setTimeout(P, p)), r;
+    }
+    return ee.cancel = pe, ee.flush = me, ee;
+  }
+  function T(s) {
+    var p = typeof s;
+    return !!s && (p == "object" || p == "function");
+  }
+  function C(s) {
+    return !!s && typeof s == "object";
+  }
+  function U(s) {
+    return typeof s == "symbol" || C(s) && $.call(s) == x;
+  }
+  function z(s) {
+    if (typeof s == "number")
+      return s;
+    if (U(s))
+      return a;
+    if (T(s)) {
+      var p = typeof s.valueOf == "function" ? s.valueOf() : s;
+      s = T(p) ? p + "" : p;
+    }
+    if (typeof s != "string")
+      return s === 0 ? s : +s;
+    s = s.replace(_, "");
+    var f = w.test(s);
+    return f || o.test(s) ? j(s.slice(2), f ? 2 : 8) : b.test(s) ? a : +s;
+  }
+  return ne = M, ne;
+}
+var De = Te();
+const Se = /* @__PURE__ */ xe(De), ie = (i, a) => {
+  const x = parseFloat(i), _ = parseFloat(a);
+  if (!i || !a || isNaN(x) || isNaN(_) || _ === 0)
+    return "";
+  const b = x / _;
+  return Number.isInteger(b) ? b.toString(10) : b.toFixed(3).replace(/\.?0+$/, "");
+}, V = (i) => /^(\d+)?(\.)?(\d*)?$/.test(i), B = ({ label: i, children: a }) => /* @__PURE__ */ e.jsxs(
+  k,
+  {
+    variant: "Regular",
+    type: "Text sm",
+    className: "hfl-grid hfl-grid-cols-2 hfl-items-center hfl-text-Blue_gray-800 hfl-justify-between hfl-gap-8",
+    children: [
+      /* @__PURE__ */ e.jsxs("span", { className: "hfl-flex-shrink-0", children: [
+        i,
+        ":"
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "hfl-flex-1 hfl-min-w-0", children: a })
+    ]
+  }
+), H = ({ label: i, value: a }) => /* @__PURE__ */ e.jsxs(k, { variant: "Regular", type: "Text sm", className: "hfl-flex hfl-text-Blue_gray-800 hfl-gap-1", children: [
+  /* @__PURE__ */ e.jsxs("span", { className: "hfl-flex-shrink-0", children: [
+    i,
+    ":"
+  ] }),
+  /* @__PURE__ */ e.jsx(k, { variant: "Bold", type: "Text sm", className: "hfl-text-Blue_gray-800 hfl-break-words hfl-min-w-0", children: a || "--" })
+] }), Q = ({ children: i, className: a = "" }) => /* @__PURE__ */ e.jsx(
+  k,
+  {
+    variant: "Regular",
+    type: "Text sm",
+    className: `hfl-text-Blue_gray-800 hfl-px-2 hfl-break-words hfl-overflow-wrap-anywhere hfl-min-w-0 ${a}`,
+    children: i
+  }
+), ke = le.memo(
+  function({ rowData: a, isEditing: x, setIsEditing: _, onSaveRow: b, allowCustomMedicineInput: w }) {
+    const {
+      variant: o,
+      externallyTriggeredEditMode: j,
+      externallyTriggeredEditRowIds: L,
+      getMedicineOptions: v,
+      onRowChange: E,
+      onRowDelete: F
+    } = he(), [$, O] = W([]), [n, d] = W(a), [M, T] = W(a.medicine_name);
+    J(() => {
+      x || T(a.medicine_name);
+    }, [a.medicine_name, x]), J(() => {
+      x || d(a);
+    }, [a, x]);
+    const C = async (l) => (await v?.(l))?.map((h) => ({
+      label: h.doctorMedicineName,
+      value: h
+    })) || [], z = j || L?.includes(a.rowId) || x, s = Z(() => n.out_of_range || a.out_of_range, [n.out_of_range, a.out_of_range]), p = Z(() => n?.isDosageMismatch || a?.isDosageMismatch, [n?.isDosageMismatch, a?.isDosageMismatch]), f = le.useMemo(() => n.calculation_type === ae[0] ? n.calculation_fields : null, [n.calculation_fields, n.calculation_type]), u = le.useMemo(() => n.calculation_type === ae[1] ? n.calculation_fields : null, [n.calculation_fields, n.calculation_type]), D = (l, c) => {
+      let h;
+      if (l === "calculation_type") {
+        const S = c, A = {
+          frequency: n.calculation_fields.frequency,
+          pedia_dosage: o === "standard" ? n.calculation_fields.pedia_dosage : n.pedia_dosage
+        };
+        h = {
+          ...n,
+          calculation_type: S,
+          calculation_fields: S === "mg/kg/dose" ? { ...je, ...A } : { ...ve, ...A }
+        };
+      } else
+        h = {
+          ...n,
+          [l]: c
+        };
+      d(h), o === "prescription" && I(h, l);
+    }, I = Z(
+      () => Se((l, c) => {
+        E?.(l, c || void 0);
+      }, 500),
+      [E]
+    ), r = Z(() => /* @__PURE__ */ e.jsxs("div", { className: "hfl-mb-1 hfl-flex hfl-w-max hfl-items-center hfl-rounded hfl-border-1 hfl-border-Warning-400 hfl-bg-Warning-50 hfl-p-1 hfl-px-2", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "hx_warning hfl-text-Error-400" }),
+      /* @__PURE__ */ e.jsx(k, { variant: "Regular", type: "Text sm", className: "hfl-px-2 hfl-text-1 hfl-text-Error-500", children: "Dosage exceed safety limits" })
+    ] }), []);
+    J(() => () => {
+      I.cancel();
+    }, [I]);
+    const t = G(
+      (l, c) => {
+        d((h) => {
+          let S = { ...h.calculation_fields, [l]: c };
+          if (l === "frequency" && o === "standard") {
+            const P = ce[c] || [];
+            P.length > 0 && (S = {
+              ...S,
+              pedia_dosage: P[0]
+            });
+          }
+          const A = {
+            ...h,
+            calculation_fields: S
+          };
+          return o === "prescription" && I(A, l), A;
+        });
+      },
+      [I, o]
+    ), N = async () => {
+      const l = {
+        ...n,
+        calculation_fields: { ...n.calculation_fields }
+      };
+      await b?.(l) && I({ ...l, isNewlyAdded: !1, isEditing: !1 });
+    }, y = async () => {
+      if (!a.medicine_name || a.medicine_name.trim() === "") {
+        F?.(a.rowId);
+        return;
+      }
+      d(a), o === "standard" && _(!1);
+    }, q = (l) => o === "prescription" && (l === "medicine_name" || l === "generic_name" || l === "type" || l === "calculation_type") ? !1 : z, R = () => {
+      const l = !(n?.isSavedToLibrary ?? !1), c = { ...n, isSavedToLibrary: l };
+      d(c), I(c, "isSavedToLibrary");
+    };
+    return /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: `medicine-row hfl-grid hfl-grid-cols-[1.36fr_1.36fr_1.02fr_1.25fr_2.27fr_1.36fr_1.36fr] hfl-gap-2 hfl-px-2 hfl-py-1 hfl-border-b-1 hfl-border-Gray-200 ${z ? "hfl-bg-gradient-to-b hfl-from-White_20 hfl-to-Primary-50" : ""} ${o === "prescription" && !n.pedia_data_available ? "hfl-hidden" : ""}`,
+        children: [
+          /* @__PURE__ */ e.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: q("medicine_name") ? /* @__PURE__ */ e.jsx(
+            g,
+            {
+              wrapperClass: "hfl-w-full",
+              btnClassName: "hfl-w-full",
+              inputClassName: "hfl-w-full",
+              inputValue: n.medicine_name,
+              showInput: !0,
+              disableInputAutoSize: !0,
+              inputChangeHandler: async (l) => {
+                if (D("medicine_name", l), l.trim()) {
+                  const c = await C(l);
+                  O(c);
+                } else
+                  O([]);
+              },
+              onInputFocus: async () => {
+                const l = await C(n.medicine_name);
+                O(l);
+              },
+              onChangeHandler: (l) => {
+                const c = l.value, h = te.find((S) => S.val === c.medicineType);
+                d((S) => ({
+                  ...S,
+                  medicine_name: c.doctorMedicineName,
+                  medicine_id: c.medicineId,
+                  generic_name: c.doctorGenericName,
+                  type: h?.type ?? ""
+                })), T(c.doctorMedicineName);
+              },
+              options: $,
+              isSearchable: !0,
+              placeholder: "Search medicine",
+              disabled: !n?.isNewlyAdded,
+              inputProps: {
+                onBlur: (l) => {
+                  const c = l.relatedTarget;
+                  if (!(c && c.closest(".custom-dropdown-menu")) && !w) {
+                    const h = n.medicine_name?.trim() || "";
+                    $.some((A) => A.label === h) || d((A) => ({ ...A, medicine_name: M }));
+                  }
+                }
+              }
+            }
+          ) : /* @__PURE__ */ e.jsx(Q, { children: a.medicine_name }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: q("generic_name") ? /* @__PURE__ */ e.jsx(
+            g,
+            {
+              wrapperClass: "hfl-w-full",
+              inputClassName: "hfl-w-full",
+              btnClassName: "hfl-w-full",
+              inputValue: n.generic_name,
+              showInput: !0,
+              disableInputAutoSize: !0,
+              inputChangeHandler: (l) => D("generic_name", l),
+              hideDropdownIcon: !0
+            }
+          ) : /* @__PURE__ */ e.jsx(Q, { children: a.generic_name }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: q("type") ? /* @__PURE__ */ e.jsx(
+            g,
+            {
+              wrapperClass: "hfl-w-full",
+              btnClassName: "hfl-w-full",
+              placeholder: "Select",
+              showInput: !1,
+              disableInputAutoSize: !0,
+              selectedOption: (() => {
+                const l = te.find((c) => c.type === n.type);
+                return l ? { label: l.type, value: l.type } : void 0;
+              })(),
+              options: te.map((l) => ({
+                label: l.type,
+                value: l.type
+              })),
+              onChangeHandler: (l) => D("type", l.value)
+            }
+          ) : /* @__PURE__ */ e.jsx(Q, { children: a.type || "" }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: q("calculation_type") ? /* @__PURE__ */ e.jsx(
+            g,
+            {
+              wrapperClass: "hfl-w-full",
+              btnClassName: "hfl-w-full",
+              placeholder: "Select",
+              showInput: !1,
+              disableInputAutoSize: !0,
+              selectedOption: { label: n.calculation_type, value: n.calculation_type },
+              options: ae.map((l) => ({ label: l, value: l })),
+              onChangeHandler: (l) => D("calculation_type", l.value)
+            }
+          ) : /* @__PURE__ */ e.jsx(Q, { children: a.calculation_type }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "hfl-flex hfl-w-full hfl-flex-col hfl-gap-2 hfl-py-2.5 hfl-px-2", children: q("calculation_fields") ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            f && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+              /* @__PURE__ */ e.jsx(B, { label: "Drug Strength", children: /* @__PURE__ */ e.jsx(
+                g,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "e.g., 250",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: f.drug_strength || "",
+                  inputChangeHandler: (l) => {
+                    V(l) && t("drug_strength", l);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(B, { label: "Dose/mg/kg", children: /* @__PURE__ */ e.jsx(
+                g,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "e.g., 15",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: f.dose_mg_kg || "",
+                  inputChangeHandler: (l) => {
+                    V(l) && t("dose_mg_kg", l);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(B, { label: "Frequency", children: /* @__PURE__ */ e.jsx(
+                g,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Frequency",
+                  showInput: !1,
+                  selectedOption: n.calculation_fields.frequency ? {
+                    label: n.calculation_fields.frequency,
+                    value: n.calculation_fields.frequency
+                  } : void 0,
+                  options: de.map((l) => ({ label: l, value: l })),
+                  onChangeHandler: (l) => {
+                    t("frequency", l.value);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(B, { label: "Max Dose (mg)", children: /* @__PURE__ */ e.jsx(
+                g,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Max mg/dose",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: f.max_mg_dose || "",
+                  inputChangeHandler: (l) => {
+                    V(l) && t("max_mg_dose", l);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(B, { label: "Max Day (mg)", children: /* @__PURE__ */ e.jsx(
+                g,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Max mg/day",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: f.max_mg_day || "",
+                  inputChangeHandler: (l) => {
+                    V(l) && t("max_mg_day", l);
+                  }
+                }
+              ) })
+            ] }),
+            u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+              /* @__PURE__ */ e.jsx(B, { label: "Drug Strength/mL", children: /* @__PURE__ */ e.jsx(
+                g,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "e.g., 250",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: u.drug_strength || "",
+                  inputChangeHandler: (l) => {
+                    V(l) && (t("drug_strength", l), t("dose_ml_kg", ie(u.dose_mg_kg, l)));
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(B, { label: "Dose/mg/kg", children: /* @__PURE__ */ e.jsx(
+                g,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "e.g., 15",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: u.dose_mg_kg || "",
+                  inputChangeHandler: (l) => {
+                    V(l) && (t("dose_mg_kg", l), t("dose_ml_kg", ie(l, u.drug_strength)));
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(B, { label: "Dose/mL/kg", children: /* @__PURE__ */ e.jsx(
+                g,
+                {
+                  wrapperClass: "hfl-w-full",
+                  disabled: !0,
+                  placeholder: "e.g., 5",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: ie(u.dose_mg_kg, u.drug_strength) || "",
+                  inputChangeHandler: (l) => {
+                    V(l) && t("dose_ml_kg", l);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(B, { label: "Frequency", children: /* @__PURE__ */ e.jsx(
+                g,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Frequency",
+                  showInput: !1,
+                  selectedOption: n.calculation_fields.frequency ? {
+                    label: n.calculation_fields.frequency,
+                    value: n.calculation_fields.frequency
+                  } : void 0,
+                  options: de.map((l) => ({ label: l, value: l })),
+                  onChangeHandler: (l) => {
+                    t("frequency", l.value);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(B, { label: "Max Dose (mL)", children: /* @__PURE__ */ e.jsx(
+                g,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Max mL/dose",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: u.max_ml_dose || "",
+                  inputChangeHandler: (l) => {
+                    V(l) && t("max_ml_dose", l);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(B, { label: "Max Day (mL)", children: /* @__PURE__ */ e.jsx(
+                g,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Max mL/day",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: u.max_ml_day || "",
+                  inputChangeHandler: (l) => {
+                    V(l) && t("max_ml_day", l);
+                  }
+                }
+              ) })
+            ] })
+          ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            f && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+              /* @__PURE__ */ e.jsx(H, { label: "Drug Strength", value: f.drug_strength }),
+              /* @__PURE__ */ e.jsx(H, { label: "Dose/mg/kg", value: f.dose_mg_kg }),
+              /* @__PURE__ */ e.jsx(H, { label: "Frequency", value: f.frequency }),
+              /* @__PURE__ */ e.jsx(H, { label: "Max Dose (mg)", value: f.max_mg_dose }),
+              /* @__PURE__ */ e.jsx(H, { label: "Max Day (mg)", value: f.max_mg_day })
+            ] }),
+            u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+              /* @__PURE__ */ e.jsx(H, { label: "Drug Strength/mL", value: u.drug_strength }),
+              /* @__PURE__ */ e.jsx(H, { label: "Dose/mg/kg", value: u.dose_mg_kg }),
+              /* @__PURE__ */ e.jsx(H, { label: "Dose/mL/kg", value: u.dose_ml_kg }),
+              /* @__PURE__ */ e.jsx(H, { label: "Frequency", value: u.frequency }),
+              /* @__PURE__ */ e.jsx(H, { label: "Max Dose (mL)", value: u.max_ml_dose }),
+              /* @__PURE__ */ e.jsx(H, { label: "Max Day (mL)", value: u.max_ml_day })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: q("pedia_dosage") ? (() => {
+            const l = n.calculation_fields.frequency, c = ce[l] || [];
+            return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
+              g,
+              {
+                wrapperClass: "hfl-w-full",
+                btnClassName: "hfl-w-full",
+                inputClassName: "hfl-w-full",
+                placeholder: "Select",
+                showInput: o !== "standard",
+                disableInputAutoSize: !0,
+                inputValue: o === "standard" ? n.calculation_fields.pedia_dosage : n.pedia_dosage,
+                inputChangeHandler: (h) => o === "prescription" ? D("pedia_dosage", h) : t("pedia_dosage", h),
+                selectedOption: o === "standard" ? {
+                  label: n.calculation_fields.pedia_dosage,
+                  value: n.calculation_fields.pedia_dosage
+                } : void 0,
+                options: o !== "prescription" ? c.map((h) => ({ label: h, value: h })) : void 0,
+                onChangeHandler: o !== "prescription" ? (h) => t("pedia_dosage", h.value) : void 0,
+                hideDropdownIcon: o === "prescription",
+                showEmptyDropdownPopup: o !== "prescription",
+                showErrorMsg: o === "prescription" ? s || p : !1,
+                errorMsg: o === "prescription" && s ? "Dosage Exceeds Safety Limits" : o === "prescription" && p ? "Dosage is in mismatch with selected type of Frequency" : ""
+              }
+            ) });
+          })() : /* @__PURE__ */ e.jsxs("div", { className: "hfl-flex hfl-flex-col hfl-h-full hfl-justify-between hfl-min-w-0", children: [
+            /* @__PURE__ */ e.jsx(Q, { children: o === "prescription" ? a.pedia_dosage : a.calculation_fields.pedia_dosage }),
+            s && r
+          ] }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: /* @__PURE__ */ e.jsx(
+            Me,
+            {
+              effectiveEditMode: z,
+              rowData: a,
+              isSavedToLibrary: n.isSavedToLibrary ?? !1,
+              onSave: N,
+              onCancel: y,
+              onEdit: () => _(!0),
+              onCheckboxToggle: R
+            }
+          ) })
+        ]
+      }
+    );
+  },
+  (i, a) => i.isEditing === a.isEditing && i.rowData.rowId === a.rowData.rowId && i.rowData.isEditing === a.rowData.isEditing && i.rowData.medicine_name === a.rowData.medicine_name && i.rowData.generic_name === a.rowData.generic_name && i.rowData.type === a.rowData.type && i.rowData.pedia_dosage === a.rowData.pedia_dosage && i.rowData.calculation_type === a.rowData.calculation_type && JSON.stringify(i.rowData.calculation_fields) === JSON.stringify(a.rowData.calculation_fields) && i.rowData.out_of_range === a.rowData.out_of_range && i.rowData.isDosageMismatch === a.rowData.isDosageMismatch && i.rowData.calculation_fields.pedia_dosage === a.rowData.calculation_fields.pedia_dosage && i.rowData?.isNewlyAdded === a.rowData?.isNewlyAdded && i.rowData?.pedia_data_available === a.rowData?.pedia_data_available
+), Ee = ({ open: i, onCancel: a, onCopySave: x, rowMedicineData: _, getMedicineOptions: b }) => {
+  const [w, o] = W([]), [j, L] = W(""), [v, E] = W([]), F = G(
+    async (d) => {
+      const T = (await b?.(d))?.map(
+        (C) => ({
+          label: C.doctorMedicineName,
+          value: C
+        })
+      );
+      E(T || []);
+    },
+    [b]
+  );
+  J(() => {
+    i && F(j);
+  }, [j, F, i]);
+  const $ = (d) => {
+    const M = d.value;
+    w.some(
+      (C) => C.medicineId === M.medicineId && C.doctorMedicineName.trim().toLowerCase() === M.doctorMedicineName.trim().toLowerCase()
+    ) || o((C) => [...C, M]), L(""), E([]);
+  }, O = (d) => {
+    o((M) => M.filter((T) => T.medicineId !== d));
+  }, n = async () => {
+    j.trim() || await F("");
+  };
+  return /* @__PURE__ */ e.jsxs(
+    Ie,
+    {
+      isOpen: i,
+      onRequestClose: a,
+      shouldCloseOnOverlayClick: !1,
+      style: {
+        overlay: {
+          backgroundColor: "rgba(52, 64, 84, 0.5)",
+          zIndex: 1030
+        },
+        content: {
+          zIndex: 1031,
+          maxWidth: "600px",
+          maxHeight: "50vh",
+          height: "auto",
+          margin: "auto",
+          borderRadius: "12px",
+          padding: "0px",
+          display: "flex",
+          flexDirection: "column"
+        }
+      },
+      children: [
+        /* @__PURE__ */ e.jsx(
+          k,
+          {
+            variant: "Bold",
+            type: "Text lg",
+            className: "hfl-text-White hfl-bg-gradient_primary_600_500_90 hfl-px-6 hfl-py-2",
+            children: "Please select medicine to copy"
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: "hfl-px-6 hfl-py-5 hfl-flex hfl-flex-col hfl-gap-6 hfl-overflow-y-auto hfl-flex-1", children: [
+          /* @__PURE__ */ e.jsx(
+            g,
+            {
+              inputValue: j,
+              showInput: !0,
+              isSearchable: !0,
+              disableInputAutoSize: !0,
+              inputChangeHandler: L,
+              onChangeHandler: $,
+              onInputFocus: n,
+              options: v,
+              placeholder: "Search for medicines"
+            }
+          ),
+          /* @__PURE__ */ e.jsx("div", { className: "hfl-flex hfl-flex-wrap hfl-gap-2", children: w.map((d) => /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: "hfl-flex hfl-items-center hfl-bg-Gray-100 hfl-px-2 hfl-py-0.5 hfl-rounded-md hfl-gap-1",
+              children: [
+                /* @__PURE__ */ e.jsx(k, { variant: "Regular", type: "Text sm", className: "hfl-text-nowrap", children: d.doctorMedicineName }),
+                /* @__PURE__ */ e.jsx("button", { className: "hfl-text-Blue_gray-800", onClick: () => O(d.medicineId), children: /* @__PURE__ */ e.jsx("i", { className: "hx_close" }) })
+              ]
+            },
+            d.doctorMedicineName + d.medicineId
+          )) })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "hfl-flex hfl-justify-end hfl-gap-2.5 hfl-bg-Gray-50 hfl-px-7 hfl-py-3 hfl-border-t hfl-border-Gray-200", children: [
+          /* @__PURE__ */ e.jsx(oe, { size: "md", textField: "Cancel", onClick: a, hierarchy: "Secondary-Grey" }),
+          /* @__PURE__ */ e.jsx(
+            oe,
+            {
+              size: "md",
+              textField: "Save",
+              disabled: !w || w.length == 0,
+              onClick: async () => {
+                await x(_, w) && a();
+              },
+              className: "hfl-bg-Primary-600 hfl-text-White disabled:hfl-opacity-50 disabled:hfl-cursor-not-allowed",
+              hierarchy: "Primary"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, Be = be(
+  ({
+    data: i = [],
+    variant: a,
+    externallyTriggeredEditRowIds: x = [],
+    externallyTriggeredEditMode: _ = !1,
+    allowCustomMedicineInput: b = !0,
+    getMedicineOptions: w,
+    onRowChange: o,
+    onRowDelete: j,
+    onRowCopy: L,
+    onSaveRow: v,
+    externalSaveTrigger: E,
+    setSearchDisabled: F
+  }, $) => {
+    const [O, n] = W(null), [d, M] = W(!1), [T, C] = W(), U = G(
+      (r, t, N) => {
+        const y = i.find((R) => R.rowId === r);
+        if (!y) return;
+        const q = { ...y, ...t };
+        o?.(q, N || void 0);
+      },
+      [i, o]
+    ), z = G(async () => {
+      const r = i.filter((t) => t.isEditing && t.medicine_name);
+      if (r.length !== 0)
+        try {
+          await v?.(r) && r.forEach((N) => {
+            o?.({ ...N, isEditing: !1 });
+          });
+        } catch (t) {
+          console.error("Bulk save failed", t);
+        } finally {
+          F?.(!1);
+        }
+    }, [i, v, o, F]);
+    J(() => {
+      E && z();
+    }, [E, z]), J(() => {
+      const r = i.some((t) => t.isEditing);
+      F?.(r);
+    }, [i, F]);
+    const s = G((r) => {
+      C(r), M(!0);
+    }, []), p = G(async () => {
+      if (O)
+        try {
+          await j?.(O);
+        } catch (r) {
+          console.error("Delete failed", r);
+        } finally {
+          n(null);
+        }
+    }, [O, j]), f = G(() => {
+      n(null);
+    }, []), u = G(
+      async (r) => {
+        try {
+          return await v?.([r]) ? (o?.({ ...r, isEditing: !1 }), !0) : !1;
+        } catch (t) {
+          return console.error("Save row failed", t), !1;
+        }
+      },
+      [v, o]
+    ), D = G(async () => {
+      const r = i.filter((t) => t.isEditing && t.medicine_name);
+      if (r.length === 0) return !0;
+      try {
+        const t = await v?.(r);
+        return t && i.map((y) => y.isEditing ? { ...y, isEditing: !1 } : y).forEach((y) => o?.(y)), !!t;
+      } catch (t) {
+        return console.error("External bulk save failed", t), !1;
+      }
+    }, [i, v, o]);
+    we($, () => ({
+      triggerExternalSave: D
+    }));
+    const I = {
+      variant: a,
+      externallyTriggeredEditMode: _,
+      externallyTriggeredEditRowIds: x,
+      getMedicineOptions: w,
+      onRowChange: (r, t) => {
+        U(r.rowId, r, t), o?.(r, t);
+      },
+      onRowDelete: j,
+      onRowCopy: L,
+      setRowToDelete: n,
+      openPopupForRow: s
+    };
+    return /* @__PURE__ */ e.jsxs("div", { className: "hfl-border-1 hfl-border-Gray-200", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "table-header hfl-grid hfl-grid-cols-[1.36fr_1.36fr_1.02fr_1.25fr_2.27fr_1.36fr_1.36fr] hfl-gap-2 hfl-py-2 hfl-px-2 hfl-font-bold hfl-border-b-1 hfl-border-Gray-200 hfl-bg-Blue_gray-50", children: Ce.map((r) => /* @__PURE__ */ e.jsx(k, { variant: "Medium", type: "Text sm", className: "hfl-text-Blue_gray-600", children: r }, r)) }),
+      /* @__PURE__ */ e.jsxs(fe.Provider, { value: I, children: [
+        /* @__PURE__ */ e.jsx("div", { className: "table-body", children: i.length === 0 ? /* @__PURE__ */ e.jsx(k, { variant: "Medium", type: "Text sm", className: "hfl-text-Blue_gray-600 hfl-px-2 hfl-py-3", children: "No medicines added" }) : i.map((r) => /* @__PURE__ */ e.jsx(
+          ke,
+          {
+            rowData: r,
+            isEditing: r.isEditing || !1,
+            setIsEditing: (t) => U(r.rowId, { isEditing: t }),
+            onSaveRow: u,
+            allowCustomMedicineInput: b
+          },
+          r.rowId
+        )) }),
+        /* @__PURE__ */ e.jsx(
+          Ne,
+          {
+            headingText: "Delete Medicine",
+            subHeadingText: "Are you sure you want to delete this medicine?",
+            openState: !!O,
+            positiveButtonText: "Delete",
+            negativeButtonText: "Cancel",
+            positiveActionCallback: p,
+            negativeActionCallback: f,
+            classNameNegativeBtn: "hfl-bg-Blue-600",
+            classNamePositiveBtn: "hfl-bg-Error-500 hover:hfl-bg-Error-700 hfl-text-White",
+            closePopupCallback: f
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          Ee,
+          {
+            open: d,
+            onCancel: () => M(!1),
+            onCopySave: L,
+            rowMedicineData: T,
+            getMedicineOptions: w
+          }
+        )
+      ] })
+    ] });
+  }
+);
+export {
+  Be as P
+};