@daisforge/ui 1.14.1 → 1.15.0

package/chunks/AnalyticalWidget-BSpo7GCr.mjs

@@ -0,0 +1,535 @@
+import { EmbeddedButton as tt } from "@salutejs/sdds-finai/beta";
+import { IconButtonFilter as et } from "../components/IconButton/index.mjs";
+import { Dropdown as it, ChipGroup as nt, Chip as lt, Tooltip as E, TextXS as at, TextS as ot, TextM as dt, TextL as rt, H5 as st, H4 as pt, H3 as ct, H2 as ht, H1 as gt, DsplS as yt, DsplM as mt, DsplL as ut, BodyXXS as xt, BodyXS as ft, BodyS as wt, BodyM as V, BodyL as St, Link as vt } from "@salutejs/sdds-finai";
+import { jsx as i, jsxs as S } from "react/jsx-runtime";
+import { textPrimary as $, inverseTextPrimary as Wt, bodyXS as _t, textTertiary as Ct, bodyM as Tt, textSecondary as C, bodyMBold as bt, surfaceSolidCard as At } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import l, { css as b } from "styled-components";
+import { u as Ht, a as Nt, m as w, b as N } from "./utils-D4eJY8pa.mjs";
+import { useRef as R, createElement as It, useState as Rt, useCallback as I, useEffect as G, isValidElement as Et } from "react";
+import { IconDotsVerticalOutline as $t, IconDotsHorizontalOutline as Bt, IconInfoCircleOutline as Lt } from "@salutejs/plasma-icons";
+import { Collapse as Dt } from "../components/Collapse/index.mjs";
+const kt = {
+  l: {
+    xl: {
+      minWidth: "448px",
+      maxWidth: "unset",
+      // 608
+      width: "100%",
+      minHeight: "512px",
+      padding: "12px",
+      borderRadius: "16px"
+    },
+    lg: {
+      minWidth: "448px",
+      maxWidth: "unset",
+      // 608
+      width: "100%",
+      minHeight: "512px",
+      // 432px
+      padding: "12px",
+      borderRadius: "16px"
+    },
+    md: {
+      minWidth: "448px",
+      maxWidth: "unset",
+      // 608
+      width: "100%",
+      minHeight: "512px",
+      // 344px
+      padding: "12px",
+      borderRadius: "16px"
+    }
+  },
+  m: {
+    xl: {
+      minWidth: "448px",
+      maxWidth: "unset",
+      // 608
+      width: "100%",
+      minHeight: "248px",
+      padding: "12px",
+      borderRadius: "16px"
+    },
+    lg: {
+      minWidth: "448px",
+      maxWidth: "unset",
+      // 608
+      width: "100%",
+      minHeight: "248px",
+      // 208px
+      padding: "12px",
+      borderRadius: "16px"
+    },
+    md: {
+      minWidth: "448px",
+      maxWidth: "unset",
+      // 608
+      width: "100%",
+      minHeight: "248px",
+      // 172px
+      padding: "12px",
+      borderRadius: "16px"
+    }
+  },
+  s: {
+    xl: {
+      minWidth: "216px",
+      maxWidth: "unset",
+      // 296px
+      width: "100%",
+      minHeight: "248px",
+      padding: "12px",
+      borderRadius: "16px"
+    },
+    lg: {
+      minWidth: "216px",
+      maxWidth: "unset",
+      // 296px
+      width: "100%",
+      minHeight: "248px",
+      // 208px
+      padding: "12px",
+      borderRadius: "16px"
+    },
+    md: {
+      minWidth: "216px",
+      maxWidth: "unset",
+      // 296px
+      width: "100%",
+      minHeight: "248px",
+      // 172px
+      padding: "12px",
+      borderRadius: "16px"
+    }
+  }
+}, Mt = {
+  l: {
+    topSlot: !0,
+    // Filters + chips
+    middleSlot: !0
+    // Tabs
+  },
+  m: {
+    topSlot: !0,
+    // Filters + chips
+    middleSlot: !1
+    // Tabs
+  },
+  s: {
+    topSlot: !0,
+    // Filters + chips
+    middleSlot: !1
+    // Tabs
+  }
+}, r = {
+  root: "analytical-widget",
+  header: "analytical-widget__header",
+  popoverInfo: "analytical-widget__popover-info",
+  topSlot: "analytical-widget__top-slot",
+  middleSlot: "analytical-widget__middle-slot",
+  contentSlot: "analytical-widget__content",
+  headerActions: "analytical-widget__header-actions",
+  selfSpacedTopSlot: "analytical-widget__self-spaced-top-slot",
+  // Маркер на корне виджета: rightSlot шапки заполнен. По нему абсолютная
+  // dots-кнопка (сиблинг) поднимает top с 12 до 16 через CSS.
+  hasRightSlot: "analytical-widget--has-right-slot"
+}, Ot = l.div.withConfig({
+  displayName: "AnalyticalWidgetIconButtonDotsstyled__StyledAbsoluteDots"
+})(["position:absolute;top:", "px;right:", "px;.", " ~ &,&:has(~ .", "),&:has(~ * .", "){top:", "px;}"], ({
+  $offset: t
+}) => t, ({
+  $offset: t
+}) => t, r.hasRightSlot, r.hasRightSlot, r.hasRightSlot, ({
+  $offset: t
+}) => t + 4), zt = ({
+  dropdownProps: t,
+  iconSize: e,
+  iconOrientation: a = "vertical",
+  view: d = "secondary",
+  size: o = "m",
+  absolute: s = !1,
+  absoluteOffset: n = 12,
+  style: g,
+  ...p
+}) => {
+  const c = /* @__PURE__ */ i(tt, { view: d, size: o, style: g, ...p, children: /* @__PURE__ */ i(a === "vertical" ? $t : Bt, { size: e ?? "s", color: $ }) }), f = t ? /* @__PURE__ */ i(it, { ...t, children: c }) : c;
+  return s ? /* @__PURE__ */ i(Ot, { $offset: n, children: f }) : f;
+}, Gt = l(lt).withConfig({
+  displayName: "AnalyticalWidgetChipsGroupstyled__StyledChip"
+})(["max-height:20px;max-width:180px;border-radius:12px;padding-inline:8px;"]), Ft = l(nt).withConfig({
+  displayName: "AnalyticalWidgetChipsGroupstyled__StyledChipGroup"
+})(["--analytical-widget-chips-gap:4px;gap:var(--analytical-widget-chips-gap);padding-top:8px;"]), Vt = ({
+  chips: t,
+  commonView: e = "default",
+  commonSize: a = "xs",
+  opened: d = !1,
+  ...o
+}) => {
+  const s = Ht(d, 300, !1), n = R(t);
+  t.length > 0 && (n.current = t);
+  const g = t.length > 0 ? t : n.current;
+  return /* @__PURE__ */ i("div", { className: r.selfSpacedTopSlot, children: /* @__PURE__ */ i(Dt, { isOpen: s, unMountOnClose: !0, children: /* @__PURE__ */ i(Ft, { view: e, size: a, isCommonChipStyles: !1, ...o, children: g.map(({
+    key: p,
+    view: y,
+    ...c
+  }, f) => /* @__PURE__ */ It(Gt, { size: "xs", appearance: "transparent", ...c, key: p ?? `${c == null ? void 0 : c.name}-${f}` })) }) }) });
+}, Xt = l.div.withConfig({
+  displayName: "TooltipList__StyledTooltipContent"
+})(["color:", ";", ";max-height:130px;overflow-y:auto;padding-block:2px;padding-right:2px;& > ul{padding-top:1px;display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;}& li{padding-left:12px;position:relative;&::before{content:'•';position:absolute;left:2px;}}"], () => Wt, () => b(_t)), Yt = ({
+  groupLabel: t,
+  items: e
+}) => /* @__PURE__ */ S(Xt, { children: [
+  /* @__PURE__ */ i("span", { children: t }),
+  /* @__PURE__ */ i("ul", { children: e.map((a, d) => (
+    // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ i("li", { children: a }, `${a}-${d}`)
+  )) })
+] }), jt = l.div.withConfig({
+  displayName: "TooltipList__FullWidthWrapper"
+})(["width:100%;& .popover-target,& .popover-wrapper{width:100%;}"]), He = ({
+  groupLabel: t,
+  items: e,
+  children: a,
+  fullWidth: d,
+  ...o
+}) => {
+  const s = e.length > 0, n = /* @__PURE__ */ i(
+    E,
+    {
+      usePortal: !0,
+      size: "s",
+      mouseEnterDelay: 500,
+      ...o,
+      trigger: s ? o.trigger ?? "hover" : "none",
+      text: s ? /* @__PURE__ */ i(Yt, { groupLabel: t, items: e }) : null,
+      opened: s ? o.opened : !1,
+      children: a
+    }
+  );
+  return d ? /* @__PURE__ */ i(jt, { children: n }) : n;
+}, Pt = {
+  BodyL: St,
+  BodyM: V,
+  BodyS: wt,
+  BodyXS: ft,
+  BodyXXS: xt,
+  DsplL: ut,
+  DsplM: mt,
+  DsplS: yt,
+  H1: gt,
+  H2: ht,
+  H3: ct,
+  H4: pt,
+  H5: st,
+  TextL: rt,
+  TextM: dt,
+  TextS: ot,
+  TextXS: at
+};
+function B({
+  variant: t,
+  children: e,
+  refTypography: a,
+  ...d
+}) {
+  const o = Pt[t];
+  return /* @__PURE__ */ i(o, { ...d, ref: a, children: e });
+}
+B.displayName = "Typography";
+const T = "typography-with-auto-tooltip-root";
+let v = !1, x = null, _ = 0;
+function X() {
+  if (typeof document > "u")
+    return;
+  const t = document.getElementById(T);
+  t && t.querySelectorAll("[id^='plasma-popover-root']:empty").forEach((e) => e.remove());
+}
+function qt() {
+  v || (v = !0, x = setTimeout(() => {
+    v = !1, x = null, X();
+  }, 0));
+}
+function Jt() {
+  x && (clearTimeout(x), x = null), v = !1;
+}
+function Kt() {
+  x && (clearTimeout(x), x = null), v = !1, X();
+}
+function Qt() {
+  if (!(typeof document > "u")) {
+    if (_ += 1, _ === 1) {
+      const t = document.createElement("div");
+      t.id = T, document.body.appendChild(t);
+    }
+    return () => {
+      if (_ -= 1, _ === 0) {
+        const t = document.getElementById(T);
+        t && (t.querySelectorAll("[id^='plasma-popover-root']").length > 0 || t.remove());
+      }
+    };
+  }
+}
+function Ut() {
+  return {
+    schedule: qt,
+    flush: Kt,
+    cancel: Jt,
+    getContainerId: () => T,
+    createContainer: Qt
+  };
+}
+const Zt = l(E).withConfig({
+  displayName: "TypographyWithAutoTooltipstyled__StyledTooltip"
+})(["&.popover-target{width:100%;}"]), te = l.div.withConfig({
+  displayName: "TypographyWithAutoTooltipstyled__StyleTooltipWrapper"
+})(["display:flex;align-items:center;min-width:0;& .popover-target{width:100%;}& .popover-wrapper{overflow:hidden;width:100%;display:flex;}"]), ee = 1, L = ({
+  tooltipText: t,
+  tooltipProps: e,
+  lines: a = 1,
+  className: d,
+  children: o,
+  ...s
+}) => {
+  const {
+    mouseEnterDelay: n = 500,
+    mouseLeaveDelay: g = 0,
+    ...p
+  } = e || {}, y = R(null), [c, f] = Rt(!1), H = R(), {
+    schedule: W,
+    getContainerId: j,
+    createContainer: D
+  } = Ut(), k = I(() => {
+    if (!y.current)
+      return !1;
+    const h = y.current;
+    if (a > 1)
+      return h.scrollHeight > h.clientHeight || h.scrollWidth > h.clientWidth;
+    try {
+      const m = document.createRange();
+      m.selectNodeContents(h);
+      const Q = m.getBoundingClientRect().width, U = h.getBoundingClientRect().width;
+      m.detach();
+      const Z = window.devicePixelRatio || 1;
+      return (Q - U) * Z > ee;
+    } catch {
+      return !1;
+    }
+  }, [a]), P = I(() => {
+    k() && (H.current = setTimeout(() => {
+      f(!0);
+    }, n));
+  }, [k, n]), q = I(() => {
+    clearTimeout(H.current), setTimeout(() => {
+      f(!1), W();
+    }, g);
+  }, [g, W]), {
+    variant: J,
+    bold: M,
+    size: O,
+    ...u
+  } = s, K = {
+    variant: J,
+    ...M !== void 0 && {
+      bold: M
+    },
+    ...O !== void 0 && {
+      size: O
+    },
+    ...u,
+    refTypography: y,
+    onMouseEnter: (h) => {
+      var m;
+      (m = u.onMouseEnter) == null || m.call(u, h);
+    },
+    onMouseLeave: (h) => {
+      var m;
+      (m = u.onMouseLeave) == null || m.call(u, h);
+    },
+    style: {
+      ...Nt({
+        lines: a
+      }),
+      ...u.style || {}
+    },
+    children: o
+  }, z = /* @__PURE__ */ i(B, { ...K, children: o });
+  return G(() => D(), [D]), G(() => () => {
+    clearTimeout(H.current), W();
+  }, [W]), /* @__PURE__ */ i(te, { className: d, onMouseEnter: P, onMouseLeave: q, children: c ? /* @__PURE__ */ i(Zt, { opened: c, text: t ?? "", target: z, frame: j(), ...p }) : z });
+}, ie = () => b(bt), Y = () => b(Tt), ne = l.header.withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledHeader"
+})(["display:flex;justify-content:space-between;align-items:center;padding-right:24px;& .popover-wrapper:has(.", "){display:flex;flex-shrink:0;height:100%;align-items:center;transition:none;}"], r.popoverInfo), le = l.div.withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledLeftSlot"
+})(["display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:2px;min-height:32px;margin-right:16px;"]), ae = l.div.withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledTitleContainer"
+})(["margin:0;display:flex;align-items:center;flex-shrink:1;min-width:0;"]);
+l.p.withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledTitle"
+})(["margin:0;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';", ";color:", ";"], () => ie(), () => $);
+const oe = l(L).withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledTitleWithTooltip"
+})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;"]), de = l(L).withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledSubTitleWithTooltip"
+})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;"]), re = l.p.withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledAfterTitle"
+})(["flex-shrink:0;margin:0;margin-right:4px;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';", " color:", ";text-transform:uppercase;"], () => Y(), () => Ct), se = l.div.attrs({
+  className: r.headerActions
+}).withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledHeaderActions"
+})(["display:inline-flex;align-items:center;flex-shrink:0;opacity:0;transition:opacity 0.3s ease;"]);
+l.p.withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledSubtitle"
+})(["", " flex-shrink:1;margin:0;min-width:0;color:", ";"], () => Y(), () => C);
+l(B).withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledSubtitleTypography"
+})(["color:", ";"], () => C);
+const pe = l(vt).withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledTitleLink"
+})(["display:flex;min-width:0;flex-shrink:1;"]);
+l(L).withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyleSubtitledWithTooltip"
+})(["flex-shrink:1;margin:0;min-width:0;"]);
+const ce = l.div.withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledRightSlot"
+})(["align-self:start;flex-shrink:0;"]), F = ({
+  title: t,
+  titleTooltipProps: e
+}) => /* @__PURE__ */ i(oe, { tooltipText: t, tooltipProps: {
+  placement: "top",
+  ...e
+}, variant: "BodyM", bold: !0, style: {
+  color: $,
+  wordBreak: "normal"
+}, lines: 1, children: t }), he = ({
+  title: t,
+  titleTooltipProps: e,
+  badge: a,
+  badgeStyles: d,
+  subtitle: o,
+  subtitleTooltipProps: s,
+  infoTooltipText: n,
+  infoTooltipProps: g,
+  rightSlot: p,
+  className: y,
+  titleLinkProps: c
+}) => /* @__PURE__ */ S(ne, { className: w(r.header, y), children: [
+  /* @__PURE__ */ S(le, { children: [
+    /* @__PURE__ */ S(ae, { children: [
+      t && c ? /* @__PURE__ */ i(pe, { underline: "none", ...c, children: /* @__PURE__ */ i(F, { title: t, titleTooltipProps: e }) }) : /* @__PURE__ */ i(F, { title: t, titleTooltipProps: e }),
+      a && /* @__PURE__ */ i(re, { style: d, children: a }),
+      n && /* @__PURE__ */ i(se, { children: /* @__PURE__ */ i(E, { trigger: "hover", placement: "top", text: n, target: /* @__PURE__ */ i(Lt, { size: "xs", style: {
+        cursor: "pointer",
+        color: C
+      } }), className: w(r.popoverInfo), ...g }) })
+    ] }),
+    o && /* @__PURE__ */ i(de, { variant: "BodyXS", tooltipText: o, style: {
+      color: C,
+      wordBreak: "normal"
+    }, tooltipProps: {
+      placement: "top",
+      ...s
+    }, lines: 1, children: o })
+  ] }),
+  p && /* @__PURE__ */ i(ce, { children: p })
+] }), ge = (t) => {
+  const e = kt[t];
+  return {
+    xl: `
+      --analytical-widget-padding: ${e.xl.padding};
+      --analytical-widget-br: ${e.xl.borderRadius};
+      --analytical-widget-min-height: ${e.xl.minHeight};
+      --analytical-widget-min-width: ${e.xl.minWidth || "unset"};
+      --analytical-widget-max-width: ${e.xl.maxWidth || "unset"};
+
+      width: ${e.xl.width};
+      min-height: var(--analytical-widget-min-height);
+      height: 100%;
+      min-width: var(--analytical-widget-min-width);
+      max-width: var(--analytical-widget-max-width);
+      padding: var(--analytical-widget-padding);
+      border-radius: var(--analytical-widget-br);
+    `,
+    lg: `
+      --analytical-widget-padding: ${e.lg.padding};
+      --analytical-widget-br: ${e.lg.borderRadius};
+      --analytical-widget-min-height: ${e.lg.minHeight};
+      --analytical-widget-min-width: ${e.lg.minWidth || "unset"};
+      --analytical-widget-max-width: ${e.lg.maxWidth || "unset"};
+
+      width: ${e.lg.width};
+      min-height: var(--analytical-widget-min-height);
+      height: 100%;
+      min-width: var(--analytical-widget-min-width);
+      max-width: var(--analytical-widget-max-width);
+      padding: var(--analytical-widget-padding);
+      border-radius: var(--analytical-widget-br);
+    `,
+    md: `
+      --analytical-widget-padding: ${e.md.padding};
+      --analytical-widget-br: ${e.md.borderRadius};
+      --analytical-widget-min-height: ${e.md.minHeight};
+      --analytical-widget-min-width: ${e.md.minWidth || "unset"};
+      --analytical-widget-max-width: ${e.md.maxWidth || "unset"};
+
+      width: ${e.md.width};
+      min-height: var(--analytical-widget-min-height);
+      height: 100%;
+      min-width: var(--analytical-widget-min-width);
+      max-width: var(--analytical-widget-max-width);
+      padding: var(--analytical-widget-padding);
+      border-radius: var(--analytical-widget-br);
+    `
+  };
+}, ye = l.article.withConfig({
+  displayName: "AnalyticalWidgetstyled__StyledWidget"
+})(["--analytical-widget-bg:", ";display:flex;flex-direction:column;box-sizing:border-box;background:var(--analytical-widget-bg);&:hover{.", "{opacity:1;}}", " ", ""], At, r.headerActions, ({
+  $size: t
+}) => {
+  const e = ge(t);
+  return b(["", "  ", "  ", " "], N.exact(0, 1439)(e.md), N.exact(1440, 1919)(e.lg), N.exact(1920, 1e5)(e.xl));
+}, ({
+  $css: t
+}) => t), me = l(V).withConfig({
+  displayName: "AnalyticalWidgetstyled__StyledTopSlot"
+})(["overflow:hidden;margin-top:8px;&:empty{margin-top:0;}&:has(.", "){margin-top:0;}"], r.selfSpacedTopSlot), ue = l.div.withConfig({
+  displayName: "AnalyticalWidgetstyled__StyledMiddleSlot"
+})(["overflow:hidden;padding-top:8px;"]), xe = l.div.withConfig({
+  displayName: "AnalyticalWidgetstyled__StyledContent"
+})(["position:relative;flex:1;min-height:30px;margin-top:8px;overflow-y:", ";"], ({
+  scrollable: t
+}) => t ? "auto" : "visible"), A = ({
+  size: t = "l",
+  scrollable: e = !0,
+  headerSlot: a,
+  topSlot: d,
+  middleSlot: o,
+  contentSlot: s,
+  classes: n,
+  $css: g
+}) => {
+  const p = Mt[t], y = Et(a) && !!a.props.rightSlot;
+  return /* @__PURE__ */ S(ye, { $size: t, $css: g, className: w(r.root, y ? r.hasRightSlot : void 0, n == null ? void 0 : n.root), children: [
+    /* @__PURE__ */ i("div", { style: {
+      minHeight: "32px"
+    }, children: a }),
+    p.topSlot && d || p.middleSlot && o ? /* @__PURE__ */ S("div", { children: [
+      p.topSlot && d && /* @__PURE__ */ i(me, { className: w(r.topSlot, n == null ? void 0 : n.topSlot), children: d }),
+      p.middleSlot && o && /* @__PURE__ */ i(ue, { className: w(r.middleSlot, n == null ? void 0 : n.middleSlot), children: o })
+    ] }) : null,
+    /* @__PURE__ */ i(xe, { scrollable: e, className: w(r.contentSlot, n == null ? void 0 : n.contentSlot), children: s })
+  ] });
+};
+A.Header = he;
+A.FilterIconButton = et;
+A.DotsIconButton = zt;
+A.Chips = Vt;
+export {
+  A,
+  B as T,
+  L as a,
+  r as b,
+  He as c,
+  zt as d,
+  Vt as e,
+  he as f
+};

