@kommo-crm/crm-react-ui-kit 1.1.1-beta.8 → 1.2.0-beta.17

package/dist/useContentPositioning-BLEFxO0N.mjs

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