@floegence/floe-webapp-core 0.86.50 → 0.86.52

package/dist/components/ui/picker/DirectoryFavorites.js

@@ -0,0 +1,163 @@
+import { createComponent as l, insert as m, memo as S, effect as p, template as k, use as g, delegateEvents as D } from "solid-js/web";
+import { createSignal as E, createEffect as b, on as L, onCleanup as B, Show as w } from "solid-js";
+import { Star as F } from "../../icons/index.js";
+import { Button as C } from "../Button.js";
+import { SurfaceFloatingLayer as M } from "../SurfaceFloatingLayer.js";
+import { useOverlayMask as P } from "../../../hooks/useOverlayMask.js";
+var _ = /* @__PURE__ */ k('<div class="flex min-w-0 items-center">'), R = /* @__PURE__ */ k('<button type=button role=menuitem class="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-xs hover:bg-accent focus:bg-accent focus:outline-none">');
+function z(e) {
+  const [s, f] = E(!1), a = () => e.favorites.paths.includes(e.path), u = () => a() ? e.copy.unfavoriteDirectory : e.copy.favoriteDirectory, v = async () => {
+    const n = e.favorites, d = e.path;
+    if (!(!n.editable || !n.onSetFavorite || s() || e.disabled || n.pendingPaths?.includes(d))) {
+      f(!0), e.onError?.("");
+      try {
+        await n.onSetFavorite(d, !a());
+      } catch (o) {
+        e.onError?.(o instanceof Error ? o.message : e.copy.favoritesLoadFailed);
+      } finally {
+        f(!1);
+      }
+    }
+  };
+  return l(C, {
+    type: "button",
+    size: "sm",
+    variant: "ghost",
+    class: "shrink-0",
+    get "aria-label"() {
+      return u() + ": " + e.path;
+    },
+    get title() {
+      return u();
+    },
+    get "aria-pressed"() {
+      return a();
+    },
+    get loading() {
+      return s() || e.favorites.pendingPaths?.includes(e.path);
+    },
+    icon: () => l(F, {
+      get class() {
+        return a() ? "h-3.5 w-3.5 fill-current text-warning" : "h-3.5 w-3.5";
+      }
+    }),
+    get disabled() {
+      return e.disabled || !e.favorites.editable || !e.favorites.onSetFavorite;
+    },
+    onClick: () => {
+      v();
+    }
+  });
+}
+function Y(e) {
+  const [s, f] = E();
+  let a, u, v;
+  const n = (o = !1) => {
+    const r = s()?.owner;
+    f(void 0), o && r?.isConnected && r.focus();
+  }, d = (o) => {
+    if (!e.favorites?.editable || e.disabled) return;
+    o.preventDefault(), o.stopPropagation();
+    const r = o.target instanceof HTMLElement ? o.target.closest("button") ?? a : a, t = r.getBoundingClientRect();
+    f({
+      path: e.path,
+      favorites: e.favorites,
+      favorite: !e.favorites.paths.includes(e.path),
+      owner: r,
+      x: o instanceof MouseEvent ? o.clientX : t.left,
+      y: o instanceof MouseEvent ? o.clientY : t.bottom
+    }), queueMicrotask(() => u?.focus());
+  };
+  return b(L(() => e.scopeKey, () => n())), P({
+    open: () => !!s(),
+    root: () => v,
+    onClose: () => n(!0),
+    closeOnEscape: !0,
+    lockBodyScroll: !1,
+    trapFocus: !1,
+    autoFocus: !1,
+    restoreFocus: !1,
+    blockHotkeys: !1
+  }), b(() => {
+    if (!s()) return;
+    const o = (t) => {
+      (!(t.target instanceof Element) || !t.target.closest("[data-picker-favorite-menu]")) && n();
+    }, r = (t) => {
+      (t.key === "Escape" || t.key === "Tab") && (t.key === "Escape" && (t.preventDefault(), t.stopPropagation()), n(t.key === "Escape"));
+    };
+    document.addEventListener("pointerdown", o, !0), document.addEventListener("keydown", r, !0), B(() => {
+      document.removeEventListener("pointerdown", o, !0), document.removeEventListener("keydown", r, !0);
+    });
+  }), (() => {
+    var o = _();
+    o.$$keydown = (t) => {
+      (t.key === "ContextMenu" || t.shiftKey && t.key === "F10") && d(t);
+    }, o.$$contextmenu = d;
+    var r = a;
+    return typeof r == "function" ? g(r, o) : a = o, m(o, () => e.children, null), m(o, l(w, {
+      get when() {
+        return e.favorites;
+      },
+      children: (t) => l(z, {
+        get path() {
+          return e.path;
+        },
+        get favorites() {
+          return t();
+        },
+        get copy() {
+          return e.copy;
+        },
+        get disabled() {
+          return e.disabled;
+        },
+        get onError() {
+          return e.onError;
+        }
+      })
+    }), null), m(o, l(w, {
+      get when() {
+        return s();
+      },
+      children: (t) => l(M, {
+        get position() {
+          return t();
+        },
+        get owner() {
+          return t().owner;
+        },
+        estimatedSize: {
+          width: 250,
+          height: 40
+        },
+        layerRef: (i) => {
+          v = i;
+        },
+        "data-picker-favorite-menu": "",
+        role: "menu",
+        class: "z-50 rounded-md border border-border bg-background p-1 shadow-lg",
+        get children() {
+          var i = R();
+          i.$$click = () => {
+            const c = t();
+            if (!c.favorites.editable || c.favorites.pendingPaths?.includes(c.path)) return;
+            const $ = e.onError, x = e.copy.favoritesLoadFailed;
+            n(!0), c.favorites.onSetFavorite?.(c.path, c.favorite).catch((h) => $(h instanceof Error ? h.message : x));
+          };
+          var y = u;
+          return typeof y == "function" ? g(y, i) : u = i, m(i, l(F, {
+            class: "h-3.5 w-3.5"
+          }), null), m(i, (() => {
+            var c = S(() => !!t().favorite);
+            return () => c() ? e.copy.favoriteDirectory : e.copy.unfavoriteDirectory;
+          })(), null), p(() => i.disabled = !t().favorites.editable || !t().favorites.onSetFavorite || t().favorites.pendingPaths?.includes(t().path)), i;
+        }
+      })
+    }), null), o;
+  })();
+}
+D(["contextmenu", "keydown", "click"]);
+export {
+  z as DirectoryFavoriteButton,
+  Y as PickerDirectoryRow
+};

