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

package/dist/useContentPositioning-BIVWgixU.mjs

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