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

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"}

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

@@ -1,80 +1,88 @@
-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-BLEFxO0N.mjs";
+import { useId as rr, useState as a, useRef as I, useLayoutEffect as tr, useEffect as v } from "react";
+import "react/jsx-runtime";
+import "../../../../useContentPositioning-CLU2E_Oz.mjs";
+import { ContextMenuMode as l } from "../../ContextMenu.enums.js";
+import { useInheritedArrowColor as er } from "../useInheritedArrowColor/useInheritedArrowColor.js";
 import "../../components/Content/Content.utils.js";
-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: d,
-  closeRootMenuImmediately: a,
-  onOpen: c,
-  onAnimatedOpen: x
+import { useContextMenuContext as or, useContextMenuRootContext as cr } from "../../ContextMenu.context.js";
+import { useLevelContext as sr } from "../../providers/LevelProvider/LevelProvider.js";
+import { useIsTouchDevice as lr } from "../useIsTouchDevice/useIsTouchDevice.js";
+import "../../providers/SubMenuProvider/SubMenuProvider.js";
+const vr = ({
+  displayName: E,
+  mode: G,
+  defaultOpen: y,
+  animationDuration: B,
+  subMenuOpen: m,
+  setSubMenuOpen: e,
+  hoverCloseDelay: x,
+  onOpen: o,
+  onAnimatedOpen: H
 }) => {
-  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)
+  const L = rr(), [i, J] = a(m || y || !1), [T, f] = a(!1), [w, C] = a(!1), [P, R] = a(!1), [u, K] = a(!1), [Q, U] = a(!1), [W, X] = a(null), { activeItemId: q, onChildOpen: Y, level: Z, onSubRootOpen: V } = sr(E), { onSubmenuOpen: g } = or(E), { closeRootMenuImmediately: d } = cr(E), _ = I(null), j = I(null), r = I(null), c = I(null), s = lr() ? l.CLICK : G, n = m || i, $ = (t) => {
+    Z > 1 && (g == null || g(t)), setTimeout(() => V == null ? void 0 : V(t), 0);
+  }, k = () => {
+    r.current && (clearTimeout(r.current), r.current = null), c.current && (clearTimeout(c.current), c.current = null);
+  }, z = (t = !1) => {
+    e == null || e(!1), J(!1), o == null || o(!1), C(!1), K(!1), t && (d == null || d());
+  }, D = () => {
+    if (k(), s === l.HOVER || u) {
+      if (Q && W === l.CLICK)
         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);
+      f(!1), c.current = setTimeout(() => {
+        z();
+      }, B);
+    } else
+      z();
+  }, F = (t) => {
+    k(), f(!1), e == null || e(!1), o == null || o(!1), C(!1), K(!1), t && (d == null || d());
+  }, h = (t) => {
+    s === l.CLICK && y !== void 0 || (t ? (c.current && (clearTimeout(c.current), c.current = null), (s === l.HOVER || u) && f(!0), e == null || e(!0), o == null || o(!0)) : D());
+  }, A = (t) => {
+    R(t), h == null || h(t);
+  }, N = () => {
+    R(!1), !(s !== l.HOVER && !u) && (c.current && (clearTimeout(c.current), c.current = null, f(!0)), i || (r.current && (clearTimeout(r.current), r.current = null), f(!0), e == null || e(!0), o == null || o(!0)), C(!0));
+  }, M = () => {
+    R(!1), !(s !== l.HOVER && !u) && (r.current && (clearTimeout(r.current), r.current = null), C(!1));
+  }, S = () => {
+    f(!0), C(!0), K(!0);
+  }, b = (t, O) => {
+    U(t), X(O);
   };
-  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: o,
+  tr(() => {
+    m !== void 0 && f(m);
+  }, [m]), v(() => {
+    q !== L && (i || m) && F();
+  }, [q, i, L]), v(() => {
+    !i && !T || s !== l.HOVER && !u || P || (w ? r.current && (clearTimeout(r.current), r.current = null) : r.current || (r.current = setTimeout(() => {
+      D();
+    }, x)));
+  }, [s, i, w, u, x]), v(() => {
+    H == null || H(T);
+  }, [T]);
+  const p = er(i, j);
+  return v(() => {
+    Y(n, s), $(n);
+  }, [n, s]), {
     mode: s,
-    onOpenChange: E,
-    onOpenByKeyboard: W,
-    inheritedArrowColor: _,
-    triggerRef: U,
+    isOpen: n,
+    onOpenChange: h,
+    onOpenByKeyboard: A,
+    inheritedArrowColor: p,
+    triggerRef: _,
     contentRef: j,
-    animatedOpen: v,
-    animationDuration: w,
-    hoverCloseDelay: d,
-    temporaryHoverClose: l,
-    closeMenuImmediately: G,
-    onMouseEnter: X,
-    onMouseLeave: Y,
-    enableTemporaryHoverClose: Z,
-    triggerId: L
+    animatedOpen: T,
+    animationDuration: B,
+    hoverCloseDelay: x,
+    temporaryHoverClose: u,
+    closeMenuImmediately: F,
+    onMouseEnter: N,
+    onMouseLeave: M,
+    enableTemporaryHoverClose: S,
+    triggerId: L,
+    onChildOpen: b
   };
 };
 export {
-  er as useContextMenuSubMenu
+  vr as useContextMenuSubMenu
 };

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

