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

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

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { SubProps } from './Sub.props';
 export declare const Sub: {
-    ({ children, mode, defaultOpen, ...rest }: SubProps): React.JSX.Element;
+    ({ children, mode, onOpen, defaultOpen, ...rest }: SubProps): React.JSX.Element;
     displayName: string;
 };
 //# 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,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,eAAO,MAAM,GAAG;+CAKb,QAAQ;;CAuCV,CAAC"}
+{"version":3,"file":"Sub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,eAAO,MAAM,GAAG;uDAOb,QAAQ;;CAwCV,CAAC"}

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

@@ -1,59 +1,61 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as b } from "../../../../index-BA3njR2k.mjs";
+import { S as l } from "../../../../index-BA3njR2k.mjs";
 import "react";
-import { ContextMenuMode as l } from "../../ContextMenu.enums.js";
+import { ContextMenuMode as x } from "../../ContextMenu.enums.js";
 import "../../providers/LevelProvider/LevelProvider.js";
 import "../../../../useContentPositioning-BLCC-Xty.mjs";
 import "../Content/Content.utils.js";
-import { useContextMenuSub as x } from "../../hooks/useContextMenuSub/useContextMenuSub.js";
-import { ContextMenuSubProvider as C, DISPLAY_NAME as t } from "./Sub.context.js";
-const O = ({
+import { useContextMenuSub as C } from "../../hooks/useContextMenuSub/useContextMenuSub.js";
+import { ContextMenuSubProvider as O, DISPLAY_NAME as t } from "./Sub.context.js";
+const f = ({
   children: i,
-  mode: e = l.HOVER,
+  mode: e = x.HOVER,
+  onOpen: m,
   defaultOpen: o,
-  ...m
+  ...p
 }) => {
   const {
     open: n,
-    setOpen: p,
-    animatedOpen: a,
-    startAnimation: s,
-    handleMouseEnter: u,
-    handleMouseLeave: d,
-    handleOpenChange: M,
-    triggerId: h,
-    onOpenByKeyboard: S
-  } = x({
+    setOpen: a,
+    animatedOpen: s,
+    startAnimation: u,
+    handleMouseEnter: d,
+    handleMouseLeave: M,
+    handleOpenChange: h,
+    triggerId: S,
+    onOpenByKeyboard: b
+  } = C({
     displayName: t,
     mode: e,
-    defaultOpen: o
+    defaultOpen: o,
+    onOpen: m
   });
   return /* @__PURE__ */ r(
-    C,
+    O,
     {
       mode: e,
       open: n,
-      setOpen: p,
-      animatedOpen: a,
+      setOpen: a,
+      animatedOpen: s,
       defaultOpen: o,
-      startAnimation: s,
-      onMouseEnter: u,
-      onMouseLeave: d,
-      onOpenByKeyboard: S,
-      triggerId: h,
+      startAnimation: u,
+      onMouseEnter: d,
+      onMouseLeave: M,
+      onOpenByKeyboard: b,
+      triggerId: S,
       children: /* @__PURE__ */ r(
-        b,
+        l,
         {
           open: n,
-          onOpenChange: M,
-          ...m,
+          onOpenChange: h,
+          ...p,
           children: i
         }
       )
     }
   );
 };
-O.displayName = t;
+f.displayName = t;
 export {
-  O as Sub
+  f as Sub
 };

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

@@ -1,13 +1,17 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { Sub as RadixDropdownMenuSub } from '@radix-ui/react-dropdown-menu';
 import { ContextMenuModeType } from '../../ContextMenu.types';
-export type SubProps = ComponentPropsWithoutRef<typeof RadixDropdownMenuSub> & {
+export type SubProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuSub>, 'onOpenChange'> & {
     /**
      * Defines how the submenu is triggered.
      *
      * @default "hover"
      */
     mode?: ContextMenuModeType;
+    /**
+     * Called when submenu open state changes.
+     */
+    onOpen?: (open: boolean) => void;
 };
 export interface ContextMenuSubContextProps {
     /**

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,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,GAAG;IAC7E;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC5B,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;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"}

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

@@ -1,5 +1,5 @@
 import { UseContextMenuSubOptions } from './useContextMenuSub.types';
-export declare function useContextMenuSub({ displayName, mode: initialMode, defaultOpen, }: UseContextMenuSubOptions): {
+export declare function useContextMenuSub({ displayName, mode: initialMode, defaultOpen, onOpen, }: UseContextMenuSubOptions): {
     open: boolean;
     setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
     animatedOpen: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuSub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSub/useContextMenuSub.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAErE,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,IAAI,EAAE,WAAW,EACjB,WAAW,GACZ,EAAE,wBAAwB;;;;;;;8BAyEQ,OAAO;8BAmCP,OAAO;;EA4GzC"}
+{"version":3,"file":"useContextMenuSub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSub/useContextMenuSub.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAErE,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,IAAI,EAAE,WAAW,EACjB,WAAW,EACX,MAAM,GACP,EAAE,wBAAwB;;;;;;;8BA4EQ,OAAO;8BAsCP,OAAO;;EA6GzC"}

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

@@ -1,66 +1,67 @@
-import { useId as L, useState as a, useRef as v, useEffect as x } from "react";
-import { ContextMenuMode as s } from "../../ContextMenu.enums.js";
-import { useLevelContext as g } from "../../providers/LevelProvider/LevelProvider.js";
+import { useId as A, useState as n, useRef as M, useEffect as v } from "react";
+import { ContextMenuMode as a } from "../../ContextMenu.enums.js";
+import { useLevelContext as S } from "../../providers/LevelProvider/LevelProvider.js";
 import "../../../../useContentPositioning-BLCC-Xty.mjs";
 import "../../components/Content/Content.utils.js";
-import { useIsTouchDevice as B } from "../useIsTouchDevice/useIsTouchDevice.js";
-import { useContextMenuContext as A } from "../../ContextMenu.context.js";
-function G({
-  displayName: m,
-  mode: y,
-  defaultOpen: c
+import { useIsTouchDevice as q } from "../useIsTouchDevice/useIsTouchDevice.js";
+import { useContextMenuContext as j } from "../../ContextMenu.context.js";
+function Q({
+  displayName: d,
+  mode: H,
+  defaultOpen: c,
+  onOpen: e
 }) {
-  const d = L(), [i, t] = a(c || !1), [M, n] = a(!1), [C, l] = a(!1), [T, u] = a(!1), e = v(null), r = v(null), O = B(), { hoverCloseDelay: I, animationDuration: H } = A(m), { activeItemId: p } = g(m), o = O ? s.CLICK : y, h = () => {
-    e.current && (clearTimeout(e.current), e.current = null), r.current && (clearTimeout(r.current), r.current = null);
-  }, K = () => {
-    h(), n(!1), t(!1), l(!1), u(!1);
-  }, R = () => {
-    h(), o === s.HOVER ? (n(!1), r.current = setTimeout(() => {
-      t(!1), l(!1), u(!1);
-    }, H)) : (t(!1), l(!1), u(!1));
-  }, E = (f) => {
+  const C = A(), [o, u] = n(c || !1), [K, s] = n(!1), [T, m] = n(!1), [I, i] = n(!1), r = M(null), t = M(null), V = q(), { hoverCloseDelay: h, animationDuration: b } = j(d), { activeItemId: R } = S(d), l = V ? a.CLICK : H, E = () => {
+    r.current && (clearTimeout(r.current), r.current = null), t.current && (clearTimeout(t.current), t.current = null);
+  }, D = () => {
+    E(), s(!1), u(!1), e == null || e(!1), m(!1), i(!1);
+  }, x = () => {
+    E(), l === a.HOVER ? (s(!1), t.current = setTimeout(() => {
+      u(!1), e == null || e(!1), m(!1), i(!1);
+    }, b)) : (u(!1), e == null || e(!1), m(!1), i(!1));
+  }, y = (f) => {
     if (c !== void 0) {
-      t(c), n(c), u(!1);
+      u(c), e == null || e(c), s(c), i(!1);
       return;
     }
-    if (o === s.CLICK) {
-      t(f), n(f);
+    if (l === a.CLICK) {
+      u(f), e == null || e(f), s(f);
       return;
     }
-    f ? (r.current && (clearTimeout(r.current), r.current = null), o === s.HOVER && n(!0), t(!0)) : R();
-  }, V = (f) => {
-    u(f), E(f);
-  }, b = () => {
-    o === s.HOVER && (u(!1), r.current && (clearTimeout(r.current), r.current = null, n(!0)), i || (e.current && (clearTimeout(e.current), e.current = null), n(!0), t(!0)), l(!0));
-  }, D = () => {
-    o === s.HOVER && (u(!1), e.current && (clearTimeout(e.current), e.current = null), l(!1));
+    f ? (t.current && (clearTimeout(t.current), t.current = null), l === a.HOVER && s(!0), u(!0), e == null || e(!0)) : x();
+  }, L = (f) => {
+    i(f), y(f);
+  }, g = () => {
+    l === a.HOVER && (i(!1), t.current && (clearTimeout(t.current), t.current = null, s(!0)), o || (r.current && (clearTimeout(r.current), r.current = null), s(!0), e == null || e(!0), u(!0)), m(!0));
+  }, B = () => {
+    l === a.HOVER && (i(!1), r.current && (clearTimeout(r.current), r.current = null), m(!1));
   };
-  return x(() => {
-    p !== d && i && c === void 0 && K();
-  }, [p, i, c]), x(() => {
-    if (!(!i || o !== s.HOVER) && !T) {
-      if (C) {
-        e.current && (clearTimeout(e.current), e.current = null);
+  return v(() => {
+    R !== C && o && c === void 0 && D();
+  }, [R, o, c]), v(() => {
+    if (!(!o || l !== a.HOVER) && !I) {
+      if (T) {
+        r.current && (clearTimeout(r.current), r.current = null);
         return;
       }
-      return e.current || (e.current = setTimeout(() => {
-        R();
-      }, I)), () => {
-        e.current && (clearTimeout(e.current), e.current = null);
+      return r.current || (r.current = setTimeout(() => {
+        x();
+      }, h)), () => {
+        r.current && (clearTimeout(r.current), r.current = null);
       };
     }
-  }, [o, i, C, I, T]), {
-    open: i,
-    setOpen: t,
-    animatedOpen: M,
-    startAnimation: () => n(!0),
-    handleMouseEnter: b,
-    handleMouseLeave: D,
-    handleOpenChange: E,
-    onOpenByKeyboard: V,
-    triggerId: d
+  }, [l, o, T, h, I]), {
+    open: o,
+    setOpen: u,
+    animatedOpen: K,
+    startAnimation: () => s(!0),
+    handleMouseEnter: g,
+    handleMouseLeave: B,
+    handleOpenChange: y,
+    onOpenByKeyboard: L,
+    triggerId: C
   };
 }
 export {
-  G as useContextMenuSub
+  Q as useContextMenuSub
 };

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

@@ -12,5 +12,9 @@ export interface UseContextMenuSubOptions {
      * The open state of the dropdown menu when it is initially rendered.
      */
     defaultOpen?: boolean;
+    /**
+     * Called when submenu open state changes.
+     */
+    onOpen?: (open: boolean) => void;
 }
 //# sourceMappingURL=useContextMenuSub.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuSub.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSub/useContextMenuSub.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}
+{"version":3,"file":"useContextMenuSub.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSub/useContextMenuSub.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kommo-crm/crm-react-ui-kit",
   "description": "Ready-to-use React components which implements Kommo design",
-  "version": "1.1.1-beta.4",
+  "version": "1.1.1-beta.5",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "engines": {