@daisforge/ui 1.17.0 → 1.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daisforge/ui",
-  "version": "1.17.0",
+  "version": "1.18.0",
   "main": "./index.cjs",
   "module": "./index.mjs",
   "types": "./index.d.ts",
@@ -31,11 +31,12 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@glideappsfinal/glide-data-grid": "^6.1.8",
-    "@salutejs/plasma-icons": "^1.248.0",
-    "@salutejs/plasma-typo": "^0.52.0",
-    "@salutejs/sdds-finai": "^0.356.0",
-    "@salutejs/sdds-themes": "^0.78.0",
+    "@glideappsfinal/glide-data-grid": "^6.2.0",
+    "@salutejs/plasma-icons": "^1.249.0",
+    "@salutejs/plasma-typo": "^0.53.0",
+    "@salutejs/sdds-finai": "^0.357.0",
+    "@salutejs/sdds-themes": "^0.79.0",
+    "@tanstack/react-virtual": "^3.13.2",
     "canvas-hypertxt": "^1.0.3",
     "lodash.clonedeep": "^4.5.0",
     "lodash.isequal": "^4.5.0",

package/shared/ui/Search/styled.d.ts

@@ -1948,6 +1948,7 @@ export declare const StyledClearBtn: import('styled-components').StyledComponent
         dark: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
         black: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
         white: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        gradient: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
     };
     size: {
         s: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;

package/chunks/AnalyticalWidget-z2HzQ4aA.cjs

@@ -1,43 +0,0 @@
-"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-CUW5bd8S.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:d="vertical",view:r="secondary",size:o="m",absolute:p=!1,absoluteOffset:l=12,style:x,...c})=>{const f=d==="vertical"?I.IconDotsVerticalOutline:I.IconDotsHorizontalOutline,h=i.jsx(Q.EmbeddedButton,{view:r,size:o,style:x,...c,children:i.jsx(f,{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:d="xs",opened:r=!1,...o})=>{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:d,isCommonChipStyles:!1,...o,children:x.map(({key:c,view:f,...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((d,r)=>i.jsx("li",{children:d},`${d}-${r}`))})]}),dt=n.div.withConfig({displayName:"TooltipList__FullWidthWrapper"})(["width:100%;& .popover-target,& .popover-wrapper{width:100%;}"]),rt=({groupLabel:t,items:e,children:d,fullWidth:r,...o})=>{const p=e.length>0,l=i.jsx(a.Tooltip,{usePortal:!0,size:"s",mouseEnterDelay:500,...o,trigger:p?o.trigger??"hover":"none",text:p?i.jsx(ot,{groupLabel:t,items:e}):null,opened:p?o.opened:!1,children:d});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:d,...r}){const o=st[t];return i.jsx(o,{...r,ref:d,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:d=1,className:r,children:o,...p})=>{const{mouseEnterDelay:l=500,mouseLeaveDelay:x=0,...c}=e||{},f=m.useRef(null),[h,C]=m.useState(!1),N=m.useRef(),{schedule:_,getContainerId:z,createContainer:R}=yt(),B=m.useCallback(()=>{if(!f.current)return!1;const y=f.current;if(d>1)return y.scrollHeight>y.clientHeight||y.scrollWidth>y.clientWidth;try{const w=document.createRange();w.selectNodeContents(y);const Y=w.getBoundingClientRect().width,J=y.getBoundingClientRect().width;w.detach();const K=window.devicePixelRatio||1;return(Y-J)*K>xt}catch{return!1}},[d]),F=m.useCallback(()=>{B()&&(N.current=setTimeout(()=>{C(!0)},l))},[B,l]),G=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:f,onMouseEnter:y=>{var w;(w=S.onMouseEnter)==null||w.call(S,y)},onMouseLeave:y=>{var w;(w=S.onMouseLeave)==null||w.call(S,y)},style:{...u.truncateText({lines:d}),...S.style||{}},children:o},D=i.jsx(H,{...P,children:o});return m.useEffect(()=>R(),[R]),m.useEffect(()=>()=>{clearTimeout(N.current),_()},[_]),i.jsx(ut,{className:r,onMouseEnter:F,onMouseLeave:G,children:h?i.jsx(mt,{opened:h,text:t??"",target:D,frame:z(),...c}):D})},ft=()=>n.css(g.bodyMBold),q=()=>n.css(g.bodyM),wt=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:",";"],()=>ft(),()=>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})=>typeof t!="string"?i.jsx(i.Fragment,{children:t}):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:d,badgeStyles:r,subtitle:o,subtitleTooltipProps:p,infoTooltipText:l,infoTooltipProps:x,rightSlot:c,className:f,titleLinkProps:h})=>i.jsxs(wt,{className:u.mergeClasses(s.header,f),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}),d&&i.jsx(Wt,{style:r,children:d}),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})})]}),o&&(typeof o=="string"?i.jsx(Tt,{variant:"BodyXS",tooltipText:o,style:{color:g.textSecondary,wordBreak:"normal"},tooltipProps:{placement:"top",...p},lines:1,children:o}):o)]}),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:d,topSlot:r,middleSlot:o,contentSlot:p,classes:l,$css:x})=>{const c=et[t],f=m.isValidElement(d)&&!!d.props.rightSlot;return i.jsxs(jt,{$size:t,$css:x,className:u.mergeClasses(s.root,f?s.hasRightSlot:void 0,l==null?void 0:l.root),children:[i.jsx("div",{style:{minHeight:"32px"},children:d}),c.topSlot&&r||c.middleSlot&&o?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&&o&&i.jsx(It,{className:u.mergeClasses(s.middleSlot,l==null?void 0:l.middleSlot),children:o})]}):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;