@floegence/floe-webapp-core 0.60.0 → 0.60.1

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

@@ -2,7 +2,7 @@ import { type BasePickerProps } from './picker/PickerBase';
 export interface DirectoryPickerProps extends BasePickerProps {
     /** Ordered absolute navigation suggestions. They never grant filesystem access or auto-confirm. */
     suggestedPaths?: readonly string[];
-    /** Localized heading for host-provided suggestions. */
+    /** Localized tab label for host-provided suggestions. */
     suggestedPathsLabel?: string;
     /** Receives the validated absolute directory path. */
     onSelect: (path: string) => void;

package/dist/components/ui/DirectoryPicker.js

@@ -1,19 +1,18 @@
-import { createComponent as a, insert as i, setAttribute as o, effect as u, mergeProps as C, template as d, delegateEvents as w } from "solid-js/web";
-import { createMemo as $, Show as _, For as S } from "solid-js";
-import { cn as y } from "../../utils/cn.js";
-import { FolderOpen as p } from "../icons/index.js";
-import { Button as v } from "./Button.js";
-import { Dialog as O } from "./Dialog.js";
-import { usePickerNavigation as B, pickerCopy as b, PickerPanel as D } from "./picker/PickerBase.js";
-import { parsePickerPath as z } from "./picker/PickerNavigation.js";
-var F = /* @__PURE__ */ d('<section data-picker-suggestions class="mb-3 min-w-0"><p class="mb-1 px-2 text-[11px] font-medium text-muted-foreground">'), L = /* @__PURE__ */ d('<div class="flex w-full items-center gap-2"><span class="min-w-0 flex-1 truncate text-[11px] text-muted-foreground">'), T = /* @__PURE__ */ d('<button type=button class="flex min-h-10 w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-left hover:bg-accent/60 focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><span class="flex min-w-0 flex-1 flex-col"><span class="truncate text-xs font-medium"></span><span class="truncate text-[11px] text-muted-foreground">');
-function I(e) {
-  const r = B(e, () => e.open), g = $(() => [...new Set((e.suggestedPaths ?? []).map((t) => z(t)).filter(Boolean))]), P = () => {
-    if (!r.valid()) return;
-    const t = r.currentPath();
+import { createComponent as r, mergeProps as m, insert as a, effect as f, setAttribute as d, template as h } from "solid-js/web";
+import { createMemo as P, createSignal as b } from "solid-js";
+import { cn as v } from "../../utils/cn.js";
+import { Button as o } from "./Button.js";
+import { Dialog as C } from "./Dialog.js";
+import { usePickerNavigation as x, PickerPanel as S, pickerCopy as k } from "./picker/PickerBase.js";
+import { parsePickerPath as w } from "./picker/PickerNavigation.js";
+var y = /* @__PURE__ */ h('<div class="flex w-full items-center gap-2"><span class="min-w-0 flex-1 truncate text-[11px] text-muted-foreground">');
+function T(e) {
+  const l = P(() => [...new Set((e.suggestedPaths ?? []).map((t) => w(t)).filter(Boolean))]), [g, s] = b(!0), i = () => l().length > 0 && g(), n = x(e, () => e.open, void 0, () => s(!0)), u = () => {
+    if (e.disabled || i() || !n.valid()) return;
+    const t = n.currentPath();
     e.onSelect(t), e.onOpenChange(!1);
   };
-  return a(O, {
+  return r(C, {
     get open() {
       return e.open;
     },
@@ -24,65 +23,50 @@ function I(e) {
       return e.title ?? "Select Directory";
     },
     get class() {
-      return y("max-w-lg", e.class);
+      return v("max-w-lg", e.class);
     },
     get footer() {
       return (() => {
-        var t = L(), s = t.firstChild;
-        return i(s, () => r.currentPath()), i(t, a(v, {
+        var t = y(), c = t.firstChild;
+        return a(c, () => n.currentPath()), a(t, r(o, {
           variant: "ghost",
           size: "sm",
           onClick: () => e.onOpenChange(!1),
           get children() {
-            return e.cancelText ?? b(e).cancel;
+            return e.cancelText ?? k(e).cancel;
           }
-        }), null), i(t, a(v, {
+        }), null), a(t, r(o, {
           variant: "primary",
           size: "sm",
-          onClick: P,
+          onClick: u,
           get disabled() {
-            return !r.valid();
+            return e.disabled || i() || !n.valid();
           },
           get children() {
             return e.confirmText ?? "Select";
           }
-        }), null), u(() => o(s, "title", r.currentPath())), t;
+        }), null), f(() => d(c, "title", n.currentPath())), t;
       })();
     },
     get children() {
-      return [a(_, {
-        get when() {
-          return g().length > 0;
-        },
-        get children() {
-          var t = F(), s = t.firstChild;
-          return i(s, () => e.suggestedPathsLabel ?? "Suggested directories"), i(t, a(S, {
-            get each() {
-              return g();
-            },
-            children: (l) => (() => {
-              var n = T(), m = n.firstChild, f = m.firstChild, k = f.nextSibling;
-              return n.$$click = () => {
-                r.navigate(l);
-              }, o(n, "data-picker-suggested-path", l), o(n, "title", l), o(n, "aria-label", l), i(n, a(p, {
-                class: "h-4 w-4 shrink-0 text-muted-foreground"
-              }), m), i(f, () => l.split("/").filter(Boolean).at(-1) ?? b(e).root), i(k, l), u((c) => {
-                var h = r.currentPath() === l ? "location" : void 0, x = e.disabled || !r.context();
-                return h !== c.e && o(n, "aria-current", c.e = h), x !== c.t && (n.disabled = c.t = x), c;
-              }, {
-                e: void 0,
-                t: void 0
-              }), n;
-            })()
-          }), null), u(() => o(t, "aria-label", e.suggestedPathsLabel ?? "Suggested directories")), t;
+      return r(S, m(e, {
+        source: n,
+        suggestions: {
+          get paths() {
+            return l();
+          },
+          get label() {
+            return e.suggestedPathsLabel ?? "Suggested directories";
+          },
+          get visible() {
+            return i();
+          },
+          onVisibilityChange: s
         }
-      }), a(D, C(e, {
-        source: r
-      }))];
+      }));
     }
   });
 }
-w(["click"]);
 export {
-  I as DirectoryPicker
+  T as DirectoryPicker
 };

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

@@ -62,6 +62,12 @@ export declare function usePickerNavigation(props: PickerDataProps, open: Access
 /** Absolute directory navigation shared by all picker presentations. */
 export declare function PickerPanel(props: PickerPanelProps & {
     source: FilesystemPickerDataSource;
+    suggestions?: {
+        paths: readonly string[];
+        label: string;
+        visible: boolean;
+        onVisibilityChange: (visible: boolean) => void;
+    };
 }): JSX.Element;
 export declare const normalizePath: typeof parsePickerPath;
 export { pickerParentPath as getParentPath } from './PickerNavigation';