@floegence/floe-webapp-core 0.35.46 → 0.35.48

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

@@ -1,20 +1,21 @@
-import { createComponent as n, insert as i, use as k, memo as E, effect as B, className as K, template as I, delegateEvents as L } from "solid-js/web";
+import { createComponent as n, insert as i, use as k, memo as E, effect as B, className as L, template as S, delegateEvents as K } from "solid-js/web";
 import { createSignal as O, onMount as q, onCleanup as V, createEffect as H, Show as c } from "solid-js";
 import { cn as N } from "../../utils/cn.js";
 import { useLayout as T } from "../../context/LayoutContext.js";
 import { useFileBrowserDrag as j } from "../../context/FileBrowserDragContext.js";
 import { deferAfterPaint as G } from "../../utils/defer.js";
-import { FileBrowserProvider as Q, useFileBrowser as J } from "./FileBrowserContext.js";
-import { SidebarPane as U } from "../layout/SidebarPane.js";
-import { DirectoryTree as X } from "./DirectoryTree.js";
-import { FileListView as Y } from "./FileListView.js";
-import { FileGridView as Z } from "./FileGridView.js";
-import { FileBrowserToolbar as p } from "./FileBrowserToolbar.js";
-import { FileContextMenu as ee } from "./FileContextMenu.js";
-import { FileBrowserDragPreview as te } from "./DragPreview.js";
-var re = /* @__PURE__ */ I('<div class="border-b border-border">'), ne = /* @__PURE__ */ I('<div><div class="flex flex-1 min-h-0 relative"><div class="flex-1 min-w-0 flex flex-col"><div class="flex-1 min-h-0"></div><div class="flex items-center justify-between px-3 py-1 border-t border-border text-[10px] text-muted-foreground"><span> items</span><span class="truncate max-w-[200px]">');
-function we(e) {
-  return n(Q, {
+import { isPrimaryModKeyPressed as Q } from "../../utils/keybind.js";
+import { FileBrowserProvider as J, useFileBrowser as U } from "./FileBrowserContext.js";
+import { SidebarPane as X } from "../layout/SidebarPane.js";
+import { DirectoryTree as Y } from "./DirectoryTree.js";
+import { FileListView as Z } from "./FileListView.js";
+import { FileGridView as p } from "./FileGridView.js";
+import { FileBrowserToolbar as ee } from "./FileBrowserToolbar.js";
+import { FileContextMenu as te } from "./FileContextMenu.js";
+import { FileBrowserDragPreview as re } from "./DragPreview.js";
+var ne = /* @__PURE__ */ S('<div class="border-b border-border">'), ie = /* @__PURE__ */ S('<div><div class="flex flex-1 min-h-0 relative"><div class="flex-1 min-w-0 flex flex-col"><div class="flex-1 min-h-0"></div><div class="flex items-center justify-between px-3 py-1 border-t border-border text-[10px] text-muted-foreground"><span> items</span><span class="truncate max-w-[200px]">');
+function Me(e) {
+  return n(J, {
     get files() {
       return e.files;
     },
@@ -61,7 +62,7 @@ function we(e) {
       return e.onRevealRequestConsumed;
     },
     get children() {
-      return n(ie, {
+      return n(le, {
         get class() {
           return e.class;
         },
@@ -105,13 +106,13 @@ function we(e) {
     }
   });
 }
-function ie(e) {
-  const r = J(), M = T(), o = j(), h = () => M.isMobile(), [v, b] = O(null), R = () => v() ?? r.sidebarWidth(), D = () => e.sidebarResizable ?? !0, a = () => (e.enableDragDrop ?? !0) && !!o, d = () => e.instanceId ?? `filebrowser-${Math.random().toString(36).slice(2, 9)}`;
+function le(e) {
+  const r = U(), I = T(), o = j(), h = () => I.isMobile(), [v, b] = O(null), R = () => v() ?? r.sidebarWidth(), D = () => e.sidebarResizable ?? !0, a = () => (e.enableDragDrop ?? !0) && !!o, s = () => e.instanceId ?? `filebrowser-${Math.random().toString(36).slice(2, 9)}`;
   let C, w = null, x = null;
   q(() => {
     if (!o || !a()) return;
     const t = {
-      instanceId: d(),
+      instanceId: s(),
       currentPath: r.currentPath,
       files: r.files,
       onDragMove: e.onDragMove,
@@ -122,38 +123,38 @@ function ie(e) {
     };
     o.registerInstance(t);
   }), V(() => {
-    o && a() && o.unregisterInstance(d());
+    o && a() && o.unregisterInstance(s());
   });
-  let S = !1, m = !1;
+  let M = !1, m = !1;
   H(() => {
     const t = h();
-    if (!S) {
-      S = !0, m = t, t && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
+    if (!M) {
+      M = !0, m = t, t && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
       return;
     }
     !m && t && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar(), m = t;
   });
   const y = (t) => {
-    (t.metaKey || t.ctrlKey) && t.key.toLowerCase() === "f" && (t.preventDefault(), r.setFilterActive(!0), G(() => C?.focus()));
+    Q(t) && t.key.toLowerCase() === "f" && (t.preventDefault(), r.setFilterActive(!0), G(() => C?.focus()));
   }, P = () => !r.sidebarCollapsed() || !h(), $ = () => {
     b(r.sidebarWidth());
   }, W = (t) => {
-    b((s) => r.clampSidebarWidth((s ?? r.sidebarWidth()) + t));
+    b((d) => r.clampSidebarWidth((d ?? r.sidebarWidth()) + t));
   }, z = () => {
     const t = v();
     t !== null && (r.setSidebarWidth(t), b(null));
   };
   return (() => {
-    var t = ne(), s = t.firstChild, f = s.firstChild, g = f.firstChild, F = g.nextSibling, u = F.firstChild, A = u.firstChild, _ = u.nextSibling;
+    var t = ie(), d = t.firstChild, f = d.firstChild, g = f.firstChild, F = g.nextSibling, u = F.firstChild, A = u.firstChild, _ = u.nextSibling;
     return t.$$keydown = y, i(t, n(c, {
       get when() {
         return e.header;
       },
       get children() {
-        var l = re();
+        var l = ne();
         return i(l, () => e.header), l;
       }
-    }), s), i(s, n(U, {
+    }), d), i(d, n(X, {
       title: "Explorer",
       get width() {
         return R();
@@ -178,16 +179,16 @@ function ie(e) {
       },
       bodyClass: "py-1",
       get children() {
-        return n(X, {
+        return n(Y, {
           get instanceId() {
-            return d();
+            return s();
           },
           get enableDragDrop() {
             return a();
           }
         });
       }
-    }), f), i(f, n(p, {
+    }), f), i(f, n(ee, {
       filterInputRef: (l) => C = l,
       get endActions() {
         return e.toolbarEndActions;
@@ -199,9 +200,9 @@ function ie(e) {
         return r.viewMode() === "list";
       },
       get fallback() {
-        return n(Z, {
+        return n(p, {
           get instanceId() {
-            return d();
+            return s();
           },
           get enableDragDrop() {
             return a();
@@ -209,9 +210,9 @@ function ie(e) {
         });
       },
       get children() {
-        return n(Y, {
+        return n(Z, {
           get instanceId() {
-            return d();
+            return s();
           },
           get enableDragDrop() {
             return a();
@@ -232,7 +233,7 @@ function ie(e) {
       get children() {
         return [" · ", E(() => r.selectedItems().size), " selected"];
       }
-    }), null), i(_, () => r.currentPath()), i(t, n(ee, {
+    }), null), i(_, () => r.currentPath()), i(t, n(te, {
       get callbacks() {
         return e.contextMenuCallbacks;
       },
@@ -250,12 +251,12 @@ function ie(e) {
         return a();
       },
       get children() {
-        return n(te, {});
+        return n(re, {});
       }
-    }), null), B(() => K(t, N("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class))), t;
+    }), null), B(() => L(t, N("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class))), t;
   })();
 }
-L(["keydown"]);
+K(["keydown"]);
 export {
-  we as FileBrowser
+  Me as FileBrowser
 };