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

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

@@ -1,54 +1,15 @@
-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 { Direction } from './Content.enums';
-import { directionToSide } from './Content.utils';
-import s from './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, ...rest }, ref) => {
-    const [hasItemWithIcon, setHasItemWithIcon] = useState(false);
-    const [activeItemId, setActiveItemId] = useState(null);
-    const { triggerRef, contentRef, animatedOpen, animationDuration, mode, temporaryHoverClose, onMouseEnter: onMouseEnterContext, onMouseLeave: onMouseLeaveContext, } = 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 },
-    });
-    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);
-                }, ...rest }, children))));
-});
-Content.displayName = DISPLAY_NAME;
+import "react/jsx-runtime";
+import "react";
+import "../../../../index-BA3njR2k.mjs";
+import "../../../../index-L8X2o7IH.mjs";
+import "../../../../react-spring_web.modern-Dnq1lqN5.mjs";
+import "../../../../lib/utils.js";
+import "../../providers/LevelProvider/LevelProvider.js";
+import "../../ContextMenu.context.js";
+import "../../ContextMenu.enums.js";
+import { C as b } from "../../../../useContentPositioning-BLCC-Xty.mjs";
+import "./Content.enums.js";
+import "./Content.utils.js";
+export {
+  b as Content
+};

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

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

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

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

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

