@floegence/floe-webapp-core 0.35.13 → 0.35.15

package/dist/hooks/useFileBrowserDrag.js

@@ -1,149 +1,142 @@
-import { createSignal as x, createEffect as q, onCleanup as Y } from "solid-js";
-import { lockBodyStyle as V } from "../utils/bodyStyleLock.js";
-import { useFileBrowserDrag as X } from "../context/FileBrowserDragContext.js";
-const W = 5, j = 500, z = 10, i = 48, b = 24;
-function $(n) {
-  const e = X(), [f, T] = x(!1);
-  let c = null, D = 0, P = 0, u = 0, g = 0, d = null, l = null, s = null, m = null, h = !1, p = "mouse", I = null;
-  const L = () => (n.enabled?.() ?? !0) && !!e, _ = () => {
-    m !== null && (clearTimeout(m), m = null);
-  }, R = (t) => {
-    if (!t) {
-      l?.(), l = null;
-      return;
-    }
-    l?.(), l = V({ cursor: "grabbing", "user-select": "none" });
-  }, v = () => {
-    s !== null && (cancelAnimationFrame(s), s = null), _(), c = null, d = null, h = !1, I = null, R(!1), T(!1);
-  }, w = () => {
+import { createSignal as x, createEffect as q, onCleanup as G } from "solid-js";
+import { useFileBrowserDrag as y } from "../context/FileBrowserDragContext.js";
+const Y = 5, k = 500, V = 10, i = 48, C = 24;
+function J(n) {
+  const e = y(), [m, T] = x(!1);
+  let l = null, h = 0, P = 0, g = 0, u = 0, d = null, s = null, c = null, p = !1, f = "mouse", D = null;
+  const _ = () => (n.enabled?.() ?? !0) && !!e, I = () => {
+    c !== null && (clearTimeout(c), c = null);
+  }, L = () => {
+    s !== null && (cancelAnimationFrame(s), s = null), I(), l = null, d = null, p = !1, D = null, T(!1);
+  }, X = () => {
     if (!e) return;
     const t = e.getInstances();
     for (const [, a] of t) {
       const o = a.getScrollContainer();
-      o && M(o, u, g);
+      o && R(o, g, u);
       const r = a.getSidebarScrollContainer();
-      r && M(r, u, g);
+      r && R(r, g, u);
     }
-  }, M = (t, a, o) => {
-    const r = I?.get(t) ?? t.getBoundingClientRect();
-    if (I?.set(t, r), a < r.left || a > r.right || o < r.top || o > r.bottom)
+  }, R = (t, a, o) => {
+    const r = D?.get(t) ?? t.getBoundingClientRect();
+    if (D?.set(t, r), a < r.left || a > r.right || o < r.top || o > r.bottom)
       return;
-    const O = o - r.top, y = r.bottom - o, A = a - r.left, B = r.right - a;
-    let E = 0, C = 0;
-    if (O < i ? E = -Math.ceil((i - O) / i * b) : y < i && (E = Math.ceil((i - y) / i * b)), A < i ? C = -Math.ceil((i - A) / i * b) : B < i && (C = Math.ceil((i - B) / i * b)), E !== 0) {
-      const S = Math.max(0, Math.min(t.scrollTop + E, t.scrollHeight - t.clientHeight));
+    const M = o - r.top, H = r.bottom - o, O = a - r.left, A = r.right - a;
+    let v = 0, E = 0;
+    if (M < i ? v = -Math.ceil((i - M) / i * C) : H < i && (v = Math.ceil((i - H) / i * C)), O < i ? E = -Math.ceil((i - O) / i * C) : A < i && (E = Math.ceil((i - A) / i * C)), v !== 0) {
+      const S = Math.max(0, Math.min(t.scrollTop + v, t.scrollHeight - t.clientHeight));
       S !== t.scrollTop && (t.scrollTop = S);
     }
-    if (C !== 0) {
-      const S = Math.max(0, Math.min(t.scrollLeft + C, t.scrollWidth - t.clientWidth));
+    if (E !== 0) {
+      const S = Math.max(0, Math.min(t.scrollLeft + E, t.scrollWidth - t.clientWidth));
       S !== t.scrollLeft && (t.scrollLeft = S);
     }
-  }, F = () => {
+  }, w = () => {
     if (s !== null) return;
     const t = () => {
-      if (c === null || !f()) {
+      if (l === null || !m()) {
         s = null;
         return;
       }
-      w(), s = requestAnimationFrame(t);
+      X(), s = requestAnimationFrame(t);
     };
     s = requestAnimationFrame(t);
-  }, H = () => {
+  }, b = () => {
     if (!e || !d) return;
-    I = /* @__PURE__ */ new Map(), n.isSelected(d.id) || n.selectItem(d.id, !1);
+    D = /* @__PURE__ */ new Map(), n.isSelected(d.id) || n.selectItem(d.id, !1);
     const t = n.getSelectedItems(), o = (t.length > 0 && n.isSelected(d.id) ? t : [d]).map((r) => ({
       item: r,
       sourceInstanceId: n.instanceId,
       sourcePath: n.currentPath()
     }));
-    R(!0), T(!0), e.startDrag(o, u, g), n.onDragStart?.(), F();
-  }, U = (t, a) => {
-    L() && c === null && (t.pointerType === "mouse" && t.button !== 0 || (c = t.pointerId, p = t.pointerType, D = t.clientX, P = t.clientY, u = D, g = P, d = a, h = !1, t.currentTarget.setPointerCapture(t.pointerId), (p === "touch" || p === "pen") && (_(), m = setTimeout(() => {
-      if (c !== null && d) {
-        if (h = !0, "vibrate" in navigator)
+    T(!0), e.startDrag(o, g, u), n.onDragStart?.(), w();
+  }, B = (t, a) => {
+    _() && l === null && (t.pointerType === "mouse" && t.button !== 0 || (l = t.pointerId, f = t.pointerType, h = t.clientX, P = t.clientY, g = h, u = P, d = a, p = !1, t.currentTarget.setPointerCapture(t.pointerId), (f === "touch" || f === "pen") && (I(), c = setTimeout(() => {
+      if (l !== null && d) {
+        if (p = !0, "vibrate" in navigator)
           try {
             navigator.vibrate(50);
           } catch {
           }
-        H();
+        b();
       }
-    }, j))));
-  }, k = (t) => {
-    if (c !== t.pointerId) return;
-    u = t.clientX, g = t.clientY;
-    const a = u - D, o = g - P, r = Math.sqrt(a * a + o * o);
-    if ((p === "touch" || p === "pen") && !h && r > z) {
-      _(), v();
+    }, k))));
+  }, F = (t) => {
+    if (l !== t.pointerId) return;
+    g = t.clientX, u = t.clientY;
+    const a = g - h, o = u - P, r = Math.sqrt(a * a + o * o);
+    if ((f === "touch" || f === "pen") && !p && r > V) {
+      I(), L();
       return;
     }
-    p === "mouse" && !f() && r > W && H(), f() && e && e.updateDrag(u, g);
-  }, G = (t) => {
-    if (c === t.pointerId) {
+    f === "mouse" && !m() && r > Y && b(), m() && e && e.updateDrag(g, u);
+  }, U = (t) => {
+    if (l === t.pointerId) {
       try {
         t.currentTarget?.releasePointerCapture(t.pointerId);
       } catch {
       }
-      f() && e && e.endDrag(!0), v();
+      m() && e && e.endDrag(!0), L();
     }
   }, N = (t) => {
-    c === t.pointerId && (f() && e && e.endDrag(!1), v());
+    l === t.pointerId && (m() && e && e.endDrag(!1), L());
   };
   return q(() => {
-    if (!L() || typeof document > "u") return;
-    const t = (r) => k(r), a = (r) => G(r), o = (r) => N(r);
-    document.addEventListener("pointermove", t, !0), document.addEventListener("pointerup", a, !0), document.addEventListener("pointercancel", o, !0), Y(() => {
-      v(), document.removeEventListener("pointermove", t, !0), document.removeEventListener("pointerup", a, !0), document.removeEventListener("pointercancel", o, !0);
+    if (!_() || typeof document > "u") return;
+    const t = (r) => F(r), a = (r) => U(r), o = (r) => N(r);
+    document.addEventListener("pointermove", t, !0), document.addEventListener("pointerup", a, !0), document.addEventListener("pointercancel", o, !0), G(() => {
+      L(), document.removeEventListener("pointermove", t, !0), document.removeEventListener("pointerup", a, !0), document.removeEventListener("pointercancel", o, !0);
     });
   }), {
-    isDragging: f,
+    isDragging: m,
     getDragHandlers: (t) => ({
-      onPointerDown: (a) => U(a, t),
+      onPointerDown: (a) => B(a, t),
       "data-draggable": "true"
     })
   };
 }
-function tt(n) {
-  const e = X(), [f, T] = x(!1), c = () => (n.enabled?.() ?? !0) && !!e, D = () => f() ? e?.dragState()?.isDragging ?? !1 : !1, P = () => {
-    if (!D() || !e) return !1;
-    const l = e.dragState();
-    return l.isDragging ? e.canDropOn(
-      l.draggedItems,
+function K(n) {
+  const e = y(), [m, T] = x(!1), l = () => (n.enabled?.() ?? !0) && !!e, h = () => m() ? e?.dragState()?.isDragging ?? !1 : !1, P = () => {
+    if (!h() || !e) return !1;
+    const s = e.dragState();
+    return s.isDragging ? e.canDropOn(
+      s.draggedItems,
       n.targetPath(),
       n.targetItem(),
       n.instanceId
     ) : !1;
-  }, u = (l) => {
-    if (!c() || !e) return;
-    const s = e.dragState();
-    if (!s.isDragging) return;
+  }, g = (s) => {
+    if (!l() || !e) return;
+    const c = e.dragState();
+    if (!c.isDragging) return;
     T(!0);
-    const m = n.targetPath(), h = n.targetItem(), p = e.canDropOn(s.draggedItems, m, h, n.instanceId), L = l.currentTarget?.getBoundingClientRect() ?? null;
+    const p = n.targetPath(), f = n.targetItem(), D = e.canDropOn(c.draggedItems, p, f, n.instanceId), I = s.currentTarget?.getBoundingClientRect() ?? null;
     e.setDropTarget(
       {
         instanceId: n.instanceId,
-        targetPath: m,
-        targetItem: h
+        targetPath: p,
+        targetItem: f
       },
-      p,
-      L
+      D,
+      I
     );
-  }, g = (l) => {
+  }, u = (s) => {
     if (!e) return;
     T(!1);
-    const s = e.dragState();
-    s.isDragging && s.dropTarget?.instanceId === n.instanceId && s.dropTarget.targetPath === n.targetPath() && e.setDropTarget(null, !1);
+    const c = e.dragState();
+    c.isDragging && c.dropTarget?.instanceId === n.instanceId && c.dropTarget.targetPath === n.targetPath() && e.setDropTarget(null, !1);
   };
   return {
-    isDropTarget: D,
+    isDropTarget: h,
     isValidDrop: P,
     getDropTargetProps: () => ({
-      onPointerEnter: u,
-      onPointerLeave: g,
+      onPointerEnter: g,
+      onPointerLeave: u,
       "data-drop-target": "true"
     })
   };
 }
 export {
-  tt as useFileBrowserDropTarget,
-  $ as useFileBrowserItemDrag
+  K as useFileBrowserDropTarget,
+  J as useFileBrowserItemDrag
 };