@floegence/floe-webapp-core 0.78.1 → 0.78.3

package/dist/components/file-browser/DirectoryTree.js

@@ -1,5 +1,5 @@
 import { insert as l, createComponent as s, effect as y, className as h, template as v, setAttribute as G, spread as X, mergeProps as Y, memo as q, setStyleProperty as J, delegateEvents as K } from "solid-js/web";
-import { createMemo as T, For as Q, untrack as W, createSignal as Z, Show as w } from "solid-js";
+import { createMemo as T, For as Q, untrack as W, createSignal as Z, Show as I } from "solid-js";
 import { cn as u } from "../../utils/cn.js";
 import { useFileBrowser as _ } from "./FileBrowserContext.js";
 import { useFileBrowserDrag as ee } from "../../context/FileBrowserDragContext.js";
@@ -10,11 +10,11 @@ import { createLongPressContextMenuHandlers as ae } from "./longPressContextMenu
 import { fileBrowserTouchTargetAttrs as oe } from "./touchInteractionGuard.js";
 import { createItemContextMenuEvent as le } from "./contextMenuEvent.js";
 var M = /* @__PURE__ */ v("<div>"), se = /* @__PURE__ */ v("<button type=button>"), ce = /* @__PURE__ */ v('<span class="ml-auto mr-2 text-[10px] text-muted-foreground/60 opacity-0 group-hover:opacity-100 transition-opacity">'), ge = /* @__PURE__ */ v('<div class="flex flex-col"><div><button type=button><span class="relative flex-shrink-0 w-4 h-4"></span><span>'), de = /* @__PURE__ */ v('<span class="flex-shrink-0 w-3.5 h-3.5">');
