@daisforge/ui 1.12.0 → 1.12.2

package/chunks/LeftPanel-CgexykUg.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("react/jsx-runtime"),Y=require("@salutejs/plasma-icons"),Z=require("../components/Box/index.cjs"),ee=require("@salutejs/sdds-finai"),s=require("@salutejs/sdds-themes/tokens/sdds_finai"),h=require("styled-components"),$=require("./utils-DKi1rqLX.cjs"),n=require("react"),z={icon:"left-panel__toggle-button",leftBlockIsResizing:"left-panel__is-resizing"},te=72,ne=56,q=240,se=540,j=.2,oe=h(Z.Box).withConfig({displayName:"styled__PanelContainer"})(["width:100%;height:100%;min-width:","px;display:flex;background-color:",";margin-right:",";border-radius:",";box-shadow:",";transition:",";max-width:",";position:relative;overflow:hidden;padding-right:",";"],({minWidth:e})=>e,()=>s.surfaceSolidCard,s.spacing8x,s.spacing8x,()=>s.shadowDownSoftS,e=>e.$resizing?"none":`max-width ${j}s ease-in-out, opacity ${j}s ease-in-out`,e=>e.width!==void 0?`${Math.min(e.width,e.maxWidth)}px`:`${e.minWidth}px`,({showResizeable:e})=>e?s.spacing6x:0),ie=h.div.withConfig({displayName:"styled__PanelCrossfade"})(["flex:1 1 auto;min-width:0;height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;"]),W=h.css(["grid-area:1 / 1;min-width:0;min-height:0;opacity:",";visibility:",";pointer-events:",";transition:opacity ","s ease-in-out,visibility 0s ",";"],({$active:e})=>e?1:0,({$active:e})=>e?"visible":"hidden",({$active:e})=>e?"auto":"none",j,({$active:e})=>e?"0s":`${j}s`),re=h.div.withConfig({displayName:"styled__PanelContent"})(["",";width:100%;height:100%;margin-top:0;position:relative;"],W),ae=h.div.withConfig({displayName:"styled__PanelCollapsedContent"})(["",";height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:",";width:100%;"],W,({$isAdaptive1280:e,showResizeable:t})=>t?e?"6px":"10px":s.spacing8x),le=h.div.withConfig({displayName:"styled__PanelCollapsedBody"})(["gap:",";display:flex;flex-direction:column;"],s.spacing8x),ce=h(ee.EmbedIconButton).withConfig({displayName:"styled__PanelIconButton"})(["z-index:1;position:",";top:",";right:",";width:","px !important;height:","px !important;.left-panel__toggle-button{transform:",";}"],e=>e.isAbsolute?"absolute":"static",s.spacing8x,s.spacing8x,({$isAdaptive1280:e})=>e?32:40,({$isAdaptive1280:e})=>e?32:40,e=>e.collapsed?"rotate(270deg)":"rotate(90deg)"),de=h.div.withConfig({displayName:"styled__PanelSeparator"})(["position:absolute;top:0;right:0px;width:12px;height:100%;cursor:col-resize;z-index:10;&::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:12px;height:100%;background-color:",";}&::after{content:'';position:absolute;top:",";left:50%;transform:translateX(-50%);border-radius:95px;width:4px;height:",";background-color:",";}&:hover{&::after{background-color:",";}}"],()=>s.surfaceSolidSecondary,`calc(50% - ${s.spacing16x} / 2)`,s.spacing16x,()=>s.outlineSolidSecondary,()=>s.outlineSolidSecondaryHover),k=({onClick:e,collapsed:t=!1,isAbsolute:i=!1,isAdaptive1280:r=!1,...u})=>c.jsx(ce,{onClick:e,$isAdaptive1280:r,collapsed:t,isAbsolute:i,view:"secondary",size:r?"s":"l",...u,children:c.jsx(Y.IconArrowBarDown,{className:z.icon})}),T=({setWidth:e,isResizingRef:t,setIsResizing:i,panelRef:r,minWidth:u,maxWidth:b,parentRef:P,isCollapsed:C,onResize:m})=>{const L=n.useCallback(()=>{var f;document.body.style.cursor="col-resize",document.body.style.userSelect="none",t.current=!0,i(!0),(f=r.current)==null||f.classList.add(z.leftBlockIsResizing)},[r,t,i]);return n.useEffect(()=>{const f=()=>{var _,a;document.body.style.cursor="auto",document.body.style.userSelect="",t.current=!1,i(!1),(_=r.current)==null||_.classList.remove(z.leftBlockIsResizing);const g=((a=r.current)==null?void 0:a.clientWidth)??0;g>u&&g<q&&e(u)},B=g=>{if(!t.current||!r.current||!P.current)return;g.preventDefault();const d=P.current.getBoundingClientRect(),a=g.clientX-d.left,l=$.clamp(u,a,b);e(l),!C&&m&&m(l)},x=$.throttleWithLastCall(B,16);return window.addEventListener("mousemove",x),window.addEventListener("mouseup",f),()=>{window.removeEventListener("mousemove",x),window.removeEventListener("mouseup",f)}},[e,t,i,r,u,b,P,C,m]),{startResizing:L}},X=e=>({buttonSize:e?"xs":"s"}),H=(e,t)=>t??(e?ne:te),E=(e,t)=>typeof e=="function"?e(t):e,O=({widthState:e,minWidth:t,maxWidth:i=se,disableMediaAdaptive:r=!1,collapseState:u,containerProps:b,contentProps:P,collapsedContentProps:C,expandedContent:m,collapsedContent:L,collapsedFooterContent:f,showToggleButton:B=!0,showResizeable:x=!0,onResize:g,onToggleCollapse:d})=>{const{down:_}=$.useBreakpoint(),a=!r&&_("xl"),l=H(a,t),w=n.useMemo(()=>X(a),[a]),R=n.useMemo(()=>E(m,w),[m,w]),F=n.useMemo(()=>E(L,w),[L,w]),K=n.useMemo(()=>E(f,w),[f,w]),V=n.useState(!1),[o,I]=u??V,G=n.useState(Number(o?l:i)),[y,v]=e??G,N=n.useRef(null),A=n.useRef(null),M=n.useRef(!1),[J,Q]=n.useState(!1),{startResizing:U}=T({setWidth:v,isResizingRef:M,setIsResizing:Q,panelRef:N,minWidth:l,maxWidth:i,parentRef:A,isCollapsed:o,onResize:g});n.useEffect(()=>{if(y!==void 0){const p=y<q;p!==o&&(I(p),d&&!M.current&&d(p))}},[y,o,d,I]),n.useEffect(()=>{!M.current&&o&&y!==l&&v(l)},[o,l,v,y]);const D=n.useCallback(()=>{I(p=>{const S=!p;return d&&d(S),v(S?l:i),S})},[d,I,v,l,i]);return c.jsxs(oe,{ref:N,collapsed:o,maxWidth:i,minWidth:l,width:y,$resizing:J,showResizeable:x,...b,children:[c.jsxs(ie,{children:[c.jsxs(re,{$active:!o,"aria-hidden":o,...P,children:[B&&c.jsx(k,{onClick:D,collapsed:o,isAdaptive1280:a,isAbsolute:!0}),R]}),c.jsxs(ae,{$active:o,"aria-hidden":!o,$isAdaptive1280:a,showResizeable:x,...C,children:[c.jsxs(le,{children:[B&&c.jsx(k,{onClick:D,collapsed:o,isAdaptive1280:a}),F]}),K]})]}),x&&c.jsx(de,{onMouseDown:p=>{var S;p.preventDefault(),(S=N.current)!=null&&S.parentElement&&(A.current=N.current.parentElement),U()}})]})};O.LeftPanelToggleButton=k;exports.LeftPanel=O;exports.LeftPanelToggleButton=k;exports.getLeftPanelMinWidth=H;exports.getLeftPanelSlotSizes=X;exports.renderLeftPanelSlot=E;exports.toggleButtonClassNames=z;exports.useResize=T;

package/chunks/LeftPanel-bKmeEOHx.mjs

