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

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

@@ -1,84 +1,124 @@
-import { useId as N, useState as n, useRef as C, useEffect as R } from "react";
-import { ContextMenuMode as l } from "../../ContextMenu.enums.js";
+import { jsx as se } from "react/jsx-runtime";
+import { useId as oe, useState as o, useRef as I, useEffect as R } from "react";
+import { c as ue, F as ne } from "../../../../useContentPositioning-CLU2E_Oz.mjs";
+import { ContextMenuMode as n } from "../../ContextMenu.enums.js";
 import "../../providers/LevelProvider/LevelProvider.js";
+import "../../providers/SubMenuProvider/SubMenuProvider.js";
 import "../../ContextMenu.context.js";
-import { useInheritedArrowColor as P } from "../useInheritedArrowColor/useInheritedArrowColor.js";
-import "../../../../useContentPositioning-BLEFxO0N.mjs";
+import { useInheritedArrowColor as ce } from "../useInheritedArrowColor/useInheritedArrowColor.js";
 import "../../components/Content/Content.utils.js";
-import { useIsTouchDevice as Q } from "../useIsTouchDevice/useIsTouchDevice.js";
-import { contextMenuBus as M } from "../../utils/contextMenuBus/contextMenuBus.js";
-const re = ({
-  mode: L,
-  defaultOpen: y,
-  animationDuration: E,
-  hoverCloseDelay: d,
-  onOpen: r,
-  onAnimatedOpen: T
+import { useIsTouchDevice as le } from "../useIsTouchDevice/useIsTouchDevice.js";
+import { contextMenuBus as H } from "../../utils/contextMenuBus/contextMenuBus.js";
+const Me = ({
+  mode: G,
+  defaultOpen: B,
+  animationDuration: K,
+  hoverCloseDelay: p,
+  onOpen: t,
+  onAnimatedOpen: E,
+  isOpen: J,
+  enableInnerInputFocus: x,
+  backgroundFocusBlockerContainers: L,
+  backgroundFocusBlockerClassName: P
 }) => {
-  const a = N(), [f, m] = n(y || !1), [h, o] = n(!1), [H, i] = n(!1), [v, b] = n(!1), [u, I] = n(!1), [p, w] = n(!1), q = C(null), K = C(null), e = C(null), t = C(null), s = Q() ? l.CLICK : L, V = () => {
-    e.current && (clearTimeout(e.current), e.current = null), t.current && (clearTimeout(t.current), t.current = null);
-  }, g = () => {
-    m(!1), r == null || r(!1), i(!1), I(!1);
-  }, k = () => {
-    if (V(), s === l.HOVER || u) {
-      if (p)
+  const C = oe(), [a, h] = o(J ?? B ?? !1), [M, i] = o(!1), [V, f] = o(!1), [g, b] = o(!1), [c, v] = o(!1), [k, Q] = o(!1), [U, X] = o(null), [Y, y] = o(!1), [T, S] = o(null), Z = I(null), q = I(null), e = I(null), s = I(null), u = le() ? n.CLICK : G, w = () => {
+    e.current && (clearTimeout(e.current), e.current = null), s.current && (clearTimeout(s.current), s.current = null);
+  }, F = () => {
+    h(!1), t == null || t(!1), f(!1), v(!1), y(!1);
+  }, N = () => {
+    if (w(), u === n.HOVER || c) {
+      if (k && U === n.CLICK || T !== null)
         return;
-      o(!1), t.current = setTimeout(() => {
-        g();
-      }, E);
+      i(!1), s.current = setTimeout(() => {
+        F();
+      }, K);
     } else
-      g();
-  }, x = () => {
-    V(), o(!1), m(!1), r == null || r(!1), i(!1), I(!1);
-  }, B = (c) => {
-    s === l.CLICK && y !== void 0 || (c ? (t.current && (clearTimeout(t.current), t.current = null), (s === l.HOVER || u) && o(!0), m(!0), r == null || r(!0), setTimeout(() => M.emit(a), 0)) : k());
-  }, S = (c) => {
-    b(c), B(c);
-  }, j = () => {
-    s !== l.HOVER && !u || (b(!1), t.current && (clearTimeout(t.current), t.current = null, o(!0)), f ? i(!0) : (e.current && (clearTimeout(e.current), e.current = null), o(!0), m(!0), r == null || r(!0), i(!0), setTimeout(() => M.emit(a), 0)));
-  }, z = () => {
-    s !== l.HOVER && !u || (b(!1), i(!1), e.current && (clearTimeout(e.current), e.current = null));
-  }, D = () => {
-    o(!0), i(!0), I(!0);
-  }, F = (c) => {
-    w(c);
+      F();
+  }, W = () => {
+    w(), i(!1), h(!1), t == null || t(!1), f(!1), v(!1);
+  }, _ = (r) => {
+    y(r);
+  }, j = (r) => {
+    u === n.CLICK && B !== void 0 || (r ? (s.current && (clearTimeout(s.current), s.current = null), (u === n.HOVER || c) && i(!0), h(!0), t == null || t(!0), setTimeout(() => H.emit(C), 0)) : N());
+  }, $ = (r) => {
+    b(r), j(r);
+  }, A = () => {
+    u !== n.HOVER && !c || (b(!1), s.current && (clearTimeout(s.current), s.current = null, i(!0)), a ? f(!0) : (e.current && (clearTimeout(e.current), e.current = null), i(!0), h(!0), t == null || t(!0), f(!0), setTimeout(() => H.emit(C), 0)));
+  }, O = () => {
+    u !== n.HOVER && !c || (b(!1), f(!1), e.current && (clearTimeout(e.current), e.current = null));
+  }, ee = () => {
+    i(!0), f(!0), v(!0);
+  }, te = (r, m) => {
+    r || y(!1), Q(r), X(m);
   };
-  R(() => M.subscribe((J) => {
-    J !== a && x();
-  }), [a]), R(() => {
-    !f || s !== l.HOVER && !u || v || (H ? e.current && (clearTimeout(e.current), e.current = null) : e.current || (e.current = setTimeout(() => {
-      k();
-    }, d)));
+  R(() => H.subscribe((m) => {
+    m !== C && W();
+  }), [C]), R(() => {
+    !a || u !== n.HOVER && !c || g || (V ? e.current && (clearTimeout(e.current), e.current = null) : e.current || (e.current = setTimeout(() => {
+      N();
+    }, p)));
   }, [
-    s,
-    f,
-    H,
     u,
-    d,
-    v
+    a,
+    V,
+    c,
+    p,
+    g
   ]), R(() => {
-    T == null || T(h);
-  }, [h]);
-  const G = P(f, K);
-  return {
-    open: f,
-    mode: s,
-    onOpenChange: B,
-    onOpenByKeyboard: S,
-    inheritedArrowColor: G,
-    triggerRef: q,
-    contentRef: K,
-    animatedOpen: h,
-    animationDuration: E,
-    hoverCloseDelay: d,
-    temporaryHoverClose: u,
-    closeMenuImmediately: x,
-    onMouseEnter: j,
-    onMouseLeave: z,
-    enableTemporaryHoverClose: D,
-    onChildClickOpen: F
+    E == null || E(M);
+  }, [M]);
+  const re = ce(a, q);
+  return R(() => {
+    if (!x || !L || T === null)
+      return;
+    const r = L.map((l) => typeof l == "function" ? l() : l).filter(Boolean), m = [];
+    return r.forEach((l) => {
+      const d = document.createElement("div");
+      l.appendChild(d);
+      const z = ue(d);
+      z.render(
+        /* @__PURE__ */ se(
+          ne,
+          {
+            className: P,
+            onClick: () => {
+              var D;
+              S(null), (D = document.activeElement) == null || D.blur();
+            }
+          }
+        )
+      ), m.push({ root: z, mountNode: d });
+    }), () => {
+      m.forEach(({ root: l, mountNode: d }) => {
+        queueMicrotask(() => {
+          l.unmount(), d.remove();
+        });
+      });
+    };
+  }, [x, T]), {
+    open: a,
+    mode: u,
+    onOpenChange: j,
+    onOpenByKeyboard: $,
+    inheritedArrowColor: re,
+    triggerRef: Z,
+    contentRef: q,
+    animatedOpen: M,
+    animationDuration: K,
+    hoverCloseDelay: p,
+    temporaryHoverClose: c,
+    closeMenuImmediately: W,
+    onMouseEnter: A,
+    onMouseLeave: O,
+    enableTemporaryHoverClose: ee,
+    onChildOpen: te,
+    onSubmenuOpen: _,
+    isRootContentBlocked: Y,
+    isChildOpen: k,
+    itemWithFocusedInput: T,
+    setItemWithFocusedInput: S
   };
 };
 export {
-  re as useContextMenu
+  Me as useContextMenu
 };

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

@@ -29,5 +29,21 @@ export interface UseContextMenuOptions {
      * Whether the context menu should close when another menu is opened.
      */
     autoCloseOnOtherOpen?: boolean;
+    /**
+     * Whether the context menu is open forcefully.
+     */
+    isOpen?: boolean;
+    /**
+     * Whether the item should enable inner input focus.
+     */
+    enableInnerInputFocus?: boolean;
+    /**
+     * The container to focus the blocker on.
+     */
+    backgroundFocusBlockerContainers?: (HTMLElement | (() => HTMLElement) | null)[];
+    /**
+     * The class name of the background focus blocker.
+     */
+    backgroundFocusBlockerClassName?: string;
 }
 //# sourceMappingURL=useContextMenu.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useContextMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenu/useContextMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;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"}
+{"version":3,"file":"useContextMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenu/useContextMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;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;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,gCAAgC,CAAC,EAAE,CAC/B,WAAW,GACX,CAAC,MAAM,WAAW,CAAC,GACnB,IAAI,CACP,EAAE,CAAC;IACJ;;OAEG;IACH,+BAA+B,CAAC,EAAE,MAAM,CAAC;CAC1C"}

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

@@ -1,5 +1,5 @@
 import { UseContextMenuItemFocusOptions } from './useContextMenuItemFocus.types';
-export declare const useContextMenuItemFocus: ({ displayName, id, isDisabled, hasSubmenu, onMouseEnter, onMouseLeave, }: UseContextMenuItemFocusOptions) => {
+export declare const useContextMenuItemFocus: <T extends HTMLElement>({ displayName, id, ref, isDisabled, hasSubmenu, onMouseEnter, onMouseLeave, onFocus, onBlur, onKeyDown, isSelectable, }: UseContextMenuItemFocusOptions<T>) => {
     dataHighlighted: undefined;
     onFocus: undefined;
     onMouseEnter: undefined;
@@ -8,10 +8,10 @@ export declare const useContextMenuItemFocus: ({ displayName, id, isDisabled, ha
     onKeyDown: undefined;
 } | {
     dataHighlighted: string | undefined;
-    onFocus: () => void;
-    onMouseEnter: (e: React.MouseEvent<HTMLElement>) => void;
-    onBlur: () => void;
-    onMouseLeave: (e: React.MouseEvent<HTMLElement>) => void;
-    onKeyDown: (e: React.KeyboardEvent) => void;
+    onFocus: (e: React.FocusEvent<T>) => void;
+    onMouseEnter: (e: React.MouseEvent<T>) => void;
+    onBlur: (e: React.FocusEvent<T>) => void;
+    onMouseLeave: (e: React.MouseEvent<T>) => void;
+    onKeyDown: (e: React.KeyboardEvent<T>) => void;
 };
 //# sourceMappingURL=useContextMenuItemFocus.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuItemFocus.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuItemFocus/useContextMenuItemFocus.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AAEjF,eAAO,MAAM,uBAAuB,6EAOjC,8BAA8B;;;;;;;;;;sBAwBX,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;;sBAW7B,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;mBAIhC,KAAK,CAAC,aAAa;CAMrC,CAAC"}
+{"version":3,"file":"useContextMenuItemFocus.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuItemFocus/useContextMenuItemFocus.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AAEjF,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,WAAW,2HAY1D,8BAA8B,CAAC,CAAC,CAAC;;;;;;;;;iBA4BnB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;sBAed,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;gBAezB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;sBAWb,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;mBAWtB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;CAcxC,CAAC"}

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

@@ -1,40 +1,70 @@
-import { useState as l } from "react";
-import { useLevelContext as v } from "../../providers/LevelProvider/LevelProvider.js";
-const g = ({
-  displayName: s,
-  id: r,
-  isDisabled: e,
-  hasSubmenu: i,
-  onMouseEnter: d,
-  onMouseLeave: f
+import { useState as O, useEffect as j } from "react";
+import { useLevelContext as q } from "../../providers/LevelProvider/LevelProvider.js";
+import { useMouseMoveOutside as z } from "../useMouseMoveOutside/useMouseMoveOutside.js";
+const P = ({
+  displayName: H,
+  id: x,
+  ref: h,
+  isDisabled: v,
+  hasSubmenu: p,
+  onMouseEnter: i,
+  onMouseLeave: d,
+  onFocus: r,
+  onBlur: m,
+  onKeyDown: I,
+  isSelectable: g = !0
 }) => {
-  const [n, o] = l(!1), { setActiveItemId: c } = v(s);
-  return e ? {
+  const [k, f] = O(!1), { setActiveItemId: A, activeItemId: C } = q(H);
+  return z(h, () => {
+    f(!1);
+  }), v ? {
     dataHighlighted: void 0,
     onFocus: void 0,
     onMouseEnter: void 0,
     onBlur: void 0,
     onMouseLeave: void 0,
     onKeyDown: void 0
-  } : {
-    dataHighlighted: n ? "" : void 0,
-    onFocus: () => {
-      i || c(r), o(!e);
+  } : (j(() => {
+    p && C === null && f(!1);
+  }, [C]), {
+    dataHighlighted: k && g ? "" : void 0,
+    onFocus: (t) => {
+      if (!g) {
+        r == null || r(t);
+        return;
+      }
+      p || A(x), f(!v), r == null || r(t);
     },
     onMouseEnter: (t) => {
-      i || c(r), o(!e), d == null || d(t);
+      if (!g) {
+        i == null || i(t);
+        return;
+      }
+      p || A(x), f(!v), i == null || i(t);
     },
-    onBlur: () => {
-      o(!1);
+    onBlur: (t) => {
+      if (!g) {
+        m == null || m(t);
+        return;
+      }
+      f(!1), m == null || m(t);
     },
     onMouseLeave: (t) => {
-      o(!1), f == null || f(t);
+      if (!g) {
+        d == null || d(t);
+        return;
+      }
+      f(!1), d == null || d(t);
     },
     onKeyDown: (t) => {
-      i && t.key === "ArrowLeft" && o(!1);
+      if (!g) {
+        I == null || I(t);
+        return;
+      }
+      p && t.key === "ArrowLeft" && f(!1), I == null || I(t);
     }
-  };
+  });
 };
 export {
-  g as useContextMenuItemFocus
+  P as useContextMenuItemFocus
 };

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

@@ -1,4 +1,4 @@
-export interface UseContextMenuItemFocusOptions {
+export interface UseContextMenuItemFocusOptions<T extends HTMLElement> {
     /**
      * The name of the display.
      */
@@ -7,6 +7,10 @@ export interface UseContextMenuItemFocusOptions {
      * The id of the item.
      */
     id: string;
+    /**
+     * The ref of the item.
+     */
+    ref: React.RefObject<T>;
     /**
      * Whether the item is disabled.
      */
@@ -15,13 +19,29 @@ export interface UseContextMenuItemFocusOptions {
      * Whether the item has a submenu.
      */
     hasSubmenu?: boolean;
+    /**
+     * Whether the item is selectable.
+     */
+    isSelectable?: boolean;
     /**
      * The callback function to be called when the mouse enters the item.
      */
-    onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;
+    onMouseEnter?: (e: React.MouseEvent<T>) => void;
     /**
      * The callback function to be called when the mouse leaves the item.
      */
-    onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;
+    onMouseLeave?: (e: React.MouseEvent<T>) => void;
+    /**
+     * The callback function to be called when the item is focused.
+     */
+    onFocus?: (e: React.FocusEvent<T>) => void;
+    /**
+     * The callback function to be called when the item is blurred.
+     */
+    onBlur?: (e: React.FocusEvent<T>) => void;
+    /**
+     * The callback function to be called when the item is keyed down.
+     */
+    onKeyDown?: (e: React.KeyboardEvent<T>) => void;
 }
 //# sourceMappingURL=useContextMenuItemFocus.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuItemFocus.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuItemFocus/useContextMenuItemFocus.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,8BAA8B;IAC7C;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC3D"}
+{"version":3,"file":"useContextMenuItemFocus.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuItemFocus/useContextMenuItemFocus.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,8BAA8B,CAAC,CAAC,SAAS,WAAW;IACnE;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACjD"}

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

@@ -1,6 +1,7 @@
+import { ContextMenuModeType } from '../../ContextMenu.types';
 import { UseContextMenuSubOptions } from './useContextMenuSub.types';
 export declare function useContextMenuSub({ displayName, mode: initialMode, defaultOpen, onOpen, }: UseContextMenuSubOptions): {
-    open: boolean;
+    isOpen: boolean;
     setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
     animatedOpen: boolean;
     startAnimation: () => void;
@@ -9,5 +10,10 @@ export declare function useContextMenuSub({ displayName, mode: initialMode, defa
     handleOpenChange: (value: boolean) => void;
     onOpenByKeyboard: (value: boolean) => void;
     triggerId: string;
+    contentRef: import('react').RefObject<HTMLDivElement>;
+    triggerRef: import('react').RefObject<HTMLDivElement>;
+    onChildOpen: (value: boolean, childModeValue: ContextMenuModeType) => void;
+    onSubRootOpen: (value: boolean) => void;
+    closeMenuImmediately: () => void;
 };
 //# sourceMappingURL=useContextMenuSub.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuSub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSub/useContextMenuSub.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAErE,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,IAAI,EAAE,WAAW,EACjB,WAAW,EACX,MAAM,GACP,EAAE,wBAAwB;;;;;;;8BA8EQ,OAAO;8BAsCP,OAAO;;EAyHzC"}
+{"version":3,"file":"useContextMenuSub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSub/useContextMenuSub.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAErE,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,IAAI,EAAE,WAAW,EACjB,WAAW,EACX,MAAM,GACP,EAAE,wBAAwB;;;;;;;8BA4FQ,OAAO;8BAyCP,OAAO;;;;yBA2D/B,OAAO,kBACE,mBAAmB;2BAyBH,OAAO;;EA4E1C"}

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

@@ -1,69 +1,93 @@
-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-BLEFxO0N.mjs";
+import { useId as Y, useState as f, useRef as T, useEffect as b } from "react";
+import "react/jsx-runtime";
+import "../../../../useContentPositioning-CLU2E_Oz.mjs";
+import { ContextMenuMode as i } from "../../ContextMenu.enums.js";
+import { useLevelContext as Z } from "../../providers/LevelProvider/LevelProvider.js";
+import "../../providers/SubMenuProvider/SubMenuProvider.js";
+import { useContextMenuContext as _ } from "../../ContextMenu.context.js";
 import "../../components/Content/Content.utils.js";
-import { useIsTouchDevice as z } from "../useIsTouchDevice/useIsTouchDevice.js";
-function X({
-  displayName: T,
-  mode: y,
-  defaultOpen: l,
+import { useIsTouchDevice as $ } from "../useIsTouchDevice/useIsTouchDevice.js";
+import { useClickOutside as N } from "../useClickOutside/useClickOutside.js";
+function le({
+  displayName: y,
+  mode: B,
+  defaultOpen: c,
   onOpen: e
 }) {
-  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);
+  const E = Y(), [o, n] = f(c || !1), [V, l] = f(!1), [K, C] = f(!1), [M, a] = f(!1), [k, A] = f(!1), [q, j] = f(null), [w, z] = f(!1), t = T(null), s = T(null), x = T(null), L = T(null), F = $(), { hoverCloseDelay: S, animationDuration: G } = _(y), { activeItemId: g, onChildOpen: m, onSubRootOpen: h } = Z(y), d = (r) => {
+    setTimeout(() => h == null ? void 0 : h(r), 0);
+  }, u = F ? i.CLICK : B, H = () => {
+    t.current && (clearTimeout(t.current), t.current = null), s.current && (clearTimeout(s.current), s.current = null);
+  }, I = () => {
+    H(), l(!1), n(!1), e == null || e(!1), d(!1), C(!1), a(!1);
   }, D = () => {
-    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);
+    if (H(), u === i.HOVER) {
+      if (k && q === i.CLICK)
+        return;
+      l(!1), s.current = setTimeout(() => {
+        n(!1), e == null || e(!1), d(!1), C(!1), a(!1);
+      }, G);
+    } else
+      I();
+  }, v = (r) => {
+    if (c !== void 0) {
+      n(c), e == null || e(c), d(c), l(c), a(!1);
       return;
     }
-    if (u === c.CLICK) {
-      i(a), e == null || e(a), f(a);
+    if (u === i.CLICK) {
+      n(r), e == null || e(r), d(r), l(r);
       return;
     }
-    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 = () => {
-    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));
+    r ? (s.current && (clearTimeout(s.current), s.current = null), u === i.HOVER && l(!0), n(!0), e == null || e(!0), d(!0)) : D();
+  }, J = (r) => {
+    a(r), v(r);
+  }, P = () => {
+    u === i.HOVER && (a(!1), s.current && (clearTimeout(s.current), s.current = null, l(!0)), o || (t.current && (clearTimeout(t.current), t.current = null), l(!0), e == null || e(!0), d(!0), n(!0)), C(!0));
+  }, Q = () => {
+    u === i.HOVER && (a(!1), t.current && (clearTimeout(t.current), t.current = null), C(!1));
+  }, U = (r, R) => {
+    A(r), j(R), R === i.CLICK && (m == null || m(r, R));
+  }, W = () => {
+    w || I();
+  }, X = (r) => {
+    z(r);
   };
-  return I(() => {
-    K !== d && s && l === void 0 && D();
-  }, [K, s, l]), I(() => {
-    if (!(!s || u !== c.HOVER) && !x) {
-      if (R) {
+  return b(() => {
+    g !== E && o && c === void 0 && I();
+  }, [g, o, c]), b(() => {
+    if (!(!o || u !== i.HOVER || M)) {
+      if (K) {
         t.current && (clearTimeout(t.current), t.current = null);
         return;
       }
       return t.current || (t.current = setTimeout(() => {
-        h();
-      }, E)), () => {
+        D();
+      }, S)), () => {
         t.current && (clearTimeout(t.current), t.current = null);
       };
     }
-  }, [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
+  }, [u, o, K, S, M]), b(() => {
+    m == null || m(o, u);
+  }, [o, u]), N({
+    refs: [x, L],
+    handler: W
+  }), {
+    isOpen: o,
+    setOpen: n,
+    animatedOpen: V,
+    startAnimation: () => l(!0),
+    handleMouseEnter: P,
+    handleMouseLeave: Q,
+    handleOpenChange: v,
+    onOpenByKeyboard: J,
+    triggerId: E,
+    contentRef: x,
+    triggerRef: L,
+    onChildOpen: U,
+    onSubRootOpen: X,
+    closeMenuImmediately: I
   };
 }
 export {
-  X as useContextMenuSub
+  le as useContextMenuSub
 };

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

@@ -1,8 +1,9 @@
 import { ContextMenuMode } from '../../ContextMenu.enums';
+import { ContextMenuModeType } from '../../ContextMenu.types';
 import { UseContextMenuSubMenuOptions } from './useContextMenuSubMenu.types';
-export declare const useContextMenuSubMenu: ({ displayName, mode: rootMode, defaultOpen, animationDuration, subMenuOpen, setSubMenuOpen, hoverCloseDelay, closeRootMenuImmediately, onOpen, onAnimatedOpen, }: UseContextMenuSubMenuOptions) => {
-    open: boolean;
+export declare const useContextMenuSubMenu: ({ displayName, mode: rootMode, defaultOpen, animationDuration, subMenuOpen, setSubMenuOpen, hoverCloseDelay, onOpen, onAnimatedOpen, }: UseContextMenuSubMenuOptions) => {
     mode: "click" | "hover" | ContextMenuMode;
+    isOpen: boolean;
     onOpenChange: (value: boolean) => void;
     onOpenByKeyboard: (value: boolean) => void;
     inheritedArrowColor: string | null;
@@ -12,10 +13,11 @@ export declare const useContextMenuSubMenu: ({ displayName, mode: rootMode, defa
     animationDuration: number;
     hoverCloseDelay: number;
     temporaryHoverClose: boolean;
-    closeMenuImmediately: (closeRootMenu?: boolean) => void;
+    closeMenuImmediately: (forceCloseRootMenu?: boolean) => void;
     onMouseEnter: () => void;
     onMouseLeave: () => void;
     enableTemporaryHoverClose: () => void;
     triggerId: string;
+    onChildOpen: (value: boolean, childModeValue: ContextMenuModeType) => void;
 };
 //# sourceMappingURL=useContextMenuSubMenu.d.ts.map

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;AAM1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAE7E,eAAO,MAAM,qBAAqB,qKAW/B,4BAA4B;;;0BA2FI,OAAO;8BA6BP,OAAO;;;;;;;;2CA7CK,OAAO;;;;;CAuLrD,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;AAS1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAE7E,eAAO,MAAM,qBAAqB,2IAU/B,4BAA4B;;;0BAuHI,OAAO;8BA2BP,OAAO;;;;;;;;gDA3CW,OAAO;;;;;yBA8GjD,OAAO,kBACE,mBAAmB;CA2FtC,CAAC"}