@@ -1,11 +1,14 @@
-import { Direction } from './Content.enums';
-export const directionToSide = {
-    [Direction.UP_LEFT]: 'top',
-    [Direction.UP_RIGHT]: 'top',
-    [Direction.DOWN_LEFT]: 'bottom',
-    [Direction.DOWN_RIGHT]: 'bottom',
-    [Direction.LEFT_UP]: 'left',
-    [Direction.LEFT_DOWN]: 'left',
-    [Direction.RIGHT_UP]: 'right',
-    [Direction.RIGHT_DOWN]: 'right',
+import { Direction as t } from "./Content.enums.js";
+const T = {
+  [t.UP_LEFT]: "top",
+  [t.UP_RIGHT]: "top",
+  [t.DOWN_LEFT]: "bottom",
+  [t.DOWN_RIGHT]: "bottom",
+  [t.LEFT_UP]: "left",
+  [t.LEFT_DOWN]: "left",
+  [t.RIGHT_UP]: "right",
+  [t.RIGHT_DOWN]: "right"
+};
+export {
+  T as directionToSide
 };

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

@@ -1,3 +1,8 @@
-export { Content } from './Content';
-export { Direction } from './Content.enums';
-export { directionToSide } from './Content.utils';
+import { C as e } from "../../../../useContentPositioning-BLCC-Xty.mjs";
+import { Direction as i } from "./Content.enums.js";
+import { directionToSide as f } from "./Content.utils.js";
+export {
+  e as Content,
+  i as Direction,
+  f as directionToSide
+};

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

@@ -1,2 +1,2 @@
-export declare const Group: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Group: import('react').ForwardRefExoticComponent<import('@radix-ui/react-dropdown-menu').DropdownMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Group.d.ts.map

package/dist/components/ContextMenu/components/Group/Group.js

@@ -1,4 +1,6 @@
-import { Group as RadixDropdownMenuGroup } from '@radix-ui/react-dropdown-menu';
-const DISPLAY_NAME = 'ContextMenu.Group';
-export const Group = RadixDropdownMenuGroup;
-Group.displayName = DISPLAY_NAME;
+import { G as o } from "../../../../index-BA3njR2k.mjs";
+const p = "ContextMenu.Group", r = o;
+r.displayName = p;
+export {
+  r as Group
+};

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

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

package/dist/components/ContextMenu/components/Item/Item.context.d.ts

@@ -1,5 +1,5 @@
 import { ContextMenuItemContextProps } from './Item.props';
 declare const DISPLAY_NAME = "ContextMenu.Item";
-declare const ContextMenuItemProvider: import("../../../../lib/react/createComponentContext").ContextProps<ContextMenuItemContextProps>, useContextMenuItemContext: (consumerName: string) => ContextMenuItemContextProps;
+declare const ContextMenuItemProvider: import('../../../../lib/react/createComponentContext').ContextProps<ContextMenuItemContextProps>, useContextMenuItemContext: (consumerName: string) => ContextMenuItemContextProps;
 export { ContextMenuItemProvider, useContextMenuItemContext, DISPLAY_NAME };
 //# sourceMappingURL=Item.context.d.ts.map

package/dist/components/ContextMenu/components/Item/Item.context.js

@@ -1,4 +1,7 @@
-import { createComponentContext } from 'src/lib/react';
-const DISPLAY_NAME = 'ContextMenu.Item';
-const [ContextMenuItemProvider, useContextMenuItemContext] = createComponentContext(DISPLAY_NAME);
-export { ContextMenuItemProvider, useContextMenuItemContext, DISPLAY_NAME };
+import { createComponentContext as t } from "../../../../lib/react/createComponentContext/createComponentContext.js";
+const e = "ContextMenu.Item", [n, m] = t(e);
+export {
+  n as ContextMenuItemProvider,
+  e as DISPLAY_NAME,
+  m as useContextMenuItemContext
+};

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { SelectableItemProps } from './Item.props';
-export declare const Item: React.ForwardRefExoticComponent<(Omit<SelectableItemProps, "ref"> | Omit<import("./Item.props").NotSelectableItemProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+import { default as React } from 'react';
+import { SelectableItemProps } from './Item.props';
+export declare const Item: React.ForwardRefExoticComponent<(Omit<SelectableItemProps, "ref"> | Omit<import('./Item.props').NotSelectableItemProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Item.d.ts.map

package/dist/components/ContextMenu/components/Item/Item.js

@@ -1,75 +1,114 @@
-import React, { forwardRef, useRef, useId, useState, useEffect, useMemo, } from 'react';
-import { Item as RadixDropdownMenuItem } from '@radix-ui/react-dropdown-menu';
-import cx from 'classnames';
-import { mergeRefs } from 'src/lib/utils';
-import { useLevelContext } from '../../providers/LevelProvider';
-import { useContextMenuContext } from '../../ContextMenu.context';
-import { hasItemIcon } from '../../utils';
-import { useContextMenuItemFocus } from '../../hooks';
-import { ContextMenuItemProvider } from './Item.context';
-import s from './Item.module.css';
-const DISPLAY_NAME = 'ContextMenu.Item';
-export const Item = forwardRef((props, ref) => {
-    const { hasItemWithIcon } = useLevelContext(DISPLAY_NAME);
-    if ('isSelectable' in props && props.isSelectable === false) {
-        const { className, children, isSelectable, hasIconCheckFn = hasItemIcon, ...rest } = props;
-        /**
-         * Set the hasIcon state based on the presence of an icon.
-         */
-        const hasIcon = useMemo(() => hasIconCheckFn(children), [children]);
-        return (React.createElement("div", { ref: ref, className: cx(s.item, className), "data-not-selectable": !isSelectable, "data-no-icon-align": hasIcon || !hasItemWithIcon ? '' : undefined, ...rest }, children));
-    }
-    const { className, children, isDisabled, isDanger, hasIconCheckFn = hasItemIcon, onSelect, onFocus, onMouseEnter, onBlur, onMouseLeave, onKeyDown, ...rest } = props;
-    const id = useId();
-    const [subMenuOpen, setSubMenuOpen] = useState(false);
-    const [hasSubmenu, setHasSubmenu] = useState(false);
-    const itemRef = useRef(null);
-    /**
-     * Set the hasIcon state based on the presence of an icon.
-     */
-    const hasIcon = useMemo(() => hasIconCheckFn(children), [children]);
-    const { closeMenuImmediately } = useContextMenuContext(DISPLAY_NAME);
-    const { dataHighlighted, onFocus: handleItemFocus, onMouseEnter: handleItemMouseEnter, onBlur: handleItemBlur, onMouseLeave: handleItemMouseLeave, } = useContextMenuItemFocus({
-        displayName: DISPLAY_NAME,
-        id,
-        isDisabled,
-        hasSubmenu,
-    });
-    /**
-     * Set the hasSubmenu state based on the presence of a submenu trigger.
-     */
-    useEffect(() => {
-        if (!itemRef.current) {
-            return;
-        }
-        const trigger = itemRef.current.querySelector('[data-submenu-trigger]');
-        setHasSubmenu(Boolean(trigger));
-    }, [itemRef]);
-    /**
-     * Handle the keydown event for the item.
-     */
-    const handleKeyDown = (e) => {
-        if (hasSubmenu && e.key === 'ArrowRight') {
-            setSubMenuOpen(true);
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as W, useMemo as N, useId as Y, useState as v, useRef as z, useEffect as G } from "react";
+import { I as J } from "../../../../index-BA3njR2k.mjs";
+import { c as y } from "../../../../index-L8X2o7IH.mjs";
+import { mergeRefs as Q } from "../../../../lib/utils.js";
+import { useLevelContext as T } from "../../providers/LevelProvider/LevelProvider.js";
+import { useContextMenuContext as U } from "../../ContextMenu.context.js";
+import { hasItemIcon as k } from "../../utils/hasItemIcon/hasItemIcon.js";
+import "../../../../useContentPositioning-BLCC-Xty.mjs";
+import "../Content/Content.utils.js";
+import { useContextMenuItemFocus as V } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
+import { ContextMenuItemProvider as X } from "./Item.context.js";
+import '../../../../assets/Item2.css';const Z = "_item_128tk_1", R = {
+  item: Z
+}, s = "ContextMenu.Item", $ = W((t, p) => {
+  const { hasItemWithIcon: x } = T(s);
+  if ("isSelectable" in t && t.isSelectable === !1) {
+    const {
+      className: e,
+      children: I,
+      isSelectable: j,
+      hasIconCheckFn: q = k,
+      ...B
+    } = t, K = N(() => q(I), [I]);
+    return /* @__PURE__ */ b(
+      "div",
+      {
+        ref: p,
+        className: y(R.item, e),
+        "data-not-selectable": !j,
+        "data-no-icon-align": K || !x ? "" : void 0,
+        ...B,
+        children: I
+      }
+    );
+  }
+  const {
+    className: D,
+    children: a,
+    isDisabled: C,
+    isDanger: F,
+    hasIconCheckFn: _ = k,
+    onSelect: i,
+    onFocus: r,
+    onMouseEnter: c,
+    onBlur: m,
+    onMouseLeave: u,
+    onKeyDown: l,
+    ...w
+  } = t, A = Y(), [M, S] = v(!1), [o, E] = v(!1), n = z(null), H = N(() => _(a), [a]), { closeMenuImmediately: L } = U(s), {
+    dataHighlighted: O,
+    onFocus: d,
+    onMouseEnter: f,
+    onBlur: h,
+    onMouseLeave: g
+  } = V({
+    displayName: s,
+    id: A,
+    isDisabled: C,
+    hasSubmenu: o
+  });
+  G(() => {
+    if (!n.current)
+      return;
+    const e = n.current.querySelector("[data-submenu-trigger]");
+    E(!!e);
+  }, [n]);
+  const P = (e) => {
+    o && e.key === "ArrowRight" && S(!0), l == null || l(e);
+  };
+  return /* @__PURE__ */ b(
+    X,
+    {
+      hasSubmenu: o,
+      subMenuOpen: M,
+      setSubMenuOpen: S,
+      children: /* @__PURE__ */ b(
+        J,
+        {
+          ref: Q(p, n),
+          className: y(R.item, D),
+          disabled: C,
+          "data-item": !0,
+          "data-danger": F ? "" : void 0,
+          "data-no-icon-align": H || !x ? "" : void 0,
+          "data-has-submenu": o ? "" : void 0,
+          onSelect: (e) => {
+            i == null || i(e), L(!0);
+          },
+          "data-highlighted": M || O,
+          onFocus: (e) => {
+            d == null || d(), r == null || r(e);
+          },
+          onMouseEnter: (e) => {
+            f == null || f(e), c == null || c(e);
+          },
+          onBlur: (e) => {
+            h == null || h(), m == null || m(e);
+          },
+          onMouseLeave: (e) => {
+            g == null || g(e), u == null || u(e);
+          },
+          onKeyDown: P,
+          ...w,
+          children: a
         }
-        onKeyDown?.(e);
-    };
-    return (React.createElement(ContextMenuItemProvider, { hasSubmenu: hasSubmenu, subMenuOpen: subMenuOpen, setSubMenuOpen: setSubMenuOpen },
-        React.createElement(RadixDropdownMenuItem, { ref: mergeRefs(ref, itemRef), className: cx(s.item, className), disabled: isDisabled, "data-item": true, "data-danger": isDanger ? '' : undefined, "data-no-icon-align": hasIcon || !hasItemWithIcon ? '' : undefined, "data-has-submenu": hasSubmenu ? '' : undefined, onSelect: (e) => {
-                onSelect?.(e);
-                closeMenuImmediately(true);
-            }, "data-highlighted": subMenuOpen || dataHighlighted, onFocus: (e) => {
-                handleItemFocus?.();
-                onFocus?.(e);
-            }, onMouseEnter: (e) => {
-                handleItemMouseEnter?.(e);
-                onMouseEnter?.(e);
-            }, onBlur: (e) => {
-                handleItemBlur?.();
-                onBlur?.(e);
-            }, onMouseLeave: (e) => {
-                handleItemMouseLeave?.(e);
-                onMouseLeave?.(e);
-            }, onKeyDown: handleKeyDown, ...rest }, children)));
+      )
+    }
+  );
 });
-Item.displayName = DISPLAY_NAME;
+$.displayName = s;
+export {
+  $ as Item
+};

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

@@ -1,4 +1,4 @@
-import type { Item as RadixDropdownMenuItem } from '@radix-ui/react-dropdown-menu';
+import { Item as RadixDropdownMenuItem } from '@radix-ui/react-dropdown-menu';
 type RadixItemProps = Omit<React.ComponentPropsWithRef<typeof RadixDropdownMenuItem>, 'disabled'>;
 export type SelectableItemProps = RadixItemProps & {
     /**

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

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

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ItemIconProps } from './ItemIcon.props';
 export declare const ItemIcon: React.ForwardRefExoticComponent<ItemIconProps & React.RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=ItemIcon.d.ts.map

package/dist/components/ContextMenu/components/ItemIcon/ItemIcon.js

@@ -1,21 +1,25 @@
-import React, { forwardRef, useEffect, useRef } from 'react';
-import cx from 'classnames';
-import { mergeRefs } from 'src/lib/utils';
-import { useLevelContext } from '../../providers';
-import { isFirstElement } from '../../utils';
-import s from './ItemIcon.module.css';
-const DISPLAY_NAME = 'ContextMenu.ItemIcon';
-export const ItemIcon = forwardRef(({ children, className }, ref) => {
-    const { setHasItemWithIcon } = useLevelContext(DISPLAY_NAME);
-    const localRef = useRef(null);
-    useEffect(() => {
-        if (isFirstElement(localRef)) {
-            setHasItemWithIcon(true);
-        }
-        else {
-            throw new Error(`[${DISPLAY_NAME}] must be the first child in <ContextMenu.Item>`);
-        }
-    }, [setHasItemWithIcon]);
-    return (React.createElement("span", { ref: mergeRefs(ref, localRef), className: cx(s.icon, className) }, children));
-});
-ItemIcon.displayName = DISPLAY_NAME;
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as c, useRef as i, useEffect as f } from "react";
+import { c as l } from "../../../../index-L8X2o7IH.mjs";
+import { mergeRefs as a } from "../../../../lib/utils.js";
+import { useLevelContext as p } from "../../providers/LevelProvider/LevelProvider.js";
+import { isFirstElement as u } from "../../utils/isFirstElement/isFirstElement.js";
+import '../../../../assets/ItemIcon.css';const I = "_icon_1txqe_1", x = {
+  icon: I
+}, e = "ContextMenu.ItemIcon", h = c(
+  ({ children: r, className: n }, s) => {
+    const { setHasItemWithIcon: t } = p(e), o = i(null);
+    return f(() => {
+      if (u(o))
+        t(!0);
+      else
+        throw new Error(
+          `[${e}] must be the first child in <ContextMenu.Item>`
+        );
+    }, [t]), /* @__PURE__ */ m("span", { ref: a(s, o), className: l(x.icon, n), children: r });
+  }
+);
+h.displayName = e;
+export {
+  h as ItemIcon
+};

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

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

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

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

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

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

package/dist/components/ContextMenu/components/ItemIndicator/ItemIndicator.js

@@ -1,19 +1,29 @@
-import React, { forwardRef, useEffect, useRef } from 'react';
-import { ItemIndicator as RadixDropdownMenuItemIndicator } from '@radix-ui/react-dropdown-menu';
-import cx from 'classnames';
-import { mergeRefs } from 'src/lib/utils';
-import { useLevelContext } from '../../providers';
-import { isFirstElement } from '../../utils';
-import s from './ItemIndicator.module.css';
-const DISPLAY_NAME = 'ContextMenu.ItemIndicator';
-export const ItemIndicator = forwardRef(({ className, children, ...rest }, ref) => {
-    const { setHasItemWithIcon } = useLevelContext(DISPLAY_NAME);
-    const localRef = useRef(null);
-    useEffect(() => {
-        if (isFirstElement(localRef)) {
-            setHasItemWithIcon(true);
-        }
-    }, [setHasItemWithIcon]);
-    return (React.createElement(RadixDropdownMenuItemIndicator, { ref: mergeRefs(ref, localRef), className: cx(s.item_indicator, className), ...rest }, children));
-});
-ItemIndicator.displayName = DISPLAY_NAME;
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as c, useRef as f, useEffect as a } from "react";
+import { e as d } from "../../../../index-BA3njR2k.mjs";
+import { c as p } from "../../../../index-L8X2o7IH.mjs";
+import { mergeRefs as I } from "../../../../lib/utils.js";
+import { useLevelContext as l } from "../../providers/LevelProvider/LevelProvider.js";
+import { isFirstElement as _ } from "../../utils/isFirstElement/isFirstElement.js";
+import '../../../../assets/ItemIndicator.css';const u = "_item_indicator_1d8fw_1", x = {
+  item_indicator: u
+}, o = "ContextMenu.ItemIndicator", R = c(
+  ({ className: r, children: i, ...m }, s) => {
+    const { setHasItemWithIcon: t } = l(o), e = f(null);
+    return a(() => {
+      _(e) && t(!0);
+    }, [t]), /* @__PURE__ */ n(
+      d,
+      {
+        ref: I(s, e),
+        className: p(x.item_indicator, r),
+        ...m,
+        children: i
+      }
+    );
+  }
+);
+R.displayName = o;
+export {
+  R as ItemIndicator
+};

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

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

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { ItemRightSlotProps } from './ItemRightSlot.props';
+import { default as React } from 'react';
+import { ItemRightSlotProps } from './ItemRightSlot.props';
 export declare const ItemRightSlot: React.ForwardRefExoticComponent<ItemRightSlotProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ItemRightSlot.d.ts.map

package/dist/components/ContextMenu/components/ItemRightSlot/ItemRightSlot.js

@@ -1,32 +1,57 @@
-import React, { forwardRef, useEffect, useState, useRef } from 'react';
-import cx from 'classnames';
-import { mergeRefs } from 'src/lib/utils';
-import { useStopContextMenuEvents } from '../../hooks/useStopContextMenuEvents/useStopContextMenuEvents';
-import s from './ItemRightSlot.module.css';
-const DISPLAY_NAME = 'ContextMenu.ItemRightSlot';
-export const ItemRightSlot = forwardRef(({ className, children, onClick, onKeyDown, onKeyUp, onKeyPress, onPointerDown, onPointerUp, onPointerEnter, onPointerLeave, onPointerMove, ...rest }, ref) => {
-    const slotRef = useRef(null);
-    const [hasSubmenu, setHasSubmenu] = useState(false);
-    useEffect(() => {
-        if (!slotRef.current) {
-            return;
-        }
-        const trigger = slotRef.current.querySelector('[data-submenu-trigger]');
-        setHasSubmenu(!!trigger);
-    }, [children]);
-    const defaultHandlers = {
-        onClick: onClick,
-        onKeyDown: onKeyDown,
-        onKeyUp: onKeyUp,
-        onKeyPress: onKeyPress,
-        onPointerDown: onPointerDown,
-        onPointerUp: onPointerUp,
-        onPointerEnter: onPointerEnter,
-        onPointerLeave: onPointerLeave,
-        onPointerMove: onPointerMove,
-    };
-    const stopEventsHook = useStopContextMenuEvents(defaultHandlers);
-    const handlers = hasSubmenu ? stopEventsHook : defaultHandlers;
-    return (React.createElement("div", { ref: mergeRefs(slotRef, ref), className: cx(s.rightSlot, className), "data-submenu-right-slot": hasSubmenu ? '' : undefined, ...handlers, ...rest }, children));
-});
-ItemRightSlot.displayName = DISPLAY_NAME;
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as v, useRef as E, useState as _, useEffect as H } from "react";
+import { c as I } from "../../../../index-L8X2o7IH.mjs";
+import { mergeRefs as M } from "../../../../lib/utils.js";
+import { useStopContextMenuEvents as N } from "../../hooks/useStopContextMenuEvents/useStopContextMenuEvents.js";
+import '../../../../assets/ItemRightSlot.css';const q = "_rightSlot_13wq6_1", w = {
+  rightSlot: q
+}, y = "ContextMenu.ItemRightSlot", A = v(
+  ({
+    className: s,
+    children: e,
+    onClick: n,
+    onKeyDown: u,
+    onKeyUp: m,
+    onKeyPress: a,
+    onPointerDown: i,
+    onPointerUp: c,
+    onPointerEnter: f,
+    onPointerLeave: l,
+    onPointerMove: g,
+    ...S
+  }, p) => {
+    const t = E(null), [o, d] = _(!1);
+    H(() => {
+      if (!t.current)
+        return;
+      const x = t.current.querySelector("[data-submenu-trigger]");
+      d(!!x);
+    }, [e]);
+    const r = {
+      onClick: n,
+      onKeyDown: u,
+      onKeyUp: m,
+      onKeyPress: a,
+      onPointerDown: i,
+      onPointerUp: c,
+      onPointerEnter: f,
+      onPointerLeave: l,
+      onPointerMove: g
+    }, h = N(r), R = o ? h : r;
+    return /* @__PURE__ */ b(
+      "div",
+      {
+        ref: M(t, p),
+        className: I(w.rightSlot, s),
+        "data-submenu-right-slot": o ? "" : void 0,
+        ...R,
+        ...S,
+        children: e
+      }
+    );
+  }
+);
+A.displayName = y;
+export {
+  A as ItemRightSlot
+};

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

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