@kommo-crm/crm-react-ui-kit 1.1.1-beta.5 → 1.1.1-beta.7

package/dist/{useContentPositioning-BLCC-Xty.mjs → useContentPositioning-DAKfbddS.mjs}

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kommo-crm/crm-react-ui-kit",
   "description": "Ready-to-use React components which implements Kommo design",
-  "version": "1.1.1-beta.5",
+  "version": "1.1.1-beta.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "engines": {