@daisforge/ui 1.10.3

package/components/AiAgentPopover/index.mjs

@@ -0,0 +1,622 @@
+import { Popover as Et, IconButton as Nt } from "@salutejs/sdds-finai";
+import { j as X } from "../../chunks/vendor-BG4P-329.mjs";
+import { IconMagic as Pt, IconResizeCorneredFill as Ct } from "@salutejs/plasma-icons";
+import { surfaceSolidCard as ct, shadowDownSoftM as Dt, textTertiary as kt } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import { t as It, c as at } from "../../chunks/utils-Ch8gMTzR.mjs";
+import { useState as F, useRef as W, useCallback as C, useEffect as _, useMemo as q, useLayoutEffect as et } from "react";
+import { s as ut, borderRadius as Tt } from "../../constants/index.mjs";
+import lt from "styled-components";
+const R = {
+  popoverContentContainer: "ai-agent-popover-content-container",
+  popoverIconTrigger: "ai-agent-popover-icon-trigger"
+}, ft = {
+  root: "popover-root",
+  arrow: "popover-arrow"
+}, J = {
+  purple: "#b559f3",
+  blue: "#7496fd"
+}, Lt = 26, pt = 5, St = 56, yt = {
+  x: window.innerWidth - 100,
+  y: window.innerHeight - 100
+}, ht = 10, mt = "ai-agent-popover-position", Ht = `${ft.arrow}:before`, U = {
+  spaceX4: () => ut.x4,
+  spaceX3: () => ut.x3,
+  brS: () => Tt.s
+}, Wt = lt(Et).withConfig({ displayName: "AiAgentPopoverstyled__AiAgentPopoverStyled" })(
+  ["--ai-agent-popover-content-container-pd:", " ", " ", " ", ";--ai-agent-popover-border-radius:", ";", " &:is(.", ",.", "){border-radius:var(--ai-agent-popover-border-radius);}& .", "{padding:var(--ai-agent-popover-content-container-pd);background:", ";height:100%;}& .", "{background:", ";}"],
+  U.spaceX4,
+  U.spaceX3,
+  U.spaceX3,
+  U.spaceX3,
+  U.brS,
+  ({ $draggable: t, $position: n }) => {
+    if (t)
+      return "";
+    if (typeof n == "string")
+      switch (n) {
+        case "top-left":
+          return `
+            position: fixed;
+            left: 56px;
+            top: 56px;
+          `;
+        case "top-right":
+          return `
+            position: fixed;
+            right: 56px;
+            top: 56px;
+          `;
+        case "bottom-left":
+          return `
+            position: fixed;
+            left: 56px;
+            bottom: 56px;
+          `;
+        case "bottom-right":
+          return `
+            position: fixed;
+            right: 56px;
+            bottom: 56px;
+          `;
+        default:
+          return `
+          position: fixed;
+          right: 56px;
+          bottom: 56px;`;
+      }
+    return "";
+  },
+  ft.root,
+  R.popoverContentContainer,
+  R.popoverContentContainer,
+  () => ct,
+  Ht,
+  () => ct
+), Xt = lt(Nt).withConfig({ displayName: "AiAgentPopoverstyled__MagicButtonStyled" })(
+  ["&&{width:72px !important;height:72px !important;border-radius:100% !important;box-shadow:", " !important;background:linear-gradient( to right,", " 0%,", " 100% ) !important;transition:transform 0.3s ease !important;&.", " svg{transition:transform 0.3s ease-in-out !important;transform-origin:center center !important;will-change:transform !important;}&:hover{transform:scale(1.02) !important;&.", " svg{transform:scaleX(-1) !important;}background:linear-gradient( to right,", " 0%,", " 100% ) !important;}}"],
+  () => Dt,
+  J.purple,
+  J.blue,
+  R.popoverIconTrigger,
+  R.popoverIconTrigger,
+  J.purple,
+  J.blue
+), gt = (t) => t ? typeof t == "string" && ["top-right", "top-left", "bottom-right", "bottom-left"].includes(t) : !1, Ft = (t) => gt(t) ? t.split("-")[0] : t, _t = ({
+  position: t,
+  size: n = {
+    width: 0,
+    height: 0
+  },
+  boundary: b = {},
+  enableLogs: p = !1
+}) => {
+  const {
+    innerWidth: i,
+    innerHeight: w
+  } = window, {
+    left: L = 0,
+    right: A = 0,
+    top: e = 0,
+    bottom: h = 0
+  } = b, m = i - L - A, N = w - e - h, c = m / 3, P = N / 2, M = t.x - L, k = t.y - e;
+  if (n.width === 0 || n.height === 0)
+    return k < P ? M < c ? 1 : M < 2 * c ? 2 : 3 : M < c ? 4 : M < 2 * c ? 5 : 6;
+  const g = {
+    1: 0,
+    2: 0,
+    3: 0,
+    4: 0,
+    5: 0,
+    6: 0
+  };
+  for (let l = 1; l <= 6; l += 1) {
+    const r = (l - 1) % 3 * c, d = l <= 3 ? 0 : P, E = r + c, I = d + P, y = M + n.width, H = k + n.height, z = Math.max(0, Math.min(y, E) - Math.max(M, r)), Y = Math.max(0, Math.min(H, I) - Math.max(k, d)), j = z * Y;
+    g[l] = j;
+  }
+  p && (console.group("getCurrentSector (advanced)"), console.log("Sector coverage:", g), console.groupEnd());
+  let a = 1, S = g[1];
+  for (let l = 1; l <= 6; l += 1) {
+    const r = l;
+    g[r] > S && (S = g[r], a = r);
+  }
+  return a;
+}, Rt = (t) => {
+  switch (t) {
+    case 1:
+      return "bottom-right";
+    case 2:
+      return "bottom";
+    case 3:
+      return "bottom-left";
+    case 4:
+      return "top-right";
+    case 5:
+      return "top";
+    case 6:
+      return "top-left";
+    default:
+      return "auto";
+  }
+}, zt = (t, n, b = {
+  width: 0,
+  height: 0
+}) => {
+  const p = window.innerWidth, i = window.innerHeight, {
+    top: w = 0,
+    right: L = 0,
+    bottom: A = 0,
+    left: e = 0
+  } = n || {}, h = St, {
+    width: m,
+    height: N
+  } = b, c = (S, l) => S > l ? S : l, P = c(e, h), M = c(L, h), k = c(w, h), g = c(A, h), a = {
+    top: k,
+    right: p - M,
+    bottom: i - g,
+    left: P
+  };
+  switch (t) {
+    case "top-left":
+      return {
+        x: Math.min(a.left, p - m - M),
+        y: Math.min(a.top, i - N - g)
+      };
+    case "top-right":
+      return {
+        x: Math.max(a.right - m, P),
+        y: Math.min(a.top, i - N - g)
+      };
+    case "bottom-left":
+      return {
+        x: Math.min(a.left, p - m - M),
+        y: Math.max(a.bottom - N, k)
+      };
+    case "bottom-right":
+      return {
+        x: Math.max(a.right - m, P),
+        y: Math.max(a.bottom - N, k)
+      };
+    default:
+      return yt;
+  }
+}, Yt = (t) => {
+  if (!t || typeof t != "string")
+    return "bottom-right";
+  switch (t) {
+    case "top-left":
+      return "top-left";
+    case "top-right":
+      return "top-right";
+    case "bottom-left":
+      return "bottom-left";
+    case "bottom-right":
+      return "bottom-right";
+    case "top":
+      return "top-right";
+    case "bottom":
+      return "bottom-right";
+    default:
+      return "bottom-right";
+  }
+}, nt = (t, n) => t[0] === n[0] && t[1] === n[1], jt = (t) => typeof t == "string" && ["top", "bottom", "top-left", "top-right", "bottom-left", "bottom-right"].includes(t), Ot = (t, n = {
+  width: 0,
+  height: 0
+}, b = {
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0
+}) => {
+  const {
+    innerWidth: p,
+    innerHeight: i
+  } = window;
+  return {
+    x: Math.max(b.left, Math.min(t.x, p - n.width - b.right)),
+    y: Math.max(b.top, Math.min(t.y, i - n.height - b.bottom))
+  };
+}, Vt = (t, n, b, p, i) => {
+  const [w, L] = t, [A, e] = F(!1), h = W({
+    x: 0,
+    y: 0
+  }), m = W({
+    x: 0,
+    y: 0
+  }), N = W(!1), c = W(w), P = C((r, d) => {
+    if (!(n != null && n.current))
+      return;
+    N.current = !1, m.current = {
+      x: r,
+      y: d
+    }, c.current = w;
+    const E = n.current.getBoundingClientRect();
+    h.current = {
+      x: r - E.left,
+      y: d - E.top
+    }, e(!0);
+  }, [n, w]), M = C((r) => {
+    r.preventDefault(), r.stopPropagation(), P(r.clientX, r.clientY);
+  }, [P]), k = C((r) => {
+    const d = r.touches[0];
+    d && P(d.clientX, d.clientY);
+  }, [P]), g = C((r, d) => {
+    if (!A || !(n != null && n.current))
+      return;
+    const E = Math.abs(r - m.current.x), I = Math.abs(d - m.current.y);
+    if (!N.current && E < pt && I < pt)
+      return;
+    N.current = !0;
+    const {
+      offsetWidth: y,
+      offsetHeight: H
+    } = n.current, {
+      innerWidth: z,
+      innerHeight: Y
+    } = window, {
+      top: j = 0,
+      right: D = 0,
+      bottom: O = 0,
+      left: V = 0
+    } = b || {}, K = Math.max(V, Math.min(r - h.current.x, z - y - D)), $ = Math.max(j, Math.min(d - h.current.y, Y - H - O)), G = {
+      x: K,
+      y: $
+    };
+    L(G), p == null || p(G), i == null || i();
+  }, [A, n, b, L, p, i]), a = C((r) => {
+    g(r.clientX, r.clientY);
+  }, [g]), S = C((r) => {
+    const d = r.touches[0];
+    d && g(d.clientX, d.clientY);
+  }, [g]), l = C(() => {
+    e(!1);
+  }, []);
+  return _(() => (A && (document.addEventListener("mousemove", a), document.addEventListener("mouseup", l)), () => {
+    document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", l);
+  }), [A, a, S, l]), {
+    position: w,
+    handleMouseDown: M,
+    isDragging: A,
+    wasDragged: N.current,
+    touchHandlers: {
+      onTouchStart: k,
+      onTouchMove: S,
+      onTouchEnd: l
+    }
+  };
+}, $t = (t, n, b, p = {
+  top: 0,
+  bottom: 0,
+  left: 0,
+  right: 0
+}) => {
+  const i = C(() => {
+    if (!t)
+      return null;
+    const A = typeof t == "string" ? t : mt;
+    try {
+      const e = localStorage.getItem(A);
+      if (!e)
+        return null;
+      const h = JSON.parse(e);
+      return Ot(h, b, {
+        top: p.top ?? 0,
+        right: p.right ?? 0,
+        bottom: p.bottom ?? 0,
+        left: p.left ?? 0
+      });
+    } catch (e) {
+      return console.error("Failed to load position:", e), null;
+    }
+  }, [p, b, t]), w = C((A) => {
+    if (!t)
+      return;
+    const e = typeof t == "string" ? t : mt;
+    try {
+      localStorage.setItem(e, JSON.stringify(A));
+    } catch (h) {
+      console.error("Failed to save position:", h);
+    }
+  }, [t]);
+  return {
+    savedPosition: q(() => i(), [i]) || n,
+    // Fallback на initialPosition
+    savePosition: w
+  };
+}, to = ({
+  opened: t,
+  onToggle: n,
+  children: b,
+  target: p,
+  offset: i = [0, 14],
+  placement: w = "auto",
+  trigger: L = "click",
+  contentContainerClassNames: A,
+  dragBoundary: e,
+  draggable: h = !1,
+  positionState: m,
+  ignoreToggleOnDrag: N = !0,
+  defaultPosition: c = "bottom-right",
+  onPositionChange: P,
+  calculateOffset: M = !0,
+  calculatePlacement: k = !0,
+  useStorage: g = !1,
+  resizable: a,
+  onResizeStart: S,
+  onResizeEnd: l,
+  targetDataAttributes: r,
+  ...d
+}) => {
+  const E = W(null), I = W(null), y = W(w), [H, z] = F({ width: 0, height: 0 }), [Y, j] = F(!1), D = t !== void 0 ? t : Y, [O, V] = F(w);
+  _(() => {
+    y.current = w, V(w);
+  }, [w]);
+  const K = q(
+    () => typeof c == "string" ? zt(c, e, H) : c,
+    [c, e, H]
+  ), { savedPosition: $, savePosition: G } = $t(
+    g,
+    K,
+    H,
+    e
+  ), [dt, Q] = F($), [T, Z] = m || [
+    dt,
+    Q
+  ];
+  _(() => {
+    !m && g && G(T);
+  }, [T, m, g, G]), _(() => {
+    m && Q(m[0]);
+  }, [m]), _(() => {
+    m || Q($);
+  }, [$, m]);
+  const [vt, B] = F(i), rt = C(
+    (o) => {
+      if (!E.current)
+        return !1;
+      const s = E.current.getBoundingClientRect(), { height: u } = s, { y: x } = T;
+      let v, f;
+      switch (o) {
+        case "top":
+        case "top-left":
+        case "top-right":
+          v = x - u, f = x;
+          break;
+        case "bottom":
+        case "bottom-left":
+        case "bottom-right":
+          v = x, f = x + u;
+          break;
+        default:
+          return !0;
+      }
+      return v >= ht && f <= window.innerHeight - ht;
+    },
+    [T]
+  ), it = C(() => {
+    var f;
+    if (!E.current || !k || !D)
+      return;
+    const o = (f = I.current) == null ? void 0 : f.getBoundingClientRect(), s = _t({
+      position: T,
+      size: { width: (o == null ? void 0 : o.width) ?? 0, height: (o == null ? void 0 : o.height) ?? 0 },
+      boundary: e
+    }), u = Rt(s), v = s === 2 || s === 5 ? s === 2 ? "bottom" : "top" : u;
+    if (jt(v) && !rt(v)) {
+      y.current = "auto", V("auto");
+      return;
+    }
+    y.current !== v && v && (y.current = v, V(v));
+  }, [k, D, T, e, rt]), tt = C(() => {
+    if (!E.current || !D || !M)
+      return;
+    const o = E.current.offsetWidth, s = y.current;
+    if (s === "top" || s === "bottom") {
+      B(
+        (u) => nt(u, i) ? u : i
+      );
+      return;
+    }
+    if (gt(s)) {
+      const x = [
+        (s.includes("left") ? 1 : -1) * (-o / 2 + Lt),
+        i[1]
+      ];
+      B((v) => {
+        const f = [x[0], x[1]];
+        return nt(v, f) ? v : f;
+      });
+    } else
+      B(
+        (u) => nt(u, i) ? u : i
+      );
+  }, [M, D, i]);
+  _(() => {
+    const o = It(() => {
+      Z((s) => ({
+        x: Math.max(
+          (e == null ? void 0 : e.left) || 0,
+          Math.min(
+            s.x,
+            window.innerWidth - H.width - ((e == null ? void 0 : e.right) || 0)
+          )
+        ),
+        y: Math.max(
+          (e == null ? void 0 : e.top) || 0,
+          Math.min(
+            s.y,
+            window.innerHeight - H.height - ((e == null ? void 0 : e.bottom) || 0)
+          )
+        )
+      }));
+    }, 200);
+    return window.addEventListener("resize", o), () => {
+      o.cancel(), window.removeEventListener("resize", o);
+    };
+  }, [H, e, Z]), et(() => {
+    D && (it(), tt());
+  }, [D, T]), et(() => {
+    if (!I.current)
+      return;
+    const o = () => {
+      var x;
+      const u = (x = I.current) == null ? void 0 : x.getBoundingClientRect();
+      u && z({ width: u.width, height: u.height });
+    };
+    o();
+    const s = at(o);
+    return I.current && s.observe(I.current), () => s.disconnect();
+  }, []), et(() => {
+    if (!E.current || !D)
+      return;
+    const o = at(() => {
+      tt();
+    });
+    return o.observe(E.current), tt(), () => o.disconnect();
+  }, [D]);
+  const { handleMouseDown: bt, wasDragged: st, touchHandlers: wt } = Vt(
+    [T, Z],
+    I,
+    e,
+    P,
+    it
+  ), ot = C(
+    (o, s) => {
+      t === void 0 && j(o), n == null || n(o, s);
+    },
+    [t, n]
+  ), xt = C(
+    (o) => {
+      if (h && st && N) {
+        o.preventDefault(), o.stopPropagation();
+        return;
+      }
+      ot(!D, o);
+    },
+    [h, st, D, ot, N]
+  ), At = q(
+    () => ({
+      position: "fixed",
+      left: `${T.x}px`,
+      top: `${T.y}px`,
+      zIndex: 9999,
+      transform: "none"
+    }),
+    [T]
+  ), Mt = q(
+    () => {
+      if (!a)
+        return;
+      const o = Yt(O), s = [
+        "top-left",
+        "top-right",
+        "bottom-left",
+        "bottom-right"
+      ], u = {};
+      o.includes("left") && (u.transform = "scaleX(-1)"), o.includes("top") && (u.transform = u.transform ? "scale(-1, -1)" : "scaleY(-1)");
+      const x = /* @__PURE__ */ X.jsxDEV(Ct, { color: kt, style: u }, void 0, !1, {
+        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/AiAgentPopover/AiAgentPopover.tsx",
+        lineNumber: 377,
+        columnNumber: 7
+      }, void 0), v = {
+        icons: {
+          topLeft: o === "top-left" ? x : null,
+          topRight: o === "top-right" ? x : null,
+          bottomLeft: o === "bottom-left" ? x : null,
+          bottomRight: o === "bottom-right" ? x : null
+        },
+        hiddenIcons: s.filter((f) => f !== o),
+        minHeight: 135,
+        minWidth: 235
+      };
+      if (typeof a == "function") {
+        const f = a(O);
+        return {
+          ...v,
+          ...f,
+          icons: { ...v.icons, ...f == null ? void 0 : f.icons },
+          hiddenIcons: (f == null ? void 0 : f.hiddenIcons) ?? v.hiddenIcons
+        };
+      }
+      return v;
+    },
+    [a, O]
+  );
+  return /* @__PURE__ */ X.jsxDEV("div", { ref: I, style: At, ...wt, children: /* @__PURE__ */ X.jsxDEV(
+    Wt,
+    {
+      opened: D,
+      onToggle: ot,
+      role: "presentation",
+      target: /* @__PURE__ */ X.jsxDEV(
+        Xt,
+        {
+          size: "s",
+          className: R.popoverIconTrigger,
+          onMouseDown: h ? bt : void 0,
+          onClick: xt,
+          style: { cursor: "pointer" },
+          ...r,
+          children: /* @__PURE__ */ X.jsxDEV(Pt, { size: "m" }, void 0, !1, {
+            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/AiAgentPopover/AiAgentPopover.tsx",
+            lineNumber: 422,
+            columnNumber: 13
+          }, void 0)
+        },
+        void 0,
+        !1,
+        {
+          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/AiAgentPopover/AiAgentPopover.tsx",
+          lineNumber: 414,
+          columnNumber: 9
+        },
+        void 0
+      ),
+      offset: vt,
+      placement: Ft(y.current),
+      trigger: L,
+      hasArrow: !0,
+      closeOnOverlayClick: !0,
+      closeOnEsc: !0,
+      isFocusTrapped: !0,
+      animated: !0,
+      view: "default",
+      resizable: Mt,
+      onResizeStart: S,
+      onResizeEnd: l,
+      $draggable: h,
+      $position: typeof c == "string" ? c : void 0,
+      ...d,
+      children: /* @__PURE__ */ X.jsxDEV(
+        "div",
+        {
+          ref: E,
+          className: `${R.popoverContentContainer} ${A ?? ""}`,
+          children: b
+        },
+        void 0,
+        !1,
+        {
+          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/AiAgentPopover/AiAgentPopover.tsx",
+          lineNumber: 443,
+          columnNumber: 9
+        },
+        void 0
+      )
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/AiAgentPopover/AiAgentPopover.tsx",
+      lineNumber: 409,
+      columnNumber: 7
+    },
+    void 0
+  ) }, void 0, !1, {
+    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/AiAgentPopover/AiAgentPopover.tsx",
+    lineNumber: 408,
+    columnNumber: 5
+  }, void 0);
+};
+export {
+  to as AiAgentPopover
+};

