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

package/dist/components/ContextMenu/components/RadioItem/RadioItem.js

@@ -1,75 +1,98 @@
-import { jsx as w } from "react/jsx-runtime";
-import { forwardRef as D, useId as H, useMemo as P } from "react";
-import { f as W } from "../../../../index-CYWNqEqR.mjs";
-import { c as Y } from "../../../../index-L8X2o7IH.mjs";
-import { useLevelContext as b } from "../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuContext as q } from "../../ContextMenu.context.js";
-import { hasItemIcon as v } from "../../utils/hasItemIcon/hasItemIcon.js";
-import "../../../../useContentPositioning-BLEFxO0N.mjs";
+import { jsx as W } from "react/jsx-runtime";
+import { forwardRef as G, useId as H, useMemo as Y } from "react";
+import { e as q } from "../../../../index-DmGLJEdp.mjs";
+import { c as z } from "../../../../index-L8X2o7IH.mjs";
+import { mergeRefs as J } from "../../../../lib/utils.js";
+import { useLevelContext as Q } from "../../providers/LevelProvider/LevelProvider.js";
+import { hasItemIcon as S } from "../../utils/hasItemIcon/hasItemIcon.js";
+import "../../../../useContentPositioning-CLU2E_Oz.mjs";
+import "../../providers/SubMenuProvider/SubMenuProvider.js";
+import { useContextMenuRootContext as T } from "../../ContextMenu.context.js";
 import "../Content/Content.utils.js";