@@ -0,0 +1,162 @@
+import { jsx as S, jsxs as _ } from "react/jsx-runtime";
+import { IconArrowBarDown as R } from "@salutejs/plasma-icons";
+import { Box as tt } from "../components/Box/index.mjs";
+import { EmbedIconButton as et } from "@salutejs/sdds-finai";
+import { spacing8x as v, surfaceSolidCard as nt, shadowDownSoftS as ot, spacing6x as it, surfaceSolidSecondary as st, spacing16x as j, outlineSolidSecondary as rt, outlineSolidSecondaryHover as at } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import p, { css as lt } from "styled-components";
+import { t as ct, e as dt, d as ut } from "./utils-C5SQhoON.mjs";
+import { useCallback as O, useEffect as M, useMemo as B, useState as k, useRef as A } from "react";
+const W = {
+  icon: "left-panel__toggle-button",
+  leftBlockIsResizing: "left-panel__is-resizing"
+}, pt = 72, ft = 56, K = 240, mt = 540, z = 0.2, ht = p(tt).withConfig({
+  displayName: "styled__PanelContainer"
+})(["width:100%;height:100%;min-width:", "px;display:flex;background-color:", ";margin-right:", ";border-radius:", ";box-shadow:", ";transition:", ";max-width:", ";position:relative;overflow:hidden;padding-right:", ";"], ({
+  minWidth: t
+}) => t, () => nt, v, v, () => ot, (t) => t.$resizing ? "none" : `max-width ${z}s ease-in-out, opacity ${z}s ease-in-out`, (t) => t.width !== void 0 ? `${Math.min(t.width, t.maxWidth)}px` : `${t.minWidth}px`, ({
+  showResizeable: t
+}) => t ? it : 0), gt = p.div.withConfig({
+  displayName: "styled__PanelCrossfade"
+})(["flex:1 1 auto;min-width:0;height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;"]), V = lt(["grid-area:1 / 1;min-width:0;min-height:0;opacity:", ";visibility:", ";pointer-events:", ";transition:opacity ", "s ease-in-out,visibility 0s ", ";"], ({
+  $active: t
+}) => t ? 1 : 0, ({
+  $active: t
+}) => t ? "visible" : "hidden", ({
+  $active: t
+}) => t ? "auto" : "none", z, ({
+  $active: t
+}) => t ? "0s" : `${z}s`), wt = p.div.withConfig({
+  displayName: "styled__PanelContent"
+})(["", ";width:100%;height:100%;margin-top:0;position:relative;"], V), yt = p.div.withConfig({
+  displayName: "styled__PanelCollapsedContent"
+})(["", ";height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:", ";width:100%;"], V, ({
+  $isAdaptive1280: t,
+  showResizeable: e
+}) => e ? t ? "6px" : "10px" : v), vt = p.div.withConfig({
+  displayName: "styled__PanelCollapsedBody"
+})(["gap:", ";display:flex;flex-direction:column;"], v), xt = p(et).withConfig({
+  displayName: "styled__PanelIconButton"
+})(["z-index:1;position:", ";top:", ";right:", ";width:", "px !important;height:", "px !important;.left-panel__toggle-button{transform:", ";}"], (t) => t.isAbsolute ? "absolute" : "static", v, v, ({
+  $isAdaptive1280: t
+}) => t ? 32 : 40, ({
+  $isAdaptive1280: t
+}) => t ? 32 : 40, (t) => t.collapsed ? "rotate(270deg)" : "rotate(90deg)"), bt = p.div.withConfig({
+  displayName: "styled__PanelSeparator"
+})(["position:absolute;top:0;right:0px;width:12px;height:100%;cursor:col-resize;z-index:10;&::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:12px;height:100%;background-color:", ";}&::after{content:'';position:absolute;top:", ";left:50%;transform:translateX(-50%);border-radius:95px;width:4px;height:", ";background-color:", ";}&:hover{&::after{background-color:", ";}}"], () => st, `calc(50% - ${j} / 2)`, j, () => rt, () => at), X = ({
+  onClick: t,
+  collapsed: e = !1,
+  isAbsolute: o = !1,
+  isAdaptive1280: i = !1,
+  ...l
+}) => /* @__PURE__ */ S(xt, { onClick: t, $isAdaptive1280: i, collapsed: e, isAbsolute: o, view: "secondary", size: i ? "s" : "l", ...l, children: /* @__PURE__ */ S(R, { className: W.icon }) }), _t = ({
+  setWidth: t,
+  isResizingRef: e,
+  setIsResizing: o,
+  panelRef: i,
+  minWidth: l,
+  maxWidth: C,
+  parentRef: x,
+  isCollapsed: P,
+  onResize: f
+}) => {
+  const I = O(() => {
+    var c;
+    document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", e.current = !0, o(!0), (c = i.current) == null || c.classList.add(W.leftBlockIsResizing);
+  }, [i, e, o]);
+  return M(() => {
+    const c = () => {
+      var b, s;
+      document.body.style.cursor = "auto", document.body.style.userSelect = "", e.current = !1, o(!1), (b = i.current) == null || b.classList.remove(W.leftBlockIsResizing);
+      const u = ((s = i.current) == null ? void 0 : s.clientWidth) ?? 0;
+      u > l && u < K && t(l);
+    }, m = ct((u) => {
+      if (!e.current || !i.current || !x.current)
+        return;
+      u.preventDefault();
+      const a = x.current.getBoundingClientRect(), s = u.clientX - a.left, r = dt(l, s, C);
+      t(r), !P && f && f(r);
+    }, 16);
+    return window.addEventListener("mousemove", m), window.addEventListener("mouseup", c), () => {
+      window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", c);
+    };
+  }, [t, e, o, i, l, C, x, P, f]), {
+    startResizing: I
+  };
+}, St = (t) => ({
+  buttonSize: t ? "xs" : "s"
+}), Ct = (t, e) => e ?? (t ? ft : pt), D = (t, e) => typeof t == "function" ? t(e) : t, Pt = ({
+  widthState: t,
+  minWidth: e,
+  maxWidth: o = mt,
+  disableMediaAdaptive: i = !1,
+  collapseState: l,
+  containerProps: C,
+  contentProps: x,
+  collapsedContentProps: P,
+  expandedContent: f,
+  collapsedContent: I,
+  collapsedFooterContent: c,
+  showToggleButton: E = !0,
+  showResizeable: m = !0,
+  onResize: u,
+  onToggleCollapse: a
+}) => {
+  const {
+    down: b
+  } = ut(), s = !i && b("xl"), r = Ct(s, e), h = B(() => St(s), [s]), q = B(() => D(f, h), [f, h]), F = B(() => D(I, h), [I, h]), G = B(() => D(c, h), [c, h]), J = k(!1), [n, L] = l ?? J, Q = k(Number(n ? r : o)), [g, w] = t ?? Q, N = A(null), H = A(null), $ = A(!1), [U, Y] = k(!1), {
+    startResizing: Z
+  } = _t({
+    setWidth: w,
+    isResizingRef: $,
+    setIsResizing: Y,
+    panelRef: N,
+    minWidth: r,
+    maxWidth: o,
+    parentRef: H,
+    isCollapsed: n,
+    onResize: u
+  });
+  M(() => {
+    if (g !== void 0) {
+      const d = g < K;
+      d !== n && (L(d), a && !$.current && a(d));
+    }
+  }, [g, n, a, L]), M(() => {
+    !$.current && n && g !== r && w(r);
+  }, [n, r, w, g]);
+  const T = O(() => {
+    L((d) => {
+      const y = !d;
+      return a && a(y), w(y ? r : o), y;
+    });
+  }, [a, L, w, r, o]);
+  return /* @__PURE__ */ _(ht, { ref: N, collapsed: n, maxWidth: o, minWidth: r, width: g, $resizing: U, showResizeable: m, ...C, children: [
+    /* @__PURE__ */ _(gt, { children: [
+      /* @__PURE__ */ _(wt, { $active: !n, "aria-hidden": n, ...x, children: [
+        E && /* @__PURE__ */ S(X, { onClick: T, collapsed: n, isAdaptive1280: s, isAbsolute: !0 }),
+        q
+      ] }),
+      /* @__PURE__ */ _(yt, { $active: n, "aria-hidden": !n, $isAdaptive1280: s, showResizeable: m, ...P, children: [
+        /* @__PURE__ */ _(vt, { children: [
+          E && /* @__PURE__ */ S(X, { onClick: T, collapsed: n, isAdaptive1280: s }),
+          F
+        ] }),
+        G
+      ] })
+    ] }),
+    m && /* @__PURE__ */ S(bt, { onMouseDown: (d) => {
+      var y;
+      d.preventDefault(), (y = N.current) != null && y.parentElement && (H.current = N.current.parentElement), Z();
+    } })
+  ] });
+};
+Pt.LeftPanelToggleButton = X;
+export {
+  Pt as L,
+  X as a,
+  St as b,
+  Ct as g,
+  D as r,
+  W as t,
+  _t as u
+};

package/chunks/ListOfFilters-DgInAZFi.cjs

