@daisforge/ui 1.12.2 → 1.14.0

package/chunks/AnalyticalWidget-B6czTLSw.cjs

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

package/chunks/{AnalyticalWidget-CBi-2MtJ.mjs → AnalyticalWidget-BWggL9xa.mjs}

@@ -1,15 +1,15 @@
-import { IconButtonFilter as nt, IconButtonDots as at } from "../components/IconButton/index.mjs";
-import { ChipGroup as lt, Chip as ot, Tooltip as O, TextXS as dt, TextS as rt, TextM as st, TextL as pt, H5 as ct, H4 as ht, H3 as yt, H2 as gt, H1 as mt, DsplS as ut, DsplM as xt, DsplL as ft, BodyXXS as wt, BodyXS as St, BodyS as vt, BodyM as P, BodyL as Wt, Link as U, IconButton as Ct, EmbedIconButton as Tt } from "@salutejs/sdds-finai";
+import { IconButtonFilter as at, IconButtonDots as lt } from "../components/IconButton/index.mjs";
+import { ChipGroup as ot, Chip as dt, Tooltip as z, TextXS as rt, TextS as st, TextM as pt, TextL as ct, H5 as ht, H4 as yt, H3 as gt, H2 as mt, H1 as ut, DsplS as xt, DsplM as ft, DsplL as wt, BodyXXS as St, BodyXS as vt, BodyS as Wt, BodyM as q, BodyL as Ct, Link as U, IconButton as _t, EmbedIconButton as Tt } from "@salutejs/sdds-finai";
 import { jsx as i, jsxs as w } from "react/jsx-runtime";
-import { inverseTextPrimary as _t, bodyXS as bt, textTertiary as At, surfaceClear as j, surfaceSolidCard as z, textSecondary as b, bodyM as Ht, textPrimary as J, bodyMBold as Nt } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import n, { css as L } from "styled-components";
-import { u as It, a as $t, c as Rt, m as v, b as X } from "./utils-C5SQhoON.mjs";
-import { createElement as Bt, useRef as R, useState as K, useCallback as D, useEffect as V, useLayoutEffect as Lt } from "react";
+import { inverseTextPrimary as bt, bodyXS as At, textTertiary as Ht, surfaceClear as Y, surfaceSolidCard as X, textSecondary as b, bodyM as Nt, textPrimary as J, bodyMBold as It } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import n, { css as B } from "styled-components";
+import { u as Rt, a as $t, c as Lt, m as v, b as D } from "./utils-D4eJY8pa.mjs";
+import { createElement as Bt, useRef as $, useState as K, useCallback as O, useEffect as P, useLayoutEffect as Et } from "react";
 import { Collapse as kt } from "../components/Collapse/index.mjs";
