kku-ui 0.2.55 → 0.9.9

package/lib/useEscapeKey-BH1YNl0p.js

@@ -1,158 +0,0 @@
-import { useRef as I, useId as B, useMemo as P, useEffect as g, useState as $, useCallback as q } from "react";
-import { uniqueId as A } from "lodash-es";
-const M = { uniqueId: A }, z = (t, n) => {
-  Object.entries(n).forEach(([o, p]) => {
-    t.style.setProperty(o, p);
-  });
-}, E = { setStyleElement: z }, D = "span", k = "k-ripple", N = "ripple-effect", C = 400, v = 240;
-function K(t) {
-  const n = I(null);
-  return { register: (s) => {
-    if (s.type.includes("key")) {
-      const u = s;
-      if (u.key !== "Enter" && u.key !== " " || s.target.getElementsByClassName(k)?.length > 0) return;
-    }
-    const r = M.uniqueId("k-ripple-");
-    n.current = new Promise((u) => {
-      const { x: w, y: d, width: m, height: h } = t.current.getBoundingClientRect(), {
-        // Default values for Keyboard event
-        clientX: e = w + m / 2,
-        clientY: b = d + h / 2
-      } = s, l = Math.sqrt(m * m + h * h), a = document.createElement(D);
-      a.classList.add(k), a.classList.add(r);
-      const f = (window.getComputedStyle(t.current).color || "rgb(0, 0, 0)").match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-      let y = "rgba(0, 0, 0, 0.1)";
-      if (f) {
-        const [, x, S, T] = f;
-        y = `rgba(${x}, ${S}, ${T}, 0.4)`;
-      }
-      const L = {
-        top: `${(b - d - l) / h * 100}%`,
-        left: `${(e - w - l) / m * 100}%`,
-        width: `${l * 2}px`,
-        height: `${l * 2}px`,
-        animation: `${C / 1e3}s ${N} ease`,
-        background: y
-      };
-      E.setStyleElement(a, L), t.current.append(a), setTimeout(() => {
-        u(r);
-      }, C);
-    });
-  }, remove: () => {
-    n.current?.then((s) => {
-      const r = t.current?.getElementsByClassName(s), u = r?.[0];
-      u && u instanceof HTMLElement && (E.setStyleElement(u, {
-        animation: `${v / 1e3}s ripple-hide-effect ease`
-      }), setTimeout(() => {
-        r[0]?.remove();
-      }, v));
-    });
-  } };
-}
-function j(t) {
-  const n = B().replace(/[^a-zA-Z0-9-_]/g, "");
-  return P(() => `${t}-${n}`, [n, t]);
-}
-function H(t, n, o) {
-  g(() => {
-    const p = (s) => {
-      if (t.current && !t.current.contains(s.target)) {
-        if (!o) {
-          n();
-          return;
-        }
-        o.current && !o.current.contains(s.target) && n();
-      }
-    };
-    return setTimeout(() => {
-      window.addEventListener("mousedown", p);
-    }, 0), () => {
-      window.removeEventListener("mousedown", p);
-    };
-  }, [t]);
-}
-function U({
-  triggerRef: t,
-  contentRef: n,
-  position: o,
-  open: p,
-  offset: s = { x: 0, y: 0 },
-  gap: r = 0
-}) {
-  const [u, w] = $({ top: 0, left: 0 });
-  return g(() => {
-    const d = () => {
-      const m = t.current, h = n.current;
-      if (!m || !h) return;
-      const e = m.getBoundingClientRect(), b = h.getBoundingClientRect(), l = b.width, a = b.height;
-      let i = 0, c = 0;
-      switch (o) {
-        case "top-start":
-          i = e.top - a - r, c = e.left;
-          break;
-        case "top":
-          i = e.top - a - r, c = e.left + e.width / 2 - l / 2;
-          break;
-        case "top-end":
-          i = e.top - a - r, c = e.right - l;
-          break;
-        case "bottom-start":
-          i = e.bottom + r, c = e.left;
-          break;
-        case "bottom":
-          i = e.bottom + r, c = e.left + e.width / 2 - l / 2;
-          break;
-        case "bottom-end":
-          i = e.bottom + r, c = e.right - l;
-          break;
-        case "left-start":
-          i = e.top, c = e.left - l - r;
-          break;
-        case "left":
-          i = e.top + e.height / 2 - a / 2, c = e.left - l - r;
-          break;
-        case "left-end":
-          i = e.bottom - a, c = e.left - l - r;
-          break;
-        case "right-start":
-          i = e.top, c = e.right + r;
-          break;
-        case "right":
-          i = e.top + e.height / 2 - a / 2, c = e.right + r;
-          break;
-        case "right-end":
-          i = e.bottom - a, c = e.right + r;
-          break;
-      }
-      w({
-        top: i + s.y,
-        left: c + s.x
-      });
-    };
-    return d(), window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
-      window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
-    };
-  }, [t, n, o, p, s.x, s.y, r]), u;
-}
-function X(t) {
-  const [n, o] = $(null);
-  return g(() => {
-    o(t || document.body);
-  }, []), n;
-}
-const Y = (t) => {
-  const n = q((o) => {
-    o.key === "Escape" && (o.preventDefault(), t?.());
-  }, [t]);
-  g(() => (window.addEventListener("keydown", n), () => {
-    window.removeEventListener("keydown", n);
-  }), [n]);
-};
-export {
-  K as a,
-  H as b,
-  U as c,
-  X as d,
-  Y as e,
-  j as u
-};