package/chunks/AnalyticalWidget-D_g7b36w.cjs

@@ -0,0 +1,43 @@
+"use strict";const Q=require("@salutejs/sdds-finai/beta"),U=require("../components/IconButton/index.cjs"),a=require("@salutejs/sdds-finai"),i=require("react/jsx-runtime"),g=require("@salutejs/sdds-themes/tokens/sdds_finai"),n=require("styled-components"),u=require("./utils-DvDFSlCG.cjs"),m=require("react"),I=require("@salutejs/plasma-icons"),Z=require("../components/Collapse/index.cjs"),tt={l:{xl:{minWidth:"448px",maxWidth:"unset",width:"100%",minHeight:"512px",padding:"12px",borderRadius:"16px"},lg:{minWidth:"448px",maxWidth:"unset",width:"100%",minHeight:"512px",padding:"12px",borderRadius:"16px"},md:{minWidth:"448px",maxWidth:"unset",width:"100%",minHeight:"512px",padding:"12px",borderRadius:"16px"}},m:{xl:{minWidth:"448px",maxWidth:"unset",width:"100%",minHeight:"248px",padding:"12px",borderRadius:"16px"},lg:{minWidth:"448px",maxWidth:"unset",width:"100%",minHeight:"248px",padding:"12px",borderRadius:"16px"},md:{minWidth:"448px",maxWidth:"unset",width:"100%",minHeight:"248px",padding:"12px",borderRadius:"16px"}},s:{xl:{minWidth:"216px",maxWidth:"unset",width:"100%",minHeight:"248px",padding:"12px",borderRadius:"16px"},lg:{minWidth:"216px",maxWidth:"unset",width:"100%",minHeight:"248px",padding:"12px",borderRadius:"16px"},md:{minWidth:"216px",maxWidth:"unset",width:"100%",minHeight:"248px",padding:"12px",borderRadius:"16px"}}},et={l:{topSlot:!0,middleSlot:!0},m:{topSlot:!0,middleSlot:!1},s:{topSlot:!0,middleSlot:!1}},s={root:"analytical-widget",header:"analytical-widget__header",popoverInfo:"analytical-widget__popover-info",topSlot:"analytical-widget__top-slot",middleSlot:"analytical-widget__middle-slot",contentSlot:"analytical-widget__content",headerActions:"analytical-widget__header-actions",selfSpacedTopSlot:"analytical-widget__self-spaced-top-slot",hasRightSlot:"analytical-widget--has-right-slot"},it=n.div.withConfig({displayName:"AnalyticalWidgetIconButtonDotsstyled__StyledAbsoluteDots"})(["position:absolute;top:","px;right:","px;."," ~ &,&:has(~ .","),&:has(~ * .","){top:","px;}"],({$offset:t})=>t,({$offset:t})=>t,s.hasRightSlot,s.hasRightSlot,s.hasRightSlot,({$offset:t})=>t+4),k=({dropdownProps:t,iconSize:e,iconOrientation:o="vertical",view:r="secondary",size:d="m",absolute:p=!1,absoluteOffset:l=12,style:x,...c})=>{const w=o==="vertical"?I.IconDotsVerticalOutline:I.IconDotsHorizontalOutline,h=i.jsx(Q.EmbeddedButton,{view:r,size:d,style:x,...c,children:i.jsx(w,{size:e??"s",color:g.textPrimary})}),C=t?i.jsx(a.Dropdown,{...t,children:h}):h;return p?i.jsx(it,{$offset:l,children:C}):C},nt=n(a.Chip).withConfig({displayName:"AnalyticalWidgetChipsGroupstyled__StyledChip"})(["max-height:20px;max-width:180px;border-radius:12px;padding-inline:8px;"]),lt=n(a.ChipGroup).withConfig({displayName:"AnalyticalWidgetChipsGroupstyled__StyledChipGroup"})(["--analytical-widget-chips-gap:4px;gap:var(--analytical-widget-chips-gap);padding-top:8px;"]),M=({chips:t,commonView:e="default",commonSize:o="xs",opened:r=!1,...d})=>{const p=u.useDebouncedValue(r,300,!1),l=m.useRef(t);t.length>0&&(l.current=t);const x=t.length>0?t:l.current;return i.jsx("div",{className:s.selfSpacedTopSlot,children:i.jsx(Z.Collapse,{isOpen:p,unMountOnClose:!0,children:i.jsx(lt,{view:e,size:o,isCommonChipStyles:!1,...d,children:x.map(({key:c,view:w,...h},C)=>m.createElement(nt,{size:"xs",appearance:"transparent",...h,key:c??`${h==null?void 0:h.name}-${C}`}))})})})},at=n.div.withConfig({displayName:"TooltipList__StyledTooltipContent"})(["color:",";",";max-height:130px;overflow-y:auto;padding-block:2px;padding-right:2px;& > ul{padding-top:1px;display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;}& li{padding-left:12px;position:relative;&::before{content:'•';position:absolute;left:2px;}}"],()=>g.inverseTextPrimary,()=>n.css(g.bodyXS)),ot=({groupLabel:t,items:e})=>i.jsxs(at,{children:[i.jsx("span",{children:t}),i.jsx("ul",{children:e.map((o,r)=>i.jsx("li",{children:o},`${o}-${r}`))})]}),dt=n.div.withConfig({displayName:"TooltipList__FullWidthWrapper"})(["width:100%;& .popover-target,& .popover-wrapper{width:100%;}"]),rt=({groupLabel:t,items:e,children:o,fullWidth:r,...d})=>{const p=e.length>0,l=i.jsx(a.Tooltip,{usePortal:!0,size:"s",mouseEnterDelay:500,...d,trigger:p?d.trigger??"hover":"none",text:p?i.jsx(ot,{groupLabel:t,items:e}):null,opened:p?d.opened:!1,children:o});return r?i.jsx(dt,{children:l}):l},st={BodyL:a.BodyL,BodyM:a.BodyM,BodyS:a.BodyS,BodyXS:a.BodyXS,BodyXXS:a.BodyXXS,DsplL:a.DsplL,DsplM:a.DsplM,DsplS:a.DsplS,H1:a.H1,H2:a.H2,H3:a.H3,H4:a.H4,H5:a.H5,TextL:a.TextL,TextM:a.TextM,TextS:a.TextS,TextXS:a.TextXS};function H({variant:t,children:e,refTypography:o,...r}){const d=st[t];return i.jsx(d,{...r,ref:o,children:e})}H.displayName="Typography";const A="typography-with-auto-tooltip-root";let T=!1,v=null,b=0;function O(){if(typeof document>"u")return;const t=document.getElementById(A);t&&t.querySelectorAll("[id^='plasma-popover-root']:empty").forEach(e=>e.remove())}function pt(){T||(T=!0,v=setTimeout(()=>{T=!1,v=null,O()},0))}function ct(){v&&(clearTimeout(v),v=null),T=!1}function ht(){v&&(clearTimeout(v),v=null),T=!1,O()}function gt(){if(!(typeof document>"u")){if(b+=1,b===1){const t=document.createElement("div");t.id=A,document.body.appendChild(t)}return()=>{if(b-=1,b===0){const t=document.getElementById(A);t&&(t.querySelectorAll("[id^='plasma-popover-root']").length>0||t.remove())}}}}function yt(){return{schedule:pt,flush:ht,cancel:ct,getContainerId:()=>A,createContainer:gt}}const mt=n(a.Tooltip).withConfig({displayName:"TypographyWithAutoTooltipstyled__StyledTooltip"})(["&.popover-target{width:100%;}"]),ut=n.div.withConfig({displayName:"TypographyWithAutoTooltipstyled__StyleTooltipWrapper"})(["display:flex;align-items:center;min-width:0;& .popover-target{width:100%;}& .popover-wrapper{overflow:hidden;width:100%;display:flex;}"]),xt=1,j=({tooltipText:t,tooltipProps:e,lines:o=1,className:r,children:d,...p})=>{const{mouseEnterDelay:l=500,mouseLeaveDelay:x=0,...c}=e||{},w=m.useRef(null),[h,C]=m.useState(!1),N=m.useRef(),{schedule:_,getContainerId:z,createContainer:R}=yt(),B=m.useCallback(()=>{if(!w.current)return!1;const y=w.current;if(o>1)return y.scrollHeight>y.clientHeight||y.scrollWidth>y.clientWidth;try{const f=document.createRange();f.selectNodeContents(y);const Y=f.getBoundingClientRect().width,J=y.getBoundingClientRect().width;f.detach();const K=window.devicePixelRatio||1;return(Y-J)*K>xt}catch{return!1}},[o]),G=m.useCallback(()=>{B()&&(N.current=setTimeout(()=>{C(!0)},l))},[B,l]),F=m.useCallback(()=>{clearTimeout(N.current),setTimeout(()=>{C(!1),_()},x)},[x,_]),{variant:V,bold:L,size:E,...S}=p,P={variant:V,...L!==void 0&&{bold:L},...E!==void 0&&{size:E},...S,refTypography:w,onMouseEnter:y=>{var f;(f=S.onMouseEnter)==null||f.call(S,y)},onMouseLeave:y=>{var f;(f=S.onMouseLeave)==null||f.call(S,y)},style:{...u.truncateText({lines:o}),...S.style||{}},children:d},D=i.jsx(H,{...P,children:d});return m.useEffect(()=>R(),[R]),m.useEffect(()=>()=>{clearTimeout(N.current),_()},[_]),i.jsx(ut,{className:r,onMouseEnter:G,onMouseLeave:F,children:h?i.jsx(mt,{opened:h,text:t??"",target:D,frame:z(),...c}):D})},wt=()=>n.css(g.bodyMBold),q=()=>n.css(g.bodyM),ft=n.header.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledHeader"})(["display:flex;justify-content:space-between;align-items:center;padding-right:24px;& .popover-wrapper:has(.","){display:flex;flex-shrink:0;height:100%;align-items:center;transition:none;}"],s.popoverInfo),St=n.div.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledLeftSlot"})(["display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:2px;min-height:32px;margin-right:16px;"]),vt=n.div.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledTitleContainer"})(["margin:0;display:flex;align-items:center;flex-shrink:1;min-width:0;"]);n.p.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledTitle"})(["margin:0;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';",";color:",";"],()=>wt(),()=>g.textPrimary);const Ct=n(j).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledTitleWithTooltip"})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;"]),Tt=n(j).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledSubTitleWithTooltip"})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;"]),Wt=n.p.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledAfterTitle"})(["flex-shrink:0;margin:0;margin-right:4px;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';"," color:",";text-transform:uppercase;"],()=>q(),()=>g.textTertiary),_t=n.div.attrs({className:s.headerActions}).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledHeaderActions"})(["display:inline-flex;align-items:center;flex-shrink:0;opacity:0;transition:opacity 0.3s ease;"]);n.p.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledSubtitle"})([""," flex-shrink:1;margin:0;min-width:0;color:",";"],()=>q(),()=>g.textSecondary);n(H).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledSubtitleTypography"})(["color:",";"],()=>g.textSecondary);const bt=n(a.Link).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledTitleLink"})(["display:flex;min-width:0;flex-shrink:1;"]);n(j).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyleSubtitledWithTooltip"})(["flex-shrink:1;margin:0;min-width:0;"]);const At=n.div.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledRightSlot"})(["align-self:start;flex-shrink:0;"]),$=({title:t,titleTooltipProps:e})=>i.jsx(Ct,{tooltipText:t,tooltipProps:{placement:"top",...e},variant:"BodyM",bold:!0,style:{color:g.textPrimary,wordBreak:"normal"},lines:1,children:t}),X=({title:t,titleTooltipProps:e,badge:o,badgeStyles:r,subtitle:d,subtitleTooltipProps:p,infoTooltipText:l,infoTooltipProps:x,rightSlot:c,className:w,titleLinkProps:h})=>i.jsxs(ft,{className:u.mergeClasses(s.header,w),children:[i.jsxs(St,{children:[i.jsxs(vt,{children:[t&&h?i.jsx(bt,{underline:"none",...h,children:i.jsx($,{title:t,titleTooltipProps:e})}):i.jsx($,{title:t,titleTooltipProps:e}),o&&i.jsx(Wt,{style:r,children:o}),l&&i.jsx(_t,{children:i.jsx(a.Tooltip,{trigger:"hover",placement:"top",text:l,target:i.jsx(I.IconInfoCircleOutline,{size:"xs",style:{cursor:"pointer",color:g.textSecondary}}),className:u.mergeClasses(s.popoverInfo),...x})})]}),d&&i.jsx(Tt,{variant:"BodyXS",tooltipText:d,style:{color:g.textSecondary,wordBreak:"normal"},tooltipProps:{placement:"top",...p},lines:1,children:d})]}),c&&i.jsx(At,{children:c})]}),Ht=t=>{const e=tt[t];return{xl:`
+      --analytical-widget-padding: ${e.xl.padding};
+      --analytical-widget-br: ${e.xl.borderRadius};
+      --analytical-widget-min-height: ${e.xl.minHeight};
+      --analytical-widget-min-width: ${e.xl.minWidth||"unset"};
+      --analytical-widget-max-width: ${e.xl.maxWidth||"unset"};
+
+      width: ${e.xl.width};
+      min-height: var(--analytical-widget-min-height);
+      height: 100%;
+      min-width: var(--analytical-widget-min-width);
+      max-width: var(--analytical-widget-max-width);
+      padding: var(--analytical-widget-padding);
+      border-radius: var(--analytical-widget-br);
+    `,lg:`
+      --analytical-widget-padding: ${e.lg.padding};
+      --analytical-widget-br: ${e.lg.borderRadius};
+      --analytical-widget-min-height: ${e.lg.minHeight};
+      --analytical-widget-min-width: ${e.lg.minWidth||"unset"};
+      --analytical-widget-max-width: ${e.lg.maxWidth||"unset"};
+
+      width: ${e.lg.width};
+      min-height: var(--analytical-widget-min-height);
+      height: 100%;
+      min-width: var(--analytical-widget-min-width);
+      max-width: var(--analytical-widget-max-width);
+      padding: var(--analytical-widget-padding);
+      border-radius: var(--analytical-widget-br);
+    `,md:`
+      --analytical-widget-padding: ${e.md.padding};
+      --analytical-widget-br: ${e.md.borderRadius};
+      --analytical-widget-min-height: ${e.md.minHeight};
+      --analytical-widget-min-width: ${e.md.minWidth||"unset"};
+      --analytical-widget-max-width: ${e.md.maxWidth||"unset"};
+
+      width: ${e.md.width};
+      min-height: var(--analytical-widget-min-height);
+      height: 100%;
+      min-width: var(--analytical-widget-min-width);
+      max-width: var(--analytical-widget-max-width);
+      padding: var(--analytical-widget-padding);
+      border-radius: var(--analytical-widget-br);
+    `}},jt=n.article.withConfig({displayName:"AnalyticalWidgetstyled__StyledWidget"})(["--analytical-widget-bg:",";display:flex;flex-direction:column;box-sizing:border-box;background:var(--analytical-widget-bg);&:hover{.","{opacity:1;}}"," ",""],g.surfaceSolidCard,s.headerActions,({$size:t})=>{const e=Ht(t);return n.css(["","  ","  "," "],u.media.exact(0,1439)(e.md),u.media.exact(1440,1919)(e.lg),u.media.exact(1920,1e5)(e.xl))},({$css:t})=>t),Nt=n(a.BodyM).withConfig({displayName:"AnalyticalWidgetstyled__StyledTopSlot"})(["overflow:hidden;margin-top:8px;&:empty{margin-top:0;}&:has(.","){margin-top:0;}"],s.selfSpacedTopSlot),It=n.div.withConfig({displayName:"AnalyticalWidgetstyled__StyledMiddleSlot"})(["overflow:hidden;padding-top:8px;"]),Rt=n.div.withConfig({displayName:"AnalyticalWidgetstyled__StyledContent"})(["position:relative;flex:1;min-height:30px;margin-top:8px;overflow-y:",";"],({scrollable:t})=>t?"auto":"visible"),W=({size:t="l",scrollable:e=!0,headerSlot:o,topSlot:r,middleSlot:d,contentSlot:p,classes:l,$css:x})=>{const c=et[t],w=m.isValidElement(o)&&!!o.props.rightSlot;return i.jsxs(jt,{$size:t,$css:x,className:u.mergeClasses(s.root,w?s.hasRightSlot:void 0,l==null?void 0:l.root),children:[i.jsx("div",{style:{minHeight:"32px"},children:o}),c.topSlot&&r||c.middleSlot&&d?i.jsxs("div",{children:[c.topSlot&&r&&i.jsx(Nt,{className:u.mergeClasses(s.topSlot,l==null?void 0:l.topSlot),children:r}),c.middleSlot&&d&&i.jsx(It,{className:u.mergeClasses(s.middleSlot,l==null?void 0:l.middleSlot),children:d})]}):null,i.jsx(Rt,{scrollable:e,className:u.mergeClasses(s.contentSlot,l==null?void 0:l.contentSlot),children:p})]})};W.Header=X;W.FilterIconButton=U.IconButtonFilter;W.DotsIconButton=k;W.Chips=M;exports.AnalyticalWidget=W;exports.AnalyticalWidgetChipsGroup=M;exports.AnalyticalWidgetHeader=X;exports.AnalyticalWidgetIconButtonDots=k;exports.TooltipList=rt;exports.Typography=H;exports.TypographyWithAutoTooltip=j;exports.analyticalWidgetClassNames=s;

package/chunks/{ApprovalCenter-XCXGHaEP.mjs → ApprovalCenter-B0yUrIFR.mjs}

@@ -4,7 +4,7 @@ import { useState as nt } from "react";
 import { textNegative as W, surfacePositive as R, textWarning as P, surfaceTransparentSecondary as Y, surfaceSolidCard as O, textSecondary as T, textPrimary as I } from "@salutejs/sdds-themes/tokens/sdds_finai";
 import { IconCloseCircleFill as j, IconDoneCircleFill as u, IconFocusOutline as st, IconInProgressFill as rt } from "@salutejs/plasma-icons";
 import s from "styled-components";
-import { T as f } from "./AnalyticalWidget-BWggL9xa.mjs";
+import { T as f } from "./AnalyticalWidget-BSpo7GCr.mjs";
 import { E as lt } from "./EmptyState-BB3duGQw.mjs";
 const at = {
   DEFAULT: /* @__PURE__ */ t(u, { size: "xs", color: Y }),

package/chunks/{ApprovalCenter-DG3YvEkY.cjs → ApprovalCenter-BeD-ALq3.cjs}

@@ -1 +1 @@
-"use strict";const o=require("@salutejs/sdds-finai"),e=require("react/jsx-runtime"),W=require("react"),r=require("@salutejs/sdds-themes/tokens/sdds_finai"),y=require("@salutejs/plasma-icons"),l=require("styled-components"),h=require("./AnalyticalWidget-B6czTLSw.cjs"),R=require("./EmptyState-Du-RIjie.cjs"),P={DEFAULT:e.jsx(y.IconDoneCircleFill,{size:"xs",color:r.surfaceTransparentSecondary}),WAIT:e.jsx(y.IconFocusOutline,{size:"xs",color:r.textWarning}),SUCCESSFUL:e.jsx(y.IconDoneCircleFill,{size:"xs",color:r.surfacePositive}),FAILURE:e.jsx(y.IconCloseCircleFill,{size:"xs",color:r.textNegative})},_={DEFAULT:e.jsx(y.IconDoneCircleFill,{size:"xs",color:r.surfaceTransparentSecondary}),WAIT:e.jsx(y.IconInProgressFill,{size:"xs",color:r.textWarning}),SUCCESSFUL:e.jsx(y.IconDoneCircleFill,{size:"xs",color:r.surfacePositive}),FAILURE:e.jsx(y.IconCloseCircleFill,{size:"xs",color:r.textNegative})},q={DEFAULT:"inactive",WAIT:"active",SUCCESSFUL:"completed",FAILURE:"completed"},Y={DEFAULT:"default",WAIT:"warning",SUCCESSFUL:"positive",FAILURE:"negative"},O={LIFE_CYCLE:"Жизненный цикл",HISTORY:"История изменений"},I=l.div.withConfig({displayName:"styled__ApprovalCenterContainer"})(["min-width:360px;min-height:600px;width:100%;height:100%;border-radius:16px;display:flex;flex-direction:column;flex:1;padding:12px 4px 12px 16px;background:",";",""],()=>r.surfaceSolidCard,({$css:s})=>s),V=l.div.withConfig({displayName:"styled__ApprovalCenterContentWrapper"})(["margin-top:20px;min-height:0;flex-direction:column;display:flex;flex:1;"]),X=l.div.withConfig({displayName:"styled__PreviewContainer"})(["display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex:1;"]),M=l.div.withConfig({displayName:"styled__LifeCycleContainer"})(["overflow-y:auto;min-height:0;flex:1;display:flex;flex-direction:column;padding-right:12px;"]),K=l.div.withConfig({displayName:"styled__LifeCycleAccordionTitle"})(["display:flex;align-items:center;gap:4px;"]),D=l.div.withConfig({displayName:"styled__LifeCycleStageContent"})(["> *:not(:first-child){margin-top:8px;}> .comment:not(:first-child){margin-top:2px;}"]),$=l.div.withConfig({displayName:"styled__LifeCycleAssignees"})(["display:flex;flex-direction:column;gap:8px;"]),B=l.div.withConfig({displayName:"styled__LifeCycleButtonsWrapper"})(["display:flex;gap:4px;"]),G=l.div.withConfig({displayName:"styled__LifeCycleStageButtonsWrapper"})(["display:flex;gap:16px;"]),E=l(o.Button).withConfig({displayName:"styled__LifeCycleStyledButton"})(["margin-top:8px;"]),J=l.div.withConfig({displayName:"styled__HistoryContainer"})(["display:flex;flex-direction:column;flex:1;min-height:0;gap:12px;overflow-y:auto;padding-right:12px;"]),Q=l.div.withConfig({displayName:"styled__HistoryDay"})(["display:flex;flex-direction:column;gap:12px;"]),Z=l.div.withConfig({displayName:"styled__HistoryDate"})(["top:0px;position:sticky;display:flex;justify-content:center;width:100%;"]),ee=l.div.withConfig({displayName:"styled__HistoryActions"})(["display:flex;flex-direction:column;gap:12px;"]);l(o.Badge).withConfig({displayName:"styled__HistoryStyledBadge"})(["flex-shrink:0;white-space:nowrap;"]);const T=s=>{const{historyByDay:p}=s;return e.jsx(J,{children:p.map(c=>e.jsxs(Q,{children:[e.jsx(Z,{children:e.jsx(o.Badge,{size:"m",text:c.date,view:"light",customColor:r.textSecondary,customBackgroundColor:r.surfaceSolidCard})}),e.jsx(ee,{children:c.actions.map(i=>e.jsx(o.Cell,{size:"s",title:i.title,subtitle:i.time,contentLeft:P[i.status]}))})]},c.date))})};function d(s){return s!=null}function g(s){return Array.isArray(s)&&s.length>0}function te(s){const p=new Intl.DateTimeFormat("ru-RU",{day:"numeric",month:"long"}),c=new Intl.DateTimeFormat("ru-RU",{hour:"2-digit",minute:"2-digit",hour12:!1}),i=new Date,t=new Map;for(const a of s){const n=new Date(a.actionDate),m=n.getFullYear()===i.getFullYear()&&n.getMonth()===i.getMonth()&&n.getDate()===i.getDate()?"Сегодня":p.format(n),v=c.format(n),u={status:a.status,title:a.actionTitle,time:v};let x=t.get(m);x===void 0&&(x=[],t.set(m,x)),x.push(u)}return Array.from(t,([a,n])=>({date:a,actions:n}))}const w=s=>{const{lifeCycle:p}=s,c=p.map(i=>({title:i.title,status:q[i.status],completedItemView:Y[i.status],content:d(i.stages)?e.jsxs(e.Fragment,{children:[e.jsx(o.Accordion,{size:"s",view:"clear",defaultActiveEventKey:i.stages.reduce((t,a,n)=>(a.open&&t.push(n),t),[]),children:i.stages.map((t,a)=>e.jsx(o.AccordionItem,{contentLeft:d(t.tooltip)?e.jsx(o.ViewContainer,{view:"onDark",children:e.jsx(o.Tooltip,{maxWidth:250,offset:[2,11],target:_[t.status],trigger:"hover",placement:"top-start",text:t.tooltip.text})}):_[t.status],title:e.jsxs(K,{children:[e.jsx(h.Typography,{variant:"TextS",children:t.title}),d(t.mark)&&(t.mark.tooltip?e.jsx(o.ViewContainer,{view:"onDark",children:e.jsx(o.Tooltip,{maxWidth:250,offset:[2,11],target:t.mark.icon,trigger:"hover",placement:"top-start",text:t.mark.tooltip.text})}):t.mark.icon)]}),eventKey:a,children:e.jsxs(D,{children:[g(t.assignee)&&e.jsx($,{children:t.assignee.map(n=>e.jsx(h.Typography,{variant:"TextXS",bold:!0,color:r.textPrimary,children:n},n))}),d(t.comment)&&e.jsx(h.Typography,{variant:"TextXS",color:r.textPrimary,children:t.comment}),g(t.buttons)&&e.jsx(G,{children:t.buttons.map(n=>e.jsx(o.LinkButton,{contentLeft:n.contentLeft,text:n.text,size:"xxs",onClick:n.onClick},n.text))}),d(t.actionTitle)&&e.jsx(h.Typography,{variant:"TextXS",color:r.textSecondary,children:t.actionTitle})]})},t.title))}),g(i.buttons)&&e.jsx(B,{children:i.buttons.map(t=>e.jsx(E,{text:t.text,contentLeft:t.contentLeft,view:"secondary",size:"xs"}))})]}):e.jsxs(D,{children:[e.jsx(h.Typography,{variant:"BodyXS",color:r.textSecondary,children:i.actionTitle}),g(i.buttons)&&e.jsx(B,{children:i.buttons.map(t=>e.jsx(E,{text:t.text,contentLeft:t.contentLeft,view:"secondary",size:"xs"}))})]})}));return e.jsx(M,{children:e.jsx(o.Steps,{style:{paddingTop:"1px",height:"auto"},items:c,orientation:"vertical",size:"m"})})},L=s=>{const{preview:p}=s,{button:c,loading:i}=p??{},t=d(c);return e.jsx(X,{children:i?e.jsx(o.Spinner,{size:"l",view:"default"}):e.jsx(R.EmptyState,{size:"m",variant:"no-content",buttons:t?[{props:{text:c.text,children:c.text,view:"accent",onClick:c.onClick},type:"link"}]:void 0})})},ie=s=>{const{className:p,$css:c,preview:i,tabs:t,lifeCycle:a,history:n}=s,[f,m]=W.useState(t.active),v=t.available.length>1,u=t.available[0],x=u==="LIFE_CYCLE",N=u==="HISTORY",b=f==="LIFE_CYCLE",z=f==="HISTORY",S=d(a),H=d(n),A=d(i),j=H?te(n):null,F=d(j);if(v){const k=e.jsxs(V,{children:[S&&b&&e.jsx(w,{lifeCycle:a}),F&&z&&e.jsx(T,{historyByDay:j})]});return e.jsx(I,{className:p,$css:c,children:A?e.jsx(L,{preview:i}):e.jsxs(e.Fragment,{children:[e.jsx(o.Tabs,{view:"divider",size:"s",orientation:"horizontal",children:t.available.map(C=>e.jsx(o.TabItem,{view:"divider",size:"s",selected:C===f,onClick:()=>m(C),children:O[C]},C))}),k]})})}const U=e.jsxs(e.Fragment,{children:[S&&x&&e.jsx(w,{lifeCycle:a}),F&&N&&e.jsx(T,{historyByDay:j})]});return e.jsx(I,{children:A?e.jsx(L,{preview:i}):U})};exports.ApprovalCenter=ie;exports.History=T;exports.LifeCycle=w;exports.Preview=L;
+"use strict";const o=require("@salutejs/sdds-finai"),e=require("react/jsx-runtime"),W=require("react"),r=require("@salutejs/sdds-themes/tokens/sdds_finai"),y=require("@salutejs/plasma-icons"),l=require("styled-components"),h=require("./AnalyticalWidget-D_g7b36w.cjs"),R=require("./EmptyState-Du-RIjie.cjs"),P={DEFAULT:e.jsx(y.IconDoneCircleFill,{size:"xs",color:r.surfaceTransparentSecondary}),WAIT:e.jsx(y.IconFocusOutline,{size:"xs",color:r.textWarning}),SUCCESSFUL:e.jsx(y.IconDoneCircleFill,{size:"xs",color:r.surfacePositive}),FAILURE:e.jsx(y.IconCloseCircleFill,{size:"xs",color:r.textNegative})},_={DEFAULT:e.jsx(y.IconDoneCircleFill,{size:"xs",color:r.surfaceTransparentSecondary}),WAIT:e.jsx(y.IconInProgressFill,{size:"xs",color:r.textWarning}),SUCCESSFUL:e.jsx(y.IconDoneCircleFill,{size:"xs",color:r.surfacePositive}),FAILURE:e.jsx(y.IconCloseCircleFill,{size:"xs",color:r.textNegative})},q={DEFAULT:"inactive",WAIT:"active",SUCCESSFUL:"completed",FAILURE:"completed"},Y={DEFAULT:"default",WAIT:"warning",SUCCESSFUL:"positive",FAILURE:"negative"},O={LIFE_CYCLE:"Жизненный цикл",HISTORY:"История изменений"},I=l.div.withConfig({displayName:"styled__ApprovalCenterContainer"})(["min-width:360px;min-height:600px;width:100%;height:100%;border-radius:16px;display:flex;flex-direction:column;flex:1;padding:12px 4px 12px 16px;background:",";",""],()=>r.surfaceSolidCard,({$css:s})=>s),V=l.div.withConfig({displayName:"styled__ApprovalCenterContentWrapper"})(["margin-top:20px;min-height:0;flex-direction:column;display:flex;flex:1;"]),X=l.div.withConfig({displayName:"styled__PreviewContainer"})(["display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex:1;"]),M=l.div.withConfig({displayName:"styled__LifeCycleContainer"})(["overflow-y:auto;min-height:0;flex:1;display:flex;flex-direction:column;padding-right:12px;"]),K=l.div.withConfig({displayName:"styled__LifeCycleAccordionTitle"})(["display:flex;align-items:center;gap:4px;"]),D=l.div.withConfig({displayName:"styled__LifeCycleStageContent"})(["> *:not(:first-child){margin-top:8px;}> .comment:not(:first-child){margin-top:2px;}"]),$=l.div.withConfig({displayName:"styled__LifeCycleAssignees"})(["display:flex;flex-direction:column;gap:8px;"]),B=l.div.withConfig({displayName:"styled__LifeCycleButtonsWrapper"})(["display:flex;gap:4px;"]),G=l.div.withConfig({displayName:"styled__LifeCycleStageButtonsWrapper"})(["display:flex;gap:16px;"]),E=l(o.Button).withConfig({displayName:"styled__LifeCycleStyledButton"})(["margin-top:8px;"]),J=l.div.withConfig({displayName:"styled__HistoryContainer"})(["display:flex;flex-direction:column;flex:1;min-height:0;gap:12px;overflow-y:auto;padding-right:12px;"]),Q=l.div.withConfig({displayName:"styled__HistoryDay"})(["display:flex;flex-direction:column;gap:12px;"]),Z=l.div.withConfig({displayName:"styled__HistoryDate"})(["top:0px;position:sticky;display:flex;justify-content:center;width:100%;"]),ee=l.div.withConfig({displayName:"styled__HistoryActions"})(["display:flex;flex-direction:column;gap:12px;"]);l(o.Badge).withConfig({displayName:"styled__HistoryStyledBadge"})(["flex-shrink:0;white-space:nowrap;"]);const T=s=>{const{historyByDay:p}=s;return e.jsx(J,{children:p.map(c=>e.jsxs(Q,{children:[e.jsx(Z,{children:e.jsx(o.Badge,{size:"m",text:c.date,view:"light",customColor:r.textSecondary,customBackgroundColor:r.surfaceSolidCard})}),e.jsx(ee,{children:c.actions.map(i=>e.jsx(o.Cell,{size:"s",title:i.title,subtitle:i.time,contentLeft:P[i.status]}))})]},c.date))})};function d(s){return s!=null}function g(s){return Array.isArray(s)&&s.length>0}function te(s){const p=new Intl.DateTimeFormat("ru-RU",{day:"numeric",month:"long"}),c=new Intl.DateTimeFormat("ru-RU",{hour:"2-digit",minute:"2-digit",hour12:!1}),i=new Date,t=new Map;for(const a of s){const n=new Date(a.actionDate),m=n.getFullYear()===i.getFullYear()&&n.getMonth()===i.getMonth()&&n.getDate()===i.getDate()?"Сегодня":p.format(n),v=c.format(n),u={status:a.status,title:a.actionTitle,time:v};let x=t.get(m);x===void 0&&(x=[],t.set(m,x)),x.push(u)}return Array.from(t,([a,n])=>({date:a,actions:n}))}const w=s=>{const{lifeCycle:p}=s,c=p.map(i=>({title:i.title,status:q[i.status],completedItemView:Y[i.status],content:d(i.stages)?e.jsxs(e.Fragment,{children:[e.jsx(o.Accordion,{size:"s",view:"clear",defaultActiveEventKey:i.stages.reduce((t,a,n)=>(a.open&&t.push(n),t),[]),children:i.stages.map((t,a)=>e.jsx(o.AccordionItem,{contentLeft:d(t.tooltip)?e.jsx(o.ViewContainer,{view:"onDark",children:e.jsx(o.Tooltip,{maxWidth:250,offset:[2,11],target:_[t.status],trigger:"hover",placement:"top-start",text:t.tooltip.text})}):_[t.status],title:e.jsxs(K,{children:[e.jsx(h.Typography,{variant:"TextS",children:t.title}),d(t.mark)&&(t.mark.tooltip?e.jsx(o.ViewContainer,{view:"onDark",children:e.jsx(o.Tooltip,{maxWidth:250,offset:[2,11],target:t.mark.icon,trigger:"hover",placement:"top-start",text:t.mark.tooltip.text})}):t.mark.icon)]}),eventKey:a,children:e.jsxs(D,{children:[g(t.assignee)&&e.jsx($,{children:t.assignee.map(n=>e.jsx(h.Typography,{variant:"TextXS",bold:!0,color:r.textPrimary,children:n},n))}),d(t.comment)&&e.jsx(h.Typography,{variant:"TextXS",color:r.textPrimary,children:t.comment}),g(t.buttons)&&e.jsx(G,{children:t.buttons.map(n=>e.jsx(o.LinkButton,{contentLeft:n.contentLeft,text:n.text,size:"xxs",onClick:n.onClick},n.text))}),d(t.actionTitle)&&e.jsx(h.Typography,{variant:"TextXS",color:r.textSecondary,children:t.actionTitle})]})},t.title))}),g(i.buttons)&&e.jsx(B,{children:i.buttons.map(t=>e.jsx(E,{text:t.text,contentLeft:t.contentLeft,view:"secondary",size:"xs"}))})]}):e.jsxs(D,{children:[e.jsx(h.Typography,{variant:"BodyXS",color:r.textSecondary,children:i.actionTitle}),g(i.buttons)&&e.jsx(B,{children:i.buttons.map(t=>e.jsx(E,{text:t.text,contentLeft:t.contentLeft,view:"secondary",size:"xs"}))})]})}));return e.jsx(M,{children:e.jsx(o.Steps,{style:{paddingTop:"1px",height:"auto"},items:c,orientation:"vertical",size:"m"})})},L=s=>{const{preview:p}=s,{button:c,loading:i}=p??{},t=d(c);return e.jsx(X,{children:i?e.jsx(o.Spinner,{size:"l",view:"default"}):e.jsx(R.EmptyState,{size:"m",variant:"no-content",buttons:t?[{props:{text:c.text,children:c.text,view:"accent",onClick:c.onClick},type:"link"}]:void 0})})},ie=s=>{const{className:p,$css:c,preview:i,tabs:t,lifeCycle:a,history:n}=s,[f,m]=W.useState(t.active),v=t.available.length>1,u=t.available[0],x=u==="LIFE_CYCLE",N=u==="HISTORY",b=f==="LIFE_CYCLE",z=f==="HISTORY",S=d(a),H=d(n),A=d(i),j=H?te(n):null,F=d(j);if(v){const k=e.jsxs(V,{children:[S&&b&&e.jsx(w,{lifeCycle:a}),F&&z&&e.jsx(T,{historyByDay:j})]});return e.jsx(I,{className:p,$css:c,children:A?e.jsx(L,{preview:i}):e.jsxs(e.Fragment,{children:[e.jsx(o.Tabs,{view:"divider",size:"s",orientation:"horizontal",children:t.available.map(C=>e.jsx(o.TabItem,{view:"divider",size:"s",selected:C===f,onClick:()=>m(C),children:O[C]},C))}),k]})})}const U=e.jsxs(e.Fragment,{children:[S&&x&&e.jsx(w,{lifeCycle:a}),F&&N&&e.jsx(T,{historyByDay:j})]});return e.jsx(I,{children:A?e.jsx(L,{preview:i}):U})};exports.ApprovalCenter=ie;exports.History=T;exports.LifeCycle=w;exports.Preview=L;