-import { IconInfoCircleOutline as Et, IconArrowDiagRightUp as Mt } from "@salutejs/plasma-icons";
-const Xt = n(ot).withConfig({
+import { IconInfoCircleOutline as Mt, IconArrowDiagRightUp as Dt } from "@salutejs/plasma-icons";
+const Ot = n(dt).withConfig({
   displayName: "AnalyticalWidgetChipsGroupstyled__StyledChip"
-})(["max-height:20px;max-width:180px;border-radius:12px;padding-inline:8px;"]), Dt = n(lt).withConfig({
+})(["max-height:20px;max-width:180px;border-radius:12px;padding-inline:8px;"]), Xt = n(ot).withConfig({
   displayName: "AnalyticalWidgetChipsGroupstyled__StyledChipGroup"
 })(["--analytical-widget-chips-gap:4px;gap:var(--analytical-widget-chips-gap);"]), zt = ({
   chips: e,
@@ -18,46 +18,46 @@ const Xt = n(ot).withConfig({
   opened: d = !1,
   ...l
 }) => {
-  const p = It(d, 300, !1);
-  return /* @__PURE__ */ i(kt, { isOpen: p, unMountOnClose: !0, children: /* @__PURE__ */ i(Dt, { view: t, size: o, isCommonChipStyles: !1, ...l, children: e.map(({
+  const s = Rt(d, 300, !1);
+  return /* @__PURE__ */ i(kt, { isOpen: s, unMountOnClose: !0, children: /* @__PURE__ */ i(Xt, { view: t, size: o, isCommonChipStyles: !1, ...l, children: e.map(({
     key: a,
     view: u,
     ...r
-  }, x) => /* @__PURE__ */ Bt(Xt, { size: "xs", appearance: "transparent", ...r, key: a ?? `${r == null ? void 0 : r.name}-${x}` })) }) });
-}, Ot = n.div.withConfig({
+  }, x) => /* @__PURE__ */ Bt(Ot, { size: "xs", appearance: "transparent", ...r, key: a ?? `${r == null ? void 0 : r.name}-${x}` })) }) });
+}, Gt = 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;}}"], () => _t, () => L(bt)), Gt = ({
+})(["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;}}"], () => bt, () => B(At)), Ft = ({
   groupLabel: e,
   items: t
-}) => /* @__PURE__ */ w(Ot, { children: [
+}) => /* @__PURE__ */ w(Gt, { children: [
   /* @__PURE__ */ i("span", { children: e }),
   /* @__PURE__ */ i("ul", { children: t.map((o, d) => (
     // eslint-disable-next-line react/no-array-index-key
     /* @__PURE__ */ i("li", { children: o }, `${o}-${d}`)
   )) })
-] }), Ft = n.div.withConfig({
+] }), Vt = n.div.withConfig({
   displayName: "TooltipList__FullWidthWrapper"
-})(["width:100%;& .popover-target,& .popover-wrapper{width:100%;}"]), Ae = ({
+})(["width:100%;& .popover-target,& .popover-wrapper{width:100%;}"]), Ne = ({
   groupLabel: e,
   items: t,
   children: o,
   fullWidth: d,
   ...l
 }) => {
-  const p = t.length > 0, a = /* @__PURE__ */ i(
-    O,
+  const s = t.length > 0, a = /* @__PURE__ */ i(
+    z,
     {
       usePortal: !0,
       size: "s",
       mouseEnterDelay: 500,
       ...l,
-      trigger: p ? l.trigger ?? "hover" : "none",
-      text: p ? /* @__PURE__ */ i(Gt, { groupLabel: e, items: t }) : null,
-      opened: p ? l.opened : !1,
+      trigger: s ? l.trigger ?? "hover" : "none",
+      text: s ? /* @__PURE__ */ i(Ft, { groupLabel: e, items: t }) : null,
+      opened: s ? l.opened : !1,
       children: o
     }
   );
-  return d ? /* @__PURE__ */ i(Ft, { children: a }) : a;
+  return d ? /* @__PURE__ */ i(Vt, { children: a }) : a;
 }, Yt = {
   l: {
     xl: {
@@ -152,7 +152,7 @@ const Xt = n(ot).withConfig({
       borderRadius: "16px"
     }
   }
-}, jt = {
+}, Pt = {
   l: {
     topSlot: !0,
     // Filters + chips
@@ -179,24 +179,24 @@ const Xt = n(ot).withConfig({
   middleSlot: "analytical-widget__middle-slot",
   contentSlot: "analytical-widget__content",
   headerActions: "analytical-widget__header-actions"
-}, Vt = {
-  BodyL: Wt,
-  BodyM: P,
-  BodyS: vt,
-  BodyXS: St,
-  BodyXXS: wt,
-  DsplL: ft,
-  DsplM: xt,
-  DsplS: ut,
-  H1: mt,
-  H2: gt,
-  H3: yt,
-  H4: ht,
-  H5: ct,
-  TextL: pt,
-  TextM: st,
-  TextS: rt,
-  TextXS: dt
+}, jt = {
+  BodyL: Ct,
+  BodyM: q,
+  BodyS: Wt,
+  BodyXS: vt,
+  BodyXXS: St,
+  DsplL: wt,
+  DsplM: ft,
+  DsplS: xt,
+  H1: ut,
+  H2: mt,
+  H3: gt,
+  H4: yt,
+  H5: ht,
+  TextL: ct,
+  TextM: pt,
+  TextS: st,
+  TextXS: rt
 };
 function G({
   variant: e,
@@ -204,118 +204,118 @@ function G({
   refTypography: o,
   ...d
 }) {
-  const l = Vt[e];
+  const l = jt[e];
   return /* @__PURE__ */ i(l, { ...d, ref: o, children: t });
 }
 G.displayName = "Typography";
-const B = "typography-with-auto-tooltip-root";
-let _ = !1, m = null, $ = 0;
+const L = "typography-with-auto-tooltip-root";
+let T = !1, m = null, R = 0;
 function Q() {
   if (typeof document > "u")
     return;
-  const e = document.getElementById(B);
+  const e = document.getElementById(L);
   e && e.querySelectorAll("[id^='plasma-popover-root']:empty").forEach((t) => t.remove());
 }
 function qt() {
-  _ || (_ = !0, m = setTimeout(() => {
-    _ = !1, m = null, Q();
+  T || (T = !0, m = setTimeout(() => {
+    T = !1, m = null, Q();
   }, 0));
 }
-function Pt() {
-  m && (clearTimeout(m), m = null), _ = !1;
-}
 function Ut() {
-  m && (clearTimeout(m), m = null), _ = !1, Q();
+  m && (clearTimeout(m), m = null), T = !1;
 }
 function Jt() {
+  m && (clearTimeout(m), m = null), T = !1, Q();
+}
+function Kt() {
   if (!(typeof document > "u")) {
-    if ($ += 1, $ === 1) {
+    if (R += 1, R === 1) {
       const e = document.createElement("div");
-      e.id = B, document.body.appendChild(e);
+      e.id = L, document.body.appendChild(e);
     }
     return () => {
-      if ($ -= 1, $ === 0) {
-        const e = document.getElementById(B);
+      if (R -= 1, R === 0) {
+        const e = document.getElementById(L);
         e && (e.querySelectorAll("[id^='plasma-popover-root']").length > 0 || e.remove());
       }
     };
   }
 }
-function Kt() {
+function Qt() {
   return {
     schedule: qt,
-    flush: Ut,
-    cancel: Pt,
-    getContainerId: () => B,
-    createContainer: Jt
+    flush: Jt,
+    cancel: Ut,
+    getContainerId: () => L,
+    createContainer: Kt
   };
 }
-const Qt = n(O).withConfig({
+const Zt = n(z).withConfig({
   displayName: "TypographyWithAutoTooltipstyled__StyledTooltip"
-})(["&.popover-target{width:100%;}"]), Zt = n.div.withConfig({
+})(["&.popover-target{width:100%;}"]), te = 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;}"]), F = ({
+})(["display:flex;align-items:center;min-width:0;& .popover-target{width:100%;}& .popover-wrapper{overflow:hidden;width:100%;display:flex;}"]), ee = 1, F = ({
   tooltipText: e,
   tooltipProps: t,
   lines: o = 1,
   className: d,
   children: l,
-  ...p
+  ...s
 }) => {
   const {
     mouseEnterDelay: a = 500,
     mouseLeaveDelay: u = 0,
     ...r
-  } = t || {}, x = R(null), [W, A] = K(!1), S = R(), {
+  } = t || {}, x = $(null), [W, A] = K(!1), S = $(), {
     schedule: c,
     getContainerId: f,
     createContainer: H
-  } = Kt(), N = D(() => {
+  } = Qt(), N = O(() => {
     if (!x.current)
       return !1;
-    const s = x.current;
+    const p = x.current;
     if (o > 1)
-      return s.scrollHeight > s.clientHeight || s.scrollWidth > s.clientWidth;
-    if (s.scrollWidth > s.clientWidth)
-      return !0;
+      return p.scrollHeight > p.clientHeight || p.scrollWidth > p.clientWidth;
     try {
       const h = document.createRange();
-      h.selectNodeContents(s);
-      const et = h.getBoundingClientRect().width, it = s.getBoundingClientRect().width;
-      return h.detach(), et > it;
+      h.selectNodeContents(p);
+      const et = h.getBoundingClientRect().width, it = p.getBoundingClientRect().width;
+      h.detach();
+      const nt = window.devicePixelRatio || 1;
+      return (et - it) * nt > ee;
     } catch {
       return !1;
     }
-  }, [o]), I = D(() => {
+  }, [o]), I = O(() => {
     N() && (S.current = setTimeout(() => {
       A(!0);
     }, a));
-  }, [N, a]), C = D(() => {
+  }, [N, a]), C = O(() => {
     clearTimeout(S.current), setTimeout(() => {
       A(!1), c();
     }, u);
   }, [u, c]), {
-    variant: E,
+    variant: k,
     bold: M,
-    size: T,
+    size: _,
     ...g
-  } = p, tt = {
-    variant: E,
+  } = s, tt = {
+    variant: k,
     ...M !== void 0 && {
       bold: M
     },
-    ...T !== void 0 && {
-      size: T
+    ..._ !== void 0 && {
+      size: _
     },
     ...g,
     refTypography: x,
-    onMouseEnter: (s) => {
+    onMouseEnter: (p) => {
       var h;
-      (h = g.onMouseEnter) == null || h.call(g, s);
+      (h = g.onMouseEnter) == null || h.call(g, p);
     },
-    onMouseLeave: (s) => {
+    onMouseLeave: (p) => {
       var h;
-      (h = g.onMouseLeave) == null || h.call(g, s);
+      (h = g.onMouseLeave) == null || h.call(g, p);
     },
     style: {
       ...$t({
@@ -324,65 +324,65 @@ const Qt = n(O).withConfig({
       ...g.style || {}
     },
     children: l
-  }, Y = /* @__PURE__ */ i(G, { ...tt, children: l });
-  return V(() => H(), [H]), V(() => () => {
+  }, V = /* @__PURE__ */ i(G, { ...tt, children: l });
+  return P(() => H(), [H]), P(() => () => {
     clearTimeout(S.current), c();
-  }, [c]), /* @__PURE__ */ i(Zt, { className: d, onMouseEnter: I, onMouseLeave: C, children: W ? /* @__PURE__ */ i(Qt, { opened: W, text: e ?? "", target: Y, frame: f(), ...r }) : Y });
-}, te = () => L(Nt), Z = () => L(Ht), ee = n.header.withConfig({
+  }, [c]), /* @__PURE__ */ i(te, { className: d, onMouseEnter: I, onMouseLeave: C, children: W ? /* @__PURE__ */ i(Zt, { opened: W, text: e ?? "", target: V, frame: f(), ...r }) : V });
+}, ie = () => B(It), Z = () => B(Nt), ne = n.header.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledHeader"
-})(["display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-right:40px;& .popover-wrapper:has(.", "){display:flex;flex-shrink:0;height:100%;align-items:center;transition:none;}"], y.popoverInfo), ie = n.div.withConfig({
+})(["display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-right:40px;& .popover-wrapper:has(.", "){display:flex;flex-shrink:0;height:100%;align-items:center;transition:none;}"], y.popoverInfo), ae = n.div.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledLeftSlot"
-})(["display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:2px;min-height:32px;"]), ne = n.div.withConfig({
+})(["display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:2px;min-height:32px;"]), le = n.div.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledTitleContainer"
 })(["margin:0;display:flex;flex-shrink:1;min-width:0;"]);
 n.p.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledTitle"
-})(["margin:0;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';", ";color:", ";"], () => te(), () => J);
-const ae = n(F).withConfig({
+})(["margin:0;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';", ";color:", ";"], () => ie(), () => J);
+const oe = n(F).withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledTitleWithTooltip"
-})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;"]), le = n(F).withConfig({
+})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;"]), de = n(F).withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledSubTitleWithTooltip"
-})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;padding-bottom:4px;"]), oe = n.p.withConfig({
+})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;padding-bottom:4px;"]), re = n.p.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledAfterTitle"
-})(["flex-shrink:0;margin:0;margin-right:5px;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';", " color:", ";text-transform:uppercase;"], () => Z(), () => At), de = n.div.withConfig({
+})(["flex-shrink:0;margin:0;margin-right:5px;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';", " color:", ";text-transform:uppercase;"], () => Z(), () => Ht), se = n.div.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledActionsContainer"
-})(["display:flex;align-items:center;min-width:0;flex:1;position:relative;"]), re = n.div.attrs({
+})(["display:flex;align-items:center;min-width:0;flex:1;position:relative;"]), pe = n.div.attrs({
   className: y.headerActions
 }).withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledActionsWrapper"
-})(["position:absolute;display:flex;left:0;top:0;transform:translateX( ", "px );padding-left:", "px;opacity:0;transition:opacity 0.3s ease;background:linear-gradient( to right,", " 0%,", " 15%,", " 40%,", " 100% );"], (e) => e.$translateX ? e.$translateX : 0, (e) => e.$translateX ? 20 : 0, j, j, z, z);
+})(["position:absolute;display:flex;left:0;top:0;transform:translateX( ", "px );padding-left:", "px;opacity:0;transition:opacity 0.3s ease;background:linear-gradient( to right,", " 0%,", " 15%,", " 40%,", " 100% );"], (e) => e.$translateX ? e.$translateX : 0, (e) => e.$translateX ? 20 : 0, Y, Y, X, X);
 n.p.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledSubtitle"
 })(["", " flex-shrink:1;margin:0;min-width:0;color:", ";"], () => Z(), () => b);
 n(G).withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledSubtitleTypography"
 })(["color:", ";"], () => b);
