@techzyapp/ui-library 1.0.29 → 1.0.31

package/dist/FloatingPanel-CeSOtE_D.js

@@ -1,135 +0,0 @@
-import { jsx as O } from "react/jsx-runtime";
-import { useRef as S, useState as g, useCallback as W, useLayoutEffect as z, useEffect as K, forwardRef as B } from "react";
-import { createPortal as _ } from "react-dom";
-import { clsx as q } from "clsx";
-import { u as T } from "./useLockBodyScroll-DwBILLPK.js";
-const l = 8, P = 6;
-function I({
-  open: a,
-  triggerRef: s,
-  align: p = "start",
-  onClose: b
-}) {
-  const c = S(null), [D, v] = g(null), [H, y] = g(!1);
-  T(a);
-  const d = W(() => {
-    const r = s.current, n = c.current;
-    if (!r || !n) return;
-    const e = r.getBoundingClientRect(), u = n.offsetHeight, f = window.innerHeight, m = window.innerWidth, o = f - e.bottom - P - l, h = e.top - P - l;
-    let t = "bottom";
-    u > o && h > o && (t = "top");
-    const x = Math.max(0, t === "bottom" ? o : h), E = Math.min(u, x);
-    let w = t === "bottom" ? e.bottom + P : e.top - P - E;
-    w = Math.min(
-      Math.max(w, l),
-      Math.max(l, f - l - E)
-    );
-    const L = n.offsetWidth, i = p === "end" ? e.right - L : e.left, F = Math.min(
-      Math.max(i, l),
-      Math.max(l, m - l - L)
-    );
-    v({ top: w, left: F, width: e.width, side: t, maxHeight: x });
-  }, [s, p]);
-  return z(() => {
-    if (!a) {
-      y(!1);
-      return;
-    }
-    d();
-  }, [a, d]), K(() => {
-    if (!a) return;
-    const r = requestAnimationFrame(() => y(!0)), n = () => d();
-    window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
-    let e;
-    return typeof ResizeObserver < "u" && (e = new ResizeObserver(n), c.current && e.observe(c.current), s.current && e.observe(s.current)), () => {
-      cancelAnimationFrame(r), window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0), e == null || e.disconnect();
-    };
-  }, [a, d, s]), K(() => {
-    if (!a) return;
-    const r = (e) => {
-      var f, m, o;
-      const u = e.target;
-      (f = s.current) != null && f.contains(u) || (m = c.current) != null && m.contains(u) || b(!!((o = c.current) != null && o.contains(document.activeElement)));
-    }, n = (e) => {
-      e.key === "Escape" && b(!0);
-    };
-    return document.addEventListener("pointerdown", r, !0), document.addEventListener("keydown", n), () => {
-      document.removeEventListener("pointerdown", r, !0), document.removeEventListener("keydown", n);
-    };
-  }, [a, b, s]), { popoverRef: c, position: D, visible: H, reposition: d };
-}
-const N = "_panel_1cr9q_5", V = {
-  panel: N
-}, j = 'a[href]:not([tabindex="-1"]), button:not([tabindex="-1"]):not(:disabled), input:not([tabindex="-1"]):not(:disabled), select:not([tabindex="-1"]):not(:disabled), textarea:not([tabindex="-1"]):not(:disabled), [tabindex="0"]', Q = B(function({
-  open: s,
-  triggerRef: p,
-  align: b,
-  onClose: c,
-  id: D,
-  role: v,
-  ariaLabel: H,
-  ariaLabelledBy: y,
-  ariaDescribedBy: d,
-  trapFocus: r = !1,
-  matchTriggerWidth: n = !1,
-  width: e,
-  className: u,
-  style: f,
-  children: m
-}, o) {
-  const {
-    popoverRef: h,
-    position: t,
-    visible: x
-  } = I({
-    open: s,
-    triggerRef: p,
-    align: b,
-    onClose: c
-  }), E = (i) => {
-    h.current = i, typeof o == "function" ? o(i) : o && (o.current = i);
-  }, w = (i) => {
-    if (i.key !== "Tab") return;
-    const F = h.current;
-    if (!F) return;
-    const M = F.querySelectorAll(j);
-    if (M.length === 0) return;
-    const k = M[0], A = M[M.length - 1];
-    i.shiftKey && document.activeElement === k ? (i.preventDefault(), A.focus()) : !i.shiftKey && document.activeElement === A && (i.preventDefault(), k.focus());
-  };
-  if (!s) return null;
-  const L = e ?? (n ? t == null ? void 0 : t.width : void 0);
-  return _(
-    /* @__PURE__ */ O(
-      "div",
-      {
-        ref: E,
-        id: D,
-        className: q(V.panel, u),
-        role: v,
-        "aria-modal": (v === "dialog" || v === "alertdialog") && r ? !0 : void 0,
-        "aria-label": H,
-        "aria-labelledby": y,
-        "aria-describedby": d,
-        "data-open": x ? "true" : "false",
-        "data-side": (t == null ? void 0 : t.side) ?? "bottom",
-        onKeyDown: r ? w : void 0,
-        style: {
-          position: "fixed",
-          top: (t == null ? void 0 : t.top) ?? 0,
-          left: (t == null ? void 0 : t.left) ?? 0,
-          width: L,
-          maxHeight: t == null ? void 0 : t.maxHeight,
-          visibility: t ? "visible" : "hidden",
-          ...f
-        },
-        children: m
-      }
-    ),
-    document.body
-  );
-});
-export {
-  Q as F
-};
-//# sourceMappingURL=FloatingPanel-CeSOtE_D.js.map