@floegence/floe-webapp-core 0.35.32 → 0.35.34

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

@@ -1,39 +1,40 @@
-import { insert as s, createComponent as o, effect as D, className as b, template as h, setAttribute as Y, spread as q, mergeProps as z, memo as _, 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 v } from "solid-js";
-import { cn as m } from "../../utils/cn.js";
-import { useFileBrowser as E } from "./FileBrowserContext.js";
+import { insert as l, createComponent as s, effect as v, className as D, template as m, setAttribute as X, spread as Y, mergeProps as q, memo as z, setStyleProperty as J, delegateEvents as K } from "solid-js/web";
+import { createMemo as I, For as Q, untrack as W, createSignal as Z, Show as w } from "solid-js";
+import { cn as f } from "../../utils/cn.js";
+import { useFileBrowser as _ } from "./FileBrowserContext.js";
 import { useFileBrowserDrag as ee } from "../../context/FileBrowserDragContext.js";
-import { FolderOpenIcon as te, FolderIcon as ne } from "./FileIcons.js";
-import { ChevronRight as re } from "../icons/index.js";
-import { createLongPressContextMenuHandlers as ie } from "./longPressContextMenu.js";
-import { fileBrowserTouchTargetAttrs as ae } from "./touchInteractionGuard.js";
-var M = /* @__PURE__ */ h("<div>"), oe = /* @__PURE__ */ h("<button type=button>"), le = /* @__PURE__ */ h('<span class="ml-auto mr-2 text-[10px] text-muted-foreground/60 opacity-0 group-hover:opacity-100 transition-opacity">'), se = /* @__PURE__ */ h('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), ce = /* @__PURE__ */ h('<span class="flex-shrink-0 w-3.5 h-3.5">');
-function Ce(e) {
-  const l = E(), i = ee(), C = () => (e.enableDragDrop ?? !0) && !!i, x = () => e.instanceId ?? "default", d = T(() => l.files().filter((r) => r.type === "folder"));
+import { FileItemIcon as te } from "./FileIcons.js";
+import { ChevronRight as ne } from "../icons/index.js";
+import { createLongPressContextMenuHandlers as re } from "./longPressContextMenu.js";
+import { fileBrowserTouchTargetAttrs as ie } from "./touchInteractionGuard.js";
+import { createItemContextMenuEvent as ae } from "./contextMenuEvent.js";
+var k = /* @__PURE__ */ m("<div>"), oe = /* @__PURE__ */ m("<button type=button>"), le = /* @__PURE__ */ m('<span class="ml-auto mr-2 text-[10px] text-muted-foreground/60 opacity-0 group-hover:opacity-100 transition-opacity">'), se = /* @__PURE__ */ m('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), ce = /* @__PURE__ */ m('<span class="flex-shrink-0 w-3.5 h-3.5">');
+function ye(e) {
+  const o = _(), i = ee(), b = () => (e.enableDragDrop ?? !0) && !!i, h = () => e.instanceId ?? "default", g = I(() => o.files().filter((r) => r.type === "folder"));
   return (() => {
-    var r = M();
-    return r.$$contextmenu = (y) => y.preventDefault(), s(r, o(F, {
+    var r = k();
+    return r.$$contextmenu = (C) => C.preventDefault(), l(r, s(M, {
       get items() {
-        return d();
+        return g();
       },
       depth: 0,
       get instanceId() {
-        return x();
+        return h();
       },
       get enableDragDrop() {
-        return C();
+        return b();
       },
       dragContext: i
-    })), D(() => b(r, m("flex flex-col", e.class))), r;
+    })), v(() => D(r, f("flex flex-col", e.class))), r;
   })();
 }
-function F(e) {
-  const l = T(() => e.items.filter((i) => i.type === "folder"));
-  return o(Q, {
+function M(e) {
+  const o = I(() => e.items.filter((i) => i.type === "folder"));
+  return s(Q, {
     get each() {
-      return l();
+      return o();
     },
-    children: (i) => o(de, {
+    children: (i) => s(ge, {
       item: i,
       get depth() {
         return e.depth;
@@ -50,110 +51,107 @@ function F(e) {
     })
   });
 }
-function de(e) {
-  const l = E(), i = () => l.isExpanded(e.item.path), C = () => l.currentPath() === e.item.path, x = W(() => e.item), d = ie(l, x, {
-    selectOnOpen: !1
+function ge(e) {
+  const o = _(), i = () => o.isExpanded(e.item.path), b = () => o.currentPath() === e.item.path, h = W(() => e.item), g = re(o, h, {
+    selectOnOpen: !1,
+    source: "tree"
   });
   let r;
-  const [y, I] = Z(!1), L = () => r === "touch" || r === "pen", p = T(() => e.item.children?.filter((t) => t.type === "folder").length ?? 0), u = () => p() > 0, $ = () => {
+  const [C, T] = Z(!1), F = () => r === "touch" || r === "pen", $ = I(() => e.item.children?.filter((t) => t.type === "folder").length ?? 0), x = () => $() > 0, p = () => {
     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;
-  }, O = () => e.dragContext?.dragState(), A = () => O()?.isDragging ?? !1, k = () => y() && A() && e.enableDragDrop, B = (t) => {
-    r = t.pointerType, d.onPointerDown(t);
+  }, L = () => e.dragContext?.dragState(), A = () => L()?.isDragging ?? !1, E = () => C() && A() && e.enableDragDrop, B = (t) => {
+    r = t.pointerType, g.onPointerDown(t);
+  }, O = (t) => {
+    r = t.pointerType, g.onPointerMove(t);
   }, H = (t) => {
-    r = t.pointerType, d.onPointerMove(t);
+    r = t.pointerType, g.onPointerUp();
   }, N = (t) => {
-    r = t.pointerType, d.onPointerUp();
+    r = t.pointerType, g.onPointerCancel();
   }, R = (t) => {
-    r = t.pointerType, d.onPointerCancel();
-  }, U = (t) => {
     if (!e.enableDragDrop || !e.dragContext) return;
     const a = e.dragContext.dragState();
     if (!a.isDragging) return;
-    I(!0);
-    const g = e.dragContext.canDropOn(a.draggedItems, e.item.path, e.item, e.instanceId), P = t.currentTarget?.getBoundingClientRect() ?? null;
+    T(!0);
+    const d = e.dragContext.canDropOn(a.draggedItems, e.item.path, e.item, e.instanceId), P = t.currentTarget?.getBoundingClientRect() ?? null;
     e.dragContext.setDropTarget({
       instanceId: e.instanceId,
       targetPath: e.item.path,
       targetItem: e.item
-    }, g, P);
-  }, V = (t) => {
+    }, d, P);
+  }, U = (t) => {
     if (!e.dragContext) return;
-    I(!1);
+    T(!1);
     const a = e.dragContext.dragState();
     a.isDragging && a.dropTarget?.targetPath === e.item.path && e.dragContext.setDropTarget(null, !1);
+  }, V = (t) => {
+    g.consumeClickSuppression(t) || o.navigateTo(h);
   }, j = (t) => {
-    d.consumeClickSuppression(t) || l.navigateTo(x);
-  }, G = (t) => {
-    t.preventDefault(), t.stopPropagation(), !L() && l.showContextMenu({
+    t.preventDefault(), t.stopPropagation(), !F() && o.showContextMenu(ae({
       x: t.clientX,
       y: t.clientY,
-      items: [e.item]
-    });
-  }, X = () => {
-    u() && l.toggleFolder(e.item.path);
+      triggerItem: e.item,
+      items: [e.item],
+      source: "tree"
+    }));
+  }, G = () => {
+    x() && o.toggleFolder(e.item.path);
   };
   return (() => {
-    var t = se(), a = t.firstChild, g = a.firstChild, w = g.firstChild, P = w.nextSibling;
-    return a.addEventListener("pointerleave", V), a.addEventListener("pointerenter", U), s(a, o(v, {
+    var t = se(), a = t.firstChild, d = a.firstChild, y = d.firstChild, P = y.nextSibling;
+    return a.addEventListener("pointerleave", U), a.addEventListener("pointerenter", R), l(a, s(w, {
       get when() {
-        return u();
+        return x();
       },
       get fallback() {
         return ce();
       },
       get children() {
         var n = oe();
-        return n.$$click = X, s(n, o(re, {
+        return n.$$click = G, l(n, s(ne, {
           class: "w-3 h-3 opacity-50"
-        })), D((c) => {
-          var f = m("flex-shrink-0 w-3.5 h-3.5 flex items-center justify-center cursor-pointer", "transition-transform duration-150", i() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring"), S = i() ? "Collapse folder" : "Expand folder";
-          return f !== c.e && b(n, c.e = f), S !== c.t && Y(n, "aria-label", c.t = S), c;
+        })), v((c) => {
+          var u = f("flex-shrink-0 w-3.5 h-3.5 flex items-center justify-center cursor-pointer", "transition-transform duration-150", i() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring"), S = i() ? "Collapse folder" : "Expand folder";
+          return u !== c.e && D(n, c.e = u), S !== c.t && X(n, "aria-label", c.t = S), c;
         }, {
           e: void 0,
           t: void 0
         }), n;
       }
-    }), g), q(g, z(ae, {
-      onClick: j,
-      onContextMenu: G,
+    }), d), Y(d, q(ie, {
+      onClick: V,
+      onContextMenu: j,
       onPointerDown: B,
-      onPointerMove: H,
-      onPointerUp: N,
-      onPointerCancel: R,
+      onPointerMove: O,
+      onPointerUp: H,
+      onPointerCancel: N,
       get class() {
-        return m("flex items-center gap-1 flex-1 min-w-0 text-left cursor-pointer pl-1", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring");
+        return f("flex items-center gap-1 flex-1 min-w-0 text-left cursor-pointer pl-1", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring");
       }
-    }), !1, !0), s(w, o(v, {
-      get when() {
-        return _(() => !!u())() && i();
+    }), !1, !0), l(y, s(te, {
+      get item() {
+        return e.item;
       },
-      get fallback() {
-        return o(ne, {
-          class: "w-4 h-4"
-        });
+      get open() {
+        return i();
       },
-      get children() {
-        return o(te, {
-          class: "w-4 h-4"
-        });
-      }
-    })), s(P, () => e.item.name), s(g, o(v, {
+      class: "w-4 h-4"
+    })), l(P, () => e.item.name), l(d, s(w, {
       get when() {
-        return u();
+        return x();
       },
       get children() {
         var n = le();
-        return s(n, p), n;
+        return l(n, $), n;
       }
-    }), null), s(t, o(v, {
+    }), null), l(t, s(w, {
       get when() {
-        return _(() => !!i())() && u();
+        return z(() => !!i())() && x();
       },
       get children() {
-        var n = M();
-        return s(n, o(F, {
+        var n = k();
+        return l(n, s(M, {
           get items() {
             return e.item.children ?? [];
           },
@@ -169,19 +167,19 @@ function de(e) {
           get dragContext() {
             return e.dragContext;
           }
-        })), D(() => b(n, m("overflow-hidden transition-all duration-200", i() ? "opacity-100" : "opacity-0"))), n;
+        })), v(() => D(n, f("overflow-hidden transition-all duration-200", i() ? "opacity-100" : "opacity-0"))), n;
       }
-    }), null), D((n) => {
-      var c = m(
+    }), null), v((n) => {
+      var c = f(
         "group flex items-center w-full py-1 text-xs",
         "transition-all duration-150 ease-out",
         "hover:bg-sidebar-accent/60",
-        C() && "bg-sidebar-accent text-sidebar-accent-foreground font-medium",
+        b() && "bg-sidebar-accent text-sidebar-accent-foreground font-medium",
         // Drop target styling - enhanced visual feedback
-        k() && $() && ["bg-primary/15 outline outline-2 outline-primary/60", "shadow-sm shadow-primary/10"],
-        k() && !$() && ["bg-destructive/10 outline outline-2 outline-dashed outline-destructive/50"]
-      ), f = `${8 + e.depth * 12}px`;
-      return c !== n.e && b(a, n.e = c), f !== n.t && J(a, "padding-left", n.t = f), n;
+        E() && p() && ["bg-primary/15 outline outline-2 outline-primary/60", "shadow-sm shadow-primary/10"],
+        E() && !p() && ["bg-destructive/10 outline outline-2 outline-dashed outline-destructive/50"]
+      ), u = `${8 + e.depth * 12}px`;
+      return c !== n.e && D(a, n.e = c), u !== n.t && J(a, "padding-left", n.t = u), n;
     }, {
       e: void 0,
       t: void 0
@@ -190,5 +188,5 @@ function de(e) {
 }
 K(["contextmenu", "click"]);
 export {
-  Ce as DirectoryTree
+  ye as DirectoryTree
 };

package/dist/components/file-browser/FileContextMenu.d.ts

@@ -1,4 +1,4 @@
-import type { ContextMenuItem, ContextMenuCallbacks, FileItem, ContextMenuActionType } from './types';
+import type { ContextMenuActionType, ContextMenuCallbacks, ContextMenuEvent, ContextMenuItem, FileItem } from './types';
 /**
  * Built-in menu action types (excluding 'custom').
  */
@@ -29,7 +29,7 @@ export interface FileContextMenuProps {
     hideItems?: HideItemsValue;
 }
 export declare function createDefaultContextMenuItems(callbacks?: ContextMenuCallbacks): ContextMenuItem[];
-export declare function dispatchContextMenuAction(item: ContextMenuItem, items: FileItem[], callbacks?: ContextMenuCallbacks): void;
+export declare function dispatchContextMenuAction(item: ContextMenuItem, items: FileItem[], callbacks?: ContextMenuCallbacks, event?: ContextMenuEvent): void;
 /**
  * Context menu for file browser items
  */