@floegence/floe-webapp-core 0.35.34 → 0.35.35

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

@@ -1,6 +1,6 @@
 import { type JSX } from 'solid-js';
 import { type FileContextMenuProps } from './FileContextMenu';
-import type { FileItem, ViewMode, ContextMenuCallbacks, ContextMenuItem, FileListColumnRatios } from './types';
+import type { FileItem, ViewMode, ContextMenuCallbacks, ContextMenuItem, FileListColumnRatios, FileBrowserRevealRequest } from './types';
 export interface FileBrowserProps {
     /** File tree data */
     files: FileItem[];
@@ -26,6 +26,10 @@ export interface FileBrowserProps {
     onSelect?: (items: FileItem[]) => void;
     /** Callback when a file is opened */
     onOpen?: (item: FileItem) => void;
+    /** Controlled programmatic reveal request for a specific item in the current directory. */
+    revealRequest?: FileBrowserRevealRequest | null;
+    /** Callback fired after the current reveal request has been consumed. */
+    onRevealRequestConsumed?: (requestId: string) => void;
     /** Additional class names */
     class?: string;
     /** Custom header content */

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

@@ -1,10 +1,10 @@
 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 { createSignal as O, onMount as V, onCleanup as H, createEffect as N, Show as c } from "solid-js";
-import { cn as T } from "../../utils/cn.js";
-import { useLayout as j } from "../../context/LayoutContext.js";
-import { useFileBrowserDrag as G } from "../../context/FileBrowserDragContext.js";
-import { deferAfterPaint as Q } from "../../utils/defer.js";
-import { FileBrowserProvider as q, useFileBrowser as J } from "./FileBrowserContext.js";
+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";
@@ -13,8 +13,8 @@ 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 Ce(e) {
-  return n(q, {
+function we(e) {
+  return n(Q, {
     get files() {
       return e.files;
     },
@@ -54,6 +54,12 @@ function Ce(e) {
     get onOpen() {
       return e.onOpen;
     },
+    get revealRequest() {
+      return e.revealRequest;
+    },
+    get onRevealRequestConsumed() {
+      return e.onRevealRequestConsumed;
+    },
     get children() {
       return n(ie, {
         get class() {
@@ -100,26 +106,26 @@ function Ce(e) {
   });
 }
 function ie(e) {
-  const r = J(), M = j(), o = G(), h = () => M.isMobile(), [v, b] = O(null), D = () => v() ?? r.sidebarWidth(), y = () => e.sidebarResizable ?? !0, a = () => (e.enableDragDrop ?? !0) && !!o, d = () => e.instanceId ?? `filebrowser-${Math.random().toString(36).slice(2, 9)}`;
-  let w, C = null, x = null;
-  V(() => {
+  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)}`;
+  let C, w = null, x = null;
+  q(() => {
     if (!o || !a()) return;
     const t = {
       instanceId: d(),
       currentPath: r.currentPath,
       files: r.files,
       onDragMove: e.onDragMove,
-      getScrollContainer: () => C,
+      getScrollContainer: () => w,
       getSidebarScrollContainer: () => x,
       optimisticRemove: r.optimisticRemove,
       optimisticInsert: r.optimisticInsert
     };
     o.registerInstance(t);
-  }), H(() => {
+  }), V(() => {
     o && a() && o.unregisterInstance(d());
   });
   let S = !1, m = !1;
-  N(() => {
+  H(() => {
     const t = h();
     if (!S) {
       S = !0, m = t, t && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
@@ -127,8 +133,8 @@ function ie(e) {
     }
     !m && t && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar(), m = t;
   });
-  const R = (t) => {
-    (t.metaKey || t.ctrlKey) && t.key.toLowerCase() === "f" && (t.preventDefault(), r.setFilterActive(!0), Q(() => w?.focus()));
+  const y = (t) => {
+    (t.metaKey || t.ctrlKey) && t.key.toLowerCase() === "f" && (t.preventDefault(), r.setFilterActive(!0), G(() => C?.focus()));
   }, P = () => !r.sidebarCollapsed() || !h(), $ = () => {
     b(r.sidebarWidth());
   }, W = (t) => {
@@ -139,7 +145,7 @@ function ie(e) {
   };
   return (() => {
     var t = ne(), s = t.firstChild, f = s.firstChild, g = f.firstChild, F = g.nextSibling, u = F.firstChild, A = u.firstChild, _ = u.nextSibling;
-    return t.$$keydown = R, i(t, n(c, {
+    return t.$$keydown = y, i(t, n(c, {
       get when() {
         return e.header;
       },
@@ -150,7 +156,7 @@ function ie(e) {
     }), s), i(s, n(U, {
       title: "Explorer",
       get width() {
-        return D();
+        return R();
       },
       get open() {
         return P();
@@ -159,7 +165,7 @@ function ie(e) {
         return e.sidebarHeaderActions;
       },
       get resizable() {
-        return y();
+        return D();
       },
       onResize: W,
       get onClose() {
@@ -182,12 +188,12 @@ function ie(e) {
         });
       }
     }), f), i(f, n(p, {
-      filterInputRef: (l) => w = l,
+      filterInputRef: (l) => C = l,
       get endActions() {
         return e.toolbarEndActions;
       }
     }), g), k((l) => {
-      C = l;
+      w = l;
     }, g), i(g, n(c, {
       get when() {
         return r.viewMode() === "list";
@@ -246,10 +252,10 @@ function ie(e) {
       get children() {
         return n(te, {});
       }
-    }), null), B(() => K(t, T("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class))), t;
+    }), 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;
   })();
 }
 L(["keydown"]);
 export {
-  Ce as FileBrowser
+  we as FileBrowser
 };

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

@@ -1,5 +1,5 @@
 import { type JSX } from 'solid-js';
-import type { FileItem, ViewMode, FileListColumnRatios, FileBrowserContextValue } from './types';
+import type { FileItem, ViewMode, FileListColumnRatios, FileBrowserContextValue, FileBrowserRevealRequest } from './types';
 export interface FileBrowserProviderProps {
     children: JSX.Element;
     files: FileItem[];
@@ -30,6 +30,8 @@ export interface FileBrowserProviderProps {
     onPathChange?: (path: string, source: 'user' | 'programmatic') => void;
     onSelect?: (items: FileItem[]) => void;
     onOpen?: (item: FileItem) => void;
+    revealRequest?: FileBrowserRevealRequest | null;
+    onRevealRequestConsumed?: (requestId: string) => void;
 }
 /**
  * Provider for file browser state management