-import { useContextMenuItemFocus as z } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-import '../../../../assets/RadioItem.css';const G = "_radio_item_14d4r_1", J = {
-  radio_item: G
-}, m = "ContextMenu.RadioItem", K = D(
+import { useContextMenuItemFocus as U } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
+import { useSubMenu as V } from "../../hooks/useSubMenu/useSubMenu.js";
+import { useChildrenWithBlocker as X } from "../../hooks/useChildrenWithBlocker/useChildrenWithBlocker.js";
+import "../RadioGroup/RadioGroup.js";
+import { useRadioGroupContext as Z } from "../RadioGroup/RadioGroup.context.js";
+import '../../../../assets/RadioItem.css';const $ = "_radio_item_1ohpj_1", oo = "_blocker_1ohpj_35", c = {
+  radio_item: $,
+  blocker: oo
+}, o = "ContextMenu.RadioItem", eo = G(
   ({
-    className: R,
-    children: i,
-    isDisabled: _,
-    hasIconCheckFn: h = v,
-    onFocus: o,
-    onMouseEnter: r,
-    onBlur: a,
-    onMouseLeave: s,
-    onSelect: d,
-    onClick: f,
-    isCloseMenuOnClick: c = !0,
-    ...u
-  }, y) => {
-    const n = H(), { hasItemWithIcon: A } = b(m), { closeMenuImmediately: g, isCloseOnClick: N } = q(m), {
-      dataHighlighted: C,
-      onFocus: p,
-      onMouseEnter: e,
-      onBlur: x,
-      onMouseLeave: I
-    } = z({
-      displayName: m,
-      id: n,
-      isDisabled: _
-    }), j = P(() => h(i), [i]);
-    return /* @__PURE__ */ w(
-      W,
-      {
-        ref: y,
-        className: Y(J.radio_item, R),
-        disabled: _,
-        "data-item": !0,
-        "data-no-icon-align": j || !A ? "" : void 0,
-        "data-highlighted": C,
-        onSelect: (t) => {
-          d == null || d(t), N && c && g(!0);
-        },
-        onClick: (t) => {
-          t.preventDefault(), f == null || f(t), N && c && g(!0);
-        },
-        onFocus: (t) => {
-          p == null || p(), o == null || o(t);
-        },
-        onMouseEnter: (t) => {
-          e == null || e(t), r == null || r(t);
-        },
-        onBlur: (t) => {
-          x == null || x(), a == null || a(t);
-        },
-        onMouseLeave: (t) => {
-          I == null || I(t), s == null || s(t);
-        },
-        ...u,
-        children: i
-      }
+    className: l,
+    children: t,
+    isDisabled: m,
+    hasIconCheckFn: p = S,
+    onFocus: h,
+    onMouseEnter: f,
+    onBlur: I,
+    onMouseLeave: M,
+    onSelect: n,
+    onClick: r,
+    isCloseMenuOnClick: C = !0,
+    shouldCloseRootMenuOnClick: i,
+    value: a,
+    onKeyDown: _,
+    ...x
+  }, b) => {
+    const R = H(), {
+      hasItemWithIcon: g,
+      closeMenuImmediately: k,
+      isCloseOnClick: v,
+      shouldCloseRootMenuOnClick: N
+    } = Q(o), { itemRef: u, hasSubmenu: y, subMenuOpen: L, handleKeyDown: w, withProvider: B } = V({ onKeyDown: _ }), { closeRootMenuImmediately: s } = T(o), {
+      dataHighlighted: E,
+      onFocus: F,
+      onMouseEnter: O,
+      onBlur: j,
+      onMouseLeave: D
+    } = U({
+      displayName: o,
+      ref: u,
+      id: R,
+      isDisabled: m,
+      hasSubmenu: y,
+      onFocus: h,
+      onBlur: I,
+      onMouseEnter: f,
+      onMouseLeave: M
+    }), A = Y(() => p(t), [t]), { onChange: K } = Z(o), P = X({
+      children: t,
+      displayName: o,
+      blockerClassName: c.blocker
+    }), d = () => {
+      v && C && (k(i), (i ?? N) && (s == null || s()));
+    };
+    return B(
+      /* @__PURE__ */ W(
+        q,
+        {
+          ref: J(b, u),
+          className: z(c.radio_item, l),
+          disabled: m,
+          "data-item": !0,
+          "data-no-icon-align": A || !g ? "" : void 0,
+          "data-highlighted": L || E,
+          value: a,
+          onSelect: (e) => {
+            n == null || n(e), d();
+          },
+          onClick: (e) => {
+            e.preventDefault(), K(a), r == null || r(e), d();
+          },
+          onFocus: F,
+          onMouseEnter: O,
+          onBlur: j,
+          onMouseLeave: D,
+          onKeyDown: w,
+          ...x,
+          children: P
+        }
+      )
     );
   }
 );
-K.displayName = m;
+eo.displayName = o;
 export {
-  K as RadioItem
+  eo as RadioItem
 };

package/dist/components/ContextMenu/components/RadioItem/RadioItem.props.d.ts

@@ -16,6 +16,10 @@ export type RadioItemProps = RadixRadioItemProps & {
      * Whether the RadioItem should close the menu when clicked.
      */
     isCloseMenuOnClick?: boolean;
+    /**
+     * Whether the RadioItem should close the root menu when clicked.
+     */
+    shouldCloseRootMenuOnClick?: boolean;
 };
 export {};
 //# sourceMappingURL=RadioItem.props.d.ts.map

package/dist/components/ContextMenu/components/RadioItem/RadioItem.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioItem.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioItem/RadioItem.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,IAAI,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAE7F,KAAK,mBAAmB,GAAG,IAAI,CAC7B,wBAAwB,CAAC,OAAO,0BAA0B,CAAC,EAC3D,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;IACxD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"RadioItem.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioItem/RadioItem.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,IAAI,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAE7F,KAAK,mBAAmB,GAAG,IAAI,CAC7B,wBAAwB,CAAC,OAAO,0BAA0B,CAAC,EAC3D,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;IACxD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC"}

