@daisforge/ui 1.12.1 → 1.13.0

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-BQyYeGQG.cjs

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

package/chunks/ListOfFilters-DRrawM8s.mjs

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