@@ -32,7 +32,7 @@ export interface UseContextMenuSubMenuOptions {
     /**
      * The callback function to be called when the context submenu is closed.
      */
-    closeRootMenuImmediately?: (closeRootMenu?: boolean) => void;
+    closeRootMenuImmediately?: (forceCloseRootMenu?: boolean) => void;
     /**
      * The delay of the hover close.
      */

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,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;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,kBAAkB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAClE;;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/hooks/useInheritedArrowColor/useInheritedArrowColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInheritedArrowColor.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useInheritedArrowColor/useInheritedArrowColor.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,SAC3B,OAAO,cACD,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,kBAyJ5C,CAAC"}
+{"version":3,"file":"useInheritedArrowColor.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useInheritedArrowColor/useInheritedArrowColor.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,SAC3B,OAAO,cACD,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,kBA2J5C,CAAC"}

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

@@ -1,19 +1,19 @@
 import { useState as C, useLayoutEffect as v } from "react";
 const y = (d, a) => {
-  const [h, f] = C(
+  const [f, A] = C(
     null
   );
   return v(() => {
     if (!d)
       return;
-    const A = requestAnimationFrame(() => {
+    const p = requestAnimationFrame(() => {
       const l = (t) => {
-        f(getComputedStyle(t).backgroundColor);
-      }, p = () => {
-        var m, g;
+        A(getComputedStyle(t).backgroundColor);
+      }, w = () => {
+        var g, h;
         if (!a.current)
           return;
-        const t = (m = a.current) == null ? void 0 : m.dataset.side, r = (g = a.current) == null ? void 0 : g.dataset.align;
+        const t = (g = a.current) == null ? void 0 : g.dataset.side, r = (h = a.current) == null ? void 0 : h.dataset.align;
         if (!t || !r)
           return;
         const u = Array.from(a.current.children);
@@ -30,7 +30,7 @@ const y = (d, a) => {
       };
       let n = null, s = null;
       const c = () => {
-        const t = p();
+        const t = w();
         if (!t)
           return;
         l(t), n && n.disconnect(), n = new MutationObserver(() => l(t)), n.observe(t, {
@@ -44,16 +44,16 @@ const y = (d, a) => {
         });
       };
       c();
-      const w = a.current, b = new MutationObserver(c);
-      return b.observe(w, {
+      const b = a.current, m = new MutationObserver(c);
+      return b && m.observe(b, {
         attributes: !0,
         attributeFilter: ["data-side", "data-align"]
       }), () => {
-        n == null || n.disconnect(), s == null || s.disconnect(), b.disconnect();
+        n == null || n.disconnect(), s == null || s.disconnect(), m.disconnect();
       };
     });
-    return () => cancelAnimationFrame(A);
-  }, [d]), h;
+    return () => cancelAnimationFrame(p);
+  }, [d]), f;
 };
 export {
   y as useInheritedArrowColor

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

@@ -0,0 +1,7 @@
+import { UseInnerInputsFocusOptions } from './useInnerInputsFocus.types';
+export declare const useInnerInputsFocus: ({ isEnabled, }: UseInnerInputsFocusOptions) => {
+    hasInnerInput: boolean;
+    isInnerInputFocused: boolean;
+    handleNodeRef: (newNode: HTMLDivElement | null) => void;
+};
+//# sourceMappingURL=useInnerInputsFocus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInnerInputsFocus.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useInnerInputsFocus/useInnerInputsFocus.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAEzE,eAAO,MAAM,mBAAmB,mBAE7B,0BAA0B;;;6BAKK,cAAc,GAAG,IAAI;CAsDtD,CAAC"}

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

@@ -0,0 +1,31 @@
+import { useState as c, useLayoutEffect as v } from "react";
+const h = ({
+  isEnabled: r
+}) => {
+  const [f, a] = c(!1), [m, u] = c(!1), [t, d] = c(null), I = (s) => {
+    if (d(s), s && r) {
+      const n = Array.from(s.querySelectorAll("input"));
+      a(n.length > 0), u(n.some((o) => document.activeElement === o));
+    }
+  };
+  return v(() => {
+    if (!r || !t)
+      return;
+    const s = () => Array.from(t.querySelectorAll("input")), n = () => {
+      const e = s();
+      a(e.length > 0), u(e.some((p) => document.activeElement === p));
+    };
+    n();
+    const o = (e) => {
+      e.target instanceof HTMLElement && (e.target.tagName === "INPUT" || e.target.isContentEditable) && t.contains(e.target) && u(!0);
+    }, i = () => setTimeout(n, 0);
+    t.addEventListener("focusin", o), t.addEventListener("focusout", i);
+    const l = new MutationObserver(n);
+    return l.observe(t, { childList: !0, subtree: !0 }), () => {
+      l.disconnect(), t.removeEventListener("focusin", o), t.removeEventListener("focusout", i);
+    };
+  }, [t, r]), { hasInnerInput: f, isInnerInputFocused: m, handleNodeRef: I };
+};
+export {
+  h as useInnerInputsFocus
+};

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

@@ -0,0 +1,7 @@
+export interface UseInnerInputsFocusOptions {
+    /**
+     * Whether the inner inputs focus is enabled.
+     */
+    isEnabled: boolean;
+}
+//# sourceMappingURL=useInnerInputsFocus.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInnerInputsFocus.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useInnerInputsFocus/useInnerInputsFocus.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/ContextMenu/hooks/useInnerInputsFocus/useInnerInputsFocus.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,8 @@
+import { UseItemInnerFocusOptions } from './useItemInnerFocus.types';
+export declare function useItemInnerFocus({ id, children, isSelectableProp, displayName, blockerClassName, }: UseItemInnerFocusOptions): {
+    isSelectable: boolean;
+    setIsSelectable: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    handleNodeRef: (newNode: HTMLDivElement | null) => void;
+    childrenWithBlocker: import("react").JSX.Element;
+};
+//# sourceMappingURL=useItemInnerFocus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useItemInnerFocus.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useItemInnerFocus/useItemInnerFocus.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAErE,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,gBAAgB,GACjB,EAAE,wBAAwB;;;;;EA4D1B"}