@kommo-crm/crm-react-ui-kit 1.3.0-beta.1 → 1.3.0-beta.3

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.3.0-beta.1",
+  "version": "1.3.0-beta.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "engines": {
@@ -204,7 +204,7 @@
     "vite-plugin-svgr": "4.2.0"
   },
   "dependencies": {
-    "@kommo-crm/react-hooks": "1.2.1-beta.1",
+    "@kommo-crm/react-hooks": "1.2.1-beta.2",
     "@radix-ui/react-dropdown-menu": "2.1.15",
     "@react-spring/web": "10.0.1",
     "classnames": "2.5.1",
@@ -221,4 +221,4 @@
     "react-dom": "^18.0"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+}

package/dist/ContextMenu-BUiakpJf.mjs

@@ -1,223 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { S as Y, a as w } from "./index-aPaPKjUe.mjs";
-import { useContextMenu as B } from "./components/ContextMenu/hooks/useContextMenu/useContextMenu.js";
-import "react";
-import { C as K } from "./useContentPositioning-DfyirIME.mjs";
-import "./components/ContextMenu/components/Content/Content.utils.js";
-import "./components/ContextMenu/providers/LevelProvider/LevelProvider.js";
-import "./components/ContextMenu/providers/SubMenuProvider/SubMenuProvider.js";
-import { useContextMenuKeyboardNavigation as j } from "./components/ContextMenu/hooks/useContextMenuKeyboardNavigation/useContextMenuKeyboardNavigation.js";
-import { Trigger as k } from "./components/ContextMenu/components/Trigger/Trigger.js";
-import { Portal as H } from "./components/ContextMenu/components/Portal/Portal.js";
-import { ContextMenuMode as V } from "./components/ContextMenu/ContextMenu.enums.js";
-import { SubTrigger as $ } from "./components/ContextMenu/components/SubTrigger/SubTrigger.js";
-import { SubContent as q } from "./components/ContextMenu/components/SubContent/SubContent.js";
-import { Arrow as z } from "./components/ContextMenu/components/Arrow/Arrow.js";
-import { Item as J } from "./components/ContextMenu/components/Item/Item.js";
-import { ItemRightSlot as Q } from "./components/ContextMenu/components/ItemRightSlot/ItemRightSlot.js";
-import { Group as X } from "./components/ContextMenu/components/Group/Group.js";
-import { Label as Z } from "./components/ContextMenu/components/Label/Label.js";
-import { CheckboxItem as ee } from "./components/ContextMenu/components/CheckboxItem/CheckboxItem.js";
-import { ItemIndicator as oe } from "./components/ContextMenu/components/ItemIndicator/ItemIndicator.js";
-import { RadioGroup as te } from "./components/ContextMenu/components/RadioGroup/RadioGroup.js";
-import { RadioItem as ne } from "./components/ContextMenu/components/RadioItem/RadioItem.js";
-import { Separator as re } from "./components/ContextMenu/components/Separator/Separator.js";
-import { ItemIcon as ie } from "./components/ContextMenu/components/ItemIcon/ItemIcon.js";
-import { __experimental_SubRoot as me } from "./components/ContextMenu/components/SubRoot/SubRoot.js";
-import { DISPLAY_NAME as se, ContextMenuRootProvider as pe, ContextMenuProvider as ae } from "./components/ContextMenu/ContextMenu.context.js";
-import { useContextMenuSub as ue } from "./components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.js";
-import { ContextMenuSubProvider as de, DISPLAY_NAME as L } from "./components/ContextMenu/components/Sub/Sub.context.js";
-const N = (p) => {
-  const {
-    children: a,
-    mode: n = V.HOVER,
-    onOpen: e,
-    defaultOpen: r,
-    shouldCloseRootMenuOnSelect: u = !0,
-    shouldCloseCurrentMenuOnSelect: d = !0,
-    onAiming: l,
-    isAimingTolerance: c = T,
-    isAimingIdleTimeout: O = v,
-    ...C
-  } = p, {
-    isOpen: i,
-    setIsOpen: I,
-    isAnimatedOpen: o,
-    handleContentEnter: f,
-    handleContentLeave: h,
-    handleOpenChange: m,
-    triggerId: A,
-    onOpenByKeyboard: g,
-    contentRef: M,
-    triggerRef: R,
-    onChildOpen: S,
-    onSubRootOpen: s,
-    closeMenuImmediately: _,
-    itemWithFocusedInput: b,
-    setItemWithFocusedInput: E,
-    isAiming: D,
-    handlePointerDownOutside: x
-  } = ue({
-    displayName: L,
-    mode: n,
-    defaultOpen: r,
-    onOpen: e,
-    onAiming: l,
-    isAimingTolerance: c,
-    isAimingIdleTimeout: O
-  });
-  return /* @__PURE__ */ t(
-    de,
-    {
-      mode: n,
-      isOpen: i,
-      setIsOpen: I,
-      isAnimatedOpen: o,
-      defaultOpen: r,
-      onContentEnter: f,
-      onContentLeave: h,
-      onOpenByKeyboard: g,
-      triggerId: A,
-      contentRef: M,
-      triggerRef: R,
-      onChildOpen: S,
-      onSubRootOpen: s,
-      shouldCloseRootMenuOnSelect: u,
-      shouldCloseCurrentMenuOnSelect: d,
-      closeMenuImmediately: _,
-      itemWithFocusedInput: b,
-      setItemWithFocusedInput: E,
-      isAiming: D,
-      onPointerDownOutside: x,
-      children: /* @__PURE__ */ t(
-        Y,
-        {
-          open: i,
-          onOpenChange: m,
-          ...C,
-          children: a
-        }
-      )
-    }
-  );
-};
-N.displayName = L;
-const le = 200, ce = 150, T = 0, v = 200, y = (p) => {
-  const {
-    children: a,
-    mode: n,
-    isOpen: e,
-    defaultOpen: r,
-    shouldCloseCurrentMenuOnSelect: u = !0,
-    onOpen: d,
-    onAnimatedOpen: l,
-    onAiming: c,
-    isAimingTolerance: O = T,
-    isAimingIdleTimeout: C = v,
-    ...i
-  } = p, {
-    mode: I,
-    isOpen: o,
-    triggerRef: f,
-    contentRef: h,
-    isAnimatedOpen: m,
-    animationDuration: A,
-    hoverCloseDelay: g,
-    isRootContentBlocked: M,
-    isChildOpen: R,
-    itemWithFocusedInput: S,
-    closeMenuImmediately: s,
-    onOpenChange: _,
-    onContentEnter: b,
-    onContentLeave: E,
-    onOpenByKeyboard: D,
-    onChildOpen: x,
-    onSubmenuOpen: P,
-    setItemWithFocusedInput: F,
-    shouldPreventFocusRestore: G,
-    setOnFocusOutside: U
-  } = B({
-    mode: n,
-    defaultOpen: r,
-    animationDuration: ce,
-    hoverCloseDelay: le,
-    isOpen: e,
-    onOpen: d,
-    onAnimatedOpen: l,
-    onAiming: c,
-    isAimingTolerance: O,
-    isAimingIdleTimeout: C
-  }), { navigationContentRef: W } = j({
-    isOpen: e ?? o,
-    isAnimatedOpen: m
-  });
-  return /* @__PURE__ */ t(
-    pe,
-    {
-      closeRootMenuImmediately: s,
-      navigationContentRef: W,
-      children: /* @__PURE__ */ t(
-        ae,
-        {
-          mode: I,
-          triggerRef: f,
-          contentRef: h,
-          isAnimatedOpen: m,
-          animationDuration: A,
-          hoverCloseDelay: g,
-          closeMenuImmediately: s,
-          onContentEnter: b,
-          onContentLeave: E,
-          onOpenByKeyboard: D,
-          shouldCloseCurrentMenuOnSelect: u,
-          onChildOpen: x,
-          isOpen: o,
-          onSubmenuOpen: P,
-          isRootContentBlocked: M,
-          isChildOpen: R,
-          itemWithFocusedInput: S,
-          setItemWithFocusedInput: F,
-          shouldPreventFocusRestore: G,
-          setOnFocusOutside: U,
-          children: /* @__PURE__ */ t(
-            w,
-            {
-              open: e ?? o,
-              onOpenChange: _,
-              modal: !1,
-              ...i,
-              children: a
-            }
-          )
-        }
-      )
-    }
-  );
-}, je = Object.assign(y, {
-  displayName: se,
-  Root: y,
-  experimental_SubRoot: me,
-  Trigger: k,
-  Content: K,
-  Portal: H,
-  Sub: N,
-  SubTrigger: $,
-  SubContent: q,
-  Arrow: z,
-  Item: J,
-  ItemRightSlot: Q,
-  Group: X,
-  Label: Z,
-  CheckboxItem: ee,
-  RadioGroup: te,
-  RadioItem: ne,
-  ItemIndicator: oe,
-  Separator: re,
-  ItemIcon: ie
-});
-export {
-  je as C,
-  T as D,
-  N as S,
-  v as a
-};

