@floegence/floe-webapp-core 0.86.51 → 0.86.52

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

@@ -1,8 +1,8 @@
-import { insert as o, createComponent as l, use as S, setAttribute as g, effect as P, className as de, memo as C, spread as te, mergeProps as re, template as f, delegateEvents as ce } from "solid-js/web";
-import { createSignal as E, createEffect as U, on as ae, untrack as ue, createMemo as V, createUniqueId as ge, Show as h, For as N } from "solid-js";
-import { cn as H } from "../../../utils/cn.js";
+import { insert as o, createComponent as l, use as H, setAttribute as g, effect as P, className as de, memo as C, spread as te, mergeProps as re, template as f, delegateEvents as ce } from "solid-js/web";
+import { createSignal as E, createEffect as T, on as ae, untrack as ue, createMemo as V, createUniqueId as ge, Show as h, For as N } from "solid-js";
+import { cn as L } from "../../../utils/cn.js";
 import { FileItemIcon as ve } from "../../file-browser/FileIcons.js";
-import { FolderOpen as le, ChevronRight as L } from "../../icons/index.js";
+import { FolderOpen as le, ChevronRight as U } from "../../icons/index.js";
 import { Button as z } from "../Button.js";
 import { Input as j } from "../Input.js";
 import { PickerDirectoryRow as ie, DirectoryFavoriteButton as fe } from "./DirectoryFavorites.js";