-function we(e) {
+function Ie(e) {
   const o = _(), i = ee(), P = () => (e.enableDragDrop ?? !0) && !!i, x = () => e.instanceId ?? "default", g = T(() => o.files().filter((r) => r.type === "folder"));
   return (() => {
     var r = M();
-    return r.$$contextmenu = (I) => I.preventDefault(), l(r, s(p, {
+    return r.$$contextmenu = (w) => w.preventDefault(), l(r, s(p, {
       get items() {
         return g();
       },
@@ -58,11 +58,11 @@ function ue(e) {
     source: "tree"
   });
   let r;
-  const [I, $] = Z(!1), F = () => r === "touch" || r === "pen", E = T(() => e.item.children?.filter((t) => t.type === "folder").length ?? 0), D = () => E() > 0, S = () => {
+  const [w, $] = Z(!1), F = () => r === "touch" || r === "pen", E = T(() => e.item.children?.filter((t) => t.type === "folder").length ?? 0), D = () => E() > 0, S = () => {
     if (!e.enableDragDrop || !e.dragContext) return !1;
     const t = e.dragContext.dragState();
     return t.isDragging ? e.dragContext.canDropOn(t.draggedItems, e.item.path, e.item, e.instanceId) : !1;
-  }, B = () => e.dragContext?.dragState(), L = () => B()?.isDragging ?? !1, k = () => I() && L() && e.enableDragDrop, A = (t) => {
+  }, B = () => e.dragContext?.dragState(), L = () => B()?.isDragging ?? !1, k = () => w() && L() && e.enableDragDrop, A = (t) => {
     r = t.pointerType, g.onPointerDown(t);
   }, N = (t) => {
     r = t.pointerType, g.onPointerMove(t);
@@ -101,7 +101,7 @@ function ue(e) {
   };
   return (() => {
     var t = ge(), a = t.firstChild, d = a.firstChild, b = d.firstChild, C = b.nextSibling;
-    return a.addEventListener("pointerleave", U), a.addEventListener("pointerenter", R), l(a, s(w, {
+    return a.addEventListener("pointerleave", U), a.addEventListener("pointerenter", R), l(a, s(I, {
       get when() {
         return D();
       },
@@ -144,7 +144,7 @@ function ue(e) {
         return e.item;
       },
       size: "xs"
-    }), null), l(C, () => e.item.name), l(d, s(w, {
+    }), null), l(C, () => e.item.name), l(d, s(I, {
       get when() {
         return D();
       },
@@ -152,7 +152,7 @@ function ue(e) {
         var n = ce();
         return l(n, E), n;
       }
-    }), null), l(t, s(w, {
+    }), null), l(t, s(I, {
       get when() {
         return q(() => !!i())() && D();
       },
@@ -178,7 +178,7 @@ function ue(e) {
       }
     }), null), y((n) => {
       var c = u(
-        "group flex items-center w-full py-1 text-xs",
+        "group flex items-center w-full min-h-[var(--floe-row-height)] py-1 text-[length:var(--floe-type-control)] leading-[var(--floe-line-control)]",
         "transition-all duration-150 ease-out",
         "hover:bg-sidebar-accent/60",
         P() && "bg-sidebar-accent text-sidebar-accent-foreground font-medium",
@@ -196,5 +196,5 @@ function ue(e) {
 }
 K(["contextmenu", "click"]);
 export {
-  we as DirectoryTree
+  Ie as DirectoryTree
 };

package/dist/components/file-browser/FileBrowserStatusBar.js

@@ -1,51 +1,51 @@
 import { insert as i, createComponent as a, effect as f, className as v, setAttribute as h, template as u } from "solid-js/web";
-import { Show as m } from "solid-js";
+import { Show as d } from "solid-js";
 import { Skeleton as g } from "../loading/Skeleton.js";
 import { cn as w } from "../../utils/cn.js";
 import { useFileBrowser as $ } from "./FileBrowserContext.js";
-var x = /* @__PURE__ */ u("<span aria-hidden=true>·"), b = /* @__PURE__ */ u("<span>"), C = /* @__PURE__ */ u('<div class="flex flex-wrap items-center gap-1.5"><span>'), p = /* @__PURE__ */ u("<div>"), _ = /* @__PURE__ */ u("<div data-file-browser-status-bar=true>");
-function S(t) {
+var b = /* @__PURE__ */ u("<span aria-hidden=true>·"), x = /* @__PURE__ */ u("<span>"), C = /* @__PURE__ */ u('<div class="flex flex-wrap items-center gap-1.5"><span>'), p = /* @__PURE__ */ u("<div>"), _ = /* @__PURE__ */ u("<div data-file-browser-status-bar=true>");
+function y(t) {
   return `${t} ${t === 1 ? "item" : "items"}`;
 }
-function y(t) {
+function S(t) {
   return `${t} selected`;
 }
 function A(t) {
-  const l = $(), d = () => l.currentFiles().length, s = () => l.selectedItems().size;
+  const l = $(), m = () => l.currentFiles().length, s = () => l.selectedItems().size;
   return (() => {
     var o = _();
-    return i(o, a(m, {
+    return i(o, a(d, {
       get when() {
         return !t.initializing;
       },
       get fallback() {
         return [a(g, {
-          class: "h-[1.5em] w-12"
+          class: "h-4 w-12"
         }), a(g, {
-          class: "h-[1.5em] w-32"
+          class: "h-4 w-32"
         })];
       },
       get children() {
         return [(() => {
           var e = C(), n = e.firstChild;
-          return i(n, () => t.formatItemCount?.(d()) ?? S(d())), i(e, a(m, {
+          return i(n, () => t.formatItemCount?.(m()) ?? y(m())), i(e, a(d, {
             get when() {
               return l.filterQueryApplied().trim();
             },
             get children() {
-              return [x(), (() => {
-                var r = b();
+              return [b(), (() => {
+                var r = x();
                 return i(r, () => t.filteredLabel ?? "Filtered"), r;
               })()];
             }
-          }), null), i(e, a(m, {
+          }), null), i(e, a(d, {
             get when() {
               return s() > 0;
             },
             get children() {
-              return [x(), (() => {
-                var r = b();
-                return i(r, () => t.formatSelectedCount?.(s()) ?? y(s())), r;
+              return [b(), (() => {
+                var r = x();
+                return i(r, () => t.formatSelectedCount?.(s()) ?? S(s())), r;
               })()];
             }
           }), null), e;
@@ -61,7 +61,7 @@ function A(t) {
         })()];
       }
     })), f((e) => {
-      var n = t.initializing || void 0, r = w("flex flex-wrap items-center justify-between gap-2 border-t border-border px-3 py-1 text-[10px] text-muted-foreground", t.class);
+      var n = t.initializing || void 0, r = w("flex flex-wrap items-center justify-between gap-2 border-t border-border px-3 py-1 text-[length:var(--floe-type-caption)] leading-4 text-muted-foreground", t.class);
       return n !== e.e && h(o, "aria-busy", e.e = n), r !== e.t && v(o, e.t = r), e;
     }, {
       e: void 0,