@als-tp/als-react-ts-ui 0.5.0 → 0.5.1

package/dist/als-react-ts-ui383.js

@@ -1,78 +1,116 @@
-import * as o from "react";
-import { useFloating as P } from "./als-react-ts-ui384.js";
-import { isElement as s } from "./als-react-ts-ui339.js";
-import { useIsoLayoutEffect as F } from "./als-react-ts-ui193.js";
-import { useFloatingTree as V } from "./als-react-ts-ui356.js";
-import { useFloatingRootContext as v } from "./als-react-ts-ui385.js";
-function w(c = {}) {
+import { isElement as U } from "./als-react-ts-ui320.js";
+import { Timeout as Z } from "./als-react-ts-ui297.js";
+import { getTarget as $, contains as W } from "./als-react-ts-ui312.js";
+import { getNodeChildren as y } from "./als-react-ts-ui367.js";
+function G(u, t) {
+  const [_, R] = u;
+  let h = !1;
+  const a = t.length;
+  for (let d = 0, b = a - 1; d < a; b = d++) {
+    const [O, E] = t[d] || [0, 0], [S, i] = t[b] || [0, 0];
+    E >= R != i >= R && _ <= (S - O) * (R - E) / (i - E) + O && (h = !h);
+  }
+  return h;
+}
+function x(u, t) {
+  return u[0] >= t.x && u[0] <= t.x + t.width && u[1] >= t.y && u[1] <= t.y + t.height;
+}
+function rt(u = {}) {
   const {
-    nodeId: m,
-    externalTree: y
-  } = c, I = v(c), t = c.rootContext || I, r = {
-    reference: t.useState("referenceElement"),
-    floating: t.useState("floatingElement"),
-    domReference: t.useState("domReferenceElement")
-  }, [g, M] = o.useState(null), i = o.useRef(null), b = V(y);
-  F(() => {
-    r.domReference && (i.current = r.domReference);
-  }, [r.domReference]);
-  const n = P({
-    ...c,
-    elements: {
-      ...r,
-      ...g && {
-        reference: g
+    buffer: t = 0.5,
+    blockPointerEvents: _ = !1,
+    requireIntent: R = !0
+  } = u, h = new Z();
+  let a = !1, d = null, b = null, O = typeof performance < "u" ? performance.now() : 0;
+  function E(i, s) {
+    const k = performance.now(), c = k - O;
+    if (d === null || b === null || c === 0)
+      return d = i, b = s, O = k, null;
+    const X = i - d, Y = s - b, z = Math.sqrt(X * X + Y * Y) / c;
+    return d = i, b = s, O = k, z;
+  }
+  const S = ({
+    x: i,
+    y: s,
+    placement: k,
+    elements: c,
+    onClose: X,
+    nodeId: Y,
+    tree: p
+  }) => function(P) {
+    function I() {
+      h.clear(), X();
+    }
+    if (h.clear(), !c.domReference || !c.floating || k == null || i == null || s == null)
+      return;
+    const {
+      clientX: N,
+      clientY: V
+    } = P, H = [N, V], A = $(P), j = P.type === "mouseleave", J = W(c.floating, A), D = W(c.domReference, A), n = c.domReference.getBoundingClientRect(), o = c.floating.getBoundingClientRect(), C = k.split("-")[0], m = i > o.right - o.width / 2, g = s > o.bottom - o.height / 2, K = x(H, n), l = o.width > n.width, f = o.height > n.height, v = (l ? n : o).left, B = (l ? n : o).right, M = (f ? n : o).top, q = (f ? n : o).bottom;
+    if (J && (a = !0, !j))
+      return;
+    if (D && (a = !1), D && !j) {
+      a = !0;
+      return;
+    }
+    if (j && U(P.relatedTarget) && W(c.floating, P.relatedTarget) || p && y(p.nodesRef.current, Y).some(({
+      context: e
+    }) => e?.open))
+      return;
+    if (C === "top" && s >= n.bottom - 1 || C === "bottom" && s <= n.top + 1 || C === "left" && i >= n.right - 1 || C === "right" && i <= n.left + 1)
+      return I();
+    let L = [];
+    switch (C) {
+      case "top":
+        L = [[v, n.top + 1], [v, o.bottom - 1], [B, o.bottom - 1], [B, n.top + 1]];
+        break;
+      case "bottom":
+        L = [[v, o.top + 1], [v, n.bottom - 1], [B, n.bottom - 1], [B, o.top + 1]];
+        break;
+      case "left":
+        L = [[o.right - 1, q], [o.right - 1, M], [n.left + 1, M], [n.left + 1, q]];
+        break;
+      case "right":
+        L = [[n.right - 1, q], [n.right - 1, M], [o.left + 1, M], [o.left + 1, q]];
+        break;
+    }
+    function Q([e, r]) {
+      switch (C) {
+        case "top": {
+          const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], F = [[o.left, m || l ? o.bottom - t : o.top], [o.right, m ? l ? o.bottom - t : o.top : o.bottom - t]];
+          return [T, w, ...F];
+        }
+        case "bottom": {
+          const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r - t], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r - t], F = [[o.left, m || l ? o.top + t : o.bottom], [o.right, m ? l ? o.top + t : o.bottom : o.top + t]];
+          return [T, w, ...F];
+        }
+        case "left": {
+          const T = [e + t + 1, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e + t + 1, f ? r - t / 2 : g ? r + t * 4 : r - t * 4];
+          return [...[[g || f ? o.right - t : o.left, o.top], [g ? f ? o.right - t : o.left : o.right - t, o.bottom]], T, w];
+        }
+        case "right": {
+          const T = [e - t, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e - t, f ? r - t / 2 : g ? r + t * 4 : r - t * 4], F = [[g || f ? o.left + t : o.right, o.top], [g ? f ? o.left + t : o.right : o.left + t, o.bottom]];
+          return [T, w, ...F];
+        }
+        default:
+          return [];
+      }
+    }
+    if (!G([N, V], L)) {
+      if (a && !K)
+        return I();
+      if (!j && R) {
+        const e = E(P.clientX, P.clientY);
+        if (e !== null && e < 0.1)
+          return I();
       }
+      G([N, V], Q([i, s])) ? !a && R && h.start(40, I) : I();
     }
-  }), d = o.useCallback((e) => {
-    const u = s(e) ? {
-      getBoundingClientRect: () => e.getBoundingClientRect(),
-      getClientRects: () => e.getClientRects(),
-      contextElement: e
-    } : e;
-    M(u), n.refs.setReference(u);
-  }, [n.refs]), [R, S] = o.useState(null), [k, L] = o.useState(null);
-  t.useSyncedValue("referenceElement", R), t.useSyncedValue("domReferenceElement", s(R) ? R : null), t.useSyncedValue("floatingElement", k);
-  const x = o.useCallback((e) => {
-    (s(e) || e === null) && (i.current = e, S(e)), (s(n.refs.reference.current) || n.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
-    // `null` to support `positionReference` + an unstable `reference`
-    // callback ref.
-    e !== null && !s(e)) && n.refs.setReference(e);
-  }, [n.refs, S]), C = o.useCallback((e) => {
-    L(e), n.refs.setFloating(e);
-  }, [n.refs]), l = o.useMemo(() => ({
-    ...n.refs,
-    setReference: x,
-    setFloating: C,
-    setPositionReference: d,
-    domReference: i
-  }), [n.refs, x, C, d]), f = o.useMemo(() => ({
-    ...n.elements,
-    domReference: r.domReference
-  }), [n.elements, r.domReference]), E = t.useState("open"), p = t.useState("floatingId"), a = o.useMemo(() => ({
-    ...n,
-    dataRef: t.context.dataRef,
-    open: E,
-    onOpenChange: t.setOpen,
-    events: t.context.events,
-    floatingId: p,
-    refs: l,
-    elements: f,
-    nodeId: m,
-    rootStore: t
-  }), [n, l, f, m, t, E, p]);
-  return F(() => {
-    t.context.dataRef.current.floatingContext = a;
-    const e = b?.nodesRef.current.find((u) => u.id === m);
-    e && (e.context = a);
-  }), o.useMemo(() => ({
-    ...n,
-    context: a,
-    refs: l,
-    elements: f,
-    rootStore: t
-  }), [n, l, f, a, t]);
+  };
+  return S.__options = {
+    blockPointerEvents: _
+  }, S;
 }
 export {
-  w as useFloating
+  rt as safePolygon
 };