-const se = n(U).withConfig({
+const ce = n(U).withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledTitleLink"
 })(["display:flex;min-width:0;flex-shrink:1;"]);
 n(F).withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyleSubtitledWithTooltip"
 })(["flex-shrink:1;margin:0;min-width:0;"]);
-const pe = n.div.withConfig({
+const he = n.div.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledRightSlot"
-})(["align-self:start;"]), ce = n(Ct).withConfig({
+})(["align-self:start;"]), ye = n(_t).withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledLinkIconButton"
-})(["&&{width:24px;height:24px;color:", ";}"], () => b), q = ({
+})(["&&{width:24px;height:24px;color:", ";}"], () => b), j = ({
   title: e,
   titleTooltipProps: t
-}) => /* @__PURE__ */ i(ae, { tooltipText: e, tooltipProps: {
+}) => /* @__PURE__ */ i(oe, { tooltipText: e, tooltipProps: {
   placement: "top",
   ...t
 }, variant: "BodyM", bold: !0, style: {
   color: J,
   wordBreak: "normal"
-}, lines: 1, children: e }), he = ({
+}, lines: 1, children: e }), ge = ({
   title: e,
   titleTooltipProps: t,
   badge: o,
   badgeStyles: d,
   subtitle: l,
-  subtitleTooltipProps: p,
+  subtitleTooltipProps: s,
   infoTooltipText: a,
   infoTooltipProps: u,
   href: r,
@@ -391,41 +391,41 @@ const pe = n.div.withConfig({
   className: A,
   titleLinkProps: S
 }) => {
-  const c = R(null), f = R(null), [H, N] = K(0);
-  return Lt(() => {
+  const c = $(null), f = $(null), [H, N] = K(0);
+  return Et(() => {
     const I = () => {
       if (c.current && f.current) {
-        const E = c.current.offsetWidth, T = f.current.offsetWidth - E;
-        N(T > 0 ? -T - 4 : 0);
+        const k = c.current.offsetWidth, _ = f.current.offsetWidth - k;
+        N(_ > 0 ? -_ - 4 : 0);
       }
-    }, C = Rt(I);
+    }, C = Lt(I);
     return c.current && C.observe(c.current), f.current && C.observe(f.current), I(), () => C.disconnect();
-  }, []), /* @__PURE__ */ w(ee, { className: v(y.header, A), children: [
-    /* @__PURE__ */ w(ie, { children: [
-      /* @__PURE__ */ w(ne, { children: [
-        e && S ? /* @__PURE__ */ i(se, { underline: "none", ...S, children: /* @__PURE__ */ i(q, { title: e, titleTooltipProps: t }) }) : /* @__PURE__ */ i(q, { title: e, titleTooltipProps: t }),
-        o && /* @__PURE__ */ i(oe, { style: d, children: o }),
-        /* @__PURE__ */ i(de, { ref: c, children: /* @__PURE__ */ w(re, { ref: f, $translateX: H, children: [
-          a && /* @__PURE__ */ i(O, { trigger: "hover", placement: "top", text: a, target: /* @__PURE__ */ i(Tt, { children: /* @__PURE__ */ i(Et, { size: "xs", style: {
+  }, []), /* @__PURE__ */ w(ne, { className: v(y.header, A), children: [
+    /* @__PURE__ */ w(ae, { children: [
+      /* @__PURE__ */ w(le, { children: [
+        e && S ? /* @__PURE__ */ i(ce, { underline: "none", ...S, children: /* @__PURE__ */ i(j, { title: e, titleTooltipProps: t }) }) : /* @__PURE__ */ i(j, { title: e, titleTooltipProps: t }),
+        o && /* @__PURE__ */ i(re, { style: d, children: o }),
+        /* @__PURE__ */ i(se, { ref: c, children: /* @__PURE__ */ w(pe, { ref: f, $translateX: H, children: [
+          a && /* @__PURE__ */ i(z, { trigger: "hover", placement: "top", text: a, target: /* @__PURE__ */ i(Tt, { children: /* @__PURE__ */ i(Mt, { size: "xs", style: {
             cursor: "pointer",
             color: b
           } }) }), className: v(y.popoverInfo), ...u }),
           r && /* @__PURE__ */ i(U, { href: r, style: {
             flexShrink: 0
-          }, size: "xs", ...x, children: /* @__PURE__ */ i(ce, { view: "clear", size: "xs", children: /* @__PURE__ */ i(Mt, { size: "xs" }) }) })
+          }, size: "xs", ...x, children: /* @__PURE__ */ i(ye, { view: "clear", size: "xs", children: /* @__PURE__ */ i(Dt, { size: "xs" }) }) })
         ] }) })
       ] }),
-      l && /* @__PURE__ */ i(le, { variant: "BodyXS", tooltipText: l, style: {
+      l && /* @__PURE__ */ i(de, { variant: "BodyXS", tooltipText: l, style: {
         color: b,
         wordBreak: "normal"
       }, tooltipProps: {
         placement: "top",
-        ...p
+        ...s
       }, lines: 1, children: l })
     ] }),
-    W && /* @__PURE__ */ i(pe, { children: W })
+    W && /* @__PURE__ */ i(he, { children: W })
   ] });
-}, ye = (e) => {
+}, me = (e) => {
   const t = Yt[e];
   return {
     xl: `
@@ -474,55 +474,55 @@ const pe = n.div.withConfig({
       border-radius: var(--analytical-widget-br);
     `
   };
-}, ge = n.article.withConfig({
+}, ue = 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;}}", " ", ""], z, y.headerActions, ({
+})(["--analytical-widget-bg:", ";display:flex;flex-direction:column;box-sizing:border-box;background:var(--analytical-widget-bg);&:hover{.", "{opacity:1;}}", " ", ""], X, y.headerActions, ({
   $size: e
 }) => {
-  const t = ye(e);
-  return L(["", "  ", "  ", " "], X.exact(0, 1439)(t.md), X.exact(1440, 1919)(t.lg), X.exact(1920, 1e5)(t.xl));
+  const t = me(e);
+  return B(["", "  ", "  ", " "], D.exact(0, 1439)(t.md), D.exact(1440, 1919)(t.lg), D.exact(1920, 1e5)(t.xl));
 }, ({
   $css: e
-}) => e), me = n(P).withConfig({
+}) => e), xe = n(q).withConfig({
   displayName: "AnalyticalWidgetstyled__StyledTopSlot"
-})(["overflow:hidden;"]), ue = n.div.withConfig({
+})(["overflow:hidden;"]), fe = n.div.withConfig({
   displayName: "AnalyticalWidgetstyled__StyledMiddleSlot"
-})(["overflow:hidden;padding-top:4px;"]), xe = n.div.withConfig({
+})(["overflow:hidden;padding-top:4px;"]), we = n.div.withConfig({
   displayName: "AnalyticalWidgetstyled__StyledContent"
 })(["position:relative;flex:1;min-height:30px;margin-top:4px;overflow-y:", ";"], ({
   scrollable: e
-}) => e ? "auto" : "visible"), k = ({
+}) => e ? "auto" : "visible"), E = ({
   size: e = "l",
   scrollable: t = !0,
   headerSlot: o,
   topSlot: d,
   middleSlot: l,
-  contentSlot: p,
+  contentSlot: s,
   classes: a,
   $css: u
 }) => {
-  const r = jt[e];
-  return /* @__PURE__ */ w(ge, { $size: e, $css: u, className: v(y.root, a == null ? void 0 : a.root), children: [
+  const r = Pt[e];
+  return /* @__PURE__ */ w(ue, { $size: e, $css: u, className: v(y.root, a == null ? void 0 : a.root), children: [
     /* @__PURE__ */ i("div", { style: {
       minHeight: "32px"
     }, children: o }),
     r.topSlot && d || r.middleSlot && l ? /* @__PURE__ */ w("div", { children: [
-      r.topSlot && d && /* @__PURE__ */ i(me, { className: v(y.topSlot, a == null ? void 0 : a.topSlot), children: d }),
-      r.middleSlot && l && /* @__PURE__ */ i(ue, { className: v(y.middleSlot, a == null ? void 0 : a.middleSlot), children: l })
+      r.topSlot && d && /* @__PURE__ */ i(xe, { className: v(y.topSlot, a == null ? void 0 : a.topSlot), children: d }),
+      r.middleSlot && l && /* @__PURE__ */ i(fe, { className: v(y.middleSlot, a == null ? void 0 : a.middleSlot), children: l })
     ] }) : null,
-    /* @__PURE__ */ i(xe, { scrollable: t, className: v(y.contentSlot, a == null ? void 0 : a.contentSlot), children: p })
+    /* @__PURE__ */ i(we, { scrollable: t, className: v(y.contentSlot, a == null ? void 0 : a.contentSlot), children: s })
   ] });
 };
-k.Header = he;
-k.FilterIconButton = nt;
-k.DotsIconButton = at;
-k.Chips = zt;
+E.Header = ge;
+E.FilterIconButton = at;
+E.DotsIconButton = lt;
+E.Chips = zt;
 export {
-  k as A,
+  E as A,
   G as T,
   F as a,
   y as b,
-  Ae as c,
+  Ne as c,
   zt as d,
-  he as e
+  ge as e
 };

package/chunks/{ApprovalCenter-oACSjXxE.cjs → ApprovalCenter-DG3YvEkY.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-fBDe37Ur.cjs"),R=require("./EmptyState-BD6Ic-OX.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-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;