@dgshahr/ui-kit 1.0.0 → 1.0.2

package/dist/useFlipPosition-pGmVUUhs.js

@@ -1,133 +0,0 @@
-import { d as S } from "./index-CzwAoGdL.js";
-import { useRef as v, useState as B, useEffect as P, useCallback as F, useMemo as T } from "react";
-function $(t) {
-  return t.startsWith("top") ? t.replace("top", "bottom") : t.replace("bottom", "top");
-}
-function j(t) {
-  return t.endsWith("left") ? t.replace("left", "right") : t.endsWith("right") ? t.replace("right", "left") : t;
-}
-function A(t, e) {
-  return t.endsWith("center") ? e.left && !e.right ? t.replace("center", "right") : e.right && !e.left ? t.replace("center", "left") : t : t;
-}
-function I(t, e) {
-  const r = RegExp(/matrix\(([^)]+)\)/).exec(t);
-  if (!r) return `scale(${e})`;
-  const n = r[1].split(",").map((l) => parseFloat(l.trim()));
-  return n.length !== 6 ? `scale(${e})` : (n[0] = e, n[3] = e, `matrix(${n.join(", ")})`);
-}
-function U(t, e) {
-  let r;
-  switch (t) {
-    case "top-left":
-    case "bottom-left":
-      r = e.left;
-      break;
-    case "top-center":
-    case "bottom-center":
-      r = e.left + e.width / 2;
-      break;
-    case "top-right":
-    case "bottom-right":
-      r = e.right;
-      break;
-    default:
-      r = e.left + e.width / 2;
-  }
-  const n = t.startsWith("top") ? e.top : e.bottom;
-  return { anchorX: r, anchorY: n };
-}
-function Y(t, e, r, n) {
-  let l = 0, f = 0;
-  switch (t) {
-    case "top-left":
-    case "bottom-left":
-      l = e;
-      break;
-    case "top-center":
-    case "bottom-center":
-      l = e - n.width / 2;
-      break;
-    case "top-right":
-    case "bottom-right":
-      l = e - n.width;
-      break;
-  }
-  switch (t) {
-    case "top-left":
-    case "top-center":
-    case "top-right":
-      f = r - n.height;
-      break;
-    case "bottom-left":
-    case "bottom-center":
-    case "bottom-right":
-      f = r;
-      break;
-  }
-  return { top: f, left: l };
-}
-function q(t, e, r, n, l, f, c) {
-  const a = t < f, p = t + r.height > l - f, h = e < f, m = e + r.width > n - f;
-  if (c == null)
-    return {
-      top: a,
-      bottom: p,
-      left: h,
-      right: m
-    };
-  const u = Math.min(r.bottom, l) - Math.max(t, 0), s = Math.min(r.right, n) - Math.max(e, 0), g = a && p ? u >= c ? { top: !1, bottom: !1 } : u < r.height / 2 ? { top: !0, bottom: !1 } : { top: !1, bottom: !0 } : a ? { top: u < c, bottom: !1 } : p ? { top: !1, bottom: u < c } : { top: !1, bottom: !1 }, o = h && m ? s >= c ? { left: !1, right: !1 } : s < r.width / 2 ? { left: !0, right: !1 } : { left: !1, right: !0 } : h ? { left: s < c, right: !1 } : m ? { left: !1, right: s < c } : { left: !1, right: !1 };
-  return {
-    top: g.top,
-    bottom: g.bottom,
-    left: o.left,
-    right: o.right
-  };
-}
-function J({
-  initialPosition: t,
-  onPositionChange: e,
-  padding: r = 8,
-  debounceWait: n = 50,
-  minVisible: l
-}) {
-  const f = v(null), c = v(null), [a, p] = B(t), h = v(t);
-  P(() => {
-    h.current = t;
-  }, [t]);
-  const m = v(a);
-  P(() => {
-    m.current = a;
-  }, [a]);
-  const u = F(() => {
-    const g = f.current, o = c.current;
-    if (!g || !o) return;
-    const b = h.current, W = g.getBoundingClientRect(), { anchorX: k, anchorY: x } = U(b, W), w = window.getComputedStyle(o), E = w.display !== "none" && w.visibility !== "hidden" && w.opacity !== "0";
-    let y;
-    if (E)
-      y = o.getBoundingClientRect();
-    else {
-      const H = w.transform || "none", L = I(H, 1);
-      o.style.setProperty("opacity", "0", "important"), o.style.setProperty("transform", L, "important"), o.style.setProperty("visibility", "hidden", "important"), o.style.setProperty("position", "absolute", "important"), o.style.setProperty("transition", "none", "important"), o.offsetHeight, y = o.getBoundingClientRect(), o.style.removeProperty("opacity"), o.style.removeProperty("transform"), o.style.removeProperty("visibility"), o.style.removeProperty("position"), o.style.removeProperty("transition");
-    }
-    const M = window.innerWidth, O = window.innerHeight, { top: z, left: C } = Y(b, k, x, y), d = q(
-      z,
-      C,
-      y,
-      M,
-      O,
-      r,
-      l
-    );
-    let i = b;
-    (b.startsWith("top") && d.top || b.startsWith("bottom") && d.bottom) && (i = $(i)), (i.endsWith("left") && d.left || i.endsWith("right") && d.right) && (i = j(i)), i.endsWith("center") && (i = A(i, d)), i !== m.current && (p(i), e && e(i));
-  }, [e, r]), s = T(
-    () => S(u, n),
-    [u, n]
-  );
-  return P(() => (s(), window.addEventListener("resize", s), window.addEventListener("scroll", s), () => {
-    window.removeEventListener("resize", s), window.removeEventListener("scroll", s), s.cancel();
-  }), [s]), { anchorRef: f, popperRef: c, position: a };
-}
-export {
-  J as u
-};