@floegence/floe-webapp-core 0.15.2 → 0.15.3

package/dist/index31.js

@@ -1,228 +1,228 @@
-import { delegateEvents as Z, insert as d, createComponent as s, effect as E, className as _, style as ee, memo as B, template as y, setAttribute as te, setStyleProperty as ne } from "solid-js/web";
-import { createSignal as C, createMemo as D, createEffect as A, on as G, For as z, Show as I } from "solid-js";
-import { cn as p } from "./index111.js";
+import { delegateEvents as Z, insert as d, createComponent as c, effect as T, className as p, style as ee, memo as B, template as y, setAttribute as te, setStyleProperty as ne } from "solid-js/web";
+import { createSignal as _, createMemo as L, createEffect as K, on as G, For as z, Show as E } from "solid-js";
+import { cn as I } from "./index111.js";
 import { deferAfterPaint as re } from "./index112.js";
 import { Button as N } from "./index20.js";
 import { Input as H } from "./index21.js";
 import { ChevronRight as M, Check as oe, X as le, Plus as ae } from "./index40.js";
 import { FolderOpenIcon as W, FolderIcon as ie } from "./index54.js";
 var O = /* @__PURE__ */ y('<div class="flex items-center gap-1.5"><div class=flex-1>'), ce = /* @__PURE__ */ y('<p class="text-[11px] text-muted-foreground -mt-1">Creating in: '), se = /* @__PURE__ */ y("<button type=button><span>New Folder"), ue = /* @__PURE__ */ y('<nav class="flex items-center gap-0.5 min-w-0 overflow-x-auto py-0.5"aria-label="Selected path">'), V = /* @__PURE__ */ y("<button type=button>"), de = /* @__PURE__ */ y('<div class="flex items-center justify-center py-6 text-xs text-muted-foreground">'), he = /* @__PURE__ */ y("<div><button type=button><span>"), fe = /* @__PURE__ */ y("<div class=overflow-hidden>"), ge = /* @__PURE__ */ y('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), me = /* @__PURE__ */ y('<span class="flex-shrink-0 w-4 h-4">');
-function S(e) {
+function C(e) {
   const l = (e ?? "").trim();
   if (l === "" || l === "/") return "/";
-  const n = l.replace(/\/+$/, "");
-  return n.startsWith("/") ? n : "/" + n;
+  const r = l.replace(/\/+$/, "");
+  return r.startsWith("/") ? r : "/" + r;
 }
 function j(e) {
-  const l = e.split("/").filter(Boolean), n = [];
-  let c = "";
-  for (let r = 0; r < l.length - 1; r++)
-    c += "/" + l[r], n.push(c);
-  return n;
+  const l = e.split("/").filter(Boolean), r = [];
+  let i = "";
+  for (let o = 0; o < l.length - 1; o++)
+    i += "/" + l[o], r.push(i);
+  return r;
 }
 function ve(e) {
-  return D(() => {
-    const l = /* @__PURE__ */ new Map(), n = (c) => {
-      for (const r of c)
-        r.type === "folder" && (l.set(S(r.path), r), r.children?.length && n(r.children));
+  return L(() => {
+    const l = /* @__PURE__ */ new Map(), r = (i) => {
+      for (const o of i)
+        o.type === "folder" && (l.set(C(o.path), o), o.children?.length && r(o.children));
     };
-    return n(e()), l;
+    return r(e()), l;
   });
 }
 function _e(e) {
-  const l = e.initialPath ?? "/", n = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root", c = () => {
+  const l = e.initialPath ?? "/", r = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root", i = () => {
     const t = typeof e.homePath == "function" ? e.homePath() : e.homePath;
-    return t ? S(t) : void 0;
-  }, r = (t) => {
-    const i = c();
-    if (!i) return t;
-    const h = S(t);
-    return h === "/" ? i : i === "/" ? h : i + h;
+    return t ? C(t) : void 0;
+  }, o = (t) => {
+    const a = i();
+    if (!a) return t;
+    const h = C(t);
+    return h === "/" ? a : a === "/" ? h : a + h;
   }, u = (t) => {
-    const i = c();
-    if (!i) return S(t);
-    const h = S(t);
-    return h === i ? "/" : i !== "/" && h.startsWith(i + "/") ? h.slice(i.length) || "/" : S(t);
-  }, [x, m] = C(l), [f, v] = C(/* @__PURE__ */ new Set(["/"])), [w, o] = C(r(l)), [b, a] = C(""), g = ve(e.files), $ = D(() => e.files().filter((t) => t.type === "folder"));
-  A(G(e.open, (t) => {
+    const a = i();
+    if (!a) return C(t);
+    const h = C(t);
+    return h === a ? "/" : a !== "/" && h.startsWith(a + "/") ? h.slice(a.length) || "/" : C(t);
+  }, [x, m] = _(l), [w, f] = _(/* @__PURE__ */ new Set(["/"])), [$, n] = _(o(l)), [v, b] = _(""), s = ve(e.files), g = L(() => e.files().filter((t) => t.type === "folder"));
+  K(G(e.open, (t) => {
     if (t) {
-      const i = e.initialPath ?? "/";
-      m(i), o(r(i)), a("");
-      const h = j(i);
-      v(/* @__PURE__ */ new Set(["/", ...h])), e.onReset?.(i);
+      const a = e.initialPath ?? "/";
+      m(a), n(o(a)), b("");
+      const h = j(a);
+      f(/* @__PURE__ */ new Set(["/", ...h])), e.onReset?.(a);
     }
-  })), A(G(x, (t) => {
-    o(r(t)), a("");
+  })), K(G(x, (t) => {
+    n(o(t)), b("");
   }));
   const k = (t) => {
-    const i = S(t);
-    return i === "/" || g().has(i);
-  }, F = (t) => e.filter ? e.filter(t) : !0, L = (t) => {
-    const i = j(t);
-    v((h) => {
+    const a = C(t);
+    return a === "/" || s().has(a);
+  }, S = (t) => e.filter ? e.filter(t) : !0, F = (t) => {
+    const a = j(t);
+    f((h) => {
       const P = new Set(h);
-      for (const T of i) P.add(T);
+      for (const D of a) P.add(D);
       return P.add(t), P;
     });
   }, q = (t) => {
-    const i = f().has(t);
-    v((h) => {
+    const a = w().has(t);
+    f((h) => {
       const P = new Set(h);
       return P.has(t) ? P.delete(t) : P.add(t), P;
-    }), i || e.onExpand?.(t);
+    }), a || e.onExpand?.(t);
   }, J = (t) => {
-    F(t) && (m(t.path), v((i) => {
-      const h = new Set(i);
+    S(t) && (m(t.path), f((a) => {
+      const h = new Set(a);
       return h.add(t.path), h;
     }));
   }, Q = () => {
     m("/");
   }, R = () => {
-    const t = u(w().trim());
-    k(t) ? (m(t), a(""), L(t)) : a("Path not found");
+    const t = u($().trim());
+    k(t) ? (m(t), b(""), F(t)) : b("Path not found");
   }, U = (t) => {
     t.key === "Enter" && (t.preventDefault(), R());
-  }, Y = D(() => {
-    const t = x(), i = n();
+  }, Y = L(() => {
+    const t = x(), a = r();
     if (t === "/" || t === "") return [{
-      name: i,
+      name: a,
       path: "/"
     }];
     const h = t.split("/").filter(Boolean), P = [{
-      name: i,
+      name: a,
       path: "/"
     }];
-    let T = "";
-    for (const K of h)
-      T += "/" + K, P.push({
-        name: K,
-        path: T
+    let D = "";
+    for (const A of h)
+      D += "/" + A, P.push({
+        name: A,
+        path: D
       });
     return P;
   });
   return {
     selectedPath: x,
     setSelectedPath: m,
-    expandedPaths: f,
+    expandedPaths: w,
     toggleExpand: q,
-    pathInput: w,
-    setPathInput: o,
-    pathInputError: b,
-    setPathInputError: a,
-    folderIndex: g,
-    rootFolders: $,
+    pathInput: $,
+    setPathInput: n,
+    pathInputError: v,
+    setPathInputError: b,
+    folderIndex: s,
+    rootFolders: g,
     isValidPath: k,
-    isSelectable: F,
+    isSelectable: S,
     handleSelectFolder: J,
     handleSelectRoot: Q,
     handlePathInputGo: R,
     handlePathInputKeyDown: U,
-    expandToPath: L,
+    expandToPath: F,
     breadcrumbSegments: Y,
     handleBreadcrumbClick: (t) => {
-      m(t), L(t);
+      m(t), F(t);
     },
-    homeLabel: n,
-    toDisplayPath: r
+    homeLabel: r,
+    toDisplayPath: o
   };
 }
 function pe(e) {
-  const [l, n] = C(!1), [c, r] = C(""), [u, x] = C(!1), m = () => {
-    n(!0), r("");
+  const [l, r] = _(!1), [i, o] = _(""), [u, x] = _(!1), m = () => {
+    r(!0), o("");
+  }, w = () => {
+    r(!1), o("");
   }, f = () => {
-    n(!1), r("");
-  }, v = () => {
-    const o = c().trim();
-    if (!o || u()) return;
+    const n = i().trim();
+    if (!n || u()) return;
     x(!0);
-    const b = e.parentPath(), a = o, g = e.onCreateFolder;
+    const v = e.parentPath(), b = n, s = e.onCreateFolder;
     re(() => {
-      g(b, a).then(() => {
-        n(!1), r("");
-      }).catch(($) => {
-        console.error("Failed to create folder:", $);
+      s(v, b).then(() => {
+        r(!1), o("");
+      }).catch((g) => {
+        console.error("Failed to create folder:", g);
       }).finally(() => {
         x(!1);
       });
     });
-  }, w = (o) => {
-    o.key === "Enter" ? (o.preventDefault(), v()) : o.key === "Escape" && (o.preventDefault(), f());
+  }, $ = (n) => {
+    n.key === "Enter" ? (n.preventDefault(), f()) : n.key === "Escape" && (n.preventDefault(), w());
   };
-  return s(I, {
+  return c(E, {
     get when() {
       return l();
     },
     get fallback() {
       return (() => {
-        var o = se(), b = o.firstChild;
-        return o.$$click = m, d(o, s(ae, {
+        var n = se(), v = n.firstChild;
+        return n.$$click = m, d(n, c(ae, {
           class: "w-3.5 h-3.5"
-        }), b), E(() => _(o, p("flex items-center gap-1 text-xs text-muted-foreground cursor-pointer", "hover:text-foreground transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded px-1 py-0.5"))), o;
+        }), v), T(() => p(n, I("flex items-center gap-1 text-xs text-muted-foreground cursor-pointer", "hover:text-foreground transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded px-1 py-0.5"))), n;
       })();
     },
     get children() {
       return [(() => {
-        var o = O(), b = o.firstChild;
-        return d(b, s(H, {
+        var n = O(), v = n.firstChild;
+        return d(v, c(H, {
           size: "sm",
           get value() {
-            return c();
+            return i();
           },
-          onInput: (a) => r(a.currentTarget.value),
-          onKeyDown: w,
+          onInput: (b) => o(b.currentTarget.value),
+          onKeyDown: $,
           placeholder: "Folder name",
           get disabled() {
             return u();
           },
           autofocus: !0
-        })), d(o, s(N, {
+        })), d(n, c(N, {
           variant: "primary",
           size: "sm",
-          onClick: v,
+          onClick: f,
           get loading() {
             return u();
           },
           get disabled() {
-            return !c().trim();
+            return !i().trim();
           },
           get children() {
-            return s(oe, {
+            return c(oe, {
               class: "w-3.5 h-3.5"
             });
           }
-        }), null), d(o, s(N, {
+        }), null), d(n, c(N, {
           variant: "ghost",
           size: "sm",
           class: "bg-transparent text-muted-foreground hover:bg-red-500 hover:text-white",
-          onClick: f,
+          onClick: w,
           get disabled() {
             return u();
           },
           get children() {
-            return s(le, {
+            return c(le, {
               class: "w-3.5 h-3.5"
             });
           }
-        }), null), o;
+        }), null), n;
       })(), (() => {
-        var o = ce();
-        return o.firstChild, d(o, (() => {
-          var b = B(() => !!e.toDisplayPath);
-          return () => b() ? e.toDisplayPath(e.parentPath()) : e.parentPath();
-        })(), null), o;
+        var n = ce();
+        return n.firstChild, d(n, (() => {
+          var v = B(() => !!e.toDisplayPath);
+          return () => v() ? e.toDisplayPath(e.parentPath()) : e.parentPath();
+        })(), null), n;
       })()];
     }
   });
 }
 function Ie(e) {
   return (() => {
-    var l = O(), n = l.firstChild;
-    return d(n, s(H, {
+    var l = O(), r = l.firstChild;
+    return d(r, c(H, {
       size: "sm",
       get value() {
         return e.value();
       },
-      onInput: (c) => e.onInput(c.currentTarget.value),
+      onInput: (i) => e.onInput(i.currentTarget.value),
       get onKeyDown() {
         return e.onKeyDown;
       },
@@ -232,7 +232,7 @@ function Ie(e) {
       get error() {
         return e.error();
       }
-    })), d(l, s(N, {
+    })), d(l, c(N, {
       variant: "outline",
       size: "sm",
       get onClick() {
@@ -245,22 +245,22 @@ function Ie(e) {
 function Fe(e) {
   return (() => {
     var l = ue();
-    return d(l, s(z, {
+    return d(l, c(z, {
       get each() {
         return e.segments();
       },
-      children: (n, c) => [s(I, {
+      children: (r, i) => [c(E, {
         get when() {
-          return c() > 0;
+          return i() > 0;
         },
         get children() {
-          return s(M, {
+          return c(M, {
             class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
           });
         }
       }), (() => {
-        var r = V();
-        return r.$$click = () => e.onClick(n.path), d(r, () => n.name), E(() => _(r, p("text-xs px-1 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", c() === e.segments().length - 1 ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"))), r;
+        var o = V();
+        return o.$$click = () => e.onClick(r.path), d(o, () => r.name), T(() => p(o, I("text-xs px-1 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", i() === e.segments().length - 1 ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"))), o;
       })()]
     })), l;
   })();
@@ -268,14 +268,14 @@ function Fe(e) {
 function Ee(e) {
   const l = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root";
   return (() => {
-    var n = he(), c = n.firstChild, r = c.firstChild;
-    return c.$$click = () => e.onSelectRoot(), d(c, s(W, {
+    var r = he(), i = r.firstChild, o = i.firstChild;
+    return i.$$click = () => e.onSelectRoot(), d(i, c(W, {
       class: "w-4 h-4 flex-shrink-0"
-    }), r), d(r, l), d(n, s(z, {
+    }), o), d(o, l), d(r, c(z, {
       get each() {
         return e.rootFolders();
       },
-      children: (u) => s(X, {
+      children: (u) => c(X, {
         item: u,
         depth: 1,
         get selectedPath() {
@@ -294,7 +294,7 @@ function Ee(e) {
           return e.isSelectable;
         }
       })
-    }), null), d(n, s(I, {
+    }), null), d(r, c(E, {
       get when() {
         return e.rootFolders().length === 0;
       },
@@ -302,68 +302,68 @@ function Ee(e) {
         var u = de();
         return d(u, () => e.emptyText ?? "No directories available"), u;
       }
-    }), null), E((u) => {
-      var x = p("border border-border rounded overflow-y-auto", e.class), m = e.style, f = p("flex items-center gap-1.5 w-full text-left text-xs py-1.5 px-2 cursor-pointer", "transition-colors duration-100", "hover:bg-accent/60", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", e.selectedPath() === "/" && "bg-accent text-accent-foreground font-medium");
-      return x !== u.e && _(n, u.e = x), u.t = ee(n, m, u.t), f !== u.a && _(c, u.a = f), u;
+    }), null), T((u) => {
+      var x = I("border border-border rounded overflow-y-auto", e.class), m = e.style, w = I("flex items-center gap-1.5 w-full text-left text-xs py-1.5 px-2 cursor-pointer", "transition-colors duration-100", "hover:bg-accent/60", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", e.selectedPath() === "/" && "bg-accent text-accent-foreground font-medium");
+      return x !== u.e && p(r, u.e = x), u.t = ee(r, m, u.t), w !== u.a && p(i, u.a = w), u;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), n;
+    }), r;
   })();
 }
 function X(e) {
-  const l = () => e.expandedPaths().has(e.item.path), n = () => e.selectedPath() === e.item.path, c = () => e.isSelectable(e.item), r = D(() => e.item.children?.filter((f) => f.type === "folder") ?? []), u = () => r().length > 0, x = (f) => {
+  const l = () => e.expandedPaths().has(e.item.path), r = () => e.selectedPath() === e.item.path, i = () => e.isSelectable(e.item), o = L(() => e.item.children?.filter((f) => f.type === "folder") ?? []), u = () => o().length > 0, x = () => e.item.type === "folder", m = (f) => {
     f.stopPropagation(), e.onToggle(e.item.path);
-  }, m = () => {
+  }, w = () => {
     e.onSelect(e.item);
   };
   return (() => {
-    var f = ge(), v = f.firstChild, w = v.firstChild, o = w.firstChild, b = o.nextSibling;
-    return d(v, s(I, {
+    var f = ge(), $ = f.firstChild, n = $.firstChild, v = n.firstChild, b = v.nextSibling;
+    return d($, c(E, {
       get when() {
-        return u();
+        return x();
       },
       get fallback() {
         return me();
       },
       get children() {
-        var a = V();
-        return a.$$click = x, d(a, s(M, {
+        var s = V();
+        return s.$$click = m, d(s, c(M, {
           class: "w-3 h-3 opacity-60"
-        })), E((g) => {
-          var $ = p("flex-shrink-0 w-4 h-4 flex items-center justify-center cursor-pointer", "transition-transform duration-150", l() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"), k = l() ? "Collapse folder" : "Expand folder";
-          return $ !== g.e && _(a, g.e = $), k !== g.t && te(a, "aria-label", g.t = k), g;
+        })), T((g) => {
+          var k = I("flex-shrink-0 w-4 h-4 flex items-center justify-center cursor-pointer", "transition-transform duration-150", l() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"), S = l() ? "Collapse folder" : "Expand folder";
+          return k !== g.e && p(s, g.e = k), S !== g.t && te(s, "aria-label", g.t = S), g;
         }, {
           e: void 0,
           t: void 0
-        }), a;
+        }), s;
       }
-    }), w), w.$$click = m, d(o, s(I, {
+    }), n), n.$$click = w, d(v, c(E, {
       get when() {
         return B(() => !!u())() && l();
       },
       get fallback() {
-        return s(ie, {
+        return c(ie, {
           class: "w-4 h-4"
         });
       },
       get children() {
-        return s(W, {
+        return c(W, {
           class: "w-4 h-4"
         });
       }
-    })), d(b, () => e.item.name), d(f, s(I, {
+    })), d(b, () => e.item.name), d(f, c(E, {
       get when() {
         return B(() => !!l())() && u();
       },
       get children() {
-        var a = fe();
-        return d(a, s(z, {
+        var s = fe();
+        return d(s, c(z, {
           get each() {
-            return r();
+            return o();
           },
-          children: (g) => s(X, {
+          children: (g) => c(X, {
             item: g,
             get depth() {
               return e.depth + 1;
@@ -384,11 +384,11 @@ function X(e) {
               return e.isSelectable;
             }
           })
-        })), a;
+        })), s;
       }
-    }), null), E((a) => {
-      var g = p("group flex items-center w-full text-xs", "transition-colors duration-100", c() ? "hover:bg-accent/60" : "opacity-50", n() && c() && "bg-accent text-accent-foreground font-medium"), $ = `${4 + e.depth * 14}px`, k = !c(), F = p("flex items-center gap-1 flex-1 min-w-0 text-left py-1.5 pl-0.5 pr-2", c() ? "cursor-pointer" : "cursor-not-allowed", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring");
-      return g !== a.e && _(v, a.e = g), $ !== a.t && ne(v, "padding-left", a.t = $), k !== a.a && (w.disabled = a.a = k), F !== a.o && _(w, a.o = F), a;
+    }), null), T((s) => {
+      var g = I("group flex items-center w-full text-xs", "transition-colors duration-100", i() ? "hover:bg-accent/60" : "opacity-50", r() && i() && "bg-accent text-accent-foreground font-medium"), k = `${4 + e.depth * 14}px`, S = !i(), F = I("flex items-center gap-1 flex-1 min-w-0 text-left py-1.5 pl-0.5 pr-2", i() ? "cursor-pointer" : "cursor-not-allowed", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring");
+      return g !== s.e && p($, s.e = g), k !== s.t && ne($, "padding-left", s.t = k), S !== s.a && (n.disabled = s.a = S), F !== s.o && p(n, s.o = F), s;
     }, {
       e: void 0,
       t: void 0,
@@ -405,7 +405,7 @@ export {
   Ee as PickerFolderTree,
   X as PickerTreeNode,
   j as getAncestorPaths,
-  S as normalizePath,
+  C as normalizePath,
   ve as useFolderIndex,
   _e as usePickerTree
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.15.2",
+  "version": "0.15.3",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",