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

package/dist/index-DBS3EIVR.mjs

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