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

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

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

@@ -0,0 +1,55 @@
+import { useState as F, useLayoutEffect as m } from "react";
+import { useContextMenuRootContext as d } from "../../ContextMenu.context.js";
+import "react/jsx-runtime";
+import "../../../../useContentPositioning-CLU2E_Oz.mjs";
+import "../../providers/LevelProvider/LevelProvider.js";
+import "../../providers/SubMenuProvider/SubMenuProvider.js";
+import "../../components/Content/Content.utils.js";
+import { useInnerInputsFocus as W } from "../useInnerInputsFocus/useInnerInputsFocus.js";
+import { useChildrenWithBlocker as a } from "../useChildrenWithBlocker/useChildrenWithBlocker.js";
+function L({
+  id: t,
+  children: I,
+  isSelectableProp: o,
+  displayName: s,
+  blockerClassName: f
+}) {
+  const {
+    itemWithFocusedInput: e,
+    setItemWithFocusedInput: r,
+    enableInnerInputFocus: n
+  } = d(s), { hasInnerInput: i, isInnerInputFocused: c, handleNodeRef: l } = W({ isEnabled: n }), [p, u] = F(o ?? !0);
+  m(() => {
+    if (o !== void 0 || !n) {
+      u(o ?? !0);
+      return;
+    }
+    u(!i);
+  }, [i, o, n]), m(() => {
+    if (n)
+      return c ? r(t) : e === t && r(null), () => {
+        e === t && r(null);
+      };
+  }, [
+    c,
+    e,
+    r,
+    t,
+    n
+  ]);
+  const h = a({
+    displayName: s,
+    children: I,
+    shouldShowBlocker: e !== null && e !== t,
+    blockerClassName: f
+  });
+  return {
+    isSelectable: p,
+    setIsSelectable: u,
+    handleNodeRef: l,
+    childrenWithBlocker: h
+  };
+}
+export {
+  L as useItemInnerFocus
+};

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

@@ -0,0 +1,23 @@
+export interface UseItemInnerFocusOptions {
+    /**
+     * The id of the item.
+     */
+    id: string;
+    /**
+     * The children of the item.
+     */
+    children: React.ReactNode;
+    /**
+     * Whether the item is selectable.
+     */
+    isSelectableProp?: boolean;
+    /**
+     * The name of the display.
+     */
+    displayName: string;
+    /**
+     * The class name of the blocker.
+     */
+    blockerClassName?: string;
+}
+//# sourceMappingURL=useItemInnerFocus.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useItemInnerFocus.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useItemInnerFocus/useItemInnerFocus.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,2 @@
+export declare function useMouseMoveOutside(ref: React.RefObject<HTMLElement>, callback: (event: MouseEvent) => void): void;
+//# sourceMappingURL=useMouseMoveOutside.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseMoveOutside.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useMouseMoveOutside/useMouseMoveOutside.ts"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,QAmBtC"}

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

@@ -0,0 +1,13 @@
+import { useEffect as r } from "react";
+function m(e, o) {
+  r(() => {
+    const t = (n) => {
+      const u = e.current;
+      u && (u.contains(n.target) || o(n));
+    };
+    return document.addEventListener("mousemove", t), () => document.removeEventListener("mousemove", t);
+  }, [e, o]);
+}
+export {
+  m as useMouseMoveOutside
+};

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

@@ -0,0 +1,2 @@
+export declare function usePrevious<T>(value: T): T | undefined;
+//# sourceMappingURL=usePrevious.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/usePrevious/usePrevious.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAQtD"}

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

@@ -0,0 +1,10 @@
+import { useRef as t, useLayoutEffect as u } from "react";
+function f(r) {
+  const e = t();
+  return u(() => {
+    e.current = r;
+  }, [r]), e.current;
+}
+export {
+  f as usePrevious
+};

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