package/dist/index-BH2CXQ4d.mjs

@@ -1,257 +0,0 @@
-import { useState as M, useEffect as A, useCallback as C, useRef as E } from "react";
-var I = "ArrowUp", D = "ArrowDown", O = "Escape", L = "Enter", k = "Space", S = [I, D, L, k], z = (e) => {
-  const {
-    itemsLength: t,
-    onSelect: n,
-    onToggle: r,
-    onHoveredIndexChange: c = () => {
-    },
-    isOpened: o = !1,
-    hoveredIndex: i = 0,
-    listRef: f
-  } = e, [u, g] = M(i);
-  A(() => {
-    g(i);
-  }, [i]);
-  const x = (m) => {
-    g(m), c(m);
-  }, y = C((m) => {
-    if (!f || !f.current)
-      return;
-    const l = f.current, s = l.querySelector(
-      `li:nth-child(${m + 1})`
-    );
-    if (!s)
-      return;
-    const a = l.getBoundingClientRect().top, v = s.getBoundingClientRect().top, h = l.scrollTop + (v - a) - l.offsetHeight / 2 + s.offsetHeight / 2;
-    l.scrollTop = h, x(m);
-  }, []), d = C(
-    (m) => {
-      switch (S.includes(m.code) && m.preventDefault(), m.code) {
-        case O:
-          o && r(!1);
-          break;
-        case I:
-          o && y(
-            u > 0 ? u - 1 : t - 1
-          );
-          break;
-        case D:
-          o && y(
-            u < t - 1 ? u + 1 : 0
-          );
-          break;
-        case L:
-        case k:
-          o && u >= 0 && u < t ? n(u) : r(!0);
-          break;
-      }
-    },
-    [u, o, t, n, r]
-  );
-  return A(() => {
-    o && (x(u), y(u));
-  }, [o]), {
-    currentHoveredIndex: u,
-    updateHoveredIndex: x,
-    updateListPosition: y,
-    onKeyDown: d
-  };
-}, Y = (e, t) => e.filter((n) => n !== t), T = {}, B = (e) => {
-  for (const t in T) {
-    const n = T[t];
-    for (let r = n.length - 1; r > -1; r--) {
-      const { ref: c, handler: o } = n[r], i = c.current;
-      if (i) {
-        if (i.contains(e.target))
-          break;
-        o(e);
-        break;
-      }
-    }
-  }
-};
-document.addEventListener("click", B);
-var G = (e) => {
-  const { handler: t, ref: n, context: r = "global" } = e;
-  A(() => {
-    T[r] || (T[r] = []);
-    const c = { handler: t, ref: n };
-    return setTimeout(() => {
-      var o;
-      (o = T[r]) == null || o.push(c);
-    }), () => {
-      T[r] = Y(T[r], c);
-    };
-  }, [t, n, r]);
-}, J = () => {
-  const [e, t] = M(() => typeof window > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0);
-  return A(() => {
-    const n = (r) => {
-      r.pointerType === "touch" ? t(!0) : r.pointerType === "mouse" && t(!1);
-    };
-    return window.addEventListener("pointerdown", n), () => {
-      window.removeEventListener("pointerdown", n);
-    };
-  }, []), e;
-}, _ = 20, H = 500, R = (e, t, n) => (t.x - e.x) * (n.y - e.y) - (t.y - e.y) * (n.x - e.x), K = (e, t, n, r) => {
-  const c = R(e, t, n), o = R(e, n, r), i = R(e, r, t), f = c < 0 || o < 0 || i < 0, u = c > 0 || o > 0 || i > 0;
-  return !(f && u);
-}, N = (e, t, n) => Math.abs(R(e, t, n)) / 2, X = (e) => {
-  const t = e.getBoundingClientRect(), n = window.scrollX, r = window.scrollY;
-  return [
-    {
-      x: t.left + n,
-      y: t.top + r
-    },
-    {
-      x: t.right + n,
-      y: t.top + r
-    },
-    {
-      x: t.right + n,
-      y: t.bottom + r
-    },
-    {
-      x: t.left + n,
-      y: t.bottom + r
-    }
-  ];
-}, U = (e) => {
-  if (e.length < 3)
-    return 0;
-  let t = 0;
-  for (let n = 0; n < e.length; n++) {
-    const r = (n + 1) % e.length;
-    t += e[n].x * e[r].y, t -= e[r].x * e[n].y;
-  }
-  return Math.abs(t) / 2;
-}, j = (e, t, n, r) => {
-  const c = (r.y - n.y) * (t.x - e.x) - (r.x - n.x) * (t.y - e.y);
-  if (Math.abs(c) < 1e-10)
-    return null;
-  const o = ((r.x - n.x) * (e.y - n.y) - (r.y - n.y) * (e.x - n.x)) / c, i = ((t.x - e.x) * (e.y - n.y) - (t.y - e.y) * (e.x - n.x)) / c;
-  return o < 0 || o > 1 || i < 0 || i > 1 ? null : {
-    x: e.x + o * (t.x - e.x),
-    y: e.y + o * (t.y - e.y)
-  };
-}, P = (e, t) => {
-  const [n, r, c, o] = t, i = Math.min(n.x, o.x), f = Math.max(r.x, c.x), u = Math.min(n.y, r.y), g = Math.max(o.y, c.y);
-  return e.x >= i && e.x <= f && e.y >= u && e.y <= g;
-}, q = (e, t) => {
-  const [n, r, c] = e, [o, i, f, u] = t, g = [];
-  for (const l of [n, r, c])
-    P(l, t) && g.push(l);
-  const x = [
-    [o, i],
-    [i, f],
-    [f, u],
-    [u, o]
-  ], y = [
-    [n, r],
-    [r, c],
-    [c, n]
-  ];
-  for (const l of y)
-    for (const s of x) {
-      const a = j(
-        l[0],
-        l[1],
-        s[0],
-        s[1]
-      );
-      a && g.push(a);
-    }
-  const d = [];
-  for (const l of g)
-    d.some(
-      (a) => Math.abs(a.x - l.x) < 1e-6 && Math.abs(a.y - l.y) < 1e-6
-    ) || d.push(l);
-  if (d.length < 3)
-    return [];
-  const m = {
-    x: d.reduce(function(s, a) {
-      return s + a.x;
-    }, 0) / d.length,
-    y: d.reduce(function(s, a) {
-      return s + a.y;
-    }, 0) / d.length
-  };
-  return d.sort(function(s, a) {
-    const v = Math.atan2(s.y - m.y, s.x - m.x), h = Math.atan2(a.y - m.y, a.x - m.x);
-    return v - h;
-  }), d;
-}, F = (e, t, n, r) => {
-  const o = q([e, t, n], r);
-  return o.length < 3 ? 0 : U(o);
-}, V = (e, t) => {
-  const n = [
-    [0, 1],
-    [0, 2],
-    [0, 3],
-    [1, 2],
-    [1, 3],
-    [2, 3]
-  ];
-  let r = null, c = -1;
-  for (const [o, i] of n) {
-    const f = t[o], u = t[i], g = N(e, f, u), x = F(e, f, u, t), y = g - x;
-    y > c && (c = y, r = [f, u]);
-  }
-  return r;
-}, W = (e, t, n, r) => K(t, e, n, r), Q = (e) => {
-  const {
-    tolerance: t = _,
-    isEnabled: n = !0,
-    onChange: r,
-    idleTimeout: c = H
-  } = e, o = E(null), i = E(!1), f = E(null), u = E(null), g = E(null), x = E(0), y = E(null), d = (s, a = !1) => {
-    i.current !== s || a ? (i.current = s, r == null || r(s)) : i.current = s;
-  }, m = () => i.current, l = C(() => {
-    const s = f.current, a = u.current, v = o.current;
-    if (!s || !a || !v) {
-      d(!1), g.current = null, x.current = 0;
-      return;
-    }
-    const h = X(v);
-    if (P(s, h)) {
-      d(!1), g.current = s, x.current = 0;
-      return;
-    }
-    const w = V(s, h);
-    if (!w) {
-      d(!1), x.current = 0, g.current = s;
-      return;
-    }
-    const b = W(a, s, w[0], w[1]);
-    i.current && !b && x.current < t || (x.current = 0, g.current = s, d(b));
-  }, [t]);
-  return A(() => {
-    if (!n) {
-      d(!1, !0), f.current = null, u.current = null, g.current = null, x.current = 0;
-      return;
-    }
-    const s = (a) => {
-      const v = { x: a.pageX, y: a.pageY }, h = f.current;
-      if (u.current = f.current, f.current = v, h) {
-        const w = v.x - h.x, b = v.y - h.y, p = Math.sqrt(w * w + b * b);
-        x.current += p;
-      }
-      y.current && (clearTimeout(y.current), y.current = null), l(), y.current = window.setTimeout(() => {
-        d(!1), x.current = 0, g.current = null;
-      }, c);
-    };
-    return document.addEventListener("mousemove", s), () => {
-      document.removeEventListener("mousemove", s), y.current && clearTimeout(y.current);
-    };
-  }, [n, l, c]), {
-    isAiming: m,
-    ref: o
-  };
-};
-export {
-  J as a,
-  Q as b,
-  z as c,
-  G as u
-};