package/components/AnalyticalWidget/AnalyticalWidget.constants.d.ts

@@ -0,0 +1,97 @@
+import { AnalyticalWidgetSize } from './AnalyticalWidget.types';
+
+export declare const ANALYTICAL_WIDGET_STYLES: {
+    l: {
+        xl: {
+            minWidth: string;
+            maxWidth: string;
+            width: string;
+            minHeight: string;
+            padding: string;
+            borderRadius: string;
+        };
+        lg: {
+            minWidth: string;
+            maxWidth: string;
+            width: string;
+            minHeight: string;
+            padding: string;
+            borderRadius: string;
+        };
+        md: {
+            minWidth: string;
+            maxWidth: string;
+            width: string;
+            minHeight: string;
+            padding: string;
+            borderRadius: string;
+        };
+    };
+    m: {
+        xl: {
+            minWidth: string;
+            maxWidth: string;
+            width: string;
+            minHeight: string;
+            padding: string;
+            borderRadius: string;
+        };
+        lg: {
+            minWidth: string;
+            maxWidth: string;
+            width: string;
+            minHeight: string;
+            padding: string;
+            borderRadius: string;
+        };
+        md: {
+            minWidth: string;
+            maxWidth: string;
+            width: string;
+            minHeight: string;
+            padding: string;
+            borderRadius: string;
+        };
+    };
+    s: {
+        xl: {
+            minWidth: string;
+            maxWidth: string;
+            width: string;
+            minHeight: string;
+            padding: string;
+            borderRadius: string;
+        };
+        lg: {
+            minWidth: string;
+            maxWidth: string;
+            width: string;
+            minHeight: string;
+            padding: string;
+            borderRadius: string;
+        };
+        md: {
+            minWidth: string;
+            maxWidth: string;
+            width: string;
+            minHeight: string;
+            padding: string;
+            borderRadius: string;
+        };
+    };
+};
+export declare const SLOT_VISIBILITY: {
+    [key in AnalyticalWidgetSize]: {
+        topSlot: boolean;
+        middleSlot: boolean;
+    };
+};
+export declare const analyticalWidgetClassNames: {
+    readonly root: "analytical-widget";
+    readonly header: "analytical-widget__header";
+    readonly popoverInfo: "analytical-widget__popover-info";
+    readonly topSlot: "analytical-widget__top-slot";
+    readonly middleSlot: "analytical-widget__middle-slot";
+    readonly contentSlot: "analytical-widget__content";
+    readonly headerActions: "analytical-widget__header-actions";
+};