@@ -1,13 +1,13 @@
-import { DivHandlers } from './useStopContextMenuEvents.types';
-export declare const useStopContextMenuEvents: (handlers?: Partial<DivHandlers>) => {
-    onClick: (e: import('react').MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    onKeyDown: (e: import('react').KeyboardEvent<HTMLDivElement>) => void;
-    onKeyUp: (e: import('react').KeyboardEvent<HTMLDivElement>) => void;
-    onKeyPress: (e: import('react').KeyboardEvent<HTMLDivElement>) => void;
-    onPointerDown: (e: import('react').PointerEvent<HTMLDivElement>) => void;
-    onPointerUp: (e: import('react').PointerEvent<HTMLDivElement>) => void;
-    onPointerEnter: (e: import('react').PointerEvent<HTMLDivElement>) => void;
-    onPointerLeave: (e: import('react').PointerEvent<HTMLDivElement>) => void;
-    onPointerMove: (e: import('react').PointerEvent<HTMLDivElement>) => void;
+import { Handlers } from './useStopContextMenuEvents.types';
+export declare const useStopContextMenuEvents: <T extends HTMLElement>(handlers?: Partial<Handlers<T>>) => {
+    onClick: (e: import('react').MouseEvent<T, MouseEvent>) => void;
+    onKeyDown: (e: import('react').KeyboardEvent<T>) => void;
+    onKeyUp: (e: import('react').KeyboardEvent<T>) => void;
+    onKeyPress: (e: import('react').KeyboardEvent<T>) => void;
+    onPointerDown: (e: import('react').PointerEvent<T>) => void;
+    onPointerUp: (e: import('react').PointerEvent<T>) => void;
+    onPointerEnter: (e: import('react').PointerEvent<T>) => void;
+    onPointerLeave: (e: import('react').PointerEvent<T>) => void;
+    onPointerMove: (e: import('react').PointerEvent<T>) => void;
 };
 //# sourceMappingURL=useStopContextMenuEvents.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useStopContextMenuEvents.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useStopContextMenuEvents/useStopContextMenuEvents.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAE/D,eAAO,MAAM,wBAAwB,cACzB,OAAO,CAAC,WAAW,CAAC;4EASd,IAAI;qEAAJ,IAAI;mEAAJ,IAAI;sEAAJ,IAAI;wEAAJ,IAAI;sEAAJ,IAAI;yEAAJ,IAAI;yEAAJ,IAAI;wEAAJ,IAAI;CAiBrB,CAAC"}
+{"version":3,"file":"useStopContextMenuEvents.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useStopContextMenuEvents/useStopContextMenuEvents.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,WAAW,aAClD,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;+DAUd,IAAI;wDAAJ,IAAI;sDAAJ,IAAI;yDAAJ,IAAI;2DAAJ,IAAI;yDAAJ,IAAI;4DAAJ,IAAI;4DAAJ,IAAI;2DAAJ,IAAI;CAiBrB,CAAC"}

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

@@ -1,7 +1,7 @@
 import { useCallback as P } from "react";
 const c = (o = {}) => {
   const i = P((t) => {
-    t.stopPropagation();
+    t.stopPropagation(), t.preventDefault();
   }, []), n = (t) => (e) => {
     i(e), t == null || t(e);
   };

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

@@ -1,3 +1,13 @@
-import { ComponentProps } from 'react';
-export type DivHandlers = Pick<ComponentProps<'div'>, 'onClick' | 'onKeyDown' | 'onKeyUp' | 'onKeyPress' | 'onPointerDown' | 'onPointerUp' | 'onPointerEnter' | 'onPointerLeave' | 'onPointerMove'>;
+import { default as React } from 'react';
+export type Handlers<T extends HTMLElement> = {
+    onClick?: React.MouseEventHandler<T>;
+    onKeyDown?: React.KeyboardEventHandler<T>;
+    onKeyUp?: React.KeyboardEventHandler<T>;
+    onKeyPress?: React.KeyboardEventHandler<T>;
+    onPointerDown?: React.PointerEventHandler<T>;
+    onPointerUp?: React.PointerEventHandler<T>;
+    onPointerEnter?: React.PointerEventHandler<T>;
+    onPointerLeave?: React.PointerEventHandler<T>;
+    onPointerMove?: React.PointerEventHandler<T>;
+};
 //# sourceMappingURL=useStopContextMenuEvents.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useStopContextMenuEvents.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useStopContextMenuEvents/useStopContextMenuEvents.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,cAAc,CAAC,KAAK,CAAC,EACnB,SAAS,GACT,WAAW,GACX,SAAS,GACT,YAAY,GACZ,eAAe,GACf,aAAa,GACb,gBAAgB,GAChB,gBAAgB,GAChB,eAAe,CAClB,CAAC"}
+{"version":3,"file":"useStopContextMenuEvents.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useStopContextMenuEvents/useStopContextMenuEvents.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,WAAW,IAAI;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9C,cAAc,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;CAC9C,CAAC"}

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { UseSubMenuOptions } from './useSubMenu.types';
+export declare const useSubMenu: ({ onKeyDown }: UseSubMenuOptions) => {
+    itemRef: React.RefObject<HTMLDivElement>;
+    hasSubmenu: boolean;
+    subMenuOpen: boolean;
+    setSubMenuOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+    withProvider: (children: React.ReactNode) => React.JSX.Element;
+};
+//# sourceMappingURL=useSubMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSubMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useSubMenu/useSubMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,eAAO,MAAM,UAAU,kBAAmB,iBAAiB;;;;;uBAgB/B,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;6BAQ7B,KAAK,CAAC,SAAS;CAkBhD,CAAC"}

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

@@ -0,0 +1,33 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useState as o, useRef as f, useEffect as m } from "react";
+import "../../providers/LevelProvider/LevelProvider.js";
+import { SubMenuProvider as a } from "../../providers/SubMenuProvider/SubMenuProvider.js";
+const g = ({ onKeyDown: t }) => {
+  const [n, u] = o(!1), [s, i] = o(!1), r = f(null);
+  return m(() => {
+    if (!r.current)
+      return;
+    const e = r.current.querySelector("[data-submenu-trigger]");
+    i(!!e);
+  }, [r]), {
+    itemRef: r,
+    hasSubmenu: s,
+    subMenuOpen: n,
+    setSubMenuOpen: u,
+    handleKeyDown: (e) => {
+      s && e.key === "ArrowRight" && u(!0), t == null || t(e);
+    },
+    withProvider: (e) => /* @__PURE__ */ c(
+      a,
+      {
+        hasSubmenu: s,
+        subMenuOpen: n,
+        setSubMenuOpen: u,
+        children: e
+      }
+    )
+  };
+};
+export {
+  g as useSubMenu
+};

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

@@ -0,0 +1,7 @@
+export interface UseSubMenuOptions {
+    /**
+     * The callback function to be called when the key down event is triggered.
+     */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+}
+//# sourceMappingURL=useSubMenu.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSubMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useSubMenu/useSubMenu.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC9D"}

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

@@ -0,0 +1 @@
+

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-BLEFxO0N.mjs";
+import "../../useContentPositioning-CLU2E_Oz.mjs";
 import { Direction as p } from "./components/Content/Content.enums.js";
 import "./components/Content/Content.utils.js";
 export {

package/dist/components/ContextMenu/providers/LevelProvider/LevelProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LevelProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/providers/LevelProvider/LevelProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAIlE;;;;;GAKG;AACH,eAAO,MAAO,aAAa,kGAAE,eAAe,qDACqB,CAAC"}
+{"version":3,"file":"LevelProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/providers/LevelProvider/LevelProvider.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAIlE;;;;;GAKG;AACH,eAAO,MAAO,aAAa,kGAAE,eAAe,qDACqB,CAAC"}