package/dist/components/ContextMenu/components/Separator/Separator.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { g as s } from "../../../../index-CYWNqEqR.mjs";
+import { f as s } from "../../../../index-DmGLJEdp.mjs";
 import { c as p } from "../../../../index-L8X2o7IH.mjs";
 import '../../../../assets/Separator.css';const m = "_separator_1k8lw_1", c = {
   separator: m
-}, n = "ContextMenu.Separator", f = e(
+}, f = "ContextMenu.Separator", n = e(
   ({ className: r, ...a }, o) => /* @__PURE__ */ t(
     s,
     {
@@ -15,7 +15,7 @@ import '../../../../assets/Separator.css';const m = "_separator_1k8lw_1", c = {
     }
   )
 );
-f.displayName = n;
+n.displayName = f;
 export {
-  f as Separator
+  n as Separator
 };

package/dist/components/ContextMenu/components/Sub/Sub.d.ts

@@ -3,5 +3,7 @@ import { ContextMenuSubHandle } from './Sub.types';
 export declare const Sub: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dropdown-menu').DropdownMenuSubProps, "onOpenChange"> & {
     mode?: import('../..').ContextMenuModeType;
     onOpen?: (open: boolean) => void;
+    shouldCloseRootMenuOnClick?: boolean;
+    isCloseOnClick?: boolean;
 } & React.RefAttributes<ContextMenuSubHandle>>;
 //# sourceMappingURL=Sub.d.ts.map

package/dist/components/ContextMenu/components/Sub/Sub.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,eAAO,MAAM,GAAG;;;8CAiDf,CAAC"}
+{"version":3,"file":"Sub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,eAAO,MAAM,GAAG;;;;;8CAsEf,CAAC"}

package/dist/components/ContextMenu/components/Sub/Sub.js

@@ -1,60 +1,81 @@
 import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as b, useImperativeHandle as x } from "react";
-import { S as C } from "../../../../index-CYWNqEqR.mjs";
-import { ContextMenuMode as O } from "../../ContextMenu.enums.js";
+import { forwardRef as R, useImperativeHandle as v } from "react";
+import { S as E } from "../../../../index-DmGLJEdp.mjs";
+import "../../../../useContentPositioning-CLU2E_Oz.mjs";
+import { ContextMenuMode as I } from "../../ContextMenu.enums.js";
 import "../../providers/LevelProvider/LevelProvider.js";
+import "../../providers/SubMenuProvider/SubMenuProvider.js";
 import "../../ContextMenu.context.js";
-import "../../../../useContentPositioning-BLEFxO0N.mjs";
 import "../Content/Content.utils.js";
