@floegence/floe-webapp-core 0.35.32 → 0.35.33

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

@@ -1,20 +1,21 @@
-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 { 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 S, 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 v } from "solid-js";
 import { cn as m } from "../../utils/cn.js";
-import { useFileBrowser as E } from "./FileBrowserContext.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 { createItemContextMenuEvent as oe } from "./contextMenuEvent.js";
+var M = /* @__PURE__ */ h("<div>"), le = /* @__PURE__ */ h("<button type=button>"), se = /* @__PURE__ */ h('<span class="ml-auto mr-2 text-[10px] text-muted-foreground/60 opacity-0 group-hover:opacity-100 transition-opacity">'), ce = /* @__PURE__ */ h('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), ge = /* @__PURE__ */ h('<span class="flex-shrink-0 w-3.5 h-3.5">');
+function we(e) {
+  const l = _(), i = ee(), C = () => (e.enableDragDrop ?? !0) && !!i, x = () => e.instanceId ?? "default", g = I(() => l.files().filter((r) => r.type === "folder"));
   return (() => {
     var r = M();
     return r.$$contextmenu = (y) => y.preventDefault(), s(r, o(F, {
       get items() {
-        return d();
+        return g();
       },
       depth: 0,
       get instanceId() {
@@ -28,7 +29,7 @@ function Ce(e) {
   })();
 }
 function F(e) {
-  const l = T(() => e.items.filter((i) => i.type === "folder"));
+  const l = I(() => e.items.filter((i) => i.type === "folder"));
   return o(Q, {
     get each() {
       return l();
@@ -51,71 +52,74 @@ 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
+  const l = _(), i = () => l.isExpanded(e.item.path), C = () => l.currentPath() === e.item.path, x = W(() => e.item), g = ie(l, x, {
+    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 [y, T] = Z(!1), L = () => r === "touch" || r === "pen", $ = I(() => e.item.children?.filter((t) => t.type === "folder").length ?? 0), u = () => $() > 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);
+    r = t.pointerType, g.onPointerDown(t);
   }, H = (t) => {
-    r = t.pointerType, d.onPointerMove(t);
+    r = t.pointerType, g.onPointerMove(t);
   }, N = (t) => {
-    r = t.pointerType, d.onPointerUp();
+    r = t.pointerType, g.onPointerUp();
   }, R = (t) => {
-    r = t.pointerType, d.onPointerCancel();
+    r = t.pointerType, g.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);
+    }, d, P);
   }, V = (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);
   }, j = (t) => {
-    d.consumeClickSuppression(t) || l.navigateTo(x);
+    g.consumeClickSuppression(t) || l.navigateTo(x);
   }, G = (t) => {
-    t.preventDefault(), t.stopPropagation(), !L() && l.showContextMenu({
+    t.preventDefault(), t.stopPropagation(), !L() && l.showContextMenu(oe({
       x: t.clientX,
       y: t.clientY,
-      items: [e.item]
-    });
+      triggerItem: e.item,
+      items: [e.item],
+      source: "tree"
+    }));
   }, X = () => {
     u() && l.toggleFolder(e.item.path);
   };
   return (() => {
-    var t = se(), a = t.firstChild, g = a.firstChild, w = g.firstChild, P = w.nextSibling;
+    var t = ce(), a = t.firstChild, d = a.firstChild, w = d.firstChild, P = w.nextSibling;
     return a.addEventListener("pointerleave", V), a.addEventListener("pointerenter", U), s(a, o(v, {
       get when() {
         return u();
       },
       get fallback() {
-        return ce();
+        return ge();
       },
       get children() {
-        var n = oe();
+        var n = le();
         return n.$$click = X, s(n, o(re, {
           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;
+          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"), E = i() ? "Collapse folder" : "Expand folder";
+          return f !== c.e && b(n, c.e = f), E !== c.t && Y(n, "aria-label", c.t = E), c;
         }, {
           e: void 0,
           t: void 0
         }), n;
       }
-    }), g), q(g, z(ae, {
+    }), d), q(d, z(ae, {
       onClick: j,
       onContextMenu: G,
       onPointerDown: B,
@@ -127,7 +131,7 @@ function de(e) {
       }
     }), !1, !0), s(w, o(v, {
       get when() {
-        return _(() => !!u())() && i();
+        return S(() => !!u())() && i();
       },
       get fallback() {
         return o(ne, {
@@ -139,17 +143,17 @@ function de(e) {
           class: "w-4 h-4"
         });
       }
-    })), s(P, () => e.item.name), s(g, o(v, {
+    })), s(P, () => e.item.name), s(d, o(v, {
       get when() {
         return u();
       },
       get children() {
-        var n = le();
-        return s(n, p), n;
+        var n = se();
+        return s(n, $), n;
       }
     }), null), s(t, o(v, {
       get when() {
-        return _(() => !!i())() && u();
+        return S(() => !!i())() && u();
       },
       get children() {
         var n = M();
@@ -178,8 +182,8 @@ function de(e) {
         "hover:bg-sidebar-accent/60",
         C() && "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"]
+        k() && p() && ["bg-primary/15 outline outline-2 outline-primary/60", "shadow-sm shadow-primary/10"],
+        k() && !p() && ["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;
     }, {
@@ -190,5 +194,5 @@ function de(e) {
 }
 K(["contextmenu", "click"]);
 export {
-  Ce as DirectoryTree
+  we 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
  */