@floegence/floe-webapp-core 0.46.2 → 0.46.4

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

@@ -1,21 +1,22 @@
-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 { 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, {
+import { createComponent as n, insert as a, use as z, effect as A, className as $, template as S, delegateEvents as k } from "solid-js/web";
+import { createSignal as B, onMount as E, onCleanup as L, createEffect as _, Show as m } from "solid-js";
+import { cn as K } from "../../utils/cn.js";
+import { useLayout as O } from "../../context/LayoutContext.js";
+import { useFileBrowserDrag as q } from "../../context/FileBrowserDragContext.js";
+import { deferAfterPaint as V } from "../../utils/defer.js";
+import { isPrimaryModKeyPressed as H } from "../../utils/keybind.js";
+import { FileBrowserProvider as N, useFileBrowser as T } from "./FileBrowserContext.js";
+import { SidebarPane as G } from "../layout/SidebarPane.js";
+import { DirectoryTree as j } from "./DirectoryTree.js";
+import { FileListView as J } from "./FileListView.js";
+import { FileGridView as Q } from "./FileGridView.js";
+import { FileBrowserToolbar as U } from "./FileBrowserToolbar.js";
+import { FileBrowserStatusBar as X } from "./FileBrowserStatusBar.js";
+import { FileContextMenu as Y } from "./FileContextMenu.js";
+import { FileBrowserDragPreview as Z } from "./DragPreview.js";
+var p = /* @__PURE__ */ S('<div class="border-b border-border">'), ee = /* @__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">');
+function Ce(e) {
+  return n(N, {
     get files() {
       return e.files;
     },
@@ -62,7 +63,7 @@ function Me(e) {
       return e.onRevealRequestConsumed;
     },
     get children() {
-      return n(le, {
+      return n(te, {
         get class() {
           return e.class;
         },
@@ -106,134 +107,120 @@ function Me(e) {
     }
   });
 }
-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;
+function te(e) {
+  const r = T(), I = O(), l = q(), f = () => I.isMobile(), [h, c] = B(null), x = () => h() ?? r.sidebarWidth(), R = () => e.sidebarResizable ?? !0, o = () => (e.enableDragDrop ?? !0) && !!l, d = () => e.instanceId ?? `filebrowser-${Math.random().toString(36).slice(2, 9)}`;
+  let v, C = null, w = null;
+  E(() => {
+    if (!l || !o()) return;
     const t = {
-      instanceId: s(),
+      instanceId: d(),
       currentPath: r.currentPath,
       files: r.files,
       onDragMove: e.onDragMove,
-      getScrollContainer: () => w,
-      getSidebarScrollContainer: () => x,
+      getScrollContainer: () => C,
+      getSidebarScrollContainer: () => w,
       optimisticRemove: r.optimisticRemove,
       optimisticInsert: r.optimisticInsert
     };
-    o.registerInstance(t);
-  }), V(() => {
-    o && a() && o.unregisterInstance(s());
+    l.registerInstance(t);
+  }), L(() => {
+    l && o() && l.unregisterInstance(d());
   });
-  let M = !1, m = !1;
-  H(() => {
-    const t = h();
+  let M = !1, g = !1;
+  _(() => {
+    const t = f();
     if (!M) {
-      M = !0, m = t, t && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
+      M = !0, g = t, t && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
       return;
     }
-    !m && t && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar(), m = t;
+    !g && t && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar(), g = t;
   });
-  const y = (t) => {
-    Q(t) && t.key.toLowerCase() === "f" && (t.preventDefault(), r.setFilterActive(!0), G(() => C?.focus()));
-  }, P = () => !r.sidebarCollapsed() || !h(), $ = () => {
-    b(r.sidebarWidth());
+  const D = (t) => {
+    H(t) && t.key.toLowerCase() === "f" && (t.preventDefault(), r.setFilterActive(!0), V(() => v?.focus()));
+  }, y = () => !r.sidebarCollapsed() || !f(), P = () => {
+    c(r.sidebarWidth());
   }, W = (t) => {
-    b((d) => r.clampSidebarWidth((d ?? r.sidebarWidth()) + t));
-  }, z = () => {
-    const t = v();
-    t !== null && (r.setSidebarWidth(t), b(null));
+    c((s) => r.clampSidebarWidth((s ?? r.sidebarWidth()) + t));
+  }, F = () => {
+    const t = h();
+    t !== null && (r.setSidebarWidth(t), c(null));
   };
   return (() => {
-    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, {
+    var t = ee(), s = t.firstChild, u = s.firstChild, b = u.firstChild;
+    return t.$$keydown = D, a(t, n(m, {
       get when() {
         return e.header;
       },
       get children() {
-        var l = ne();
-        return i(l, () => e.header), l;
+        var i = p();
+        return a(i, () => e.header), i;
       }
-    }), d), i(d, n(X, {
+    }), s), a(s, n(G, {
       title: "Explorer",
       get width() {
-        return R();
+        return x();
       },
       get open() {
-        return P();
+        return y();
       },
       get headerActions() {
         return e.sidebarHeaderActions;
       },
       get resizable() {
-        return D();
+        return R();
       },
       onResize: W,
       get onClose() {
         return r.toggleSidebar;
       },
-      onResizeStart: $,
-      onResizeEnd: z,
-      bodyRef: (l) => {
-        x = l;
+      onResizeStart: P,
+      onResizeEnd: F,
+      bodyRef: (i) => {
+        w = i;
       },
       bodyClass: "py-1",
       get children() {
-        return n(Y, {
+        return n(j, {
           get instanceId() {
-            return s();
+            return d();
           },
           get enableDragDrop() {
-            return a();
+            return o();
           }
         });
       }
-    }), f), i(f, n(ee, {
-      filterInputRef: (l) => C = l,
+    }), u), a(u, n(U, {
+      filterInputRef: (i) => v = i,
       get endActions() {
         return e.toolbarEndActions;
       }
-    }), g), k((l) => {
-      w = l;
-    }, g), i(g, n(c, {
+    }), b), z((i) => {
+      C = i;
+    }, b), a(b, n(m, {
       get when() {
         return r.viewMode() === "list";
       },
       get fallback() {
-        return n(p, {
+        return n(Q, {
           get instanceId() {
-            return s();
+            return d();
           },
           get enableDragDrop() {
-            return a();
+            return o();
           }
         });
       },
       get children() {
-        return n(Z, {
+        return n(J, {
           get instanceId() {
-            return s();
+            return d();
           },
           get enableDragDrop() {
-            return a();
+            return o();
           }
         });
       }
-    })), i(u, () => r.currentFiles().length, A), i(u, n(c, {
-      get when() {
-        return r.filterQueryApplied().trim();
-      },
-      get children() {
-        return [" ", "(filtered)"];
-      }
-    }), null), i(u, n(c, {
-      get when() {
-        return r.selectedItems().size > 0;
-      },
-      get children() {
-        return [" · ", E(() => r.selectedItems().size), " selected"];
-      }
-    }), null), i(_, () => r.currentPath()), i(t, n(te, {
+    })), a(u, n(X, {}), null), a(t, n(Y, {
       get callbacks() {
         return e.contextMenuCallbacks;
       },
@@ -246,17 +233,17 @@ function le(e) {
       get hideItems() {
         return e.hideContextMenuItems;
       }
-    }), null), i(t, n(c, {
+    }), null), a(t, n(m, {
       get when() {
-        return a();
+        return o();
       },
       get children() {
-        return n(re, {});
+        return n(Z, {});
       }
-    }), 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;
+    }), null), A(() => $(t, K("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class))), t;
   })();
 }
-K(["keydown"]);
+k(["keydown"]);
 export {
-  Me as FileBrowser
+  Ce as FileBrowser
 };

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

@@ -0,0 +1,18 @@
+import { type JSX } from 'solid-js';
+export interface FileBrowserStatusBarProps {
+    /** Additional classes for the status bar container. */
+    class?: string;
+    /** Additional classes for the current-path label. */
+    pathClass?: string;
+    /** Localized item-count formatter. */
+    formatItemCount?: (count: number) => JSX.Element;
+    /** Localized label shown while a filter is applied. */
+    filteredLabel?: JSX.Element;
+    /** Localized selected-item-count formatter. */
+    formatSelectedCount?: (count: number) => JSX.Element;
+}
+/**
+ * Shared file-browser status presentation for primitive-based and complete browsers.
+ * Must be rendered inside a FileBrowserProvider.
+ */
+export declare function FileBrowserStatusBar(props: FileBrowserStatusBarProps): JSX.Element;

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

@@ -0,0 +1,48 @@
+import { insert as r, createComponent as f, effect as g, className as v, setAttribute as C, template as o } from "solid-js/web";
+import { Show as h } from "solid-js";
+import { cn as x } from "../../utils/cn.js";
+import { useFileBrowser as $ } from "./FileBrowserContext.js";
+var p = /* @__PURE__ */ o("<span aria-hidden=true>·"), w = /* @__PURE__ */ o("<span>"), _ = /* @__PURE__ */ o('<div data-file-browser-status-bar=true><div class="flex flex-wrap items-center gap-1.5"><span></span></div><div>');
+function S(t) {
+  return `${t} ${t === 1 ? "item" : "items"}`;
+}
+function F(t) {
+  return `${t} selected`;
+}
+function P(t) {
+  const n = $(), s = () => n.currentFiles().length, i = () => n.selectedItems().size;
+  return (() => {
+    var a = _(), l = a.firstChild, b = l.firstChild, u = l.nextSibling;
+    return r(b, () => t.formatItemCount?.(s()) ?? S(s())), r(l, f(h, {
+      get when() {
+        return n.filterQueryApplied().trim();
+      },
+      get children() {
+        return [p(), (() => {
+          var e = w();
+          return r(e, () => t.filteredLabel ?? "Filtered"), e;
+        })()];
+      }
+    }), null), r(l, f(h, {
+      get when() {
+        return i() > 0;
+      },
+      get children() {
+        return [p(), (() => {
+          var e = w();
+          return r(e, () => t.formatSelectedCount?.(i()) ?? F(i())), e;
+        })()];
+      }
+    }), null), r(u, () => n.currentPath()), g((e) => {
+      var d = x("flex flex-wrap items-center justify-between gap-2 border-t border-border px-3 py-1 text-[10px] text-muted-foreground", t.class), m = x("max-w-[200px] truncate text-right", t.pathClass), c = n.currentPath();
+      return d !== e.e && v(a, e.e = d), m !== e.t && v(u, e.t = m), c !== e.a && C(u, "title", e.a = c), e;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), a;
+  })();
+}
+export {
+  P as FileBrowserStatusBar
+};

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

@@ -6,6 +6,7 @@ export { FileGridView, type FileGridViewProps } from './FileGridView';
 export { FileContextMenu, type FileContextMenuProps, type BuiltinContextMenuAction, type HideItemsValue } from './FileContextMenu';
 export { Breadcrumb, type BreadcrumbProps } from './Breadcrumb';
 export { FileBrowserToolbar, type FileBrowserToolbarProps } from './FileBrowserToolbar';
+export { FileBrowserStatusBar, type FileBrowserStatusBarProps } from './FileBrowserStatusBar';
 export { FileBrowserDragPreview } from './DragPreview';
 export { FolderIcon, FolderOpenIcon, SymlinkFolderIcon, SymlinkFolderOpenIcon, FileIcon, SymlinkFileIcon, BrokenSymlinkIcon, CodeFileIcon, JavaScriptFileIcon, TypeScriptFileIcon, ShellScriptFileIcon, ImageFileIcon, VideoFileIcon, AudioFileIcon, DocumentFileIcon, ConfigFileIcon, StyleFileIcon, FileItemIcon, getFileIcon, resolveFileItemIcon, } from './FileIcons';
 export type { FileItem, FileItemIconOverride, FileItemDecoration, FileItemDecorationBadge, FileItemDecorationTone, FileItemLinkKind, FileItemLinkTargetType, FileItemLinkMeta, FileBrowserRevealClearFilter, FileBrowserRevealRequest, ViewMode, SortField, SortDirection, SortConfig, FileListColumnRatios, FileBrowserContextValue, ContextMenuActionType, ContextMenuTargetKind, ContextMenuSource, ContextMenuDirectory, ContextMenuItem, ContextMenuEvent, ContextMenuCallbacks, OptimisticUpdateType, OptimisticRemove, OptimisticUpdate, OptimisticInsert, OptimisticOperation, ReplaceSelectionOptions, ScrollPosition, } from './types';

package/dist/components/ui/Dialog.d.ts

@@ -8,7 +8,7 @@ export interface DialogProps {
     children: JSX.Element;
     footer?: JSX.Element;
     class?: string;
-    /** Optional stacking layer for global dialogs. Surface-scoped dialogs remain locally layered. */
+    /** Optional stacking layer for global dialogs. Overrides the placement provider default. */
     globalZIndex?: number;
 }
 /**