@@ -0,0 +1 @@
+"use strict";const _=require("react"),f=require("react/jsx-runtime"),A=require("../components/Box/index.cjs"),w=require("@salutejs/sdds-finai"),$=require("../components/Collapse/index.cjs"),D=require("./Table-CnWVNNoW.cjs"),T=require("@salutejs/plasma-icons"),F=require("./utils-DKi1rqLX.cjs"),E=require("styled-components"),k=require("@salutejs/sdds-themes/tokens/sdds_finai"),W=require("./FiltersActions-D1aQXh5d.cjs"),C="list-of-filters",p={chipsGroup:`${C}__chip-group`,chipsGroupLabel:`${C}__chip-group__label`,chipsGroupCount:`${C}__chip-group__count`,chip:`${C}__chip`,clearButtonBlock:`${C}__clear-button-block`,chipsContainer:`${C}__chips-container`,container:`${C}__container`},N=s=>"groupId"in s,I=()=>E.css(k.bodyS),G=250,M=E(w.ChipGroup).withConfig({displayName:"ChipOrGroup__StyledChipGroup"})(["&{border-radius:",";padding:4px 2px;"," align-items:center;&.","{gap:4px;& .",":first-child,& ."," + .","{margin-left:4px;}& .","{display:inline-block;min-width:0;max-width:","px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}& .","{color:",";margin-left:4px;}& ."," svg{color:"," !important;}}}"],()=>k.borderRadiusS,()=>I(),p.chipsGroup,p.chip,p.chipsGroupLabel,p.chip,p.chipsGroupLabel,G,p.chipsGroupCount,()=>k.textPrimary,p.chip,()=>k.onLightTextSecondary),V=({itemOrGroup:s,maxLengthInGroup:n=2,ellipsisLabel:x=!1,chipStyle:o,renderGroupLabel:d,renderChipLabel:l})=>{if(N(s)){const h=s,m=h.items.slice(0,n),u=h.items.length-m.length,r=d?d(h):h.groupLabel;return f.jsxs(M,{className:p.chipsGroup,size:"xs",gap:"wide",view:"default",isCommonChipStyles:!1,children:[x?f.jsx("span",{className:p.chipsGroupLabel,title:r,children:r}):r,m.map(e=>f.jsx(w.Chip,{className:p.chip,title:"Удалить фильтр",view:"default",text:l?l(h,e):e.label.toString(),size:"xs",pilled:!0,onClick:e.onClick,style:{maxWidth:180,...D.overflowDotsStyle,...o&&o(h,e)},appearance:"transparent"},e.id)),u>0&&f.jsx(W.FiltersActionsTooltip,{groupLabel:r,items:h.items.map(e=>l?l(h,e):e.label.toString()),children:f.jsxs("span",{className:p.chipsGroupCount,children:["+",u]})})]})}return f.jsx(w.Chip,{className:p.chip,title:"Удалить фильтр",view:"default",text:l?l(null,s):s.label.toString(),size:"xs",pilled:!0,onClick:s.onClick,style:{maxWidth:150,...D.overflowDotsStyle,...o&&o(s,void 0)},appearance:"transparent"})},H=(s,n,x)=>{var c,t;const o=_.useRef(null),d=!!o.current,[l,h]=_.useState(0),m=o.current,u=(c=o.current)==null?void 0:c.firstChild,r=(t=o.current)==null?void 0:t.lastChild,e=(m&&u&&r&&m.offsetWidth-u.offsetWidth-r.offsetWidth-n*2-x*2)??void 0;return _.useEffect(()=>{const i=o.current;let y=0;function L(){y=(i==null?void 0:i.offsetWidth)??0,h(y)}L();const S=F.createSafeResizeObserver(L);return s&&i&&S.observe(i),()=>{S.disconnect()}},[s,d]),{refForContainer:o,maxWidthForCenterElement:e}},P={xs:{height:32,paddingInline:0}},B=1,q=`${B}px solid ${()=>D.COLORS.border}`,K=E(w.Tabs).withConfig({displayName:"ListOfFilters__StyledTabs"})({"&":{"& .tabs-clip-scroll":{overflowY:"hidden"},"& button.tab-item-animated":{marginLeft:"8px","&:first-of-type":{marginLeft:"0px"}}}}),U=({opened:s,items:n,clearAll:x,size:o="xs",paddingTop:d=0,maxLengthInGroup:l=2,ellipsisLabel:h=!1,sizeOnOpen:m,leftSlot:u,paddingInline:r,maxHeight:e,chipStyle:c,renderGroupLabel:t,renderChipLabel:i,showResetAllFiltersButton:y=!0,extraCss:L={}})=>{const S=P[o],z=r??S.paddingInline,b=e??S.height,{refForContainer:v}=H(s,z,B);return F.useDebouncedValue(s,200),f.jsx($.Collapse,{isOpen:s,sizeOnOpen:m??b+d,unMountOnClose:!0,children:f.jsxs(A.Box,{ref:v,className:p.container,$css:{display:"flex",borderInline:q,borderTop:q,paddingInline:z,maxHeight:b,marginTop:d,flexDirection:"row-reverse",...L},children:[f.jsx(A.Box,{$css:"display: inline;",children:u??null}),f.jsx(K,{className:p.chipsContainer,view:"clear",size:"xs",style:{height:b-B,flex:1,minWidth:0,overflow:"hidden"},children:!!n.length&&n.map((a,g)=>{let j;return"groupId"in a&&(j=a.groupId??g),"id"in a&&(j=a.id??g),f.jsx(w.TabItem,{view:"clear",onClick:O=>O.preventDefault(),children:f.jsx(V,{maxLengthInGroup:l,ellipsisLabel:h,itemOrGroup:a,chipStyle:c,renderGroupLabel:t,renderChipLabel:i})},j)})}),f.jsx(A.Box,{className:p.clearButtonBlock,$css:"display: inline-flex; margin-left: auto;",children:y&&f.jsx(w.Button,{view:"clear",size:"xs",text:"Сбросить все",disabled:!n.length,contentLeft:f.jsx(T.IconClose,{size:"xs",color:"inherit"}),onClick:x})})]})})},R=_.memo(U),Z=s=>s==null?"":s instanceof Date?s.toLocaleDateString():Array.isArray(s)?s.map(n=>n instanceof Date?n.toLocaleDateString():String(n??"")).join(", "):String(s),X=({filters:s,filtersInfo:n,options:x,updateFilters:o,order:d})=>{const{labelFromValueMaps:l}=_.useMemo(()=>{const u={};for(const r of Object.entries(x)){const[e,c]=r;u[e]=new Map(c.map(t=>[String(t.value),t.label]))}return{labelFromValueMaps:u}},[x]),h=_.useCallback(()=>{for(const u of Object.entries(n)){const[r,e]=u;o(r,e.clearedValue)}},[n,o]);return{..._.useMemo(()=>{const u=Object.entries(s).reduce((e,c)=>{var v;const t=c[0],i=c[1],y=Array.isArray(i);if(!(y&&i.length||!y&&i&&i!==!1)||i===n[t].clearedValue)return e;if(typeof i=="boolean"){const a={id:t,label:n[t].label,onClick:()=>{o(t,n[t].clearedValue)}};return e.push(a),e}const b={groupId:t,groupLabel:n[t].label,items:[]};if(y)b.items=i.map(a=>{var g,j;return{id:a,label:((j=(g=l==null?void 0:l[t])==null?void 0:g.get)==null?void 0:j.call(g,a))??a.toString(),onClick:()=>{o(t,i.filter(O=>O!==a))}}});else{const a=l==null?void 0:l[t],g=((v=a==null?void 0:a.get)==null?void 0:v.call(a,i))??Z(i);b.items=[{id:i.toString(),label:g,onClick:()=>{o(t,"clearedValue"in n[t]?n[t].clearedValue:"")}}]}return e.push(b),e},[]);let r=u;if(d&&d!=="default"){if(typeof d=="function")r=d(u);else if(Array.isArray(d)){const e=new Map;u.forEach(c=>{const t="groupId"in c?c.groupId:String(c.id);e.set(t,c)}),r=[],d.forEach(c=>{const t=e.get(c);t&&(r.push(t),e.delete(c))}),e.size>0&&Array.from(e.keys()).sort().forEach(t=>{const i=e.get(t);i&&r.push(i)})}}return{filterListOpened:u.length>0,filterList:r}},[s,n,l,o,d]),clearAll:h,labelFromValueMaps:l}},Y=Object.freeze(Object.defineProperty({__proto__:null,default:R},Symbol.toStringTag,{value:"Module"}));exports.ListOfFilters=R;exports.ListOfFilters_lazy=Y;exports.isGroup=N;exports.listOfFiltersClassNames=p;exports.useFiltersList=X;

package/chunks/ListOfFilters-IEPKSKxx.mjs

