@notmrabhi/flowforge 0.1.46 → 0.1.47

package/dist/{index-gTlJrrQs.js → index-DDo516bn.js}

@@ -542,29 +542,30 @@ function $r({
 function Fd({
   width: t = 300,
   title: e = "Values",
-  mode: n = "drawer"
+  mode: n = "drawer",
+  floating: i = !1
 }) {
-  const i = tt(), [r, a] = W(""), [o, u] = W(null), s = k(null);
+  const r = tt(), [a, o] = W(""), [u, s] = W(null), l = k(null);
   if (q(() => {
-    if (n !== "popover" || !(i != null && i.isOpen)) return;
-    function f(g) {
-      var h, v;
-      const p = g.target, m = (h = s.current) == null ? void 0 : h.contains(p), b = (v = i == null ? void 0 : i.anchorEl) == null ? void 0 : v.contains(p);
-      !m && !b && (i == null || i.closePicker());
-    }
-    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
-  }, [n, i == null ? void 0 : i.isOpen, i == null ? void 0 : i.anchorEl, i]), q(() => {
-    if (n !== "popover" || !(i != null && i.anchorEl) || !i.isOpen) {
-      u(null);
+    if (!(n === "popover" || n === "drawer" && i) || !(r != null && r.isOpen)) return;
+    function p(m) {
+      var A, C;
+      const b = m.target, h = (A = l.current) == null ? void 0 : A.contains(b), v = (C = r == null ? void 0 : r.anchorEl) == null ? void 0 : C.contains(b);
+      !h && !v && (r == null || r.closePicker());
+    }
+    return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
+  }, [n, i, r == null ? void 0 : r.isOpen, r == null ? void 0 : r.anchorEl, r]), q(() => {
+    if (!(n === "popover" || n === "drawer" && i) || !(r != null && r.anchorEl) || !r.isOpen) {
+      s(null);
       return;
     }
-    const f = i.anchorEl.getBoundingClientRect(), g = t, p = 440, m = i.anchorEl.closest(".MuiDrawer-paper") || i.anchorEl.closest(".MuiDialog-paper") || i.anchorEl.closest(".MuiPaper-root"), b = m ? m.getBoundingClientRect() : f, h = b.left - 8, v = window.innerWidth - b.right - 8, A = h >= g ? b.left - g - 8 : v >= g ? b.right + 8 : Math.max(8, b.left - g - 8), C = f.top, I = Math.min(C, window.innerHeight - p - 8);
-    u({ top: I, left: A });
-  }, [n, i == null ? void 0 : i.anchorEl, i == null ? void 0 : i.isOpen, t]), !i || n === "popover" && !i.isOpen) return null;
-  const l = i.groups.some((f) => r ? Cn(f.items).some((g) => !g.children && jr(g, r)) : !0), c = /* @__PURE__ */ O(
+    const p = r.anchorEl.getBoundingClientRect(), m = t, b = 440, h = r.anchorEl.closest(".MuiDrawer-paper") || r.anchorEl.closest(".MuiDialog-paper") || r.anchorEl.closest(".MuiPaper-root"), v = h ? h.getBoundingClientRect() : p, A = v.left - 8, C = window.innerWidth - v.right - 8, I = A >= m ? v.left - m - 8 : C >= m ? v.right + 8 : Math.max(8, v.left - m - 8), x = p.top, y = Math.min(x, window.innerHeight - b - 8);
+    s({ top: y, left: I });
+  }, [n, r == null ? void 0 : r.anchorEl, r == null ? void 0 : r.isOpen, t]), !r || n === "popover" && !r.isOpen || n === "drawer" && i && !r.isOpen) return null;
+  const c = r.groups.some((g) => a ? Cn(g.items).some((p) => !p.children && jr(p, a)) : !0), f = /* @__PURE__ */ O(
     D,
     {
-      ref: s,
+      ref: l,
       sx: {
         width: t,
         flexShrink: 0,
@@ -577,7 +578,7 @@ function Fd({
         overflow: "hidden",
         color: "#e2e8f0",
         maxHeight: 440,
-        ...n === "popover" && o ? { position: "fixed", top: o.top, left: o.left, zIndex: 1400 } : n === "popover" ? { display: "none" } : {}
+        ...n === "popover" && u ? { position: "fixed", top: u.top, left: u.left, zIndex: 1400 } : n === "popover" ? { display: "none" } : n === "drawer" && i && u ? { position: "fixed", top: u.top, left: u.left, zIndex: 1400 } : n === "drawer" && i ? { display: "none" } : {}
       },
       children: [
         /* @__PURE__ */ O(D, { sx: {
@@ -592,12 +593,12 @@ function Fd({
         }, children: [
           /* @__PURE__ */ d(Gt, { size: 16, color: "#6366f1" }),
           /* @__PURE__ */ d(de, { sx: { fontSize: 13, fontWeight: 700, flex: 1, color: "#e2e8f0" }, children: e }),
-          n === "popover" && /* @__PURE__ */ d(
+          (n === "popover" || n === "drawer" && i) && /* @__PURE__ */ d(
             D,
             {
               component: "button",
               type: "button",
-              onClick: i.closePicker,
+              onClick: r.closePicker,
               sx: {
                 background: "none",
                 border: "none",
@@ -628,8 +629,8 @@ function Fd({
             Fo,
             {
               placeholder: "Search variables...",
-              value: r,
-              onChange: (f) => a(f.target.value),
+              value: a,
+              onChange: (g) => o(g.target.value),
               sx: {
                 fontSize: 12,
                 flex: 1,
@@ -638,12 +639,12 @@ function Fd({
               }
             }
           ),
-          r && /* @__PURE__ */ d(
+          a && /* @__PURE__ */ d(
             D,
             {
               component: "button",
               type: "button",
-              onClick: () => a(""),
+              onClick: () => o(""),
               sx: {
                 background: "none",
                 border: "none",
@@ -668,9 +669,9 @@ function Fd({
           "&::-webkit-scrollbar-thumb": { background: "rgba(255,255,255,0.12)", borderRadius: 4 }
         }, children: /* @__PURE__ */ d(D, { sx: {
           "& .MuiTypography-root": { color: "#cbd5e1" }
-        }, children: l ? i.groups.map((f, g) => /* @__PURE__ */ d($r, { group: f, searchQuery: r }, g)) : /* @__PURE__ */ d(D, { sx: { px: 2, py: 3, textAlign: "center" }, children: /* @__PURE__ */ O(de, { sx: { fontSize: 12, color: "#475569" }, children: [
+        }, children: c ? r.groups.map((g, p) => /* @__PURE__ */ d($r, { group: g, searchQuery: a }, p)) : /* @__PURE__ */ d(D, { sx: { px: 2, py: 3, textAlign: "center" }, children: /* @__PURE__ */ O(de, { sx: { fontSize: 12, color: "#475569" }, children: [
           'No variables match "',
-          r,
+          a,
           '"'
         ] }) }) }) }),
         /* @__PURE__ */ d(D, { sx: {
@@ -682,7 +683,7 @@ function Fd({
       ]
     }
   );
-  return n === "popover" ? Po.createPortal(c, document.body) : c;
+  return n === "popover" || n === "drawer" && i ? Po.createPortal(f, document.body) : f;
 }
 function Ur(t) {
   return xn({ expr: t.expr, label: t.label, path: t.path });
@@ -6268,7 +6269,7 @@ function Gu({
     (s || p) && /* @__PURE__ */ d("small", { "data-testid": `${u}-error`, style: fe, children: p ?? r })
   ] });
 }
-const Bu = qe.lazy(async () => ({ default: (await import("./index-DjpT0QMv.js")).default }));
+const Bu = qe.lazy(async () => ({ default: (await import("./index-3DvBym9i.js")).default }));
 async function Vu(t) {
   switch (t) {
     case "python":
@@ -6477,7 +6478,7 @@ function Pu({
   ] });
 }
 const Lu = qe.lazy(
-  () => import("./index-D0Qlgyc5.js").then((t) => t.i).then((t) => (Promise.resolve({               }), { default: t.default }))
+  () => import("./index-BD74UunS.js").then((t) => t.i).then((t) => (Promise.resolve({               }), { default: t.default }))
 ), Mu = [
   [{ header: [1, 2, 3, !1] }],
   ["bold", "italic", "underline", "strike"],
@@ -10467,4 +10468,4 @@ export {
   Ed as y,
   su as z
 };
-//# sourceMappingURL=index-gTlJrrQs.js.map
+//# sourceMappingURL=index-DDo516bn.js.map