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

package/dist/components/ContextMenu/hooks/useContextMenuSub/useContextMenuSub.js

@@ -1,67 +1,69 @@
-import { useId as A, useState as n, useRef as M, useEffect as v } from "react";
-import { ContextMenuMode as a } from "../../ContextMenu.enums.js";
-import { useLevelContext as S } from "../../providers/LevelProvider/LevelProvider.js";
-import "../../../../useContentPositioning-DO7ZotnD.mjs";
+import { useId as S, useState as C, useRef as v, useEffect as I } from "react";
+import { ContextMenuMode as c } from "../../ContextMenu.enums.js";
+import { useLevelContext as q } from "../../providers/LevelProvider/LevelProvider.js";
+import { useContextMenuContext as j, useContextMenuRootContext as w } from "../../ContextMenu.context.js";
+import "../../../../useContentPositioning-DAKfbddS.mjs";
 import "../../components/Content/Content.utils.js";
-import { useIsTouchDevice as q } from "../useIsTouchDevice/useIsTouchDevice.js";
-import { useContextMenuContext as j } from "../../ContextMenu.context.js";
-function Q({
-  displayName: d,
-  mode: H,
-  defaultOpen: c,
+import { useIsTouchDevice as z } from "../useIsTouchDevice/useIsTouchDevice.js";
+function X({
+  displayName: T,
+  mode: y,
+  defaultOpen: l,
   onOpen: e
 }) {
-  const C = A(), [o, u] = n(c || !1), [K, s] = n(!1), [T, m] = n(!1), [I, i] = n(!1), r = M(null), t = M(null), V = q(), { hoverCloseDelay: h, animationDuration: b } = j(d), { activeItemId: R } = S(d), l = V ? a.CLICK : H, E = () => {
-    r.current && (clearTimeout(r.current), r.current = null), t.current && (clearTimeout(t.current), t.current = null);
+  const d = S(), [s, i] = C(l || !1), [H, f] = C(!1), [R, m] = C(!1), [x, o] = C(!1), t = v(null), r = v(null), V = z(), { hoverCloseDelay: E, animationDuration: b } = j(T), { onChildClickOpen: n } = w(T), { activeItemId: K } = q(T), u = V ? c.CLICK : y, M = () => {
+    t.current && (clearTimeout(t.current), t.current = null), r.current && (clearTimeout(r.current), r.current = null);
   }, D = () => {
-    E(), s(!1), u(!1), e == null || e(!1), m(!1), i(!1);
-  }, x = () => {
-    E(), l === a.HOVER ? (s(!1), t.current = setTimeout(() => {
-      u(!1), e == null || e(!1), m(!1), i(!1);
-    }, b)) : (u(!1), e == null || e(!1), m(!1), i(!1));
-  }, y = (f) => {
-    if (c !== void 0) {
-      u(c), e == null || e(c), s(c), i(!1);
+    M(), f(!1), i(!1), e == null || e(!1), m(!1), o(!1);
+  }, h = () => {
+    M(), u === c.HOVER ? (f(!1), r.current = setTimeout(() => {
+      i(!1), e == null || e(!1), m(!1), o(!1);
+    }, b)) : (i(!1), e == null || e(!1), m(!1), o(!1));
+  }, L = (a) => {
+    if (l !== void 0) {
+      i(l), e == null || e(l), f(l), o(!1);
       return;
     }
-    if (l === a.CLICK) {
-      u(f), e == null || e(f), s(f);
+    if (u === c.CLICK) {
+      i(a), e == null || e(a), f(a);
       return;
     }
-    f ? (t.current && (clearTimeout(t.current), t.current = null), l === a.HOVER && s(!0), u(!0), e == null || e(!0)) : x();
-  }, L = (f) => {
-    i(f), y(f);
-  }, g = () => {
-    l === a.HOVER && (i(!1), t.current && (clearTimeout(t.current), t.current = null, s(!0)), o || (r.current && (clearTimeout(r.current), r.current = null), s(!0), e == null || e(!0), u(!0)), m(!0));
+    a ? (r.current && (clearTimeout(r.current), r.current = null), u === c.HOVER && f(!0), i(!0), e == null || e(!0)) : h();
+  }, g = (a) => {
+    o(a), L(a);
   }, B = () => {
-    l === a.HOVER && (i(!1), r.current && (clearTimeout(r.current), r.current = null), m(!1));
+    u === c.HOVER && (o(!1), r.current && (clearTimeout(r.current), r.current = null, f(!0)), s || (t.current && (clearTimeout(t.current), t.current = null), f(!0), e == null || e(!0), i(!0)), m(!0));
+  }, A = () => {
+    u === c.HOVER && (o(!1), t.current && (clearTimeout(t.current), t.current = null), m(!1));
   };
-  return v(() => {
-    R !== C && o && c === void 0 && D();
-  }, [R, o, c]), v(() => {
-    if (!(!o || l !== a.HOVER) && !I) {
-      if (T) {
-        r.current && (clearTimeout(r.current), r.current = null);
+  return I(() => {
+    K !== d && s && l === void 0 && D();
+  }, [K, s, l]), I(() => {
+    if (!(!s || u !== c.HOVER) && !x) {
+      if (R) {
+        t.current && (clearTimeout(t.current), t.current = null);
         return;
       }
-      return r.current || (r.current = setTimeout(() => {
-        x();
-      }, h)), () => {
-        r.current && (clearTimeout(r.current), r.current = null);
+      return t.current || (t.current = setTimeout(() => {
+        h();
+      }, E)), () => {
+        t.current && (clearTimeout(t.current), t.current = null);
       };
     }
-  }, [l, o, T, h, I]), {
-    open: o,
-    setOpen: u,
-    animatedOpen: K,
-    startAnimation: () => s(!0),
-    handleMouseEnter: g,
-    handleMouseLeave: B,
-    handleOpenChange: y,
-    onOpenByKeyboard: L,
-    triggerId: C
+  }, [u, s, R, E, x]), I(() => {
+    u === c.CLICK && s ? n == null || n(!0) : u === c.CLICK && !s && (n == null || n(!1));
+  }, [s, u]), {
+    open: s,
+    setOpen: i,
+    animatedOpen: H,
+    startAnimation: () => f(!0),
+    handleMouseEnter: B,
+    handleMouseLeave: A,
+    handleOpenChange: L,
+    onOpenByKeyboard: g,
+    triggerId: d
   };
 }
 export {
-  Q as useContextMenuSub
+  X as useContextMenuSub
 };

package/dist/components/ContextMenu/hooks/useContextMenuSubMenu/useContextMenuSubMenu.d.ts

@@ -1,6 +1,6 @@
 import { ContextMenuMode } from '../../ContextMenu.enums';
 import { UseContextMenuSubMenuOptions } from './useContextMenuSubMenu.types';
-export declare const useContextMenuSubMenu: ({ displayName, mode: rootMode, defaultOpen, animationDuration, subMenuOpen, setSubMenuOpen, hoverCloseDelay, closeRootMenuImmediately, onOpen, }: UseContextMenuSubMenuOptions) => {
+export declare const useContextMenuSubMenu: ({ displayName, mode: rootMode, defaultOpen, animationDuration, subMenuOpen, setSubMenuOpen, hoverCloseDelay, closeRootMenuImmediately, onOpen, onAnimatedOpen, }: UseContextMenuSubMenuOptions) => {
     open: boolean;
     mode: "click" | "hover" | ContextMenuMode;
     onOpenChange: (value: boolean) => void;

package/dist/components/ContextMenu/hooks/useContextMenuSubMenu/useContextMenuSubMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuSubMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSubMenu/useContextMenuSubMenu.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAE7E,eAAO,MAAM,qBAAqB,qJAU/B,4BAA4B;;;0BAyFI,OAAO;8BAyBP,OAAO;;;;;;;;2CAzCK,OAAO;;;;;CA4KrD,CAAC"}
+{"version":3,"file":"useContextMenuSubMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSubMenu/useContextMenuSubMenu.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAM1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAE7E,eAAO,MAAM,qBAAqB,qKAW/B,4BAA4B;;;0BA2FI,OAAO;8BA6BP,OAAO;;;;;;;;2CA7CK,OAAO;;;;;CAuLrD,CAAC"}

package/dist/components/ContextMenu/hooks/useContextMenuSubMenu/useContextMenuSubMenu.js

@@ -1,72 +1,80 @@
-import { useId as Q, useState as C, useRef as v, useLayoutEffect as U, useEffect as R } from "react";
-import { ContextMenuMode as a } from "../../ContextMenu.enums.js";
-import { useInheritedArrowColor as W } from "../useInheritedArrowColor/useInheritedArrowColor.js";
-import "../../../../useContentPositioning-DO7ZotnD.mjs";
+import { useId as $, useState as m, useRef as H, useLayoutEffect as k, useEffect as g } from "react";
+import { ContextMenuMode as u } from "../../ContextMenu.enums.js";
+import { useInheritedArrowColor as y } from "../useInheritedArrowColor/useInheritedArrowColor.js";
+import "../../../../useContentPositioning-DAKfbddS.mjs";
 import "../../components/Content/Content.utils.js";
-import "../../ContextMenu.context.js";
-import { useLevelContext as X } from "../../providers/LevelProvider/LevelProvider.js";
-import { useIsTouchDevice as Y } from "../useIsTouchDevice/useIsTouchDevice.js";
-const tr = ({
-  displayName: j,
-  mode: k,
-  defaultOpen: K,
-  animationDuration: V,
-  subMenuOpen: m,
+import { useContextMenuRootContext as A } from "../../ContextMenu.context.js";
+import { useLevelContext as N } from "../../providers/LevelProvider/LevelProvider.js";
+import { useIsTouchDevice as n } from "../useIsTouchDevice/useIsTouchDevice.js";
+const er = ({
+  displayName: B,
+  mode: J,
+  defaultOpen: I,
+  animationDuration: w,
+  subMenuOpen: C,
   setSubMenuOpen: t,
-  hoverCloseDelay: E,
-  closeRootMenuImmediately: u,
-  onOpen: e
+  hoverCloseDelay: d,
+  closeRootMenuImmediately: a,
+  onOpen: c,
+  onAnimatedOpen: x
 }) => {
-  const H = Q(), [i, y] = C(m || K || !1), [g, l] = C(!1), [x, T] = C(!1), [z, h] = C(!1), [o, L] = C(!1), { activeItemId: n } = X(j), D = v(null), A = v(null), r = v(null), c = v(null), f = Y() ? a.CLICK : k, B = () => {
-    r.current && (clearTimeout(r.current), r.current = null), c.current && (clearTimeout(c.current), c.current = null);
-  }, I = (s = !1) => {
-    t == null || t(!1), y(!1), e == null || e(!1), T(!1), L(!1), s && (u == null || u());
-  }, w = () => {
-    B(), f === a.HOVER || o ? (l(!1), c.current = setTimeout(() => {
-      I();
-    }, V)) : I();
-  }, q = (s = !1) => {
-    B(), l(!1), t == null || t(!1), e == null || e(!1), T(!1), L(!1), s && (u == null || u());
-  }, d = (s) => {
-    f === a.CLICK && K !== void 0 || (s ? (c.current && (clearTimeout(c.current), c.current = null), (f === a.HOVER || o) && l(!0), t == null || t(!0), e == null || e(!0)) : w());
-  }, F = (s) => {
-    h(s), d == null || d(s);
-  }, G = () => {
-    h(!1), !(f !== a.HOVER && !o) && (c.current && (clearTimeout(c.current), c.current = null, l(!0)), i || (r.current && (clearTimeout(r.current), r.current = null), l(!0), t == null || t(!0), e == null || e(!0)), T(!0));
-  }, J = () => {
-    h(!1), !(f !== a.HOVER && !o) && (r.current && (clearTimeout(r.current), r.current = null), T(!1));
-  }, N = () => {
-    l(!0), T(!0), L(!0);
+  const L = $(), [o, P] = m(C || I || !1), [v, i] = m(!1), [R, T] = m(!1), [Q, h] = m(!1), [l, K] = m(!1), { activeItemId: q } = N(B), { onChildClickOpen: V } = A(B), U = H(null), j = H(null), r = H(null), f = H(null), s = n() ? u.CLICK : J, z = () => {
+    r.current && (clearTimeout(r.current), r.current = null), f.current && (clearTimeout(f.current), f.current = null);
+  }, D = (e = !1) => {
+    t == null || t(!1), P(!1), c == null || c(!1), T(!1), K(!1), e && (a == null || a());
+  }, F = () => {
+    z(), s === u.HOVER || l ? (i(!1), f.current = setTimeout(() => {
+      D();
+    }, w)) : D();
+  }, G = (e = !1) => {
+    z(), i(!1), t == null || t(!1), c == null || c(!1), T(!1), K(!1), e && (a == null || a());
+  }, E = (e) => {
+    if (s === u.CLICK) {
+      if (I !== void 0)
+        return;
+      V == null || V(e);
+    }
+    e ? (f.current && (clearTimeout(f.current), f.current = null), (s === u.HOVER || l) && i(!0), t == null || t(!0), c == null || c(!0)) : F();
+  }, W = (e) => {
+    h(e), E == null || E(e);
+  }, X = () => {
+    h(!1), !(s !== u.HOVER && !l) && (f.current && (clearTimeout(f.current), f.current = null, i(!0)), o || (r.current && (clearTimeout(r.current), r.current = null), i(!0), t == null || t(!0), c == null || c(!0)), T(!0));
+  }, Y = () => {
+    h(!1), !(s !== u.HOVER && !l) && (r.current && (clearTimeout(r.current), r.current = null), T(!1));
+  }, Z = () => {
+    i(!0), T(!0), K(!0);
   };
-  U(() => {
-    m !== void 0 && l(m);
-  }, [m]), R(() => {
-    n !== H && (i || m) && q();
-  }, [n, i, H]), R(() => {
-    !i && !g || f !== a.HOVER && !o || z || (x ? r.current && (clearTimeout(r.current), r.current = null) : r.current || (r.current = setTimeout(() => {
-      w();
-    }, E)));
-  }, [f, i, x, o, E]);
-  const P = W(i, A);
+  k(() => {
+    C !== void 0 && i(C);
+  }, [C]), g(() => {
+    q !== L && (o || C) && G();
+  }, [q, o, L]), g(() => {
+    !o && !v || s !== u.HOVER && !l || Q || (R ? r.current && (clearTimeout(r.current), r.current = null) : r.current || (r.current = setTimeout(() => {
+      F();
+    }, d)));
+  }, [s, o, R, l, d]), g(() => {
+    x == null || x(v);
+  }, [v]);
+  const _ = y(o, j);
   return {
-    open: i,
-    mode: f,
-    onOpenChange: d,
-    onOpenByKeyboard: F,
-    inheritedArrowColor: P,
-    triggerRef: D,
-    contentRef: A,
-    animatedOpen: g,
-    animationDuration: V,
-    hoverCloseDelay: E,
-    temporaryHoverClose: o,
-    closeMenuImmediately: q,
-    onMouseEnter: G,
-    onMouseLeave: J,
-    enableTemporaryHoverClose: N,
-    triggerId: H
+    open: o,
+    mode: s,
+    onOpenChange: E,
+    onOpenByKeyboard: W,
+    inheritedArrowColor: _,
+    triggerRef: U,
+    contentRef: j,
+    animatedOpen: v,
+    animationDuration: w,
+    hoverCloseDelay: d,
+    temporaryHoverClose: l,
+    closeMenuImmediately: G,
+    onMouseEnter: X,
+    onMouseLeave: Y,
+    enableTemporaryHoverClose: Z,
+    triggerId: L
   };
 };
 export {
-  tr as useContextMenuSubMenu
+  er as useContextMenuSubMenu
 };

package/dist/components/ContextMenu/hooks/useContextMenuSubMenu/useContextMenuSubMenu.types.d.ts

@@ -41,6 +41,10 @@ export interface UseContextMenuSubMenuOptions {
      * The callback function to be called when the context menu is opened.
      */
     onOpen?: (open: boolean) => void;
+    /**
+     * The callback function to be called when the context menu is animated open.
+     */
+    onAnimatedOpen?: (open: boolean) => void;
     /**
      * Whether the context menu should close when another menu is opened.
      */

package/dist/components/ContextMenu/hooks/useContextMenuSubMenu/useContextMenuSubMenu.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuSubMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSubMenu/useContextMenuSubMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,wBAAwB,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC"}
+{"version":3,"file":"useContextMenuSubMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSubMenu/useContextMenuSubMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,wBAAwB,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC"}

package/dist/components/ContextMenu/index.js

@@ -1,6 +1,6 @@
 import { ContextMenu as n } from "./ContextMenu.js";
 import { ContextMenuMode as x } from "./ContextMenu.enums.js";
-import "../../useContentPositioning-DO7ZotnD.mjs";
+import "../../useContentPositioning-DAKfbddS.mjs";
 import { Direction as p } from "./components/Content/Content.enums.js";
 import "./components/Content/Content.utils.js";
 export {

package/dist/{useContentPositioning-DO7ZotnD.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 - 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.6",
+  "version": "1.1.1-beta.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "engines": {