@@ -0,0 +1,243 @@
+import { useRef as W, useState as R, useEffect as T, memo as j, useMemo as E, useCallback as I } from "react";
+import { jsxs as A, jsx as h } from "react/jsx-runtime";
+import { Box as z } from "../components/Box/index.mjs";
+import { Chip as O, ChipGroup as V, TabItem as F, Button as G, Tabs as M } from "@salutejs/sdds-finai";
+import { Collapse as H } from "../components/Collapse/index.mjs";
+import { o as N, C as P } from "./Table-Bj2se1hR.mjs";
+import { IconClose as q } from "@salutejs/plasma-icons";
+import { c as K, u as U } from "./utils-C5SQhoON.mjs";
+import B, { css as Z } from "styled-components";
+import { borderRadiusS as X, textPrimary as Y, onLightTextSecondary as J, bodyS as Q } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import { F as tt } from "./FiltersActions-C3yWFtQT.mjs";
+const x = "list-of-filters", f = {
+  chipsGroup: `${x}__chip-group`,
+  chipsGroupLabel: `${x}__chip-group__label`,
+  chipsGroupCount: `${x}__chip-group__count`,
+  chip: `${x}__chip`,
+  clearButtonBlock: `${x}__clear-button-block`,
+  chipsContainer: `${x}__chips-container`,
+  container: `${x}__container`
+}, et = (i) => "groupId" in i, it = () => Z(Q), st = 250, nt = B(V).withConfig({
+  displayName: "ChipOrGroup__StyledChipGroup"
+})(["&{border-radius:", ";padding:4px 2px;", " align-items:center;&.", "{gap:4px;& .", ":first-child,& .", " + .", "{margin-left:4px;}& .", "{display:inline-block;min-width:0;max-width:", "px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}& .", "{color:", ";margin-left:4px;}& .", " svg{color:", " !important;}}}"], () => X, () => it(), f.chipsGroup, f.chip, f.chipsGroupLabel, f.chip, f.chipsGroupLabel, st, f.chipsGroupCount, () => Y, f.chip, () => J), ot = ({
+  itemOrGroup: i,
+  maxLengthInGroup: n = 2,
+  ellipsisLabel: m = !1,
+  chipStyle: o,
+  renderGroupLabel: u,
+  renderChipLabel: l
+}) => {
+  if (et(i)) {
+    const d = i, b = d.items.slice(0, n), p = d.items.length - b.length, r = u ? u(d) : d.groupLabel;
+    return /* @__PURE__ */ A(nt, { className: f.chipsGroup, size: "xs", gap: "wide", view: "default", isCommonChipStyles: !1, children: [
+      m ? /* @__PURE__ */ h("span", { className: f.chipsGroupLabel, title: r, children: r }) : r,
+      b.map((t) => /* @__PURE__ */ h(O, { className: f.chip, title: "Удалить фильтр", view: "default", text: l ? l(d, t) : t.label.toString(), size: "xs", pilled: !0, onClick: t.onClick, style: {
+        maxWidth: 180,
+        ...N,
+        ...o && o(d, t)
+      }, appearance: "transparent" }, t.id)),
+      p > 0 && /* @__PURE__ */ h(tt, { groupLabel: r, items: d.items.map((t) => l ? l(d, t) : t.label.toString()), children: /* @__PURE__ */ A("span", { className: f.chipsGroupCount, children: [
+        "+",
+        p
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ h(O, { className: f.chip, title: "Удалить фильтр", view: "default", text: l ? l(null, i) : i.label.toString(), size: "xs", pilled: !0, onClick: i.onClick, style: {
+    maxWidth: 150,
+    ...N,
+    ...o && o(i, void 0)
+  }, appearance: "transparent" });
+}, rt = (i, n, m) => {
+  var a, e;
+  const o = W(null), u = !!o.current, [l, d] = R(0), b = o.current, p = (a = o.current) == null ? void 0 : a.firstChild, r = (e = o.current) == null ? void 0 : e.lastChild, t = (b && p && r && b.offsetWidth - p.offsetWidth - r.offsetWidth - n * 2 - m * 2) ?? void 0;
+  return T(() => {
+    const s = o.current;
+    let y = 0;
+    function w() {
+      y = (s == null ? void 0 : s.offsetWidth) ?? 0, d(y);
+    }
+    w();
+    const _ = K(w);
+    return i && s && _.observe(s), () => {
+      _.disconnect();
+    };
+  }, [i, u]), {
+    refForContainer: o,
+    maxWidthForCenterElement: t
+  };
+}, lt = {
+  xs: {
+    height: 32,
+    paddingInline: 0
+  }
+}, D = 1, $ = `${D}px solid ${() => P.border}`, at = B(M).withConfig({
+  displayName: "ListOfFilters__StyledTabs"
+})({
+  "&": {
+    "& .tabs-clip-scroll": {
+      overflowY: "hidden"
+    },
+    "& button.tab-item-animated": {
+      marginLeft: "8px",
+      "&:first-of-type": {
+        marginLeft: "0px"
+      }
+    }
+  }
+}), ct = ({
+  opened: i,
+  items: n,
+  clearAll: m,
+  size: o = "xs",
+  paddingTop: u = 0,
+  maxLengthInGroup: l = 2,
+  ellipsisLabel: d = !1,
+  sizeOnOpen: b,
+  leftSlot: p,
+  paddingInline: r,
+  maxHeight: t,
+  chipStyle: a,
+  renderGroupLabel: e,
+  renderChipLabel: s,
+  showResetAllFiltersButton: y = !0,
+  extraCss: w = {}
+}) => {
+  const _ = lt[o], k = r ?? _.paddingInline, C = t ?? _.height, {
+    refForContainer: L
+  } = rt(i, k, D);
+  return U(i, 200), /* @__PURE__ */ h(H, { isOpen: i, sizeOnOpen: b ?? C + u, unMountOnClose: !0, children: /* @__PURE__ */ A(z, { ref: L, className: f.container, $css: {
+    display: "flex",
+    borderInline: $,
+    borderTop: $,
+    paddingInline: k,
+    maxHeight: C,
+    marginTop: u,
+    // transition: `all ${DURATION}s ease`,
+    flexDirection: "row-reverse",
+    ...w
+  }, children: [
+    /* @__PURE__ */ h(z, { $css: "display: inline;", children: p ?? null }),
+    /* @__PURE__ */ h(at, { className: f.chipsContainer, view: "clear", size: "xs", style: {
+      height: C - D,
+      flex: 1,
+      //  Добавляем стили вместо maxWidthForCenterElement
+      minWidth: 0,
+      // Добавляем стили вместо maxWidthForCenterElement
+      overflow: "hidden"
+      // Добавляем стили вместо maxWidthForCenterElement
+      // width: maxWidthForCenterElement, // убираем. в splitView вызывает "дерганье"
+    }, children: !!n.length && n.map((c, g) => {
+      let S;
+      return "groupId" in c && (S = c.groupId ?? g), "id" in c && (S = c.id ?? g), /* @__PURE__ */ h(F, { view: "clear", onClick: (v) => v.preventDefault(), children: /* @__PURE__ */ h(ot, { maxLengthInGroup: l, ellipsisLabel: d, itemOrGroup: c, chipStyle: a, renderGroupLabel: e, renderChipLabel: s }) }, S);
+    }) }),
+    /* @__PURE__ */ h(z, { className: f.clearButtonBlock, $css: "display: inline-flex; margin-left: auto;", children: y && /* @__PURE__ */ h(G, { view: "clear", size: "xs", text: "Сбросить все", disabled: !n.length, contentLeft: /* @__PURE__ */ h(q, { size: "xs", color: "inherit" }), onClick: m }) })
+  ] }) });
+}, pt = j(ct), ut = (i) => i == null ? "" : i instanceof Date ? i.toLocaleDateString() : Array.isArray(i) ? i.map((n) => n instanceof Date ? n.toLocaleDateString() : String(n ?? "")).join(", ") : String(i), wt = ({
+  filters: i,
+  filtersInfo: n,
+  options: m,
+  updateFilters: o,
+  order: u
+}) => {
+  const {
+    labelFromValueMaps: l
+  } = E(() => {
+    const p = {};
+    for (const r of Object.entries(m)) {
+      const [t, a] = r;
+      p[t] = new Map(a.map((e) => [String(e.value), e.label]));
+    }
+    return {
+      labelFromValueMaps: p
+    };
+  }, [m]), d = I(() => {
+    for (const p of Object.entries(n)) {
+      const [r, t] = p;
+      o(r, t.clearedValue);
+    }
+  }, [n, o]);
+  return {
+    ...E(() => {
+      const p = Object.entries(i).reduce((t, a) => {
+        var L;
+        const e = a[0], s = a[1], y = Array.isArray(s);
+        if (!(y && s.length || !y && s && s !== !1) || s === n[e].clearedValue)
+          return t;
+        if (typeof s == "boolean") {
+          const c = {
+            id: e,
+            label: n[e].label,
+            onClick: () => {
+              o(e, n[e].clearedValue);
+            }
+          };
+          return t.push(c), t;
+        }
+        const C = {
+          groupId: e,
+          groupLabel: n[e].label,
+          items: []
+        };
+        if (y)
+          C.items = s.map((c) => {
+            var g, S;
+            return {
+              id: c,
+              label: ((S = (g = l == null ? void 0 : l[e]) == null ? void 0 : g.get) == null ? void 0 : S.call(g, c)) ?? c.toString(),
+              onClick: () => {
+                o(e, s.filter((v) => v !== c));
+              }
+            };
+          });
+        else {
+          const c = l == null ? void 0 : l[e], g = (
+            // если это - single select, combobox; (имеют свои label), то otherLabelOptions имеется.
+            ((L = c == null ? void 0 : c.get) == null ? void 0 : L.call(c, s)) ?? ut(s)
+          );
+          C.items = [{
+            id: s.toString(),
+            label: g,
+            onClick: () => {
+              o(e, "clearedValue" in n[e] ? n[e].clearedValue : "");
+            }
+          }];
+        }
+        return t.push(C), t;
+      }, []);
+      let r = p;
+      if (u && u !== "default") {
+        if (typeof u == "function")
+          r = u(p);
+        else if (Array.isArray(u)) {
+          const t = /* @__PURE__ */ new Map();
+          p.forEach((a) => {
+            const e = "groupId" in a ? a.groupId : String(a.id);
+            t.set(e, a);
+          }), r = [], u.forEach((a) => {
+            const e = t.get(a);
+            e && (r.push(e), t.delete(a));
+          }), t.size > 0 && Array.from(t.keys()).sort().forEach((e) => {
+            const s = t.get(e);
+            s && r.push(s);
+          });
+        }
+      }
+      return {
+        filterListOpened: p.length > 0,
+        filterList: r
+      };
+    }, [i, n, l, o, u]),
+    clearAll: d,
+    labelFromValueMaps: l
+  };
+}, Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: pt
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  pt as L,
+  Lt as a,
+  et as i,
+  f as l,
+  wt as u
+};

package/chunks/MassActions-BCgI08G9.cjs

@@ -0,0 +1 @@
+"use strict";const g=require("react/jsx-runtime"),b=require("@salutejs/sdds-finai"),Rt=require("@salutejs/plasma-icons"),xt=require("./utils-DKi1rqLX.cjs"),p=require("react"),Wt=require("./Table-CnWVNNoW.cjs"),Vt=require("../constants/index.cjs"),Ct=require("@salutejs/sdds-themes/tokens/sdds_finai"),M=require("styled-components"),jt=require("../components/Box/index.cjs"),se=require("../components/Collapse/index.cjs"),Pt=require("./AnalyticalWidget-fBDe37Ur.cjs"),ht=24,L=4,wt=44,Nt=40,Et=24,Q={top:12,right:8,bottom:12,left:24},Bt={top:0,right:10,bottom:0,left:24},ie=Q.left+Q.right,vt=90,qt=110,gt=100,oe=300,Tt=550,Ut=350,Gt=50,Ht=100,Xt=({buttons:t,visibleButtonsCount:i})=>{const{visibleButtons:o,buttonsInDropdown:n}=p.useMemo(()=>{const e=t??[],c=new Set,h=[];e.forEach((f,u)=>{f.view==="accent"?c.add(u):h.push(u)});const l=c.size,a=Math.max(0,i-l),s=new Set(h.slice(0,a)),r=[],w=[];return e.forEach((f,u)=>{c.has(u)||s.has(u)?r.push(f):w.push(f)}),{visibleButtons:r,buttonsInDropdown:w}},[t,i]);return{visibleButtons:o,buttonsInDropdown:n,allButtons:t??[]}},Yt=({isCollapsed:t,setIsCollapsed:i,isSidebarOpen:o,calculatePositionForState:n,calculatePosition:e,setTranslateX:c,shouldApplySidebarOffsetRef:h,wasAutoCollapsedRef:l})=>({handleToggleCollapse:p.useCallback(()=>{const s=!t,r=n(s);r!==void 0&&c(r),o&&(s?h.current=!0:(h.current=!1,l.current=!1)),i(s),setTimeout(()=>{e()},Tt)},[t,o,n,e,c,h,l,i])}),Jt=({isCollapsed:t,containerRef:i,contentRef:o,middleSectionRef:n,buttonRefs:e,moreButtonRef:c,collapseButtonRef:h,leftSectionRef:l,dividerRef:a,buttons:s,isHaveSomeFeatureInSidebar:r,getContainerWidth:w,setVisibleButtonsCount:f,minPadding:u=Et,leftPadding:C=Q.left,rightPadding:A=Q.right,moreButtonWidthEstimate:I=Nt,enableDebugLogs:B=!1})=>{const N=p.useRef([]),z=p.useCallback(()=>{var dt,X,pt,rt,ut,W;const y=w();if(!y||y===0||!s||s.length===0)return B&&console.debug("❌ calculateInitialCompression: нет tableWidth или buttons"),!1;if(!s.every((x,E)=>e.current[E]!==null&&e.current[E]!==void 0))return B&&console.debug("❌ calculateInitialCompression: ref'ы еще не установлены",{buttonsCount:s.length,refsCount:e.current.filter(Boolean).length,refs:e.current.map((x,E)=>({index:E,hasRef:!!x}))}),!1;const S=y-(r?wt:0),q=((dt=l==null?void 0:l.current)==null?void 0:dt.getBoundingClientRect().width)??0,k=((X=n.current)==null?void 0:X.getBoundingClientRect().width)??0,$=s.length>0,R=$?((pt=a==null?void 0:a.current)==null?void 0:pt.getBoundingClientRect().width)??0:0,U=$?L:0,tt=$&&k>0?L:0,ot=R+tt+U,at=L*2,ct=q+k+ot+(((rt=h.current)==null?void 0:rt.getBoundingClientRect().width)??ht)+(C+A)+at,T=[];let P=!0;for(let x=0;x<s.length;x+=1){const E=e.current[x];if(!E){P=!1;break}const F=E.querySelector("button, a")||E;if(!F||!F.isConnected){P=!1;break}const ft=F.getBoundingClientRect(),lt=ft.width||F.offsetWidth||F.scrollWidth||F.clientWidth;if(lt>0)T.push(lt),N.current[x]=lt;else{console.debug("❌ calculateInitialCompression: кнопка не отрендерилась",{index:x,text:(ut=s[x])==null?void 0:ut.text,width:lt,isConnected:F.isConnected,rect:ft}),P=!1;break}}if(!P||T.length!==s.length)return B&&console.debug("❌ calculateInitialCompression: не все кнопки измерены",{allButtonsMeasured:P,buttonWidthsLength:T.length,buttonsLength:s.length}),!1;const et=((W=c.current)==null?void 0:W.getBoundingClientRect().width)??I,v=S-u*2,O=[],j=[];s.forEach((x,E)=>{if(T[E]===void 0)return;(x==null?void 0:x.view)==="accent"?O.push(E):j.push(E)});let V=0;O.forEach(x=>{const E=T[x];E!==void 0&&(V+=E)});const G=new Set(O);let nt=V,st=0;for(let x=0;x<j.length;x+=1){const E=j[x],D=typeof E<"u"?T[E]:0;if(D===void 0)continue;const ft=x<j.length-1?et+L:0,mt=(G.size+1-1)*L,At=nt+D+mt+ft;if(ct+At<=v)nt+=D,st+=1,typeof E<"u"&&G.add(E);else break}const H=G.size;return f(H),console.debug("✅ calculateInitialCompression: успешно выполнено",{buttonWidths:T,visibleCount:H,accentCount:O.length,regularVisibleCount:st}),!0},[s,w,r,f,e,l,n,c,h,a,B,u,C,A,I]);return{calculateCompression:p.useCallback(()=>{t||!i.current||!o.current||requestAnimationFrame(()=>{setTimeout(()=>{var lt,mt,At,It,Mt,St,Dt;const y=w();if(!y||y===0)return;const _=y-(r?wt:0);B&&(console.group("🔧 MassActions Compression"),console.debug("📏 Размеры контейнера:",JSON.stringify({tableWidth:y,isHaveSomeFeatureInSidebar:r,togglePanelWidth:r?wt:0,availableWidth:_,minPaddingRequired:u*2,maxPanelWidthAllowed:_-u*2},null,2)));const S=((lt=l==null?void 0:l.current)==null?void 0:lt.getBoundingClientRect().width)??0,q=((mt=n.current)==null?void 0:mt.getBoundingClientRect().width)??0,k=((s==null?void 0:s.length)??0)>0,$=k?((At=a==null?void 0:a.current)==null?void 0:At.getBoundingClientRect().width)??0:0,R=k?L:0,U=k&&q>0?L:0,tt=$+U+R;let ot=null;if(l!=null&&l.current){const d=l.current.getBoundingClientRect(),{children:m}=l.current,K=[];for(let Y=0;Y<m.length;Y+=1){const Z=m[Y];if(Z){const it=Z.getBoundingClientRect();K.push({tagName:Z.tagName,className:Z.className,width:it.width,height:it.height})}}ot={width:d.width,height:d.height,children:K,childrenTotalWidth:K.reduce((Y,Z)=>Y+Z.width,0)}}const at=L*2,ct=S+q+tt+(((It=h.current)==null?void 0:It.getBoundingClientRect().width)??ht)+(C+A)+at;B&&console.debug("🔲 Фиксированные элементы:",JSON.stringify({leftSectionWidth:S,leftSectionDetails:ot,middleSectionWidth:q,divider:{shouldShow:k,wrapperWidth:$,gapLeft:U,gapRight:R,totalWidth:tt},collapseButtonWidth:((Mt=h.current)==null?void 0:Mt.getBoundingClientRect().width)??ht,containerPadding:C+A,gapsBetweenFixedElements:at,fixedElementsTotal:ct},null,2));const T=[];let P=!0;for(let d=0;d<((s==null?void 0:s.length)??0);d+=1){const m=e.current[d];if(m){const Y=m.querySelector("button, a")||m,it=Y.getBoundingClientRect().width||Y.offsetWidth||Y.scrollWidth||Y.clientWidth;it>0?(T.push(it),N.current[d]=it):N.current[d]!==void 0?T.push(N.current[d]??gt):(P=!1,T.push(gt))}else N.current[d]!==void 0?T.push(N.current[d]??gt):(P=!1,T.push(gt))}if(!P&&T.length===0&&((s==null?void 0:s.length)??0)>0)return;const et=((St=c.current)==null?void 0:St.getBoundingClientRect().width)??I,v=_-u*2,O=i.current?i.current.getBoundingClientRect().width:0;B&&(console.debug("🎯 Ограничения и текущее состояние:",JSON.stringify({targetContainer:{tableWidth:y,availableWidth:_,minPaddingEach:u,minPaddingTotal:u*2,maxPanelWidth:v},currentPanel:{width:O,exceedsMax:O>v,exceedsAvailable:O>_,leftPadding:u,rightPadding:u},moreButtonWidth:et},null,2)),console.debug("🔘 Ширины кнопок:",JSON.stringify({buttons:s==null?void 0:s.map((d,m)=>({index:m,text:d.text,view:d.view,isAccent:d.view==="accent",width:T[m]})),totalButtonsWidth:T.reduce((d,m)=>d+m,0),averageButtonWidth:T.length>0?T.reduce((d,m)=>d+m,0)/T.length:0},null,2)));const j=s??[],V=[],G=[];j.forEach((d,m)=>{if(T[m]===void 0)return;(d==null?void 0:d.view)==="accent"?V.push(m):G.push(m)}),B&&console.debug("🎨 Распределение:",{accentCount:V.length,regularCount:G.length,accentButtons:V.map(d=>{var m;return{index:d,text:(m=j[d])==null?void 0:m.text,width:T[d]}})});let nt=0;V.forEach(d=>{const m=T[d];m!==void 0&&(nt+=m)});const st=new Set(V);let H=nt,dt=0;for(let d=0;d<G.length;d+=1){const m=G[d],K=typeof m<"u"?T[m]:0;if(K===void 0)continue;const Z=d<G.length-1?et+L:0,it=st.size+1,Lt=(it-1)*L,kt=H+K+Lt+Z,_t=ct+kt,yt=_t+3;if(B&&console.debug(`  🔍 Проверка кнопки ${d}:`,{text:typeof m<"u"?(Dt=j[m])==null?void 0:Dt.text:"",width:K,totalButtonsWidthBefore:H,visibleCountAfter:it,gapsBetweenButtons:Lt,moreButtonSpace:Z,requiredWidth:kt,testPanelWidth:_t,testWithBuffer:yt,maxPanelWidth:v,fits:_t<=v,fitsWithBuffer:yt<=v}),yt<=v)H+=K,dt+=1,typeof m<"u"&&st.add(m);else break}const X=st.size,rt=j.length-X>0,ut=X>0?(X-1)*L:0,W=H+ut+(rt?et+L:0),x=ct+W,E=[],D=[];j.forEach((d,m)=>{st.has(m)?E.push(d):D.push(d)});const F=X,ft={fixedElements:{leftSection:S,middleSection:q,divider:tt,collapseButton:ht,containerPadding:C+A,gapsBetweenFixedElements:at,total:ct},buttons:{accentButtonsWidth:nt,visibleRegularButtonsWidth:H-nt,totalButtonsWidth:H,gapsBetweenVisibleButtons:ut,buttonsAreaWidth:W,visibleButtonsCount:X,hiddenButtonsCount:D.length},moreButton:rt?{width:et,gap:L,total:et+L}:null,final:{calculatedWidth:x,actualPanelWidth:O,widthDifference:O-x,maxAllowedWidth:v,availableWidth:_,fits:x<=v,actualFits:O<=v,exceedsBy:x>v?x-v:0,actualExceedsBy:O>v?O-v:0,leftPaddingRequired:u,rightPaddingRequired:u,totalPaddingRequired:u*2}};B&&(console.debug("✅ Результат компрессии:",JSON.stringify({summary:{totalButtons:j.length,accentCount:V.length,visibleRegularCount:dt,visibleCount:F,hiddenCount:D.length,finalPanelWidth:x,maxPanelWidth:v,fits:x<=v,hasMoreButton:rt},breakdown:ft},null,2)),console.debug("👁️ Видимые кнопки:",{buttons:E.map(d=>({text:d.text,view:d.view,isAccent:d.view==="accent"}))}),console.debug("📦 Кнопки в dropdown:",{buttons:D.map(d=>({text:d.text,view:d.view}))}),console.groupEnd()),f(X)},Gt)})},[t,i,o,w,r,B,l,n,s,a,c,h,u,C,A,I,f,e]),calculateInitialCompression:z,measuredButtonWidthsRef:N}},Ft=t=>{const[i,o]=p.useState(0),n=p.useCallback(()=>typeof t=="function"?t():t.current,[t]),e=p.useCallback(()=>{const c=n();return c?c.getBoundingClientRect().width:0},[n]);return p.useEffect(()=>{const c=n();if(!c)return;o(c.getBoundingClientRect().width);const h=xt.createSafeResizeObserver(l=>{for(const a of l){const{width:s}=a.contentRect;o(s)}});return h.observe(c),()=>{h.disconnect()}},[n]),{containerWidth:i,getContainerWidth:e,getContainer:n}},Kt=({containerRef:t,buttonRefs:i,buttons:o,isVisible:n,isCollapsed:e,visibleButtonsCount:c,selectedCount:h,setIsCollapsed:l,setVisibleButtonsCount:a,calculatePosition:s,calculateCompression:r,measuredButtonWidthsRef:w,containerWidth:f})=>{p.useEffect(()=>{f>0&&(s(),r())},[f,s,r]),p.useLayoutEffect(()=>{if(!t.current)return;const u=xt.createSafeResizeObserver(()=>{s()});return u.observe(t.current),()=>{u.disconnect()}},[s,t]),p.useEffect(()=>{i.current=Array((o==null?void 0:o.length)??0).fill(null),a((o==null?void 0:o.length)??0),w.current=[]},[o==null?void 0:o.length,i,a,w]),p.useEffect(()=>{if(n&&!e){const u=setTimeout(()=>{r(),s()},Ht);return()=>{clearTimeout(u)}}},[n,e,r,s]),p.useEffect(()=>{if(e){s();return}s()},[e,c,s]),p.useEffect(()=>()=>{(!n||h===0)&&l(!1)},[n,h,l])},Zt=({containerRef:t,collapseButtonRef:i,leftSectionRef:o,getContainerWidth:n,isHaveSomeFeatureInSidebar:e,sidebarConfig:c,visibleButtonsCount:h,setTranslateX:l,minPadding:a=Et,enableDebugLogs:s=!1})=>{const r=(c==null?void 0:c.isOpen)??!1,w=(c==null?void 0:c.width)??0,f=(c==null?void 0:c.togglePanelWidth)??wt,u=p.useRef(!1),C=p.useCallback(I=>{var k,$;const B=n();if(!B||B===0)return;const N=w+f,z=r?N/2:0,J=e?f/2:0;let y=-(z+J),_;if(I){const R=((k=o==null?void 0:o.current)==null?void 0:k.getBoundingClientRect().width)??vt,U=(($=i.current)==null?void 0:$.getBoundingClientRect().width)??ht,tt=Bt.top+Bt.right+Bt.left;_=R+U+tt}else if(t.current)_=t.current.getBoundingClientRect().width;else{const R=h*gt,U=Q.top+Q.right+Q.left;_=vt+qt+ht+R+U}const S=B/2;return S-_/2+y<a&&(y=a-(S-_/2)),y},[n,t,i,o,e,r,w,f,h,a]);return{calculatePosition:p.useCallback(()=>{const I=n();if(!I||I===0||!t.current)return;s&&console.group("📍 MassActions Position");const B=w+f,N=r?B/2:0,z=e?f/2:0;let J=-(N+z);const y=t.current.getBoundingClientRect().width,_=I/2,S=_-y/2+J;S<a&&(J=a-(_-y/2)),s&&(console.log("🎯 Позиционирование:",JSON.stringify({tableWidth:I,panelWidth:y,tableCenter:_,sidebarWidth:w,toggleSidebarPanelWidth:f,isSidebarOpen:r,isHaveSomeFeatureInSidebar:e,totalSidebarWidth:B,sidebarOffset:N,togglePanelOffset:z,idealTranslateX:-(N+z),leftEdgePosition:S,minPadding:a,finalTranslateX:J,adjusted:S<Et},null,2)),console.groupEnd()),l(J),r?u.current=!0:u.current=!1},[n,t,s,w,f,e,r,l,a]),calculatePositionForState:C,shouldApplySidebarOffsetRef:u}},Qt=({isCollapsed:t,setIsCollapsed:i,calculatePositionForState:o,calculatePosition:n,setTranslateX:e,shouldApplySidebarOffsetRef:c,sidebarConfig:h,getContainerWidth:l})=>{const a=(h==null?void 0:h.isOpen)??!1,s=(h==null?void 0:h.width)??0,r=p.useRef(!1),w=p.useRef(a);return p.useEffect(()=>{if(!h)return;const u=w.current!==a;if(w.current=a,!u){n();return}if(a)if(t)n();else{r.current=!0;const C=o(!0);C!==void 0&&(e(C),c.current=!0),i(!0),setTimeout(()=>{n()},Tt)}else if(t){r.current=!1,c.current=!1;const C=o(!1);C!==void 0&&e(C),i(!1),setTimeout(()=>{n()},Tt)}else c.current=!1,n()},[a,s,l]),{isSidebarOpen:a,sidebarWidth:s,wasAutoCollapsedRef:r}},bt=t=>{const i=p.useRef(t),[o,n]=p.useState(t>0);return p.useEffect(()=>{var l;const e=i.current,c=e===0&&t>0,h=e>0&&t===0;if(c||h){const a=()=>{n(t>0)};document.startViewTransition?(l=document.startViewTransition)==null||l.call(document,a):a()}else n(t>0);i.current=t},[t]),o},ce="mass-actions-panel",zt={surfaceSolidCard:()=>Ct.surfaceSolidCard,outlineSolidPrimary:()=>Ct.outlineSolidPrimary},re=M(b.LinkButton).withConfig({displayName:"styled__StyledLinkButton"})({paddingInline:Vt.s.x8}),te=t=>M(t).withConfig({displayName:"styled__getButtonWithDropdown"})([""," ",""],({$hasDropdown:i})=>i&&M.css(["& > div > span:last-child{max-width:fit-content;min-width:unset;}"]),({$buttonStyles:i})=>i&&M.css(["",""],i)),le=te(b.Button),ae=te(re),de=M.div.withConfig({displayName:"styled__MassActionsContainer"})(["position:absolute;bottom:","px;left:50%;transform:",";background:",";border:2px solid ",";padding:",";border-radius:14px;display:block;width:fit-content;max-width:",";view-transition-name:",";opacity:",";transition:padding 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1),max-width 0.2s cubic-bezier(0.4,0,0.2,1),opacity 0.2s ease-in-out;will-change:padding,transform,max-width;box-shadow:",";"],({$bottom:t=24})=>t,({$translateX:t})=>t!==void 0?`translateX(calc(-50% + ${t}px))`:"translateX(-50%)",zt.surfaceSolidCard,zt.outlineSolidPrimary,({$isCollapsed:t,$size:i})=>{const o=i==="xs";return t?o?"0px 2px 0px 12px":"0px 10px 0px 24px":o?"4px 2px 4px 12px":"12px 8px 12px 24px"},({$isCollapsed:t})=>t?"350":"2000px",ce,({$isInitialCalculationComplete:t})=>t?1:0,Ct.shadowDownHardS),ue=M.div.withConfig({displayName:"styled__MassActionsContent"})(["display:flex;align-items:center;gap:",";"],({$isCollapsed:t,$isCompact:i})=>t?i?"4px":"8px":"0px"),he=M.div.withConfig({displayName:"styled__ActionsWrapper"})(["display:flex;max-height:",";align-items:center;gap:4px;flex:1;justify-content:flex-end;overflow:hidden;min-width:0;transition:max-height 0.2s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,0.2,1),max-width 0.1s cubic-bezier(0.4,0,0.2,1),margin 0.3s cubic-bezier(0.4,0,0.2,1),gap 0.3s cubic-bezier(0.4,0,0.2,1);",""],({$isCollapsed:t})=>t?"0":"40px",({$isCollapsed:t})=>t?M.css(["opacity:0;max-width:0;margin:0;gap:0;"]):M.css(["opacity:1;max-width:2000px;"])),pe=M.div.withConfig({displayName:"styled__HiddenButtonsMeasurementContainer"})(["position:absolute;left:-9999px;top:0;display:flex;gap:4px;align-items:center;z-index:-1;pointer-events:none;width:auto;height:auto;"]),fe=M.div.withConfig({displayName:"styled__ButtonMeasurementWrapper"})(["display:inline-flex;width:auto;height:auto;"]),ge=M.div.withConfig({displayName:"styled__VisibleButtonWrapper"})(["margin-left:0;"]),xe=M(Rt.IconDoubleDisclosureUp).withConfig({displayName:"styled__CollapseIcon"})(["transition:all 0.3s;transform:",";"],({$isCollapsed:t})=>t?"scaleY(1)":"scaleY(-1)"),we=M(b.EmbedIconButton).withConfig({displayName:"styled__CollapseButton"})(["padding:",";"],({$isCompact:t})=>t?Vt.s.x8:Ct.spacing10x);M(b.Button).withConfig({displayName:"styled__MoreButton"})(["margin-left:0;"]);const me=M(b.Divider).withConfig({displayName:"styled__StyledDivider"})(["padding-left:1px;margin-left:12px;margin-right:8px;"]),Ae=t=>{if(typeof t=="string"&&t.startsWith("link")){const i=t.slice(4);return i.charAt(0).toLowerCase()+i.slice(1)}return t??"default"},Be={size:"s",view:"linkDefault"},Ot=({type:t,view:i,showLabel:o,text:n,buttonStyles:e,dropdown:c,useTableDropdown:h=!1,...l})=>{const a=t??"linkButton",{view:s,...r}=Be,w=i??s,f=o?n:void 0,u=!!c;let C;if(a==="button"){const A=l,I=A.text??f;C=g.jsx(le,{...r,...A,view:w,text:I,$hasDropdown:u,$showLabel:o,$buttonStyles:e})}else{const A=String(w??"linkDefault"),B=A.startsWith("link")?Ae(A):A;C=g.jsx(ae,{...r,...l,view:B,text:f,$hasDropdown:u,$showLabel:o,$buttonStyles:e})}if(c&&c.items&&c.items.length>0)if(h)C=g.jsx(Wt.TableDropdown,{...c,children:C});else{const{$css:A,...I}=c;C=g.jsx(b.Dropdown,{...I,children:C})}return C},ee=({selectedCount:t,label:i="Выбрано",showCheckbox:o=!1,checked:n=!1,onCheckboxChange:e,className:c,indeterminate:h})=>{const{down:l}=xt.useBreakpoint(),a=l("xl"),s=t>0,r=a?"BodyXS":"BodyS",w=(()=>{if(t===0)return"0px";const u=t.toString().length;return`${Math.max(16,7.1+u*6.1)+4}px`})(),f=o?g.jsxs(jt.Box,{$css:{display:"flex",alignItems:"center",gap:"4px"},children:[g.jsx(b.Checkbox,{checked:n,indeterminate:h,onChange:e,size:"m"}),g.jsx(Pt.Typography,{variant:r,children:i})]}):g.jsx(Pt.Typography,{variant:r,children:i});return g.jsxs(jt.Box,{className:c,$css:{display:"flex",alignItems:"center"},children:[f,g.jsx(se.Collapse,{duration:.3,orientation:"horizontal",isOpen:s,unMountOnClose:!0,sizeOnOpen:w,extContainerCss:{overflow:"visible",display:"flex",justifyContent:"flex-end"},intContainerCss:{always:{opacity:"0",transition:".3s ease"},onOpen:{opacity:1}},children:s&&g.jsx(Wt.AnimatedCounter,{className:"counter",count:t,size:"xs",view:"accent",style:{marginBottom:"3px"}},t)})]})},Ce=(t=[])=>p.useMemo(()=>{const i=[],o={},n=new Map;return t.forEach(e=>{var c,h;if(e.dropdown){const l=`group-${e.key||e.text||Date.now()}`,a="items"in e.dropdown?e.dropdown.items||[]:[],s="onItemSelect"in e.dropdown?e.dropdown.onItemSelect:void 0;s&&n.set(l.toString(),s);const[r,w]=xt.processDropdownItems(a,s);w.forEach((f,u)=>n.set(u,f)),(c=e.dropdown)!=null&&c.$css&&Object.assign(o,(h=e.dropdown)==null?void 0:h.$css),i.push({label:e.text??"",value:l,contentLeft:e.contentLeft,items:r,className:e.className,disabled:e.disabled})}else{const l=e.key||e.text||`btn-${Date.now()}`,a={label:e.text||"Кнопка",value:l.toString(),disabled:e.disabled,contentLeft:e.contentLeft};e.onClick&&n.set(l.toString(),(s,r)=>{var f;const w={...r,nativeEvent:r.nativeEvent,preventDefault:r.preventDefault,stopPropagation:r.stopPropagation,target:r.target,currentTarget:r.currentTarget};(f=e.onClick)==null||f.call(e,w)}),i.push(a)}}),{dropdownItems:i,handlerMap:n,$summaryCSS:o}},[t]),Ee=({buttons:t=[],dividerIndexes:i=[],triggerSlot:o,dropdownProps:n,useTableDropdown:e=!1})=>{const{dropdownItems:c,handlerMap:h,$summaryCSS:l}=Ce(t),a=xt.useDropdownItemClickHandler(h),[s,r]=p.useState(!1),w=c.map((A,I)=>(i.includes(I)&&(A.dividerAfter=!0),A)),f={closeOnSelect:!0,...n,onItemSelect:a,items:w,onToggle:A=>r(A),portal:"document",view:(n==null?void 0:n.view)||"default"},{portal:u,...C}=f;return e?g.jsx(Wt.TableDropdown,{$css:l,...C,children:o}):g.jsx(b.Dropdown,{...f,children:o})},Te=({button:t,isCompact:i,compactSize:o="xs",useTableDropdown:n=!1})=>{const e=t.size??(i?o:"s");return g.jsx(Ot,{...t,size:e,showLabel:!0,useTableDropdown:n})},Ie=({button:t,isCompact:i,compactSize:o="xs",useTableDropdown:n=!1})=>{const e=t.size??(i?o:"s");return g.jsx(Ot,{...t,size:e,showLabel:!0,useTableDropdown:n})},$t=(t,i,o=!1,n="xs")=>t.type==="button"?g.jsx(Te,{button:t,isCompact:i,compactSize:n,useTableDropdown:o}):g.jsx(Ie,{button:t,isCompact:i,compactSize:n,useTableDropdown:o}),ne=({containerRef:t,leftSection:i,middleSection:o,buttons:n,sidebarConfig:e,isHaveSomeFeatureInSidebar:c=!1,collapsedDropdownProps:h,selectedCount:l,show:a,useTableDropdown:s=!1,enableDebugLogs:r=!1,bottom:w=16,minPadding:f=16,size:u})=>{const{down:C}=xt.useBreakpoint(),A=u?u==="xs":C("xl"),I=u?"xxs":"xs",[B,N]=p.useState(!1),z=p.useRef(null),J=p.useRef(null),y=p.useRef(null),_=p.useRef([]),S=p.useRef(null),q=p.useRef(null),k=p.useRef(null),$=p.useRef(null),[R,U]=p.useState((n==null?void 0:n.length)??0),[tt,ot]=p.useState(void 0),[at,ct]=p.useState(!1),{containerWidth:T,getContainerWidth:P}=Ft(t),et=bt(l),v=a!==void 0?a:et,{calculatePosition:O,calculatePositionForState:j,shouldApplySidebarOffsetRef:V}=Zt({containerRef:z,collapseButtonRef:q,leftSectionRef:k,getContainerWidth:P,isHaveSomeFeatureInSidebar:c,sidebarConfig:e,visibleButtonsCount:R,setTranslateX:ot,minPadding:f}),{calculateCompression:G,measuredButtonWidthsRef:nt}=Jt({isCollapsed:B,containerRef:z,contentRef:J,middleSectionRef:y,buttonRefs:_,moreButtonRef:S,collapseButtonRef:q,leftSectionRef:k,dividerRef:$,buttons:n,isHaveSomeFeatureInSidebar:c,getContainerWidth:P,setVisibleButtonsCount:U,enableDebugLogs:r,minPadding:f,leftPadding:Q.left,rightPadding:Q.right,moreButtonWidthEstimate:A?32:Nt}),{isSidebarOpen:st,wasAutoCollapsedRef:H}=Qt({isCollapsed:B,setIsCollapsed:N,calculatePositionForState:j,calculatePosition:O,setTranslateX:ot,shouldApplySidebarOffsetRef:V,sidebarConfig:e,getContainerWidth:P}),{handleToggleCollapse:dt}=Yt({isCollapsed:B,setIsCollapsed:N,isSidebarOpen:st,calculatePositionForState:j,calculatePosition:O,setTranslateX:ot,shouldApplySidebarOffsetRef:V,wasAutoCollapsedRef:H}),{visibleButtons:X,buttonsInDropdown:pt,allButtons:rt}=Xt({buttons:n,visibleButtonsCount:R});if(p.useEffect(()=>{const W=setTimeout(()=>ct(!0),Ut);return()=>clearTimeout(W)},[]),Kt({containerRef:z,buttonRefs:_,buttons:n,isVisible:v,isCollapsed:B,visibleButtonsCount:R,selectedCount:l,setIsCollapsed:N,setVisibleButtonsCount:U,calculatePosition:O,calculateCompression:G,measuredButtonWidthsRef:nt,containerWidth:T}),!v)return null;const ut=!B&&((n==null?void 0:n.length)??0)>0;return g.jsx(de,{ref:z,$isCollapsed:B,$size:u,$translateX:tt,$isInitialCalculationComplete:at,$bottom:w,children:g.jsxs(ue,{ref:J,$isCollapsed:B,$isCompact:A,children:[g.jsx(pe,{children:rt.map((W,x)=>{const E=W.key??`${W.text}${x}`;return g.jsx(fe,{ref:D=>{_.current[x]=D},children:$t(W,A,s,I)},`measure-${E}`)})}),g.jsx("div",{ref:k,children:i}),g.jsxs(he,{$isCollapsed:B,children:[o&&g.jsx("div",{ref:y,children:o}),ut&&g.jsx("div",{ref:$,children:g.jsx(me,{orientation:"vertical",length:"16px"})}),pt.length>0&&g.jsx("div",{ref:W=>{S.current=W},children:g.jsx(Ee,{buttons:pt,useTableDropdown:s,dropdownProps:{placement:"top",...h},triggerSlot:g.jsx(b.IconButton,{view:"secondary",size:A?I:"s",contentLeft:g.jsx(Rt.IconDotsVerticalCenteredOutline,{size:A?"xs":"s"})})})}),X.map((W,x)=>{const E=W.key??`${W.text}${x}`,D=g.jsx(ge,{children:$t(W,A,s,I)},E);return W.disabled&&W.disabledTooltipProps?g.jsx(b.Tooltip,{trigger:"hover",...W.disabledTooltipProps,children:D},E):D})]}),g.jsx("div",{ref:q,children:g.jsx(we,{size:A?"s":"m",$isCollapsed:B,$isCompact:A,onClick:dt,children:g.jsx(xe,{size:A?"xs":"s",$isCollapsed:B})})})]})})};ne.Counter=ee;exports.ACTION_BUTTON_WIDTH_ESTIMATE=gt;exports.ANIMATION_COMPLETE_DELAY=Tt;exports.ANIMATION_DURATION=oe;exports.COLLAPSE_BUTTON_WIDTH=ht;exports.COMPRESSION_CALCULATION_DELAY=Gt;exports.CONTAINER_PADDING_HORIZONTAL=ie;exports.COUNTER_WIDTH_ESTIMATE=vt;exports.DELAY_BEFORE_SHOW_PANEL=Ut;exports.ELEMENTS_GAP=L;exports.INITIAL_POSITION_CALCULATION_DELAY=Ht;exports.MIN_PANEL_PADDING=Et;exports.MORE_BUTTON_WIDTH_ESTIMATE=Nt;exports.MassActions=ne;exports.MassActionsButton=Ot;exports.MassActionsCounter=ee;exports.PANEL_PADDING_COLLAPSED=Bt;exports.PANEL_PADDING_EXPANDED=Q;exports.RESET_BUTTON_WIDTH_ESTIMATE=qt;exports.TOGGLE_SIDEBAR_PANEL_WIDTH=wt;exports.useMassActionsButtons=Xt;exports.useMassActionsCollapse=Yt;exports.useMassActionsCompression=Jt;exports.useMassActionsContainer=Ft;exports.useMassActionsEffects=Kt;exports.useMassActionsPosition=Zt;exports.useMassActionsSidebar=Qt;exports.useMassActionsVisibility=bt;