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

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

@@ -1,216 +1,72 @@
-import { useEffect, useId, useLayoutEffect, useRef, useState } from 'react';
-import { useInheritedArrowColor, useIsTouchDevice } from '..';
-import { ContextMenuMode } from '../../ContextMenu.enums';
-import { useLevelContext } from '../../providers';
-export const useContextMenuSubMenu = ({ displayName, mode: rootMode, defaultOpen, animationDuration, subMenuOpen, setSubMenuOpen, hoverCloseDelay, closeRootMenuImmediately, onOpen, }) => {
-    const triggerId = useId();
-    const [open, setOpen] = useState(subMenuOpen || defaultOpen || false);
-    const [animatedOpen, setAnimatedOpen] = useState(false);
-    const [isInsideContent, setIsInsideContent] = useState(false);
-    const [openedByKeyboard, setOpenedByKeyboard] = useState(false);
-    const [temporaryHoverClose, setTemporaryHoverClose] = useState(false);
-    const { activeItemId } = useLevelContext(displayName);
-    const triggerRef = useRef(null);
-    const contentRef = useRef(null);
-    const hoverTimeoutRef = useRef(null);
-    const closeTimerRef = useRef(null);
-    const isTouchDevice = useIsTouchDevice();
-    /**
-     * The mode of the ContextMenu.Root.
-     */
-    const mode = isTouchDevice ? ContextMenuMode.CLICK : rootMode;
-    /**
-     * Clears the timers.
-     */
-    const clearTimers = () => {
-        if (hoverTimeoutRef.current) {
-            clearTimeout(hoverTimeoutRef.current);
-            hoverTimeoutRef.current = null;
-        }
-        if (closeTimerRef.current) {
-            clearTimeout(closeTimerRef.current);
-            closeTimerRef.current = null;
-        }
-    };
-    /**
-     * Closes the menu.
-     */
-    const handleClose = (closeRootMenu = false) => {
-        setSubMenuOpen?.(false);
-        setOpen(false);
-        onOpen?.(false);
-        setIsInsideContent(false);
-        setTemporaryHoverClose(false);
-        if (closeRootMenu) {
-            closeRootMenuImmediately?.();
-        }
-    };
-    /**
-     * Requests the close of the menu.
-     */
-    const requestClose = () => {
-        clearTimers();
-        if (mode === ContextMenuMode.HOVER || temporaryHoverClose) {
-            setAnimatedOpen(false);
-            closeTimerRef.current = setTimeout(() => {
-                handleClose();
-            }, animationDuration);
-        }
-        else {
-            handleClose();
-        }
-    };
-    /**
-     * Closes the menu immediately.
-     */
-    const closeMenuImmediately = (closeRootMenu = false) => {
-        clearTimers();
-        setAnimatedOpen(false);
-        setSubMenuOpen?.(false);
-        onOpen?.(false);
-        setIsInsideContent(false);
-        setTemporaryHoverClose(false);
-        if (closeRootMenu) {
-            closeRootMenuImmediately?.();
-        }
-    };
-    /**
-     * Handles the open state change.
-     */
-    const handleOpenChange = (value) => {
-        if (mode === ContextMenuMode.CLICK && defaultOpen !== undefined) {
-            return;
-        }
-        if (value) {
-            if (closeTimerRef.current) {
-                clearTimeout(closeTimerRef.current);
-                closeTimerRef.current = null;
-            }
-            if (mode === ContextMenuMode.HOVER || temporaryHoverClose) {
-                setAnimatedOpen(true);
-            }
-            setSubMenuOpen?.(true);
-            onOpen?.(true);
-        }
-        else {
-            requestClose();
-        }
-    };
-    /**
-     * The callback function to be called when the menu is opened by keyboard.
-     */
-    const onOpenByKeyboard = (value) => {
-        setOpenedByKeyboard(value);
-        handleOpenChange?.(value);
-    };
-    /**
-     * Handles the mouse enter event.
-     */
-    const handleMouseEnter = () => {
-        setOpenedByKeyboard(false);
-        if (mode !== ContextMenuMode.HOVER && !temporaryHoverClose) {
-            return;
-        }
-        if (closeTimerRef.current) {
-            clearTimeout(closeTimerRef.current);
-            closeTimerRef.current = null;
-            setAnimatedOpen(true);
-        }
-        if (open) {
-            setIsInsideContent(true);
-        }
-        else {
-            if (hoverTimeoutRef.current) {
-                clearTimeout(hoverTimeoutRef.current);
-                hoverTimeoutRef.current = null;
-            }
-            setAnimatedOpen(true);
-            setSubMenuOpen?.(true);
-            onOpen?.(true);
-            setIsInsideContent(true);
-        }
-    };
-    /**
-     * Handles the mouse leave event.
-     */
-    const handleMouseLeave = () => {
-        setOpenedByKeyboard(false);
-        if (mode !== ContextMenuMode.HOVER && !temporaryHoverClose) {
-            return;
-        }
-        if (hoverTimeoutRef.current) {
-            clearTimeout(hoverTimeoutRef.current);
-            hoverTimeoutRef.current = null;
-        }
-        setIsInsideContent(false);
-    };
-    /**
-     * Enables the temporary hover close.
-     */
-    const enableTemporaryHoverClose = () => {
-        setAnimatedOpen(true);
-        setIsInsideContent(true);
-        setTemporaryHoverClose(true);
-    };
-    /**
-     * Synchronizes the local open state with the submenu open state.
-     */
-    useLayoutEffect(() => {
-        if (subMenuOpen !== undefined) {
-            setAnimatedOpen(subMenuOpen);
-        }
-    }, [subMenuOpen]);
-    /**
-     * Closes the submenu when the active item id changes.
-     */
-    useEffect(() => {
-        if (activeItemId !== triggerId && (open || subMenuOpen)) {
-            closeMenuImmediately();
-        }
-    }, [activeItemId, open, triggerId]);
-    /**
-     * Handles the hover close delay.
-     */
-    useEffect(() => {
-        if ((!open && !animatedOpen) ||
-            (mode !== ContextMenuMode.HOVER && !temporaryHoverClose)) {
-            return;
-        }
-        if (openedByKeyboard) {
-            return;
-        }
-        if (isInsideContent) {
-            if (hoverTimeoutRef.current) {
-                clearTimeout(hoverTimeoutRef.current);
-                hoverTimeoutRef.current = null;
-            }
-        }
-        else if (!hoverTimeoutRef.current) {
-            hoverTimeoutRef.current = setTimeout(() => {
-                requestClose();
-            }, hoverCloseDelay);
-        }
-    }, [mode, open, isInsideContent, temporaryHoverClose, hoverCloseDelay]);
-    /**
-     * Updates the inherited arrow color when the menu is open.
-     */
-    const inheritedArrowColor = useInheritedArrowColor(open, contentRef);
-    return {
-        open,
-        mode,
-        onOpenChange: handleOpenChange,
-        onOpenByKeyboard,
-        inheritedArrowColor,
-        triggerRef,
-        contentRef,
-        animatedOpen,
-        animationDuration,
-        hoverCloseDelay,
-        temporaryHoverClose,
-        closeMenuImmediately,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        enableTemporaryHoverClose,
-        triggerId,
-    };
+import { useId as Q, useState as C, useRef as v, useLayoutEffect as U, useEffect as R } from "react";
+import { ContextMenuMode as a } from "../../ContextMenu.enums.js";
+import { useInheritedArrowColor as W } from "../useInheritedArrowColor/useInheritedArrowColor.js";
+import "../../../../useContentPositioning-BLCC-Xty.mjs";
+import "../../components/Content/Content.utils.js";
+import "../../ContextMenu.context.js";
+import { useLevelContext as X } from "../../providers/LevelProvider/LevelProvider.js";
+import { useIsTouchDevice as Y } from "../useIsTouchDevice/useIsTouchDevice.js";
+const tr = ({
+  displayName: j,
+  mode: k,
+  defaultOpen: K,
+  animationDuration: V,
+  subMenuOpen: m,
+  setSubMenuOpen: t,
+  hoverCloseDelay: E,
+  closeRootMenuImmediately: u,
+  onOpen: e
+}) => {
+  const H = Q(), [i, y] = C(m || K || !1), [g, l] = C(!1), [x, T] = C(!1), [z, h] = C(!1), [o, L] = C(!1), { activeItemId: n } = X(j), D = v(null), A = v(null), r = v(null), c = v(null), f = Y() ? a.CLICK : k, B = () => {
+    r.current && (clearTimeout(r.current), r.current = null), c.current && (clearTimeout(c.current), c.current = null);
+  }, I = (s = !1) => {
+    t == null || t(!1), y(!1), e == null || e(!1), T(!1), L(!1), s && (u == null || u());
+  }, w = () => {
+    B(), f === a.HOVER || o ? (l(!1), c.current = setTimeout(() => {
+      I();
+    }, V)) : I();
+  }, q = (s = !1) => {
+    B(), l(!1), t == null || t(!1), e == null || e(!1), T(!1), L(!1), s && (u == null || u());
+  }, d = (s) => {
+    f === a.CLICK && K !== void 0 || (s ? (c.current && (clearTimeout(c.current), c.current = null), (f === a.HOVER || o) && l(!0), t == null || t(!0), e == null || e(!0)) : w());
+  }, F = (s) => {
+    h(s), d == null || d(s);
+  }, G = () => {
+    h(!1), !(f !== a.HOVER && !o) && (c.current && (clearTimeout(c.current), c.current = null, l(!0)), i || (r.current && (clearTimeout(r.current), r.current = null), l(!0), t == null || t(!0), e == null || e(!0)), T(!0));
+  }, J = () => {
+    h(!1), !(f !== a.HOVER && !o) && (r.current && (clearTimeout(r.current), r.current = null), T(!1));
+  }, N = () => {
+    l(!0), T(!0), L(!0);
+  };
+  U(() => {
+    m !== void 0 && l(m);
+  }, [m]), R(() => {
+    n !== H && (i || m) && q();
+  }, [n, i, H]), R(() => {
+    !i && !g || f !== a.HOVER && !o || z || (x ? r.current && (clearTimeout(r.current), r.current = null) : r.current || (r.current = setTimeout(() => {
+      w();
+    }, E)));
+  }, [f, i, x, o, E]);
+  const P = W(i, A);
+  return {
+    open: i,
+    mode: f,
+    onOpenChange: d,
+    onOpenByKeyboard: F,
+    inheritedArrowColor: P,
+    triggerRef: D,
+    contentRef: A,
+    animatedOpen: g,
+    animationDuration: V,
+    hoverCloseDelay: E,
+    temporaryHoverClose: o,
+    closeMenuImmediately: q,
+    onMouseEnter: G,
+    onMouseLeave: J,
+    enableTemporaryHoverClose: N,
+    triggerId: H
+  };
+};
+export {
+  tr as useContextMenuSubMenu
 };

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

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

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

@@ -1,113 +1,60 @@
-import { useLayoutEffect, useState } from 'react';
-export const useInheritedArrowColor = (open, contentRef) => {
-    const [inheritedArrowColor, setInheritedArrowColor] = useState(null);
-    useLayoutEffect(() => {
-        if (!open) {
-            return;
+import { useState as C, useLayoutEffect as v } from "react";
+const y = (d, a) => {
+  const [h, f] = C(
+    null
+  );
+  return v(() => {
+    if (!d)
+      return;
+    const A = requestAnimationFrame(() => {
+      const l = (t) => {
+        f(getComputedStyle(t).backgroundColor);
+      }, p = () => {
+        var m, g;
+        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;
+        if (!t || !r)
+          return;
+        const u = Array.from(a.current.children);
+        if (!u.length)
+          return;
+        let i = t === "bottom" || t !== "top" && r === "start" ? 0 : u.length - 1, e = u[i];
+        if (e && !(e.hasAttribute("data-arrow") && (t === "bottom" || t !== "top" && r === "start" ? i += 1 : i -= 1, e = u[i], !e)) && !(e.hasAttribute("data-label") && ["left", "right"].includes(a.current.dataset.side ?? "") && a.current.dataset.align === "start" && (t === "bottom" || t !== "top" && r === "start" ? i += 1 : i -= 1, e = u[i], !e))) {
+          if (e.getAttribute("role") === "group" && e.children) {
+            const o = Array.from(e.children);
+            e = t === "bottom" || t !== "top" && r === "start" ? o[0] : o[o.length - 1], e.hasAttribute("data-content-wrapper") && (e = t === "bottom" || t !== "top" && r === "start" ? o[1] : o[o.length - 2]);
+          }
+          return e.hasAttribute("data-item") ? e : null;
         }
-        const raf = requestAnimationFrame(() => {
-            const updateColor = (item) => {
-                setInheritedArrowColor(getComputedStyle(item).backgroundColor);
-            };
-            const resolveTargetItem = () => {
-                if (!contentRef.current) {
-                    return;
-                }
-                const side = contentRef.current?.dataset.side;
-                const align = contentRef.current?.dataset.align;
-                if (!side || !align) {
-                    return;
-                }
-                const items = Array.from(contentRef.current.children);
-                if (!items.length) {
-                    return;
-                }
-                let index = side === 'bottom' || (side !== 'top' && align === 'start')
-                    ? 0
-                    : items.length - 1;
-                let targetItem = items[index];
-                if (!targetItem) {
-                    return;
-                }
-                if (targetItem.hasAttribute('data-arrow')) {
-                    if (side === 'bottom' || (side !== 'top' && align === 'start')) {
-                        index += 1;
-                    }
-                    else {
-                        index -= 1;
-                    }
-                    targetItem = items[index];
-                    if (!targetItem) {
-                        return;
-                    }
-                }
-                if (targetItem.hasAttribute('data-label') &&
-                    ['left', 'right'].includes(contentRef.current.dataset.side ?? '') &&
-                    contentRef.current.dataset.align === 'start') {
-                    if (side === 'bottom' || (side !== 'top' && align === 'start')) {
-                        index += 1;
-                    }
-                    else {
-                        index -= 1;
-                    }
-                    targetItem = items[index];
-                    if (!targetItem) {
-                        return;
-                    }
-                }
-                if (targetItem.getAttribute('role') === 'group' &&
-                    targetItem.children) {
-                    const targetItemChildren = Array.from(targetItem.children);
-                    targetItem =
-                        side === 'bottom' || (side !== 'top' && align === 'start')
-                            ? targetItemChildren[0]
-                            : targetItemChildren[targetItemChildren.length - 1];
-                    if (targetItem.hasAttribute('data-content-wrapper')) {
-                        targetItem =
-                            side === 'bottom' || (side !== 'top' && align === 'start')
-                                ? targetItemChildren[1]
-                                : targetItemChildren[targetItemChildren.length - 2];
-                    }
-                }
-                return targetItem.hasAttribute('data-item') ? targetItem : null;
-            };
-            let itemObserver = null;
-            let themeObserver = null;
-            const handleUpdate = () => {
-                const targetItem = resolveTargetItem();
-                if (!targetItem) {
-                    return;
-                }
-                updateColor(targetItem);
-                if (itemObserver) {
-                    itemObserver.disconnect();
-                }
-                itemObserver = new MutationObserver(() => updateColor(targetItem));
-                itemObserver.observe(targetItem, {
-                    attributes: true,
-                    attributeFilter: ['style', 'class', 'data-highlighted', 'data-state'],
-                });
-                const root = document.documentElement;
-                themeObserver = new MutationObserver(() => updateColor(targetItem));
-                themeObserver.observe(root, {
-                    attributes: true,
-                    attributeFilter: ['data-crm-ui-kit-theme'],
-                });
-            };
-            handleUpdate();
-            const content = contentRef.current;
-            const sideAlignObserver = new MutationObserver(handleUpdate);
-            sideAlignObserver.observe(content, {
-                attributes: true,
-                attributeFilter: ['data-side', 'data-align'],
-            });
-            return () => {
-                itemObserver?.disconnect();
-                themeObserver?.disconnect();
-                sideAlignObserver.disconnect();
-            };
+      };
+      let n = null, s = null;
+      const c = () => {
+        const t = p();
+        if (!t)
+          return;
+        l(t), n && n.disconnect(), n = new MutationObserver(() => l(t)), n.observe(t, {
+          attributes: !0,
+          attributeFilter: ["style", "class", "data-highlighted", "data-state"]
         });
-        return () => cancelAnimationFrame(raf);
-    }, [open]);
-    return inheritedArrowColor;
+        const r = document.documentElement;
+        s = new MutationObserver(() => l(t)), s.observe(r, {
+          attributes: !0,
+          attributeFilter: ["data-crm-ui-kit-theme"]
+        });
+      };
+      c();
+      const w = a.current, b = new MutationObserver(c);
+      return b.observe(w, {
+        attributes: !0,
+        attributeFilter: ["data-side", "data-align"]
+      }), () => {
+        n == null || n.disconnect(), s == null || s.disconnect(), b.disconnect();
+      };
+    });
+    return () => cancelAnimationFrame(A);
+  }, [d]), h;
+};
+export {
+  y as useInheritedArrowColor
 };

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

@@ -1,27 +1,16 @@
-import { useEffect, useState } from 'react';
-export const useIsTouchDevice = () => {
-    const [isTouch, setIsTouch] = useState(() => {
-        if (typeof window === 'undefined') {
-            return false;
-        }
-        return ('ontouchstart' in window ||
-            navigator.maxTouchPoints > 0 ||
-            // For older browsers
-            (window.matchMedia && window.matchMedia('(pointer: coarse)').matches));
-    });
-    useEffect(() => {
-        const handlePointerDown = (event) => {
-            if (event.pointerType === 'touch') {
-                setIsTouch(true);
-            }
-            else if (event.pointerType === 'mouse') {
-                setIsTouch(false);
-            }
-        };
-        window.addEventListener('pointerdown', handlePointerDown);
-        return () => {
-            window.removeEventListener('pointerdown', handlePointerDown);
-        };
-    }, []);
-    return isTouch;
+import { useState as i, useEffect as r } from "react";
+const u = () => {
+  const [n, e] = i(() => typeof window > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0 || // For older browsers
+  window.matchMedia && window.matchMedia("(pointer: coarse)").matches);
+  return r(() => {
+    const o = (t) => {
+      t.pointerType === "touch" ? e(!0) : t.pointerType === "mouse" && e(!1);
+    };
+    return window.addEventListener("pointerdown", o), () => {
+      window.removeEventListener("pointerdown", o);
+    };
+  }, []), n;
+};
+export {
+  u as useIsTouchDevice
 };

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;
+    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;
 };
 //# sourceMappingURL=useStopContextMenuEvents.d.ts.map

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

@@ -1,21 +1,22 @@
-import { useCallback } from 'react';
-export const useStopContextMenuEvents = (handlers = {}) => {
-    const stop = useCallback((e) => {
-        e.stopPropagation();
-    }, []);
-    const wrap = (userHandler) => (e) => {
-        stop(e);
-        userHandler?.(e);
-    };
-    return {
-        onClick: wrap(handlers.onClick),
-        onKeyDown: wrap(handlers.onKeyDown),
-        onKeyUp: wrap(handlers.onKeyUp),
-        onKeyPress: wrap(handlers.onKeyPress),
-        onPointerDown: wrap(handlers.onPointerDown),
-        onPointerUp: wrap(handlers.onPointerUp),
-        onPointerEnter: wrap(handlers.onPointerEnter),
-        onPointerLeave: wrap(handlers.onPointerLeave),
-        onPointerMove: wrap(handlers.onPointerMove),
-    };
+import { useCallback as P } from "react";
+const c = (o = {}) => {
+  const i = P((t) => {
+    t.stopPropagation();
+  }, []), n = (t) => (e) => {
+    i(e), t == null || t(e);
+  };
+  return {
+    onClick: n(o.onClick),
+    onKeyDown: n(o.onKeyDown),
+    onKeyUp: n(o.onKeyUp),
+    onKeyPress: n(o.onKeyPress),
+    onPointerDown: n(o.onPointerDown),
+    onPointerUp: n(o.onPointerUp),
+    onPointerEnter: n(o.onPointerEnter),
+    onPointerLeave: n(o.onPointerLeave),
+    onPointerMove: n(o.onPointerMove)
+  };
+};
+export {
+  c as useStopContextMenuEvents
 };

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

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

package/dist/components/ContextMenu/index.js

@@ -1,3 +1,10 @@
-export { ContextMenu } from './ContextMenu';
-export { ContextMenuMode } from './ContextMenu.enums';
-export { Direction as ContextMenuDirection } from './components/Content';
+import { ContextMenu as n } from "./ContextMenu.js";
+import { ContextMenuMode as x } from "./ContextMenu.enums.js";
+import "../../useContentPositioning-BLCC-Xty.mjs";
+import { Direction as p } from "./components/Content/Content.enums.js";
+import "./components/Content/Content.utils.js";
+export {
+  n as ContextMenu,
+  p as ContextMenuDirection,
+  x as ContextMenuMode
+};

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

@@ -5,5 +5,5 @@ import { LevelProviderContextProps } from './LevelProvider.props';
  * 1) Level-by-level positioning on the left edge, depending on the presence of the icon
  * 2) Level-by-level (For nested Sub components) pointing when working in an inactive tab
  */
-export declare const LevelProvider: import("../../../../lib/react/createComponentContext").ContextProps<LevelProviderContextProps>, useLevelContext: (consumerName: string) => LevelProviderContextProps;
+export declare const LevelProvider: import('../../../../lib/react/createComponentContext').ContextProps<LevelProviderContextProps>, useLevelContext: (consumerName: string) => LevelProviderContextProps;
 //# sourceMappingURL=LevelProvider.d.ts.map

package/dist/components/ContextMenu/providers/LevelProvider/LevelProvider.js

@@ -1,9 +1,6 @@
-import { createComponentContext } from 'src/lib/react';
-const DISPLAY_NAME = 'ContextMenu.LevelProvider';
-/**
- * It solves two problems in itself:
- *
- * 1) Level-by-level positioning on the left edge, depending on the presence of the icon
- * 2) Level-by-level (For nested Sub components) pointing when working in an inactive tab
- */
-export const [LevelProvider, useLevelContext] = createComponentContext(DISPLAY_NAME);
+import { createComponentContext as e } from "../../../../lib/react/createComponentContext/createComponentContext.js";
+const o = "ContextMenu.LevelProvider", [n, r] = e(o);
+export {
+  n as LevelProvider,
+  r as useLevelContext
+};

package/dist/components/ContextMenu/providers/LevelProvider/LevelProvider.props.js

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

package/dist/components/ContextMenu/providers/LevelProvider/index.js

@@ -1 +1,5 @@
-export { LevelProvider, useLevelContext } from './LevelProvider';
+import { LevelProvider as r, useLevelContext as t } from "./LevelProvider.js";
+export {
+  r as LevelProvider,
+  t as useLevelContext
+};

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

@@ -1 +1,5 @@
-export { LevelProvider, useLevelContext, } from './LevelProvider';
+import { LevelProvider as r, useLevelContext as t } from "./LevelProvider/LevelProvider.js";
+export {
+  r as LevelProvider,
+  t as useLevelContext
+};