-import { useContextMenuSub as g } from "../../hooks/useContextMenuSub/useContextMenuSub.js";
-import { ContextMenuSubProvider as v, DISPLAY_NAME as m } from "./Sub.context.js";
-const y = b(
-  ({ children: a, mode: e = O.HOVER, onOpen: i, defaultOpen: o, ...p }, s) => {
+import { useContextMenuSub as A } from "../../hooks/useContextMenuSub/useContextMenuSub.js";
+import { ContextMenuSubProvider as L, DISPLAY_NAME as i } from "./Sub.context.js";
+const N = R(
+  ({
+    children: m,
+    mode: e = I.HOVER,
+    onOpen: p,
+    defaultOpen: o,
+    shouldCloseRootMenuOnClick: a = !0,
+    isCloseOnClick: u = !0,
+    ...s
+  }, d) => {
     const {
-      open: r,
-      setOpen: n,
-      animatedOpen: u,
-      startAnimation: d,
-      handleMouseEnter: M,
-      handleMouseLeave: f,
+      isOpen: n,
+      setOpen: r,
+      animatedOpen: M,
+      startAnimation: f,
+      handleMouseEnter: l,
+      handleMouseLeave: O,
       handleOpenChange: h,
-      triggerId: l,
-      onOpenByKeyboard: S
-    } = g({
-      displayName: m,
+      triggerId: S,
+      onOpenByKeyboard: b,
+      contentRef: g,
+      triggerRef: C,
+      onChildOpen: c,
+      onSubRootOpen: x,
+      closeMenuImmediately: y
+    } = A({
+      displayName: i,
       mode: e,
       defaultOpen: o,
-      onOpen: i
+      onOpen: p
     });
-    return x(s, () => ({
-      setOpen: n
+    return v(d, () => ({
+      setOpen: r
     })), /* @__PURE__ */ t(
-      v,
+      L,
       {
         mode: e,
-        open: r,
-        setOpen: n,
-        animatedOpen: u,
+        isOpen: n,
+        setOpen: r,
+        animatedOpen: M,
         defaultOpen: o,
-        startAnimation: d,
-        onMouseEnter: M,
-        onMouseLeave: f,
-        onOpenByKeyboard: S,
-        triggerId: l,
+        startAnimation: f,
+        onMouseEnter: l,
+        onMouseLeave: O,
+        onOpenByKeyboard: b,
+        triggerId: S,
+        contentRef: g,
+        triggerRef: C,
+        onChildOpen: c,
+        onSubRootOpen: x,
+        shouldCloseRootMenuOnClick: a,
+        isCloseOnClick: u,
+        closeMenuImmediately: y,
         children: /* @__PURE__ */ t(
-          C,
+          E,
           {
-            open: r,
+            open: n,
             onOpenChange: h,
-            ...p,
-            children: a
+            ...s,
+            children: m
           }
         )
       }
     );
   }
 );
-y.displayName = m;
+N.displayName = i;
 export {
-  y as Sub
+  N as Sub
 };

package/dist/components/ContextMenu/components/Sub/Sub.props.d.ts

@@ -12,6 +12,14 @@ export type SubProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuSub
      * Called when submenu open state changes.
      */
     onOpen?: (open: boolean) => void;
+    /**
+     * Whether the submenu should close when the root menu is closed.
+     */
+    shouldCloseRootMenuOnClick?: boolean;
+    /**
+     * Whether the menu should close when clicked.
+     */
+    isCloseOnClick?: boolean;
 };
 export interface ContextMenuSubContextProps {
     /**
@@ -33,7 +41,7 @@ export interface ContextMenuSubContextProps {
     /**
      * Indicates whether the submenu is currently open.
      */
-    open: boolean;
+    isOpen: boolean;
     /**
      * Triggers the submenu's open animation after it has been mounted.
      */
@@ -54,5 +62,33 @@ export interface ContextMenuSubContextProps {
      * The callback function to be called when the submenu is opened by keyboard.
      */
     onOpenByKeyboard: (value: boolean) => void;
+    /**
+     * The ref to the content of the submenu.
+     */
+    contentRef: React.RefObject<HTMLDivElement>;
+    /**
+     * The ref to the trigger of the submenu.
+     */
+    triggerRef: React.RefObject<HTMLDivElement>;
+    /**
+     * The callback function to be called when the child menu is opened.
+     */
+    onChildOpen: (value: boolean, mode: ContextMenuModeType) => void;
+    /**
+     * The callback function to be called when the subroot is opened.
+     */
+    onSubRootOpen: (value: boolean) => void;
+    /**
+     * Whether the submenu should close when the root menu is closed.
+     */
+    shouldCloseRootMenuOnClick: boolean;
+    /**
+     * Whether the menu should close when clicked.
+     */
+    isCloseOnClick: boolean;
+    /**
+     * Immediately closes the menu without waiting for any hover or animation delays.
+     */
+    closeMenuImmediately: () => void;
 }
 //# sourceMappingURL=Sub.props.d.ts.map

package/dist/components/ContextMenu/components/Sub/Sub.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sub.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,GAAG,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG,IAAI,CACzB,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,EACrD,cAAc,CACf,GAAG;IACF;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C"}
+{"version":3,"file":"Sub.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,GAAG,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG,IAAI,CACzB,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,EACrD,cAAc,CACf,GAAG;IACF;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C;;OAEG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,0BAA0B,EAAE,OAAO,CAAC;IACpC;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC"}

package/dist/components/ContextMenu/components/SubContent/SubContent.d.ts

@@ -1,3 +1,6 @@
 import { default as React } from 'react';
-export declare const SubContent: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dropdown-menu').DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SubContent: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dropdown-menu').DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    disableAutoPositioning?: boolean;
+    disableRepositioning?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=SubContent.d.ts.map

package/dist/components/ContextMenu/components/SubContent/SubContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubContent/SubContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAiBrE,eAAO,MAAM,UAAU,+LAuGtB,CAAC"}
+{"version":3,"file":"SubContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubContent/SubContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAqBrE,eAAO,MAAM,UAAU;;;wCA2ItB,CAAC"}

package/dist/components/ContextMenu/components/SubContent/SubContent.js

@@ -1,76 +1,105 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as P, useState as c, useLayoutEffect as f } from "react";
-import { c as F } from "../../../../index-CYWNqEqR.mjs";
-import { u as O, e as w, a as D } from "../../../../react-spring_web.modern-Dnq1lqN5.mjs";
-import { c as E } from "../../../../index-L8X2o7IH.mjs";
-import { LevelProvider as R } from "../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuSubContext as W } from "../Sub/Sub.context.js";
-import { useContextMenuContext as j } from "../../ContextMenu.context.js";
-import '../../../../assets/SubContent.css';const q = "_sub_content_y6v65_1", z = {
-  sub_content: q
-}, m = "ContextMenu.SubContent", G = P(
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as T, useState as f, useLayoutEffect as C } from "react";
+import { c as X } from "../../../../index-DmGLJEdp.mjs";
+import { u as Y, a as B, e as J, b as Q } from "../../../../useContentPositioning-CLU2E_Oz.mjs";
+import { c as U } from "../../../../index-L8X2o7IH.mjs";
+import { mergeRefs as V } from "../../../../lib/utils.js";
+import { useLevelContext as Z, LevelProvider as $ } from "../../providers/LevelProvider/LevelProvider.js";
+import { useContextMenuSubContext as w } from "../Sub/Sub.context.js";
+import { useContextMenuContext as D } from "../../ContextMenu.context.js";
+import '../../../../assets/SubContent.css';const E = "_sub_content_y6v65_1", K = {
+  sub_content: E
+}, e = "ContextMenu.SubContent", tt = T(
   ({
-    className: d,
-    children: p,
-    sideOffset: l = 4,
-    collisionPadding: I = 10,
-    onMouseEnter: e,
-    onMouseLeave: n,
-    ...b
-  }, _) => {
-    const [S, x] = c(null), {
+    className: I,
+    children: l,
+    sideOffset: b = 4,
+    collisionPadding: g = 10,
+    onMouseEnter: n,
+    onMouseLeave: o,
+    alignOffset: S,
+    disableAutoPositioning: _ = !1,
+    disableRepositioning: x = !1,
+    onEscapeKeyDown: s,
+    ...O
+  }, v) => {
+    const [A, R] = f(null), {
       animatedOpen: i,
-      startAnimation: A,
-      onMouseEnter: o,
-      onMouseLeave: s,
+      startAnimation: h,
+      onMouseEnter: a,
+      onMouseLeave: r,
       defaultOpen: u,
-      open: C
-    } = W(m), { animationDuration: y } = j(m), [g, h] = c(!1), [v, a] = c(!1);
-    f(() => {
-      A();
-    }, []), f(() => {
+      isOpen: N,
+      triggerRef: P,
+      contentRef: d,
+      onChildOpen: y,
+      onSubRootOpen: F,
+      closeMenuImmediately: p,
+      isCloseOnClick: k,
+      shouldCloseRootMenuOnClick: W
+    } = w(e), { animationDuration: j } = D(e), { level: q } = Z(e), { offset: z } = Y({
+      alignOffset: S,
+      disableAutoPositioning: _,
+      triggerRef: P,
+      contentRef: d,
+      children: l,
+      disableRepositioning: x
+    }), [G, H] = f(!1), [L, m] = f(!1);
+    C(() => {
+      h();
+    }, []), C(() => {
       let t;
-      return i ? (a(!1), t = requestAnimationFrame(() => {
-        a(!0);
-      })) : a(!1), () => {
+      return i ? (m(!1), t = requestAnimationFrame(() => {
+        m(!0);
+      })) : m(!1), () => {
         t && cancelAnimationFrame(t);
       };
     }, [i]);
-    const N = O({
-      opacity: v && i || u !== void 0 ? 1 : 0,
-      config: u === void 0 ? { duration: y, easing: w.easeInOutCubic } : { duration: 0 }
+    const M = B({
+      opacity: L && i || u !== void 0 ? 1 : 0,
+      config: u === void 0 ? { duration: j, easing: J.easeInOutCubic } : { duration: 0 }
     });
-    return /* @__PURE__ */ r(
-      R,
+    return /* @__PURE__ */ c(
+      $,
       {
-        hasItemWithIcon: g,
-        setHasItemWithIcon: h,
-        activeItemId: S,
-        setActiveItemId: x,
-        children: C && /* @__PURE__ */ r(
-          D.div,
+        hasItemWithIcon: G,
+        setHasItemWithIcon: H,
+        activeItemId: A,
+        setActiveItemId: R,
+        onChildOpen: y,
+        onSubRootOpen: F,
+        isCloseOnClick: k,
+        closeMenuImmediately: p,
+        shouldCloseRootMenuOnClick: W,
+        level: q + 1,
+        children: N && /* @__PURE__ */ c(
+          Q.div,
           {
             style: {
               position: "fixed",
               zIndex: Number.MAX_SAFE_INTEGER - 10,
-              ...N
+              ...M
             },
             onMouseEnter: (t) => {
-              o == null || o(t), e == null || e(t);
+              a == null || a(t), n == null || n(t);
             },
             onMouseLeave: (t) => {
-              s == null || s(t), n == null || n(t);
+              r == null || r(t), o == null || o(t);
             },
             "data-content-wrapper": !0,
-            children: /* @__PURE__ */ r(
-              F,
+            children: /* @__PURE__ */ c(
+              X,
               {
-                ref: _,
-                className: E(z.sub_content, d),
-                sideOffset: l,
-                collisionPadding: I,
-                ...b,
-                children: p
+                ref: V(d, v),
+                className: U(K.sub_content, I),
+                sideOffset: b,
+                collisionPadding: g,
+                alignOffset: z,
+                onEscapeKeyDown: (t) => {
+                  p(), s == null || s(t);
+                },
+                ...O,
+                children: l
               }
             )
           }
@@ -79,7 +108,7 @@ import '../../../../assets/SubContent.css';const q = "_sub_content_y6v65_1", z =
     );
   }
 );
-G.displayName = m;
+tt.displayName = e;
 export {
-  G as SubContent
+  tt as SubContent
 };

package/dist/components/ContextMenu/components/SubContent/SubContent.props.d.ts

@@ -1,4 +1,13 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { SubContent as RadixDropdownMenuSubContent } from '@radix-ui/react-dropdown-menu';
-export type SubContentProps = ComponentPropsWithoutRef<typeof RadixDropdownMenuSubContent>;
+export type SubContentProps = ComponentPropsWithoutRef<typeof RadixDropdownMenuSubContent> & {
+    /**
+     * Whether to disable auto positioning.
+     */
+    disableAutoPositioning?: boolean;
+    /**
+     * Whether to disable repositioning.
+     */
+    disableRepositioning?: boolean;
+};
 //# sourceMappingURL=SubContent.props.d.ts.map

package/dist/components/ContextMenu/components/SubContent/SubContent.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubContent.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubContent/SubContent.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,UAAU,IAAI,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE1F,MAAM,MAAM,eAAe,GAAG,wBAAwB,CACpD,OAAO,2BAA2B,CACnC,CAAC"}
+{"version":3,"file":"SubContent.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubContent/SubContent.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,UAAU,IAAI,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE1F,MAAM,MAAM,eAAe,GAAG,wBAAwB,CACpD,OAAO,2BAA2B,CACnC,GAAG;IACF;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}

package/dist/components/ContextMenu/components/SubRoot/SubRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubRoot.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubRoot/SubRoot.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,eAAO,MAAM,OAAO,EA+Ff,sBAAsB,CAAC"}
+{"version":3,"file":"SubRoot.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubRoot/SubRoot.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,eAAO,MAAM,OAAO,EAiGf,sBAAsB,CAAC"}