@kommo-crm/crm-react-ui-kit 1.1.1-beta.1 → 1.1.1-beta.3

package/dist/useContentPositioning-27D32n5u.mjs

@@ -1,185 +0,0 @@
-import { forwardRef as W, useState as _, useLayoutEffect as D } from "react";
-import { jsx as N } from "react/jsx-runtime";
-import { C as x } from "./index-BA3njR2k.mjs";
-import { c as A } from "./index-L8X2o7IH.mjs";
-import { u as M, a as w, e as y } from "./react-spring_web.modern-Dnq1lqN5.mjs";
-import { mergeRefs as F } from "./lib/utils.js";
-import { LevelProvider as U } from "./components/ContextMenu/providers/LevelProvider/LevelProvider.js";
-import { useContextMenuContext as k } from "./components/ContextMenu/ContextMenu.context.js";
-import { ContextMenuMode as G } from "./components/ContextMenu/ContextMenu.enums.js";
-import { Direction as e } from "./components/ContextMenu/components/Content/Content.enums.js";
-import { directionToSide as S } from "./components/ContextMenu/components/Content/Content.utils.js";
-import './assets/useContentPositioning.css';const z = "_content_k9opk_1", B = {
-  content: z
-}, v = "ContextMenu.Content", j = W(
-  ({
-    style: s,
-    className: C,
-    children: f,
-    alignOffset: a,
-    arrowPadding: c = 5,
-    collisionBoundary: h,
-    direction: b = e.DOWN_RIGHT,
-    disableAutoPositioning: m = !1,
-    ...T
-  }, H) => {
-    const [E, O] = _(!1), [L, t] = _(null), {
-      triggerRef: u,
-      contentRef: r,
-      animatedOpen: d,
-      animationDuration: g,
-      mode: p,
-      temporaryHoverClose: o,
-      onMouseEnter: l,
-      onMouseLeave: I
-    } = k(v), { align: i, labelOffset: n, isPositioned: R } = K({
-      direction: b,
-      alignOffset: a,
-      disableAutoPositioning: m,
-      triggerRef: u,
-      contentRef: r,
-      collisionBoundary: h,
-      children: f
-    }), P = M({
-      opacity: R && (p === G.CLICK && !o || d) ? 1 : 0,
-      config: p === G.CLICK && !o ? { duration: 0 } : { duration: g, easing: y.easeInOutCubic }
-    });
-    return /* @__PURE__ */ N(
-      U,
-      {
-        hasItemWithIcon: E,
-        setHasItemWithIcon: O,
-        activeItemId: L,
-        setActiveItemId: t,
-        children: /* @__PURE__ */ N(
-          w.div,
-          {
-            style: {
-              zIndex: Number.MAX_SAFE_INTEGER,
-              position: "fixed",
-              ...P
-            },
-            "data-content-wrapper": !0,
-            children: /* @__PURE__ */ N(
-              x,
-              {
-                ref: F(r, H),
-                className: A(B.content, C),
-                style: {
-                  ...s || {},
-                  pointerEvents: m || R ? "auto" : "none"
-                },
-                collisionBoundary: h,
-                side: S[b],
-                align: i,
-                arrowPadding: c,
-                alignOffset: n,
-                onMouseEnter: l,
-                onMouseLeave: I,
-                ...T,
-                children: f
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-j.displayName = v;
-function K({
-  direction: s,
-  alignOffset: C = 0,
-  disableAutoPositioning: f,
-  triggerRef: a,
-  contentRef: c,
-  collisionBoundary: h,
-  children: b
-}) {
-  const [m, T] = _(
-    s === e.UP_RIGHT || s === e.DOWN_RIGHT || s === e.RIGHT_UP || s === e.RIGHT_DOWN ? "start" : "end"
-  ), [H, E] = _(C), [O, L] = _(!1);
-  return D(() => {
-    if (!c.current || f || [
-      e.DOWN_LEFT,
-      e.DOWN_RIGHT,
-      e.UP_LEFT,
-      e.UP_RIGHT
-    ].includes(s))
-      return;
-    const t = c.current, u = t.firstElementChild;
-    let r;
-    m === "start" ? t.children[1].hasAttribute("data-separator") ? r = t.children[2] : r = t.children[1] : t.children[t.children.length - 1].hasAttribute(
-      "data-arrow"
-    ) ? r = t.children[t.children.length - 2] : r = t.children[t.children.length - 1];
-    const d = a.current;
-    if (d) {
-      const g = r.getBoundingClientRect().height, o = (d.getBoundingClientRect().height - g) / 2;
-      if (m === "start") {
-        if (u instanceof HTMLElement && u.hasAttribute("data-label")) {
-          const l = u.getBoundingClientRect().height;
-          E(C - l + o);
-        }
-      } else
-        E(C + o - 1);
-    }
-  }, [b, s, c, a, m]), D(() => {
-    if (f || !(a != null && a.current))
-      return;
-    let t = null, u = !0;
-    const r = h instanceof Element && h || document.documentElement, d = () => {
-      if (!u)
-        return;
-      const g = a.current, p = c.current;
-      if (!g || !p)
-        return;
-      const o = g.getBoundingClientRect(), l = p.getBoundingClientRect();
-      if (l.width <= 0)
-        return;
-      const I = r.getBoundingClientRect(), i = {
-        right: I.right - o.right >= l.width,
-        left: o.left - I.left >= l.width,
-        bottom: I.bottom - o.bottom >= l.height,
-        top: o.top - I.top >= l.height
-      };
-      let n = "start";
-      switch (s) {
-        case e.UP_RIGHT:
-        case e.DOWN_RIGHT: {
-          i.right ? n = "start" : i.left ? n = "end" : n = "start";
-          break;
-        }
-        case e.UP_LEFT:
-        case e.DOWN_LEFT: {
-          i.left ? n = "end" : i.right ? n = "start" : n = "end";
-          break;
-        }
-        case e.RIGHT_DOWN:
-        case e.LEFT_DOWN: {
-          i.bottom ? n = "start" : i.top ? n = "end" : n = "start";
-          break;
-        }
-        case e.RIGHT_UP:
-        case e.LEFT_UP: {
-          i.top ? n = "end" : i.bottom ? n = "start" : n = "end";
-          break;
-        }
-      }
-      T(n), L(!0);
-    };
-    return requestAnimationFrame(d), c.current && typeof ResizeObserver < "u" && (t = new ResizeObserver(d), t.observe(c.current)), () => {
-      u = !1, t == null || t.disconnect();
-    };
-  }, [
-    s,
-    f,
-    a,
-    c,
-    h
-  ]), { align: m, labelOffset: H, isPositioned: O };
-}
-export {
-  j as C,
-  B as s,
-  K as u
-};