@@ -22,9 +22,9 @@ function oe(e, s) {
 }
 function Oe(e, s, n, y, _ = () => "browse") {
   const [m, F] = E("browse"), k = be(() => e, n);
-  return U(ae(() => [s(), e.scopeKey], ([I]) => {
+  return T(ae(() => [s(), e.scopeKey], ([I]) => {
     k.close(), I && (F(_()), e.directoryFavorites?.onRefresh?.(), y?.(), k.open(e.initialPath));
-  })), U(() => e.onValidityChange?.(k.valid() && m() === "browse")), {
+  })), T(() => e.onValidityChange?.(k.valid() && m() === "browse")), {
     ...k,
     view: m,
     setView: F
@@ -32,10 +32,10 @@ function Oe(e, s, n, y, _ = () => "browse") {
 }
 function We(e) {
   const s = () => W(e), n = ue(() => e.source), y = V(() => n.entries().filter((d) => d.type === "folder")), _ = V(() => n.context()?.roots.filter((d) => !d.hidden) ?? []), m = ge(), [F, k] = E(""), [I, $] = E(""), A = () => n.view() !== "browse", w = () => !!(e.suggestions?.paths.length || e.directoryFavorites), x = V(() => [...new Set((e.directoryFavorites?.paths ?? []).map((d) => q(d)).filter(Boolean))]), D = V(() => n.view() === "suggestions" ? e.suggestions?.paths ?? [] : x().filter((d) => d.toLocaleLowerCase().includes(F().trim().toLocaleLowerCase())));
-  U(ae(() => e.scopeKey, () => {
+  T(ae(() => e.scopeKey, () => {
     k(""), $("");
   }));
-  let B;
+  let K;
   const G = V(() => [...e.suggestions?.paths.length ? [{
     id: "suggestions",
     label: e.suggestions.label,
@@ -49,7 +49,7 @@ function We(e) {
     label: d.label,
     path: d.pathAbs,
     disabled: e.disabled || d.permissions?.read === !1
-  }))]), T = () => {
+  }))]), B = () => {
     if (A()) return n.view();
     const d = q(n.pathInput(), n.context()?.homePathAbs);
     return `root:${_().filter((i) => d === i.pathAbs || d.startsWith(i.pathAbs.replace(/\/$/, "") + "/")).sort((i, t) => t.pathAbs.length - i.pathAbs.length)[0]?.id ?? n.context()?.defaultRootId ?? _()[0]?.id}`;
@@ -69,9 +69,9 @@ function We(e) {
       path: b,
       name: i
     }))];
-  }), Y = [], K = (d) => {
-    n.setView("browse"), n.navigate(d), B?.focus();
-  }, Z = () => K(n.pathInput());
+  }), Y = [], S = (d) => {
+    n.setView("browse"), n.navigate(d), K?.focus();
+  }, Z = () => S(n.pathInput());
   return (() => {
     var d = pe(), b = d.firstChild;
     return o(d, l(h, {
@@ -119,9 +119,9 @@ function We(e) {
               const u = he(G(), t.id, r.key);
               u && (r.preventDefault(), r.stopPropagation(), J.get(u)?.focus());
             }, a.$$click = () => {
-              "path" in t ? K(t.path) : (n.setView(t.id), t.id === "favorites" && e.directoryFavorites?.onRefresh?.());
-            }, S((r) => J.set(t.id, r), a), g(a, "aria-controls", m), o(a, () => t.label), P((r) => {
-              var u = `${m}-${t.id}`, v = T() === t.id, p = T() === t.id ? 0 : -1, c = t.disabled, R = "path" in t ? t.path : t.label, M = H("min-w-0 cursor-pointer truncate border-b-2 px-0.5 py-2 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", T() === t.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground");
+              "path" in t ? S(t.path) : (n.setView(t.id), t.id === "favorites" && e.directoryFavorites?.onRefresh?.());
+            }, H((r) => J.set(t.id, r), a), g(a, "aria-controls", m), o(a, () => t.label), P((r) => {
+              var u = `${m}-${t.id}`, v = B() === t.id, p = B() === t.id ? 0 : -1, c = t.disabled, R = "path" in t ? t.path : t.label, M = L("min-w-0 cursor-pointer truncate border-b-2 px-0.5 py-2 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", B() === t.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground");
               return u !== r.e && g(a, "id", r.e = u), v !== r.t && g(a, "aria-selected", r.t = v), p !== r.a && g(a, "tabindex", r.a = p), c !== r.o && (a.disabled = r.o = c), R !== r.i && g(a, "title", r.i = R), M !== r.n && de(a, r.n = M), r;
             }, {
               e: void 0,
@@ -142,8 +142,8 @@ function We(e) {
         var i = ye(), t = i.firstChild;
         return o(t, l(j, {
           ref(a) {
-            var r = B;
-            typeof r == "function" ? r(a) : B = a;
+            var r = K;
+            typeof r == "function" ? r(a) : K = a;
           },
           size: "sm",
           get "aria-label"() {
@@ -228,7 +228,7 @@ function We(e) {
                 return a() > 0;
               },
               get children() {
-                return l(L, {
+                return l(U, {
                   class: "h-3 w-3 shrink-0 text-muted-foreground"
                 });
               }
@@ -271,7 +271,7 @@ function We(e) {
           var i = O();
           return te(i, re(() => e.scrollViewportProps, {
             get class() {
-              return H("min-h-[120px] overflow-y-auto rounded border border-border", e.scrollViewportProps?.class);
+              return L("min-h-[120px] overflow-y-auto rounded border border-border", e.scrollViewportProps?.class);
             },
             get style() {
               return {
@@ -330,13 +330,15 @@ function We(e) {
                         var r = Ae(), u = r.firstChild;
                         return r.$$keydown = (v) => X(v, a(), Y, y().length), r.$$click = () => {
                           n.navigate(t.path);
-                        }, S((v) => {
-                          Y[a()] = v;
+                        }, H((v) => {
+                          T(() => {
+                            Y[a()] = v;
+                          });
                         }, r), o(r, l(ve, {
                           item: t,
                           size: 16,
                           class: "h-4 w-4 shrink-0"
-                        }), u), o(u, () => t.name), o(r, l(L, {
+                        }), u), o(u, () => t.name), o(r, l(U, {
                           class: "h-3 w-3 shrink-0 text-muted-foreground"
                         }), null), P((v) => {
                           var p = t.path, c = e.disabled || e.filter?.(t) === !1;
@@ -410,7 +412,7 @@ function We(e) {
               return C(() => n.view() === "favorites")() && e.directoryFavorites?.loading;
             },
             get class() {
-              return H("min-h-[180px] min-w-0 overflow-y-auto", e.scrollViewportProps?.class);
+              return L("min-h-[180px] min-w-0 overflow-y-auto", e.scrollViewportProps?.class);
             },
             get style() {
               return {
@@ -453,12 +455,14 @@ function We(e) {
                   get children() {
                     var r = Ve(), u = r.firstChild, v = u.firstChild, p = v.nextSibling;
                     return r.$$keydown = (c) => X(c, a(), Q, D().length), r.$$click = () => {
-                      K(t);
-                    }, S((c) => {
-                      Q[a()] = c;
+                      S(t);
+                    }, H((c) => {
+                      T(() => {
+                        Q[a()] = c;
+                      });
                     }, r), g(r, "title", t), g(r, "aria-label", t), o(r, l(le, {
                       class: "h-4 w-4 shrink-0 text-muted-foreground"
-                    }), u), o(v, () => t.split("/").filter(Boolean).at(-1) ?? s().root), o(p, t), o(r, l(L, {
+                    }), u), o(v, () => t.split("/").filter(Boolean).at(-1) ?? s().root), o(p, t), o(r, l(U, {
                       class: "h-3 w-3 shrink-0 text-muted-foreground/60"
                     }), null), P((c) => {
                       var R = n.view() === "suggestions" ? t : void 0, M = n.view() === "favorites" ? t : void 0, ee = e.disabled || !n.context();
@@ -476,7 +480,7 @@ function We(e) {
         })()];
       }
     }), null), P((i) => {
-      var t = n.pending(), a = w() ? "tabpanel" : void 0, r = w() ? `${m}-${T()}` : void 0;
+      var t = n.pending(), a = w() ? "tabpanel" : void 0, r = w() ? `${m}-${B()}` : void 0;
       return t !== i.e && g(d, "aria-busy", i.e = t), a !== i.t && g(b, "role", i.t = a), r !== i.a && g(b, "aria-labelledby", i.a = r), i;
     }, {
       e: void 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.86.51",
+  "version": "0.86.52",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",