package/dist/components/ui/picker/PickerBase.d.ts

@@ -1,6 +1,9 @@
 import { type Accessor, type JSX } from 'solid-js';
-import { parsePickerPath, type FilesystemPickerDataSource, type PickerDataProps } from './PickerNavigation';
+import { type DirectoryFavorites } from './DirectoryFavorites';
+import { parsePickerPath, type PickerDataProps } from './PickerNavigation';
 export interface PickerPanelProps extends PickerDataProps {
+    /** Host-owned directory navigation metadata for the current authenticated environment. */
+    directoryFavorites?: DirectoryFavorites;
     disabled?: boolean;
     /** Props for the actual constrained scrolling viewport, including host interaction markers. */
     scrollViewportProps?: JSX.HTMLAttributes<HTMLDivElement>;
@@ -16,6 +19,13 @@ export interface BasePickerProps extends PickerPanelProps {
     class?: string;
 }
 export declare function pickerCopy(config: PickerDataProps): {
+    favorites: string;
+    favoriteDirectory: string;
+    unfavoriteDirectory: string;
+    favoritesEmpty: string;
+    favoritesFilter: string;
+    favoritesNoMatches: string;
+    favoritesLoadFailed: string;
     path: string;
     go: string;
     roots: string;
@@ -42,7 +52,9 @@ export declare function pickerCopy(config: PickerDataProps): {
 };
 export declare function pickerErrorMessage(props: PickerDataProps, error: unknown): string;
 /** One owner for dialog and embedded pickers. Identity changes close the previous session first. */
-export declare function usePickerNavigation(props: PickerDataProps, open: Accessor<boolean>, onValidated?: (path: string) => void, onReset?: () => void): {
+export declare function usePickerNavigation(props: PickerPanelProps, open: Accessor<boolean>, onValidated?: (path: string) => void, onReset?: () => void, initialView?: Accessor<PickerLocation>): {
+    view: Accessor<PickerLocation>;
+    setView: import("solid-js").Setter<PickerLocation>;
     context: Accessor<import("./PickerNavigation").PickerPathContext | null>;
     currentPath: Accessor<string>;
     entries: Accessor<readonly import("../..").FileItem[]>;
@@ -59,14 +71,13 @@ export declare function usePickerNavigation(props: PickerDataProps, open: Access
     setShowHidden(value: boolean): Promise<void>;
     retry(): Promise<void>;
 };
+export type PickerLocation = 'browse' | 'suggestions' | 'favorites';
 /** Absolute directory navigation shared by all picker presentations. */
 export declare function PickerPanel(props: PickerPanelProps & {
-    source: FilesystemPickerDataSource;
+    source: ReturnType<typeof usePickerNavigation>;
     suggestions?: {
         paths: readonly string[];
         label: string;
-        visible: boolean;
-        onVisibilityChange: (visible: boolean) => void;
     };
 }): JSX.Element;
 export declare const normalizePath: typeof parsePickerPath;