@kommo-crm/crm-react-ui-kit 1.1.1-beta.3 → 1.1.1-beta.4

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

@@ -1 +1,4 @@
-export { SubContent } from './SubContent';
+import { SubContent as e } from "./SubContent.js";
+export {
+  e as SubContent
+};

package/dist/components/ContextMenu/components/SubRoot/SubRoot.js

@@ -1,37 +1,94 @@
-import React, { forwardRef, useImperativeHandle } from 'react';
-import { Root as RadixDropdownMenuRoot } from '@radix-ui/react-dropdown-menu';
-import { ContextMenuProvider, useContextMenuContext, } from '../../ContextMenu.context';
-import { ContextMenuMode } from '../../ContextMenu.enums';
-import { useContextMenuSubMenu } from '../../hooks';
-import { useContextMenuItemContext } from '../Item/Item.context';
-import { Trigger } from './components/Trigger/Trigger';
-import { Content } from './components/Content/Content';
-const DISPLAY_NAME = 'ContextMenu.SubRoot';
-export const SubRoot = forwardRef(({ children, mode = ContextMenuMode.HOVER, onOpen, defaultOpen, isCloseWithRootMenu = false, ...rest }, ref) => {
-    const { animationDuration, hoverCloseDelay, closeMenuImmediately: closeRootMenuImmediatelyContext, } = useContextMenuContext(DISPLAY_NAME);
-    const { subMenuOpen: subMenuOpenContext, setSubMenuOpen } = useContextMenuItemContext(DISPLAY_NAME);
-    const closeRootMenuImmediately = isCloseWithRootMenu
-        ? closeRootMenuImmediatelyContext
-        : undefined;
-    const { mode: rootMode, open: openContext, onOpenChange, triggerRef, contentRef, inheritedArrowColor, animatedOpen, temporaryHoverClose, closeMenuImmediately, onMouseEnter, onMouseLeave, enableTemporaryHoverClose, triggerId, onOpenByKeyboard, } = useContextMenuSubMenu({
-        displayName: DISPLAY_NAME,
-        mode: mode,
-        defaultOpen,
-        onOpen,
-        animationDuration,
-        subMenuOpen: subMenuOpenContext,
-        setSubMenuOpen,
-        hoverCloseDelay,
-        closeRootMenuImmediately,
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as E, useImperativeHandle as N } from "react";
+import { R as T } from "../../../../index-BA3njR2k.mjs";
+import { useContextMenuContext as w, ContextMenuProvider as L } from "../../ContextMenu.context.js";
+import { ContextMenuMode as P } from "../../ContextMenu.enums.js";
+import { useContextMenuSubMenu as j } from "../../hooks/useContextMenuSubMenu/useContextMenuSubMenu.js";
+import "../../../../useContentPositioning-BLCC-Xty.mjs";
+import "../Content/Content.utils.js";
+import "../../providers/LevelProvider/LevelProvider.js";
+import { useContextMenuItemContext as B } from "../Item/Item.context.js";
+import { Trigger as K } from "./components/Trigger/Trigger.js";
+import { Content as V } from "./components/Content/Content.js";
+const e = "ContextMenu.SubRoot", t = E(
+  ({
+    children: a,
+    mode: l = P.HOVER,
+    onOpen: M,
+    defaultOpen: d,
+    isCloseWithRootMenu: C = !1,
+    ...f
+  }, x) => {
+    const {
+      animationDuration: n,
+      hoverCloseDelay: r,
+      closeMenuImmediately: c
+    } = w(e), { subMenuOpen: o, setSubMenuOpen: m } = B(e), y = C ? c : void 0, {
+      mode: b,
+      open: R,
+      onOpenChange: g,
+      triggerRef: O,
+      contentRef: I,
+      inheritedArrowColor: v,
+      animatedOpen: S,
+      temporaryHoverClose: h,
+      closeMenuImmediately: i,
+      onMouseEnter: H,
+      onMouseLeave: A,
+      enableTemporaryHoverClose: u,
+      triggerId: D,
+      onOpenByKeyboard: s
+    } = j({
+      displayName: e,
+      mode: l,
+      defaultOpen: d,
+      onOpen: M,
+      animationDuration: n,
+      subMenuOpen: o,
+      setSubMenuOpen: m,
+      hoverCloseDelay: r,
+      closeRootMenuImmediately: y
     });
-    useImperativeHandle(ref, () => ({
-        closeMenuImmediately,
-        enableTemporaryHoverClose,
-        onOpenByKeyboard,
-    }));
-    return (React.createElement(ContextMenuProvider, { mode: rootMode, triggerRef: triggerRef, contentRef: contentRef, inheritedArrowColor: inheritedArrowColor, animatedOpen: animatedOpen, animationDuration: animationDuration, hoverCloseDelay: hoverCloseDelay, temporaryHoverClose: temporaryHoverClose, closeMenuImmediately: closeMenuImmediately, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, enableTemporaryHoverClose: enableTemporaryHoverClose, subMenuOpen: subMenuOpenContext, setSubMenuOpen: setSubMenuOpen, triggerId: triggerId, onOpenByKeyboard: onOpenByKeyboard },
-        React.createElement(RadixDropdownMenuRoot, { open: openContext || subMenuOpenContext, onOpenChange: onOpenChange, modal: false, ...rest }, children)));
-});
-SubRoot.displayName = DISPLAY_NAME;
-SubRoot.Trigger = Trigger;
-SubRoot.Content = Content;
+    return N(x, () => ({
+      closeMenuImmediately: i,
+      enableTemporaryHoverClose: u,
+      onOpenByKeyboard: s
+    })), /* @__PURE__ */ p(
+      L,
+      {
+        mode: b,
+        triggerRef: O,
+        contentRef: I,
+        inheritedArrowColor: v,
+        animatedOpen: S,
+        animationDuration: n,
+        hoverCloseDelay: r,
+        temporaryHoverClose: h,
+        closeMenuImmediately: i,
+        onMouseEnter: H,
+        onMouseLeave: A,
+        enableTemporaryHoverClose: u,
+        subMenuOpen: o,
+        setSubMenuOpen: m,
+        triggerId: D,
+        onOpenByKeyboard: s,
+        children: /* @__PURE__ */ p(
+          T,
+          {
+            open: R || o,
+            onOpenChange: g,
+            modal: !1,
+            ...f,
+            children: a
+          }
+        )
+      }
+    );
+  }
+);
+t.displayName = e;
+t.Trigger = K;
+t.Content = V;
+export {
+  t as SubRoot
+};

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

@@ -1,4 +1,4 @@
-import { type DropdownMenuProps as RadixDropdownMenuRootProps } from '@radix-ui/react-dropdown-menu';
+import { DropdownMenuProps as RadixDropdownMenuRootProps } from '@radix-ui/react-dropdown-menu';
 import { ContextMenuModeType } from '../../ContextMenu.types';
 export type ContextMenuSubRootProps = Omit<RadixDropdownMenuRootProps, 'onOpenChange' | 'modal'> & {
     /**

package/dist/components/ContextMenu/components/SubRoot/SubRoot.props.js

@@ -1 +1 @@
-export {};
+

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

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { ContentProps } from '../Content/Content.props';
 import { TriggerProps } from '../Trigger/Trigger.props';
 import { ContextMenuHandle } from '../../ContextMenu.types';

package/dist/components/ContextMenu/components/SubRoot/SubRoot.types.js

@@ -1 +1 @@
-export {};
+

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const Content: React.ForwardRefExoticComponent<{
     onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
     key?: React.Key | null | undefined;
@@ -295,7 +295,7 @@ export declare const Content: React.ForwardRefExoticComponent<{
     }>) => void) | undefined;
     forceMount?: true | undefined;
 } & {
-    direction?: import("../../../Content").DirectionType;
+    direction?: import('../../../Content').DirectionType;
     collisionBoundary?: Element;
     disableAutoPositioning?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ContextMenu/components/SubRoot/components/Content/Content.js

@@ -1,64 +1,105 @@
-import React, { forwardRef, useState } from 'react';
-import { Content as RadixDropdownMenuContent } from '@radix-ui/react-dropdown-menu';
-import cx from 'classnames';
-import { useSpring, animated, easings } from '@react-spring/web';
-import { mergeRefs } from 'src/lib/utils';
-import { LevelProvider } from '../../../../providers/LevelProvider';
-import { useContextMenuContext } from '../../../../ContextMenu.context';
-import { ContextMenuMode } from '../../../../ContextMenu.enums';
-import { useContentPositioning } from '../../../../hooks';
-import { focusParentItem } from '../../../../utils';
-import { Direction } from '../../../Content';
-import { directionToSide } from '../../../Content';
-import s from '../../../Content/Content.module.css';
-const DISPLAY_NAME = 'ContextMenu.Content';
-export const Content = forwardRef(({ style, className, children, alignOffset, arrowPadding = 5, collisionBoundary, direction = Direction.DOWN_RIGHT, disableAutoPositioning = false, onMouseEnter, onMouseLeave, onKeyDown, ...rest }, ref) => {
-    const [hasItemWithIcon, setHasItemWithIcon] = useState(false);
-    const [activeItemId, setActiveItemId] = useState(null);
-    const { triggerRef, contentRef, animatedOpen, animationDuration, mode, temporaryHoverClose, onMouseEnter: onMouseEnterContext, onMouseLeave: onMouseLeaveContext, closeMenuImmediately, } = useContextMenuContext(DISPLAY_NAME);
-    const { align, labelOffset, isPositioned } = useContentPositioning({
-        direction,
-        alignOffset,
-        disableAutoPositioning,
-        triggerRef,
-        contentRef,
-        collisionBoundary,
-        children,
-    });
-    const springStyles = useSpring({
-        opacity: isPositioned &&
-            ((mode === ContextMenuMode.CLICK && !temporaryHoverClose) ||
-                animatedOpen)
-            ? 1
-            : 0,
-        config: mode === ContextMenuMode.CLICK && !temporaryHoverClose
-            ? { duration: 0 }
-            : { duration: animationDuration, easing: easings.easeInOutCubic },
-    });
-    const handleKeyDown = (e) => {
-        if (e.key === 'ArrowLeft') {
-            closeMenuImmediately();
-            focusParentItem(triggerRef.current);
-        }
-        onKeyDown?.(e);
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as L, useState as C } from "react";
+import { C as j } from "../../../../../../index-BA3njR2k.mjs";
+import { c as k } from "../../../../../../index-L8X2o7IH.mjs";
+import { u as w, e as z, a as F } from "../../../../../../react-spring_web.modern-Dnq1lqN5.mjs";
+import { mergeRefs as M } from "../../../../../../lib/utils.js";
+import { LevelProvider as X } from "../../../../providers/LevelProvider/LevelProvider.js";
+import { useContextMenuContext as Y } from "../../../../ContextMenu.context.js";
+import { ContextMenuMode as g } from "../../../../ContextMenu.enums.js";
+import { focusParentItem as q } from "../../../../utils/focusParentItem/focusParentItem.js";
+import { u as J, s as K } from "../../../../../../useContentPositioning-BLCC-Xty.mjs";
+import { Direction as Q } from "../../../Content/Content.enums.js";
+import { directionToSide as U } from "../../../Content/Content.utils.js";
+const x = "ContextMenu.Content", V = L(
+  ({
+    style: N,
+    className: R,
+    children: s,
+    alignOffset: S,
+    arrowPadding: h = 5,
+    collisionBoundary: a,
+    direction: f = Q.DOWN_RIGHT,
+    disableAutoPositioning: c = !1,
+    onMouseEnter: e,
+    onMouseLeave: r,
+    onKeyDown: o,
+    ...y
+  }, A) => {
+    const [O, v] = C(!1), [P, _] = C(null), {
+      triggerRef: p,
+      contentRef: d,
+      animatedOpen: H,
+      animationDuration: T,
+      mode: I,
+      temporaryHoverClose: l,
+      onMouseEnter: i,
+      onMouseLeave: n,
+      closeMenuImmediately: W
+    } = Y(x), { align: b, labelOffset: D, isPositioned: u } = J({
+      direction: f,
+      alignOffset: S,
+      disableAutoPositioning: c,
+      triggerRef: p,
+      contentRef: d,
+      collisionBoundary: a,
+      children: s
+    }), E = w({
+      opacity: u && (I === g.CLICK && !l || H) ? 1 : 0,
+      config: I === g.CLICK && !l ? { duration: 0 } : { duration: T, easing: z.easeInOutCubic }
+    }), G = (t) => {
+      t.key === "ArrowLeft" && (W(), q(p.current)), o == null || o(t);
     };
-    return (React.createElement(LevelProvider, { hasItemWithIcon: hasItemWithIcon, setHasItemWithIcon: setHasItemWithIcon, activeItemId: activeItemId, setActiveItemId: setActiveItemId },
-        React.createElement(animated.div, { style: {
-                zIndex: Number.MAX_SAFE_INTEGER,
-                position: 'fixed',
-                ...springStyles,
-            }, "data-content-wrapper": true },
-            React.createElement(RadixDropdownMenuContent, { ref: mergeRefs(contentRef, ref), className: cx(s.content, className), style: {
-                    ...(style || {}),
-                    pointerEvents: disableAutoPositioning || isPositioned ? 'auto' : 'none',
-                }, collisionBoundary: collisionBoundary, side: directionToSide[direction], align: align, arrowPadding: arrowPadding, alignOffset: labelOffset, onMouseEnter: (e) => {
-                    onMouseEnterContext?.(e);
-                    onMouseEnter?.(e);
-                }, onMouseLeave: (e) => {
-                    onMouseLeaveContext?.(e);
-                    onMouseLeave?.(e);
-                }, onKeyDown: (e) => {
-                    handleKeyDown(e);
-                }, ...rest }, children))));
-});
-Content.displayName = DISPLAY_NAME;
+    return /* @__PURE__ */ m(
+      X,
+      {
+        hasItemWithIcon: O,
+        setHasItemWithIcon: v,
+        activeItemId: P,
+        setActiveItemId: _,
+        children: /* @__PURE__ */ m(
+          F.div,
+          {
+            style: {
+              zIndex: Number.MAX_SAFE_INTEGER,
+              position: "fixed",
+              ...E
+            },
+            "data-content-wrapper": !0,
+            children: /* @__PURE__ */ m(
+              j,
+              {
+                ref: M(d, A),
+                className: k(K.content, R),
+                style: {
+                  ...N || {},
+                  pointerEvents: c || u ? "auto" : "none"
+                },
+                collisionBoundary: a,
+                side: U[f],
+                align: b,
+                arrowPadding: h,
+                alignOffset: D,
+                onMouseEnter: (t) => {
+                  i == null || i(t), e == null || e(t);
+                },
+                onMouseLeave: (t) => {
+                  n == null || n(t), r == null || r(t);
+                },
+                onKeyDown: (t) => {
+                  G(t);
+                },
+                ...y,
+                children: s
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+V.displayName = x;
+export {
+  V as Content
+};

package/dist/components/ContextMenu/components/SubRoot/components/Content/index.js

@@ -1 +1,4 @@
-export { Content } from './Content';
+import { Content as e } from "./Content.js";
+export {
+  e as Content
+};

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

@@ -1,3 +1,3 @@
-import React from 'react';
-export declare const Trigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+import { default as React } from 'react';
+export declare const Trigger: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dropdown-menu').DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Trigger.d.ts.map

package/dist/components/ContextMenu/components/SubRoot/components/Trigger/Trigger.js

@@ -1,39 +1,72 @@
-import React, { forwardRef } from 'react';
-import { Trigger as RadixDropdownMenuTrigger } from '@radix-ui/react-dropdown-menu';
-import { mergeRefs } from 'src/lib/utils';
-import { useContextMenuContext } from '../../../../ContextMenu.context';
-import { ContextMenuMode } from '../../../../ContextMenu.enums';
-import { useContextMenuItemFocus } from '../../../../hooks';
-const DISPLAY_NAME = 'ContextMenu.Trigger';
-export const Trigger = forwardRef(({ className, children, onFocus, onBlur, onMouseEnter, onMouseLeave, onPointerDown, ...rest }, ref) => {
-    const { triggerRef, mode, onMouseEnter: onMouseEnterContext, onMouseLeave: onMouseLeaveContext, triggerId, } = useContextMenuContext(DISPLAY_NAME);
-    const { dataHighlighted, onFocus: handleItemFocus, onMouseEnter: handleItemMouseEnter, onBlur: handleItemBlur, onMouseLeave: handleItemMouseLeave, } = useContextMenuItemFocus({
-        displayName: DISPLAY_NAME,
-        id: triggerId || '',
-        isDisabled: false,
-        onMouseEnter: onMouseEnterContext,
-        onMouseLeave: onMouseLeaveContext,
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { T as y } from "../../../../../../index-BA3njR2k.mjs";
+import { mergeRefs as A } from "../../../../../../lib/utils.js";
+import { useContextMenuContext as E } from "../../../../ContextMenu.context.js";
+import { ContextMenuMode as H } from "../../../../ContextMenu.enums.js";
+import "../../../../providers/LevelProvider/LevelProvider.js";
+import "../../../../../../useContentPositioning-BLCC-Xty.mjs";
+import "../../../Content/Content.utils.js";
+import { useContextMenuItemFocus as h } from "../../../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
+const s = "ContextMenu.Trigger", j = v(
+  ({
+    className: d,
+    children: x,
+    onFocus: r,
+    onBlur: e,
+    onMouseEnter: i,
+    onMouseLeave: o,
+    onPointerDown: g,
+    ...u
+  }, C) => {
+    const {
+      triggerRef: n,
+      mode: M,
+      onMouseEnter: R,
+      onMouseLeave: T,
+      triggerId: N
+    } = E(s), {
+      dataHighlighted: b,
+      onFocus: m,
+      onMouseEnter: p,
+      onBlur: a,
+      onMouseLeave: f
+    } = h({
+      displayName: s,
+      id: N || "",
+      isDisabled: !1,
+      onMouseEnter: R,
+      onMouseLeave: T
     });
-    return (React.createElement(RadixDropdownMenuTrigger, { ref: mergeRefs(triggerRef, ref), className: className, "data-highlighted": dataHighlighted, onPointerDown: (e) => {
-            if (mode === ContextMenuMode.HOVER) {
-                e.preventDefault();
-            }
-            e.stopPropagation();
-            onPointerDown?.(e);
-        }, onMouseEnter: (e) => {
-            handleItemMouseEnter?.(e);
-            onMouseEnter?.(e);
-        }, onMouseLeave: (e) => {
-            handleItemMouseLeave?.(e);
-            onMouseLeave?.(e);
-        }, onFocus: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            handleItemFocus?.();
-            onFocus?.(e);
-        }, onBlur: (e) => {
-            handleItemBlur?.();
-            onBlur?.(e);
-        }, "data-submenu-trigger": true, ...rest }, children));
-});
-Trigger.displayName = DISPLAY_NAME;
+    return /* @__PURE__ */ c(
+      y,
+      {
+        ref: A(n, C),
+        className: d,
+        "data-highlighted": b,
+        onPointerDown: (t) => {
+          M === H.HOVER && t.preventDefault(), t.stopPropagation(), g == null || g(t);
+        },
+        onMouseEnter: (t) => {
+          p == null || p(t), i == null || i(t);
+        },
+        onMouseLeave: (t) => {
+          f == null || f(t), o == null || o(t);
+        },
+        onFocus: (t) => {
+          t.preventDefault(), t.stopPropagation(), m == null || m(), r == null || r(t);
+        },
+        onBlur: (t) => {
+          a == null || a(), e == null || e(t);
+        },
+        "data-submenu-trigger": !0,
+        ...u,
+        children: x
+      }
+    );
+  }
+);
+j.displayName = s;
+export {
+  j as Trigger
+};

package/dist/components/ContextMenu/components/SubRoot/components/Trigger/Trigger.props.js

@@ -1 +1 @@
-export {};
+

package/dist/components/ContextMenu/components/SubRoot/components/Trigger/index.js

@@ -1 +1,4 @@
-export { Trigger } from './Trigger';
+import { Trigger as g } from "./Trigger.js";
+export {
+  g as Trigger
+};

package/dist/components/ContextMenu/components/SubRoot/index.js

@@ -1 +1,4 @@
-export { SubRoot } from './SubRoot';
+import { SubRoot as t } from "./SubRoot.js";
+export {
+  t as SubRoot
+};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const SubTrigger: React.ForwardRefExoticComponent<{
     onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
     key?: React.Key | null | undefined;