hplx-feature-library 1.0.172 → 1.0.174

package/dist/PediatricsCalculatorTable-CNWwNxCr.js

@@ -0,0 +1,1167 @@
+import { j as e, b as $, O as Ee, K as oe, N as Re, d as ue, g as We } from "./index-BUI6-03D.js";
+import be, { createContext as Ge, useContext as Ve, useState as G, useRef as pe, useMemo as re, useCallback as W, useEffect as Q, forwardRef as Pe, useImperativeHandle as Ke } from "react";
+import { C_MedicineCalculatorList as _e, C_FrequencyDosageMap as Me, C_MedicineTypeList as we, C_MedicineFrequencyList as Se, C_DefaultMgKgFields as Je, C_DefaultMlKgFields as Ye, C_Table_Column_Name as Ue } from "./constants/PediatricsCalculatorConstants/index.js";
+import { u as Xe } from "./useClickOutside-BjJyGTec.js";
+import { u as Ze } from "./useOutsideClick-C4Q0aGuf.js";
+import { M as Fe } from "./index-DXvmjJBJ.js";
+const Oe = Ge(null), $e = () => {
+  const a = Ve(Oe);
+  if (!a) throw new Error("usePediatricsCalculatorTableContext must be used inside a MedicineTableProvider");
+  return a;
+}, Qe = ({
+  effectiveEditMode: a,
+  rowData: t,
+  isSavedToLibrary: g,
+  onSave: _,
+  onCancel: m,
+  onEdit: N,
+  onCheckboxToggle: i
+}) => {
+  const { variant: C, externallyTriggeredEditMode: w, setRowToDelete: b, openPopupForRow: k } = $e();
+  return C === "standard" ? a ? /* @__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($, { 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: m, children: /* @__PURE__ */ e.jsx($, { 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: N, children: /* @__PURE__ */ e.jsx($, { 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: () => k?.(t),
+        children: /* @__PURE__ */ e.jsx($, { 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: () => b?.(t.rowId)
+      }
+    )
+  ] }) : /* @__PURE__ */ e.jsx(
+    Ee,
+    {
+      disabled: !w,
+      text: "Save this to Pediatric Calculator Library ",
+      id: t.rowId,
+      size: "md",
+      onClick: i,
+      isMarked: g ?? !1,
+      checkboxClasses: "hfl-mt-2",
+      checkBoxInnerDivClasses: "hfl-text-Blue-600 hfl-bg-Blue-50"
+    },
+    t.rowId
+  );
+};
+function el(a) {
+  const { options: t, selectedOption: g, onChangeHandler: _ } = a;
+  return /* @__PURE__ */ e.jsx("div", { className: "hfl-flex hfl-gap-2 hfl-h-full hfl-items-center hfl-px-4 hfl-justify-center hfl-py-1", children: t?.map((m) => /* @__PURE__ */ e.jsx("div", { className: "hfl-bg-White hfl-rounded-lg", children: /* @__PURE__ */ e.jsx(
+    oe,
+    {
+      onClick: () => _ && _(m),
+      hierarchy: g?.label === m.label ? "Primary" : "Secondary-Grey",
+      size: "sm",
+      textField: m.label,
+      className: g?.label === m.label ? "hfl-bg-Blue-600" : ""
+    }
+  ) }, m.label)) });
+}
+const ll = "data:image/svg+xml,%3csvg%20width='10'%20height='6'%20viewBox='0%200%2010%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.480062%200.819173C0.650418%200.648817%200.92662%200.648817%201.09698%200.819173L4.71454%204.43674L8.3321%200.819173C8.50246%200.648817%208.77866%200.648817%208.94902%200.819173C9.11937%200.98953%209.11937%201.26573%208.94902%201.43609L5.023%205.36211C4.85264%205.53246%204.57644%205.53246%204.40608%205.36211L0.480062%201.43609C0.309706%201.26573%200.309706%200.98953%200.480062%200.819173Z'%20fill='%23667085'/%3e%3c/svg%3e";
+function D(a) {
+  const {
+    label: t,
+    labelClassName: g,
+    hideDropdownIcon: _,
+    showClearOption: m,
+    isRequiredField: N,
+    btnClassName: i,
+    placeholder: C,
+    options: w,
+    selectedOption: b,
+    onChangeHandler: k,
+    inputValue: y,
+    inputChangeHandler: L,
+    onInputFocusOutEvent: B,
+    inputClassName: s,
+    isSearchable: p,
+    inputType: H,
+    showInput: M,
+    inputSuffix: S,
+    selectedLabel: X,
+    suffixPadding: V,
+    disableInputAutoSize: r,
+    selectedOptions: x,
+    isMulti: f,
+    dropDownItemClickHandler: u,
+    showToggle: z,
+    toggleChangeHandler: E,
+    selectedToggleOption: o,
+    toggleOptionsList: n,
+    border: I,
+    height: j,
+    disabled: T,
+    fieldColor: q,
+    errorMsg: l,
+    showErrorMsg: d,
+    placeholderStyle: c,
+    onInputKeyDown: F,
+    showEmptyDropdownPopup: A = !0,
+    isDropdownFixed: R = !1,
+    dropdownClassName: ce = "",
+    wrapperClass: de = "",
+    maxInputLength: fe,
+    alternateListBgStyle: te,
+    showLabelTooltip: v = !1,
+    labelToolTipContent: J = "",
+    inputContainerClasses: Z = "",
+    onInputFocus: le
+  } = a, [ee, ae] = G(!1), [ne, Le] = G(null), he = pe(null), me = pe(null), Ce = pe(null), ge = pe([]), Be = re(() => w?.filter((h) => h ? h.label.toLowerCase().includes((y ?? "").toLowerCase()) : void 0), [y, w]), [He, xe] = G(!1), ze = () => {
+    ae(!1), f && L && L(""), Le(null);
+  }, Ne = W(
+    (h) => {
+      h.stopPropagation(), T || ae((O) => !O);
+    },
+    [T]
+  ), Ie = (y?.length || 0) + 2 + Number(V || 0);
+  Ze(he, ze), Q(() => {
+    ne !== null && ge.current[ne] && ge.current[ne].scrollIntoView({ block: "nearest" });
+  }, [ne]);
+  const se = W(() => {
+    if (R && ee) {
+      const h = M ? me.current : Ce.current, O = he.current;
+      if (h && O) {
+        const Y = h.getBoundingClientRect();
+        O.style.position = "fixed", O.style.top = `${window.scrollY ? Y.bottom + window.scrollY : Y.bottom}px`, O.style.left = `${Y.left}px`, O.style.width = `${Y.width}px`;
+      }
+    }
+  }, [R, ee, M]);
+  Q(() => {
+    if (R)
+      return ee ? (se(), window.addEventListener("scroll", se, !0)) : window.removeEventListener("scroll", se, !0), () => {
+        window.removeEventListener("scroll", se, !0);
+      };
+  }, [R, se, ee]), Xe(he, () => {
+    He && B && B();
+  });
+  const Te = (h) => {
+    if (f && u) {
+      const O = x?.some((Y) => Y.value === h.value);
+      u(!!O, h);
+    }
+  }, qe = W(
+    async (h) => {
+      h.stopPropagation(), ee || ae(!0), le && await le();
+    },
+    [le, ee]
+  );
+  return /* @__PURE__ */ e.jsxs("div", { className: `hfl-relative hfl-inline-block hfl-text-left ${de || ""}`, children: [
+    !!t && /* @__PURE__ */ e.jsxs("div", { className: "hfl-text-Gray-700 hfl-mb-1 hfl-flex", children: [
+      /* @__PURE__ */ e.jsx($, { type: "Text sm", variant: "Medium", className: g || "", children: `${t}` }),
+      N && /* @__PURE__ */ e.jsx("span", { className: "hfl-ml-1 hfl-text-Error-600", children: "*" }),
+      v && /* @__PURE__ */ e.jsx(Re, { variant: "Right", text: J, theme: "dark", children: /* @__PURE__ */ e.jsx("i", { className: "hx_info-filled" }) })
+    ] }),
+    M ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: `hfl-flex hfl-items-center hfl-shadow-xs hfl-px-2 ${Z || ""} ${I || "hfl-border-1"} hfl-rounded-lg hfl-overflow-x-auto  ${l ? "hfl-border-Error-300" : "hfl-border-Gray-300"} ${j || "hfl-h-10"} ${T ? "!hfl-bg-Gray-50 !hfl-pointer-events-none" : q || "hfl-bg-White"} hover:hfl-border-Primary-300 hover:hfl-shadow-xs-primary`,
+          onClick: T ? () => {
+          } : Ne,
+          children: [
+            x?.map((h, O) => /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: "hfl-flex hfl-items-center hfl-bg-Blue-100 hfl-mr-2 hfl-py-1 hfl-px-2 hfl-rounded-sm hfl-font-inter-0 hfl-text-nowrap",
+                children: [
+                  /* @__PURE__ */ e.jsx("span", { className: "hfl-pointer-events-none", children: h.label }),
+                  /* @__PURE__ */ e.jsx(
+                    "span",
+                    {
+                      onClick: (Y) => {
+                        Y.stopPropagation(), Te(h);
+                      },
+                      className: "hx_close hfl-text-Gray-500 hfl-my-0 hfl-text-[14px] hfl-ml-[1px] hfl-cursor-pointer"
+                    }
+                  )
+                ]
+              },
+              `${h.label}-${O}`
+            )),
+            Object.keys(c || {}).length > 0 && /* @__PURE__ */ e.jsx("style", { children: `
+                  input.input-placeholder::placeholder {
+                  font-family: ${c?.fontFamily};
+                  font-weight: ${c?.fontWeight};
+                  line-height: ${c?.lineHeight};
+                  font-size: ${c?.fontSize};
+                  color: ${c?.color};
+                  }
+                ` }),
+            /* @__PURE__ */ e.jsx(
+              "input",
+              {
+                ref: me,
+                style: r ? {} : { width: `${Number(y?.length) > 4 ? (y?.length || 0) + 5 : 12}ch` },
+                type: H,
+                placeholder: C,
+                value: y,
+                className: `input-placeholder hfl-flex-1 hfl-pl-2 hfl-placeholder hfl-py-1 focus-visible:hfl-outline-0 focus-visible:hfl-outline-none hfl-border-0 focus:hfl-border-0 ${T ? "!hfl-bg-Gray-50 !hfl-cursor-not-allowed" : q || "hfl-bg-White"} ${s || ""}`,
+                onChange: (h) => {
+                  L && L(h.target.value), xe(!0);
+                },
+                onClick: qe,
+                onKeyDown: (h) => F && F(h, ae, me),
+                maxLength: fe ?? fe,
+                ...a.inputProps || {}
+              }
+            ),
+            !_ && !m && /* @__PURE__ */ e.jsx("i", { className: "hx_down hfl-mx-2" }),
+            m && /* @__PURE__ */ e.jsx(
+              "i",
+              {
+                className: `${y ? "hx_close hfl-cursor-pointer" : "hx_down"} hfl-mx-2`,
+                onClick: () => {
+                  (b?.value || y) && (L && L(""), xe(!0));
+                }
+              }
+            ),
+            S ? /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                style: { left: `${Ie < 2 ? "3" : Ie}ch` },
+                className: "hfl-absolute hfl-top-1/2 hfl--translate-y-1/2 hfl-pointer-events-none",
+                children: S
+              }
+            ) : null
+          ]
+        }
+      ),
+      d && /* @__PURE__ */ e.jsx("span", { className: "hfl-text-0 hfl-text-Error-600", children: l })
+    ] }) : /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        ref: Ce,
+        onClick: Ne,
+        className: `hfl-w-full hfl-bg-White hfl-py-[6px] hfl-px-4 hfl-rounded-lg hfl-inline-flex hfl-justify-between hfl-items-center ${i || ""} ${I || "hfl-border-1"} ${l ? "hfl-border-Error-300" : "hfl-border-Gray-300"} ${j || "hfl-h-[40px]"} ${T ? "!hfl-bg-Gray-50 !hfl-cursor-not-allowed" : ""}`,
+        style: X || b?.label ? {} : c ? {
+          fontFamily: c?.fontFamily,
+          fontSize: c?.fontSize,
+          fontWeight: c?.fontWeight,
+          lineHeight: c?.lineHeight,
+          color: c?.color
+        } : {},
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: "hfl-pr-4", children: X || b?.label || C || "Select an option" }),
+          /* @__PURE__ */ e.jsx("img", { src: ll, alt: "down arrow" })
+        ]
+      }
+    ),
+    w && w?.length >= 0 && /* @__PURE__ */ e.jsxs(
+      "ul",
+      {
+        ref: he,
+        className: `custom-dropdown-menu ${ee ? "hfl-visible" : "hfl-invisible"} hfl-absolute hfl-z-50 hfl-grid hfl-gap-1 hfl-mt-3 hfl-w-full hfl-rounded-lg hfl-shadow-lg hfl-bg-White hfl-font-inter-0 hfl-p-1 hfl-px-2 ${f ? "hfl-min-w-[20em]" : "hfl-min-w-[16em]"} hfl-max-h-[330px] hfl-overflow-y-scroll ${ce}`,
+        role: "menu",
+        "aria-orientation": "vertical",
+        "aria-labelledby": "options-menu",
+        children: [
+          z ? /* @__PURE__ */ e.jsx(
+            el,
+            {
+              onChangeHandler: E,
+              selectedOption: o,
+              options: n
+            }
+          ) : !1,
+          (p ? Be : w)?.map((h, O) => {
+            const Y = f ? !!x?.some((ye) => ye.value === h?.value) : !1, ke = b?.value === h?.value, Ae = ne === O;
+            return h ? /* @__PURE__ */ e.jsx(
+              "li",
+              {
+                onClick: () => {
+                  f ? Te(h) : (k && k(h), ae(!1), xe(!1));
+                },
+                className: `hfl-text-1 hfl-block hfl-px-4 hfl-py-2 hfl-rounded-md hover:hfl-bg-Blue-50 hfl-cursor-pointer custom_dropdown_item ${te ? "odd:hfl-bg-Gray-100" : ""}  ${ke ? "hfl-bg-Blue-50 hfl-text-Blue-500" : ""}`,
+                role: "menuitem",
+                "aria-selected": ke,
+                tabIndex: Ae ? 0 : -1,
+                ref: (ye) => {
+                  ge.current[O] = ye;
+                },
+                children: f ? /* @__PURE__ */ e.jsx(
+                  Ee,
+                  {
+                    size: "sm",
+                    disabled: !1,
+                    text: /* @__PURE__ */ e.jsx("span", { children: h.label }),
+                    secondaryText: "",
+                    id: `${h.label}-${O}`,
+                    isMarked: Y
+                  }
+                ) : h.label
+              },
+              `${h.label}-${O}`
+            ) : null;
+          }),
+          w?.length === 0 && A && /* @__PURE__ */ e.jsx(
+            "li",
+            {
+              className: "hfl-block hfl-px-4 hfl-py-2 hfl-rounded-md hover:hfl-bg-Blue-50 hfl-cursor-pointer custom_dropdown_item",
+              children: "No items found, please change the search criteria"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+var je, De;
+function tl() {
+  if (De) return je;
+  De = 1;
+  var a = "Expected a function", t = NaN, g = "[object Symbol]", _ = /^\s+|\s+$/g, m = /^[-+]0x[0-9a-f]+$/i, N = /^0b[01]+$/i, i = /^0o[0-7]+$/i, C = parseInt, w = typeof ue == "object" && ue && ue.Object === Object && ue, b = typeof self == "object" && self && self.Object === Object && self, k = w || b || Function("return this")(), y = Object.prototype, L = y.toString, B = Math.max, s = Math.min, p = function() {
+    return k.Date.now();
+  };
+  function H(r, x, f) {
+    var u, z, E, o, n, I, j = 0, T = !1, q = !1, l = !0;
+    if (typeof r != "function")
+      throw new TypeError(a);
+    x = V(x) || 0, M(f) && (T = !!f.leading, q = "maxWait" in f, E = q ? B(V(f.maxWait) || 0, x) : E, l = "trailing" in f ? !!f.trailing : l);
+    function d(v) {
+      var J = u, Z = z;
+      return u = z = void 0, j = v, o = r.apply(Z, J), o;
+    }
+    function c(v) {
+      return j = v, n = setTimeout(R, x), T ? d(v) : o;
+    }
+    function F(v) {
+      var J = v - I, Z = v - j, le = x - J;
+      return q ? s(le, E - Z) : le;
+    }
+    function A(v) {
+      var J = v - I, Z = v - j;
+      return I === void 0 || J >= x || J < 0 || q && Z >= E;
+    }
+    function R() {
+      var v = p();
+      if (A(v))
+        return ce(v);
+      n = setTimeout(R, F(v));
+    }
+    function ce(v) {
+      return n = void 0, l && u ? d(v) : (u = z = void 0, o);
+    }
+    function de() {
+      n !== void 0 && clearTimeout(n), j = 0, u = I = z = n = void 0;
+    }
+    function fe() {
+      return n === void 0 ? o : ce(p());
+    }
+    function te() {
+      var v = p(), J = A(v);
+      if (u = arguments, z = this, I = v, J) {
+        if (n === void 0)
+          return c(I);
+        if (q)
+          return n = setTimeout(R, x), d(I);
+      }
+      return n === void 0 && (n = setTimeout(R, x)), o;
+    }
+    return te.cancel = de, te.flush = fe, te;
+  }
+  function M(r) {
+    var x = typeof r;
+    return !!r && (x == "object" || x == "function");
+  }
+  function S(r) {
+    return !!r && typeof r == "object";
+  }
+  function X(r) {
+    return typeof r == "symbol" || S(r) && L.call(r) == g;
+  }
+  function V(r) {
+    if (typeof r == "number")
+      return r;
+    if (X(r))
+      return t;
+    if (M(r)) {
+      var x = typeof r.valueOf == "function" ? r.valueOf() : r;
+      r = M(x) ? x + "" : x;
+    }
+    if (typeof r != "string")
+      return r === 0 ? r : +r;
+    r = r.replace(_, "");
+    var f = N.test(r);
+    return f || i.test(r) ? C(r.slice(2), f ? 2 : 8) : m.test(r) ? t : +r;
+  }
+  return je = H, je;
+}
+var al = tl();
+const nl = /* @__PURE__ */ We(al), ve = (a, t) => {
+  const g = parseFloat(a), _ = parseFloat(t);
+  if (!a || !t || isNaN(g) || isNaN(_) || _ === 0)
+    return "";
+  const m = g / _;
+  return Number.isInteger(m) ? m.toString(10) : m.toFixed(3).replace(/\.?0+$/, "");
+}, U = (a) => /^(\d+)?(\.)?(\d*)?$/.test(a), P = ({ label: a, children: t }) => /* @__PURE__ */ e.jsxs(
+  $,
+  {
+    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: [
+        a,
+        ":"
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "hfl-flex-1 hfl-min-w-0", children: t })
+    ]
+  }
+), K = ({ label: a, value: t }) => /* @__PURE__ */ e.jsxs($, { 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: [
+    a,
+    ":"
+  ] }),
+  /* @__PURE__ */ e.jsx($, { variant: "Bold", type: "Text sm", className: "hfl-text-Blue_gray-800 hfl-break-words hfl-min-w-0", children: t || "--" })
+] }), ie = ({ children: a, className: t = "" }) => /* @__PURE__ */ e.jsx(
+  $,
+  {
+    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 ${t}`,
+    children: a
+  }
+), sl = be.memo(
+  function({ rowData: t, isEditing: g, setIsEditing: _, onSaveRow: m, allowCustomMedicineInput: N }) {
+    const {
+      variant: i,
+      externallyTriggeredEditMode: C,
+      externallyTriggeredEditRowIds: w,
+      getMedicineOptions: b,
+      onRowChange: k,
+      onRowDelete: y
+    } = $e(), [L, B] = G([]), [s, p] = G(t), [H, M] = G(t.medicine_name);
+    Q(() => {
+      g || M(t.medicine_name);
+    }, [t.medicine_name, g]), Q(() => {
+      g || p(t);
+    }, [t, g]);
+    const S = async (l) => (await b?.(l))?.map((c) => ({
+      label: c.doctorMedicineName,
+      value: c
+    })) || [], V = C || w?.includes(t.rowId) || g, r = re(() => s.out_of_range || t.out_of_range, [s.out_of_range, t.out_of_range]), x = re(() => s?.isDosageMismatch || t?.isDosageMismatch, [s?.isDosageMismatch, t?.isDosageMismatch]), f = be.useMemo(() => s.calculation_type === _e[0] ? s.calculation_fields : null, [s.calculation_fields, s.calculation_type]), u = be.useMemo(() => s.calculation_type === _e[1] ? s.calculation_fields : null, [s.calculation_fields, s.calculation_type]), z = (l, d) => {
+      let c;
+      if (l === "calculation_type") {
+        const F = d, A = {
+          frequency: s.calculation_fields.frequency,
+          pedia_dosage: i === "standard" ? s.calculation_fields.pedia_dosage : s.pedia_dosage
+        };
+        c = {
+          ...s,
+          calculation_type: F,
+          calculation_fields: F === "mg/kg/dose" ? { ...Je, ...A } : { ...Ye, ...A }
+        };
+      } else
+        c = {
+          ...s,
+          [l]: d
+        };
+      p(c), i === "prescription" && E(c, l);
+    }, E = re(
+      () => nl((l, d) => {
+        k?.(l, d || void 0);
+      }, 500),
+      [k]
+    ), o = re(() => /* @__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($, { variant: "Regular", type: "Text sm", className: "hfl-px-2 hfl-text-1 hfl-text-Error-500", children: "Dosage exceed safety limits" })
+    ] }), []);
+    Q(() => () => {
+      E.cancel();
+    }, [E]);
+    const n = W(
+      (l, d) => {
+        p((c) => {
+          let F = { ...c.calculation_fields, [l]: d };
+          if (l === "frequency" && i === "standard") {
+            const R = Me[d] || [];
+            R.length > 0 && (F = {
+              ...F,
+              pedia_dosage: R[0]
+            });
+          }
+          const A = {
+            ...c,
+            calculation_fields: F
+          };
+          return i === "prescription" && E(A, l), A;
+        });
+      },
+      [E, i]
+    ), I = async () => {
+      const l = {
+        ...s,
+        calculation_fields: { ...s.calculation_fields }
+      };
+      await m?.(l) && E({ ...l, isNewlyAdded: !1, isEditing: !1 });
+    }, j = async () => {
+      if (!t.medicine_name || t.medicine_name.trim() === "") {
+        y?.(t.rowId);
+        return;
+      }
+      p(t), i === "standard" && _(!1);
+    }, T = (l) => i === "prescription" && (l === "medicine_name" || l === "generic_name" || l === "type" || l === "calculation_type") ? !1 : V, q = () => {
+      const l = !(s?.isSavedToLibrary ?? !1), d = { ...s, isSavedToLibrary: l };
+      p(d), E(d, "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 ${V ? "hfl-bg-gradient-to-b hfl-from-White_20 hfl-to-Primary-50" : ""} ${i === "prescription" && !s.pedia_data_available ? "hfl-hidden" : ""}`,
+        children: [
+          /* @__PURE__ */ e.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: T("medicine_name") ? /* @__PURE__ */ e.jsx(
+            D,
+            {
+              wrapperClass: "hfl-w-full",
+              btnClassName: "hfl-w-full",
+              inputClassName: "hfl-w-full",
+              inputValue: s.medicine_name,
+              showInput: !0,
+              disableInputAutoSize: !0,
+              inputChangeHandler: async (l) => {
+                if (z("medicine_name", l), l.trim()) {
+                  const d = await S(l);
+                  B(d);
+                } else
+                  B([]);
+              },
+              onInputFocus: async () => {
+                const l = await S(s.medicine_name);
+                B(l);
+              },
+              onChangeHandler: (l) => {
+                const d = l.value, c = we.find((F) => F.val === d.medicineType);
+                p((F) => ({
+                  ...F,
+                  medicine_name: d.doctorMedicineName,
+                  medicine_id: d.medicineId,
+                  generic_name: d.doctorGenericName,
+                  type: c?.type ?? ""
+                })), M(d.doctorMedicineName);
+              },
+              options: L,
+              isSearchable: !0,
+              placeholder: "Search medicine",
+              disabled: !s?.isNewlyAdded,
+              inputProps: {
+                onBlur: (l) => {
+                  const d = l.relatedTarget;
+                  if (!(d && d.closest(".custom-dropdown-menu")) && !N) {
+                    const c = s.medicine_name?.trim() || "";
+                    L.some((A) => A.label === c) || p((A) => ({ ...A, medicine_name: H }));
+                  }
+                }
+              }
+            }
+          ) : /* @__PURE__ */ e.jsx(ie, { children: t.medicine_name }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: T("generic_name") ? /* @__PURE__ */ e.jsx(
+            D,
+            {
+              wrapperClass: "hfl-w-full",
+              inputClassName: "hfl-w-full",
+              btnClassName: "hfl-w-full",
+              inputValue: s.generic_name,
+              showInput: !0,
+              disableInputAutoSize: !0,
+              inputChangeHandler: (l) => z("generic_name", l),
+              hideDropdownIcon: !0
+            }
+          ) : /* @__PURE__ */ e.jsx(ie, { children: t.generic_name }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: T("type") ? /* @__PURE__ */ e.jsx(
+            D,
+            {
+              wrapperClass: "hfl-w-full",
+              btnClassName: "hfl-w-full",
+              placeholder: "Select",
+              showInput: !1,
+              disableInputAutoSize: !0,
+              selectedOption: (() => {
+                const l = we.find((d) => d.type === s.type);
+                return l ? { label: l.type, value: l.type } : void 0;
+              })(),
+              options: we.map((l) => ({
+                label: l.type,
+                value: l.type
+              })),
+              onChangeHandler: (l) => z("type", l.value)
+            }
+          ) : /* @__PURE__ */ e.jsx(ie, { children: t.type || "" }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: T("calculation_type") ? /* @__PURE__ */ e.jsx(
+            D,
+            {
+              wrapperClass: "hfl-w-full",
+              btnClassName: "hfl-w-full",
+              placeholder: "Select",
+              showInput: !1,
+              disableInputAutoSize: !0,
+              selectedOption: { label: s.calculation_type, value: s.calculation_type },
+              options: _e.map((l) => ({ label: l, value: l })),
+              onChangeHandler: (l) => z("calculation_type", l.value)
+            }
+          ) : /* @__PURE__ */ e.jsx(ie, { children: t.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: T("calculation_fields") ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            f && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+              /* @__PURE__ */ e.jsx(P, { label: "Drug Strength", children: /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "e.g., 250",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: f.drug_strength || "",
+                  inputChangeHandler: (l) => {
+                    U(l) && n("drug_strength", l);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(P, { label: "Dose/mg/kg", children: /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "e.g., 15",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: f.dose_mg_kg || "",
+                  inputChangeHandler: (l) => {
+                    U(l) && n("dose_mg_kg", l);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(P, { label: "Frequency", children: /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Frequency",
+                  showInput: !1,
+                  selectedOption: s.calculation_fields.frequency ? {
+                    label: s.calculation_fields.frequency,
+                    value: s.calculation_fields.frequency
+                  } : void 0,
+                  options: Se.map((l) => ({ label: l, value: l })),
+                  onChangeHandler: (l) => {
+                    n("frequency", l.value);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(P, { label: "Max Dose (mg)", children: /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Max mg/dose",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: f.max_mg_dose || "",
+                  inputChangeHandler: (l) => {
+                    U(l) && n("max_mg_dose", l);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(P, { label: "Max Day (mg)", children: /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Max mg/day",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: f.max_mg_day || "",
+                  inputChangeHandler: (l) => {
+                    U(l) && n("max_mg_day", l);
+                  }
+                }
+              ) })
+            ] }),
+            u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+              /* @__PURE__ */ e.jsx(P, { label: "Drug Strength/mL", children: /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "e.g., 250",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: u.drug_strength || "",
+                  inputChangeHandler: (l) => {
+                    U(l) && (n("drug_strength", l), n("dose_ml_kg", ve(u.dose_mg_kg, l)));
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(P, { label: "Dose/mg/kg", children: /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "e.g., 15",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: u.dose_mg_kg || "",
+                  inputChangeHandler: (l) => {
+                    U(l) && (n("dose_mg_kg", l), n("dose_ml_kg", ve(l, u.drug_strength)));
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(P, { label: "Dose/mL/kg", children: /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  wrapperClass: "hfl-w-full",
+                  disabled: !0,
+                  placeholder: "e.g., 5",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: ve(u.dose_mg_kg, u.drug_strength) || "",
+                  inputChangeHandler: (l) => {
+                    U(l) && n("dose_ml_kg", l);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(P, { label: "Frequency", children: /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Frequency",
+                  showInput: !1,
+                  selectedOption: s.calculation_fields.frequency ? {
+                    label: s.calculation_fields.frequency,
+                    value: s.calculation_fields.frequency
+                  } : void 0,
+                  options: Se.map((l) => ({ label: l, value: l })),
+                  onChangeHandler: (l) => {
+                    n("frequency", l.value);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(P, { label: "Max Dose (mL)", children: /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Max mL/dose",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: u.max_ml_dose || "",
+                  inputChangeHandler: (l) => {
+                    U(l) && n("max_ml_dose", l);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(P, { label: "Max Day (mL)", children: /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Max mL/day",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: u.max_ml_day || "",
+                  inputChangeHandler: (l) => {
+                    U(l) && n("max_ml_day", l);
+                  }
+                }
+              ) })
+            ] })
+          ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            f && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+              /* @__PURE__ */ e.jsx(K, { label: "Drug Strength", value: f.drug_strength }),
+              /* @__PURE__ */ e.jsx(K, { label: "Dose/mg/kg", value: f.dose_mg_kg }),
+              /* @__PURE__ */ e.jsx(K, { label: "Frequency", value: f.frequency }),
+              /* @__PURE__ */ e.jsx(K, { label: "Max Dose (mg)", value: f.max_mg_dose }),
+              /* @__PURE__ */ e.jsx(K, { label: "Max Day (mg)", value: f.max_mg_day })
+            ] }),
+            u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+              /* @__PURE__ */ e.jsx(K, { label: "Drug Strength/mL", value: u.drug_strength }),
+              /* @__PURE__ */ e.jsx(K, { label: "Dose/mg/kg", value: u.dose_mg_kg }),
+              /* @__PURE__ */ e.jsx(K, { label: "Dose/mL/kg", value: u.dose_ml_kg }),
+              /* @__PURE__ */ e.jsx(K, { label: "Frequency", value: u.frequency }),
+              /* @__PURE__ */ e.jsx(K, { label: "Max Dose (mL)", value: u.max_ml_dose }),
+              /* @__PURE__ */ e.jsx(K, { 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: T("pedia_dosage") ? (() => {
+            const l = s.calculation_fields.frequency, d = Me[l] || [];
+            return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
+              D,
+              {
+                wrapperClass: "hfl-w-full",
+                btnClassName: "hfl-w-full",
+                inputClassName: "hfl-w-full",
+                placeholder: "Select",
+                showInput: i !== "standard",
+                disableInputAutoSize: !0,
+                inputValue: i === "standard" ? s.calculation_fields.pedia_dosage : s.pedia_dosage,
+                inputChangeHandler: (c) => i === "prescription" ? z("pedia_dosage", c) : n("pedia_dosage", c),
+                selectedOption: i === "standard" ? {
+                  label: s.calculation_fields.pedia_dosage,
+                  value: s.calculation_fields.pedia_dosage
+                } : void 0,
+                options: i !== "prescription" ? d.map((c) => ({ label: c, value: c })) : void 0,
+                onChangeHandler: i !== "prescription" ? (c) => n("pedia_dosage", c.value) : void 0,
+                hideDropdownIcon: i === "prescription",
+                showEmptyDropdownPopup: i !== "prescription",
+                showErrorMsg: i === "prescription" ? r || x : !1,
+                errorMsg: i === "prescription" && r ? "Dosage Exceeds Safety Limits" : i === "prescription" && x ? "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(ie, { children: i === "prescription" ? t.pedia_dosage : t.calculation_fields.pedia_dosage }),
+            r && o
+          ] }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: /* @__PURE__ */ e.jsx(
+            Qe,
+            {
+              effectiveEditMode: V,
+              rowData: t,
+              isSavedToLibrary: s.isSavedToLibrary ?? !1,
+              onSave: I,
+              onCancel: j,
+              onEdit: () => _(!0),
+              onCheckboxToggle: q
+            }
+          ) })
+        ]
+      }
+    );
+  },
+  (a, t) => a.isEditing === t.isEditing && a.rowData.rowId === t.rowData.rowId && a.rowData.isEditing === t.rowData.isEditing && a.rowData.medicine_name === t.rowData.medicine_name && a.rowData.generic_name === t.rowData.generic_name && a.rowData.type === t.rowData.type && a.rowData.pedia_dosage === t.rowData.pedia_dosage && a.rowData.calculation_type === t.rowData.calculation_type && JSON.stringify(a.rowData.calculation_fields) === JSON.stringify(t.rowData.calculation_fields) && a.rowData.out_of_range === t.rowData.out_of_range && a.rowData.isDosageMismatch === t.rowData.isDosageMismatch && a.rowData.calculation_fields.pedia_dosage === t.rowData.calculation_fields.pedia_dosage && a.rowData?.isNewlyAdded === t.rowData?.isNewlyAdded && a.rowData?.pedia_data_available === t.rowData?.pedia_data_available
+), il = (a) => {
+  const {
+    openState: t,
+    closePopupCallback: g,
+    headingIconFile: _,
+    headingText: m,
+    subHeadingText: N,
+    positiveButtonText: i,
+    negativeButtonText: C,
+    classNamePositiveBtn: w,
+    classNameNegativeBtn: b,
+    positiveActionCallback: k,
+    negativeActionCallback: y
+  } = a;
+  return /* @__PURE__ */ e.jsxs(
+    Fe,
+    {
+      isOpen: t,
+      onRequestClose: g,
+      shouldCloseOnOverlayClick: !1,
+      style: {
+        overlay: {
+          backgroundColor: "rgba(52, 64, 84, 0.5)",
+          position: "fixed",
+          alignContent: "center",
+          justifyContent: "center",
+          zIndex: 1030,
+          display: t ? "block" : "none"
+        },
+        content: {
+          zIndex: 1030,
+          padding: "24px",
+          maxWidth: "750px",
+          maxHeight: "600px",
+          width: "400px",
+          height: "fit-content",
+          margin: "auto",
+          borderRadius: "12px",
+          overflow: "unset",
+          display: t ? "block" : "none"
+        }
+      },
+      children: [
+        _ == "warning" && /* @__PURE__ */ e.jsx("div", { className: "hfl-hx_warning hfl-mb-4 hfl-flex hfl-h-12 hfl-w-12 hfl-items-center hfl-justify-center hfl-rounded-full hfl-border-8 hfl-border-Warning-50 hfl-bg-Warning-100 hfl-text-Warning-600", children: /* @__PURE__ */ e.jsx("i", { className: "hx_warning hfl-text-5" }) }),
+        /* @__PURE__ */ e.jsx($, { variant: "Medium", type: "Text xl", className: "hfl-mt-5 hfl-text-Gray-900", children: m }),
+        N && /* @__PURE__ */ e.jsx($, { variant: "Regular", type: "Text sm", className: "hfl-mt-1 hfl-text-Gray-500 ", children: N }),
+        /* @__PURE__ */ e.jsxs("div", { className: "hfl-mt-4 hfl-flex hfl-items-center hfl-justify-center hfl-gap-4", children: [
+          C && /* @__PURE__ */ e.jsx(
+            oe,
+            {
+              size: "md",
+              textField: C,
+              hierarchy: "Primary",
+              className: b || "",
+              onClick: y,
+              "data-qa": "negative-action"
+            }
+          ),
+          i && /* @__PURE__ */ e.jsx(
+            oe,
+            {
+              size: "md",
+              textField: i,
+              hierarchy: "Secondary",
+              className: w || "",
+              onClick: k,
+              "data-qa": "positive-action"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, rl = ({ open: a, onCancel: t, onCopySave: g, rowMedicineData: _, getMedicineOptions: m }) => {
+  const [N, i] = G([]), [C, w] = G(""), [b, k] = G([]), y = W(
+    async (p) => {
+      const M = (await m?.(p))?.map(
+        (S) => ({
+          label: S.doctorMedicineName,
+          value: S
+        })
+      );
+      k(M || []);
+    },
+    [m]
+  );
+  Q(() => {
+    a && y(C);
+  }, [C, y, a]);
+  const L = (p) => {
+    const H = p.value;
+    N.some(
+      (S) => S.medicineId === H.medicineId && S.doctorMedicineName.trim().toLowerCase() === H.doctorMedicineName.trim().toLowerCase()
+    ) || i((S) => [...S, H]), w(""), k([]);
+  }, B = (p) => {
+    i((H) => H.filter((M) => M.medicineId !== p));
+  }, s = async () => {
+    C.trim() || await y("");
+  };
+  return /* @__PURE__ */ e.jsxs(
+    Fe,
+    {
+      isOpen: a,
+      onRequestClose: t,
+      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(
+          $,
+          {
+            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(
+            D,
+            {
+              inputValue: C,
+              showInput: !0,
+              isSearchable: !0,
+              disableInputAutoSize: !0,
+              inputChangeHandler: w,
+              onChangeHandler: L,
+              onInputFocus: s,
+              options: b,
+              placeholder: "Search for medicines"
+            }
+          ),
+          /* @__PURE__ */ e.jsx("div", { className: "hfl-flex hfl-flex-wrap hfl-gap-2", children: N.map((p) => /* @__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($, { variant: "Regular", type: "Text sm", className: "hfl-text-nowrap", children: p.doctorMedicineName }),
+                /* @__PURE__ */ e.jsx("button", { className: "hfl-text-Blue_gray-800", onClick: () => B(p.medicineId), children: /* @__PURE__ */ e.jsx("i", { className: "hx_close" }) })
+              ]
+            },
+            p.doctorMedicineName + p.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: t, hierarchy: "Secondary-Grey" }),
+          /* @__PURE__ */ e.jsx(
+            oe,
+            {
+              size: "md",
+              textField: "Save",
+              disabled: !N || N.length == 0,
+              onClick: async () => {
+                await g(_, N) && t();
+              },
+              className: "hfl-bg-Primary-600 hfl-text-White disabled:hfl-opacity-50 disabled:hfl-cursor-not-allowed",
+              hierarchy: "Primary"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, pl = Pe(
+  ({
+    data: a = [],
+    variant: t,
+    externallyTriggeredEditRowIds: g = [],
+    externallyTriggeredEditMode: _ = !1,
+    allowCustomMedicineInput: m = !0,
+    getMedicineOptions: N,
+    onRowChange: i,
+    onRowDelete: C,
+    onRowCopy: w,
+    onSaveRow: b,
+    externalSaveTrigger: k,
+    setSearchDisabled: y
+  }, L) => {
+    const [B, s] = G(null), [p, H] = G(!1), [M, S] = G(), X = W(
+      (o, n, I) => {
+        const j = a.find((q) => q.rowId === o);
+        if (!j) return;
+        const T = { ...j, ...n };
+        i?.(T, I || void 0);
+      },
+      [a, i]
+    ), V = W(async () => {
+      const o = a.filter((n) => n.isEditing && n.medicine_name);
+      if (o.length !== 0)
+        try {
+          await b?.(o) && o.forEach((I) => {
+            i?.({ ...I, isEditing: !1 });
+          });
+        } catch (n) {
+          console.error("Bulk save failed", n);
+        } finally {
+          y?.(!1);
+        }
+    }, [a, b, i, y]);
+    Q(() => {
+      k && V();
+    }, [k, V]), Q(() => {
+      const o = a.some((n) => n.isEditing);
+      y?.(o);
+    }, [a, y]);
+    const r = W((o) => {
+      S(o), H(!0);
+    }, []), x = W(async () => {
+      if (B)
+        try {
+          await C?.(B);
+        } catch (o) {
+          console.error("Delete failed", o);
+        } finally {
+          s(null);
+        }
+    }, [B, C]), f = W(() => {
+      s(null);
+    }, []), u = W(
+      async (o) => {
+        try {
+          return await b?.([o]) ? (i?.({ ...o, isEditing: !1 }), !0) : !1;
+        } catch (n) {
+          return console.error("Save row failed", n), !1;
+        }
+      },
+      [b, i]
+    ), z = W(async () => {
+      const o = a.filter((n) => n.isEditing && n.medicine_name);
+      if (o.length === 0) return !0;
+      try {
+        const n = await b?.(o);
+        return n && a.map((j) => j.isEditing ? { ...j, isEditing: !1 } : j).forEach((j) => i?.(j)), !!n;
+      } catch (n) {
+        return console.error("External bulk save failed", n), !1;
+      }
+    }, [a, b, i]);
+    Ke(L, () => ({
+      triggerExternalSave: z
+    }));
+    const E = {
+      variant: t,
+      externallyTriggeredEditMode: _,
+      externallyTriggeredEditRowIds: g,
+      getMedicineOptions: N,
+      onRowChange: (o, n) => {
+        X(o.rowId, o, n), i?.(o, n);
+      },
+      onRowDelete: C,
+      onRowCopy: w,
+      setRowToDelete: s,
+      openPopupForRow: r
+    };
+    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: Ue.map((o) => /* @__PURE__ */ e.jsx($, { variant: "Medium", type: "Text sm", className: "hfl-text-Blue_gray-600", children: o }, o)) }),
+      /* @__PURE__ */ e.jsxs(Oe.Provider, { value: E, children: [
+        /* @__PURE__ */ e.jsx("div", { className: "table-body", children: a.length === 0 ? /* @__PURE__ */ e.jsx($, { variant: "Medium", type: "Text sm", className: "hfl-text-Blue_gray-600 hfl-px-2 hfl-py-3", children: "No medicines added" }) : a.map((o) => /* @__PURE__ */ e.jsx(
+          sl,
+          {
+            rowData: o,
+            isEditing: o.isEditing || !1,
+            setIsEditing: (n) => X(o.rowId, { isEditing: n }),
+            onSaveRow: u,
+            allowCustomMedicineInput: m
+          },
+          o.rowId
+        )) }),
+        /* @__PURE__ */ e.jsx(
+          il,
+          {
+            headingText: "Delete Medicine",
+            subHeadingText: "Are you sure you want to delete this medicine?",
+            openState: !!B,
+            positiveButtonText: "Delete",
+            negativeButtonText: "Cancel",
+            positiveActionCallback: x,
+            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(
+          rl,
+          {
+            open: p,
+            onCancel: () => H(!1),
+            onCopySave: w,
+            rowMedicineData: M,
+            getMedicineOptions: N
+          }
+        )
+      ] })
+    ] });
+  }
+);
+export {
+  pl as P
+};