@floegence/floe-webapp-core 0.11.2 → 0.11.3

package/dist/index120.js

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