@floegence/floe-webapp-core 0.26.1 → 0.26.2

package/dist/components/layout/Shell.js

@@ -1,5 +1,5 @@
-import { createComponent as t, Dynamic as S, insert as c, memo as C, effect as T, className as M, setStyleProperty as E, template as h, delegateEvents as N } from "solid-js/web";
-import { createSignal as Q, createEffect as v, createMemo as b, For as $, Show as m } from "solid-js";
+import { createComponent as r, Dynamic as S, insert as c, memo as C, effect as T, className as M, setStyleProperty as E, template as h, delegateEvents as N } from "solid-js/web";
+import { createSignal as Q, createEffect as v, createMemo as f, For as $, Show as m } from "solid-js";
 import { useLayout as D } from "../../context/LayoutContext.js";
 import { useResolvedFloeConfig as K } from "../../context/FloeConfigContext.js";
 import { useMediaQuery as L } from "../../hooks/useMediaQuery.js";
@@ -17,35 +17,35 @@ import { resolveMobileTabActiveId as Z, resolveMobileTabSelect as ee } from "./m
 import { KeepAliveStack as te } from "./KeepAliveStack.js";
 var k = /* @__PURE__ */ h('<div class="flex items-center gap-2">'), re = /* @__PURE__ */ h('<div class="absolute inset-0 z-40 bg-black/30 cursor-pointer">'), ie = /* @__PURE__ */ h('<div><div class="h-full overflow-auto overscroll-contain">'), ne = /* @__PURE__ */ h('<div class="relative shrink-0 border-t border-border bg-terminal-background overflow-hidden">'), oe = /* @__PURE__ */ h('<div><div class="flex-1 min-h-0 flex overflow-hidden relative"><div class="flex-1 min-w-0 flex flex-col overflow-hidden"><main class="flex-1 min-h-0 overflow-auto overscroll-contain">');
 function Be(o) {
-  const r = D(), O = K(), d = L(O.config.layout.mobileQuery), [I, f] = Q(!1), u = () => o.sidebarMode === "hidden", a = (() => {
+  const i = D(), O = K(), d = L(O.config.layout.mobileQuery), [I, b] = Q(!1), u = () => o.sidebarMode === "hidden", a = (() => {
     try {
       return j();
     } catch {
       return null;
     }
   })(), w = (e, s) => {
-    const l = a?.getComponent(e)?.sidebar?.fullScreen ?? !1, i = u() ? !1 : s?.openSidebar ?? !l;
-    r.setSidebarActiveTab(e, {
-      openSidebar: i
+    const l = a?.getComponent(e)?.sidebar?.fullScreen ?? !1, t = u() ? !1 : s?.openSidebar ?? !l;
+    i.setSidebarActiveTab(e, {
+      openSidebar: t
     });
   };
   v(() => {
-    u() && f(!1);
+    u() && b(!1);
   }), v(() => {
     const e = d();
-    r.isMobile() !== e && r.setIsMobile(e);
+    i.isMobile() !== e && i.setIsMobile(e);
   }), v(() => {
-    d() || f(!1);
+    d() || b(!1);
   });
-  const g = b(() => o.activityItems ? o.activityItems : a ? a.sidebarItems().filter((e) => !!e.icon).filter((e) => !(d() && e.sidebar?.hiddenOnMobile)).map((e) => ({
+  const g = f(() => o.activityItems ? o.activityItems : a ? a.sidebarItems().filter((e) => !!e.icon).filter((e) => !(d() && e.sidebar?.hiddenOnMobile)).map((e) => ({
     id: e.id,
     icon: e.icon,
     label: e.name,
     badge: e.sidebar?.badge,
     collapseBehavior: e.sidebar?.fullScreen ? "preserve" : "toggle"
-  })) : []), z = b(() => u() ? [] : o.sidebarContent ? [] : a ? a.sidebarItems().filter((e) => !(d() && e.sidebar?.hiddenOnMobile)).filter((e) => e.sidebar?.fullScreen !== !0 && e.sidebar?.renderIn !== "main").map((e) => ({
+  })) : []), z = f(() => u() ? [] : o.sidebarContent ? [] : a ? a.sidebarItems().filter((e) => !(d() && e.sidebar?.hiddenOnMobile)).filter((e) => e.sidebar?.fullScreen !== !0 && e.sidebar?.renderIn !== "main").map((e) => ({
     id: e.id,
-    render: () => t(S, {
+    render: () => r(S, {
       get component() {
         return e.component;
       }
@@ -54,112 +54,116 @@ function Be(o) {
     if (!u()) {
       if (o.sidebarContent) return o.sidebarContent(e);
       if (a)
-        return t(te, {
+        return r(te, {
           get views() {
             return z();
           },
           activeId: e
         });
     }
-  }, B = b(() => u() ? !0 : a ? a.getComponent(r.sidebarActiveTab())?.sidebar?.fullScreen ?? !1 : !1), F = b(() => {
+  }, B = f(() => u() ? !0 : a ? a.getComponent(i.sidebarActiveTab())?.sidebar?.fullScreen ?? !1 : !1), F = f(() => {
     if (u()) return !0;
     if (!a) return !1;
-    const e = a.getComponent(r.sidebarActiveTab());
+    const e = a.getComponent(i.sidebarActiveTab());
     return e?.sidebar ? e.sidebar.fullScreen === !0 || e.sidebar.renderIn === "main" : !1;
   });
   v(() => {
-    d() && B() && f(!1);
+    d() && B() && b(!1);
   });
-  const H = b(() => {
+  const H = f(() => {
     if (o.bottomBarItems) return o.bottomBarItems;
     if (!a) return;
-    const e = [...a.statusBarItems()].sort((i, n) => (i.order ?? 100) - (n.order ?? 100)), s = e.filter((i) => i.position === "left"), l = e.filter((i) => i.position === "right");
+    const e = [...a.statusBarItems()].sort((t, n) => (t.order ?? 100) - (n.order ?? 100)), s = e.filter((t) => t.position === "left"), l = e.filter((t) => t.position === "right");
     return [(() => {
-      var i = k();
-      return c(i, t($, {
+      var t = k();
+      return c(t, r($, {
         each: s,
-        children: (n) => t(S, {
+        children: (n) => r(S, {
           get component() {
             return n.component;
           }
         })
-      })), i;
+      })), t;
     })(), (() => {
-      var i = k();
-      return c(i, t($, {
+      var t = k();
+      return c(t, r($, {
         each: l,
-        children: (n) => t(S, {
+        children: (n) => r(S, {
           get component() {
             return n.component;
           }
         })
-      })), i;
+      })), t;
     })()];
   });
   v(() => {
     const e = g();
     if (!e.length) return;
-    r.sidebarActiveTab() || w(e[0].id);
+    if (!i.sidebarActiveTab()) {
+      const l = e.find((t) => !t.onClick);
+      if (!l) return;
+      w(l.id);
+    }
   });
   const A = (e) => {
     const s = u() ? !0 : a?.getComponent(e)?.sidebar?.fullScreen ?? !1, {
       nextActiveId: l,
-      nextMobileSidebarOpen: i
+      nextMobileSidebarOpen: t
     } = ee({
       clickedId: e,
-      activeId: r.sidebarActiveTab(),
+      activeId: i.sidebarActiveTab(),
       mobileSidebarOpen: I(),
       clickedIsFullScreen: s
     });
-    r.sidebarActiveTab() !== l && w(l), f(i);
+    i.sidebarActiveTab() !== l && w(l), b(t);
   }, P = (e) => {
     if (e.onClick) {
       V(() => e.onClick());
       return;
     }
     A(e.id);
-  }, R = b(() => {
+  }, R = f(() => {
     const e = o.topBarActions;
     if (!d() || (o.activityBottomItemsMobileMode ?? "hidden") !== "topBar") return e;
     const l = o.activityBottomItems ?? [];
-    return l.length ? [t($, {
+    return l.length ? [r($, {
       each: l,
-      children: (i) => t(J, {
+      children: (t) => r(J, {
         get label() {
-          return i.label;
+          return t.label;
         },
-        onClick: () => P(i),
+        onClick: () => P(t),
         get children() {
-          return t(S, {
+          return r(S, {
             get component() {
-              return i.icon;
+              return t.icon;
             },
             class: "w-4 h-4"
           });
         }
       })
     }), e] : e;
-  }), W = () => u() ? !0 : r.sidebarCollapsed();
+  }), W = () => u() ? !0 : i.sidebarCollapsed();
   return (() => {
-    var e = oe(), s = e.firstChild, l = s.firstChild, i = l.firstChild;
-    return c(e, t(G, {
+    var e = oe(), s = e.firstChild, l = s.firstChild, t = l.firstChild;
+    return c(e, r(G, {
       get logo() {
         return o.logo;
       },
       get actions() {
         return R();
       }
-    }), s), c(s, t(m, {
+    }), s), c(s, r(m, {
       get when() {
         return !d();
       },
       get children() {
-        return [t(m, {
+        return [r(m, {
           get when() {
             return g().length > 0;
           },
           get children() {
-            return t(Y, {
+            return r(Y, {
               get items() {
                 return g();
               },
@@ -167,89 +171,89 @@ function Be(o) {
                 return o.activityBottomItems;
               },
               get activeId() {
-                return r.sidebarActiveTab();
+                return i.sidebarActiveTab();
               },
               onActiveChange: w,
               get collapsed() {
                 return W();
               },
               get onCollapsedChange() {
-                return C(() => !!u())() ? void 0 : r.setSidebarCollapsed;
+                return C(() => !!u())() ? void 0 : i.setSidebarCollapsed;
               }
             });
           }
-        }), t(m, {
+        }), r(m, {
           get when() {
             return !u();
           },
           get children() {
-            return t(q, {
+            return r(q, {
               get width() {
-                return r.sidebarWidth();
+                return i.sidebarWidth();
               },
               get collapsed() {
-                return r.sidebarCollapsed() || B();
+                return i.sidebarCollapsed() || B();
               },
               get resizer() {
-                return t(_, {
+                return r(_, {
                   direction: "horizontal",
-                  onResize: (n) => r.setSidebarWidth(r.sidebarWidth() + n)
+                  onResize: (n) => i.setSidebarWidth(i.sidebarWidth() + n)
                 });
               },
               get children() {
-                return y(r.sidebarActiveTab());
+                return y(i.sidebarActiveTab());
               }
             });
           }
         })];
       }
-    }), l), c(s, t(m, {
+    }), l), c(s, r(m, {
       get when() {
         return C(() => !!(d() && I()))() && !u();
       },
       get children() {
         return [(() => {
           var n = re();
-          return n.$$click = () => f(!1), n;
+          return n.$$click = () => b(!1), n;
         })(), (() => {
           var n = ie(), p = n.firstChild;
-          return c(p, () => y(r.sidebarActiveTab())), T(() => M(n, x("absolute left-0 top-0 bottom-0 z-50", "w-72 max-w-[80vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200"))), n;
+          return c(p, () => y(i.sidebarActiveTab())), T(() => M(n, x("absolute left-0 top-0 bottom-0 z-50", "w-72 max-w-[80vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200"))), n;
         })()];
       }
-    }), l), c(i, () => o.children), c(l, t(m, {
+    }), l), c(t, () => o.children), c(l, r(m, {
       get when() {
-        return C(() => !!(!d() && r.terminalOpened()))() && o.terminalPanel;
+        return C(() => !!(!d() && i.terminalOpened()))() && o.terminalPanel;
       },
       get children() {
         var n = ne();
-        return c(n, t(_, {
+        return c(n, r(_, {
           direction: "vertical",
-          onResize: (p) => r.setTerminalHeight(r.terminalHeight() - p)
-        }), null), c(n, () => o.terminalPanel, null), T((p) => E(n, "height", `${r.terminalHeight()}px`)), n;
+          onResize: (p) => i.setTerminalHeight(i.terminalHeight() - p)
+        }), null), c(n, () => o.terminalPanel, null), T((p) => E(n, "height", `${i.terminalHeight()}px`)), n;
       }
-    }), null), c(e, t(m, {
+    }), null), c(e, r(m, {
       get when() {
         return !d();
       },
       get children() {
-        return t(U, {
+        return r(U, {
           get children() {
             return H();
           }
         });
       }
-    }), null), c(e, t(m, {
+    }), null), c(e, r(m, {
       get when() {
         return C(() => !!d())() && g().length > 0;
       },
       get children() {
-        return t(X, {
+        return r(X, {
           get items() {
             return g();
           },
           get activeId() {
             return Z({
-              activeId: r.sidebarActiveTab(),
+              activeId: i.sidebarActiveTab(),
               mobileSidebarOpen: I(),
               activeIsFullScreen: B(),
               activeIsPage: F()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.26.1",
+  "version": "0.26.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",