@daisforge/ui 1.12.0 → 1.12.2

package/chunks/GridDND-MsZt1fXJ.cjs

@@ -1 +0,0 @@
-"use strict";const z=require("./vendor-D8Dozc4m.cjs");require("react-grid-layout/css/styles.css");const yt=require("../components/IconButton/index.cjs"),l=require("react"),Ye=require("./AnalyticalWidget-xgvWcsXx.cjs"),ht=require("react-grid-layout"),bt=require("./utils-C93a2mD7.cjs"),L=require("@salutejs/sdds-themes/tokens/sdds_finai"),De=require("styled-components"),Y={gridItemWrapper:"grid-dnd__item-wrapper",gridItem:"grid-dnd__item",dragHandle:"grid-dnd__drag-handle",noDrag:"grid-dnd__no-drag"},Oe=248,I=6,kt=({item:t,actionsSlot:n,actionsSlotStyle:r,children:d})=>z.jsxDevRuntimeExports.jsxDEV("div",{style:{height:"100%",position:"relative"},id:t.id,className:Y.gridItemWrapper,children:[n&&z.jsxDevRuntimeExports.jsxDEV("div",{style:{position:"absolute",right:16,top:16,...r},className:Y.noDrag,children:n},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/GridDND/GridDND.ItemWrapper.tsx",lineNumber:25,columnNumber:3},void 0),d]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/GridDND/GridDND.ItemWrapper.tsx",lineNumber:19,columnNumber:1},void 0);function gt(){const t=l.useRef(null),[n,r]=l.useState(0);return l.useLayoutEffect(()=>{const d=t.current;if(!d)return;let u=0;const o=bt.createSafeResizeObserver(s=>{var y;const m=((y=s[0])==null?void 0:y.contentRect.width)??0;cancelAnimationFrame(u),u=requestAnimationFrame(()=>r(m))});return o.observe(d),()=>{cancelAnimationFrame(u),o.disconnect()}},[]),{ref:t,width:n}}function Nt(t){const{onWidthChange:n,margin:r,cols:d,containerPadding:u}=t,{ref:o,width:s}=gt(),m=l.useRef(0);return l.useEffect(()=>{s>0&&s!==m.current&&(n==null||n(s,r,d,u),m.current=s)},[s,n,r,d,u]),z.jsxDevRuntimeExports.jsxDEV("div",{ref:o,style:{width:"100%"},children:s>0&&z.jsxDevRuntimeExports.jsxDEV(ht.Responsive,{...t,width:s},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/GridDND/GridDND.MeasuredContainer.tsx",lineNumber:35,columnNumber:21},this)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/GridDND/GridDND.MeasuredContainer.tsx",lineNumber:33,columnNumber:5},this)}const ze=De.css(["background-color:",";border-radius:16px;outline:1px solid ",";"],()=>L.surfaceTransparentAccent,()=>L.outlineAccent),vt=De.div.withConfig({displayName:"GridDNDstyled__GridDNDContainer"})(["width:100%;min-height:400px;max-width:1890px;&:has(.react-grid-placeholder){& .react-grid-item.react-grid-placeholder{"," opacity:1;}}"],ze),Rt=De.div.attrs(()=>({className:Y.gridItem})).withConfig({displayName:"GridDNDstyled__GridItem"})(["&.react-draggable-dragging{outline:2px solid ",";box-shadow:",";cursor:grabbing;}& .","{cursor:default;}height:100%;width:100%;cursor:",";background-color:white;border-radius:16px;outline:",";box-shadow:",";overflow:hidden;"],()=>L.outlineAccentMinor,()=>L.shadowDownHardS,Ye.analyticalWidgetClassNames.topSlot,t=>t.$isDraggable?"grab":"default",t=>t.$isDraggable?`2px solid ${L.outlineTransparentAccent}`:"none",()=>L.shadowDownSoftS),Gt=De.div.withConfig({displayName:"GridDNDstyled__GridItemContent"})(["height:100%;width:100%;"]),Pe=t=>!t||t==="."||t==="-"||t===" ";function Et(t,n,r,d){var m,y;const u=[],o=r[n],s=new Set;for(let G=0;G<t.length;G++){const E=t[G];if(!E)return u;for(let i=0;i<E.length;i++){const p=E[i];if(!p||Pe(p)||s.has(`${p}`))continue;let x=0;for(let f=i;f<E.length&&E[f]===p;f++)x++;let D=0;for(let f=G;f<t.length;f++){let k=!0;for(let N=i;N<i+x;N++)if(!((m=t[f])!=null&&m[N])||((y=t[f])==null?void 0:y[N])!==p){k=!1;break}if(!k)break;D++}for(let f=G;f<G+D;f++)for(let k=i;k<i+x;k++)s.add(`${p}`);u.push({i:p,x:i,y:G,w:x,h:D,minW:1,maxW:o,minH:1,isResizable:d,static:!1})}}return u}function Mt(t){return Object.keys(t).sort((n,r)=>(t[r]||0)-(t[n]||0))}function Ot(t,n){const r=Object.keys(t).sort((d,u)=>{const o=t[d]||0;return(t[u]||0)-o});for(const d of r){const u=t[d];if(u!==void 0&&n>=u)return d}return r[r.length-1]}function At(t,n,r){var u,o;const d=r.indexOf(t);if(d===-1)return null;for(let s=d-1;s>=0;s--){const m=r[s];if(m&&((u=n[m])!=null&&u.length))return m}for(let s=d+1;s<r.length;s++){const m=r[s];if(m&&((o=n[m])!=null&&o.length))return m}return null}function Ft(t,n){const r=[...t].map(i=>({...i,w:Math.max(1,Math.min(i.w,n))})).sort((i,p)=>i.y-p.y||i.x-p.x),d=[],u=i=>{for(;d.length<i;)d.push(Array(n).fill(!1))},o=(i,p,x,D)=>{u(p+D);for(let f=p;f<p+D;f++){const k=d[f];if(!k)return!1;for(let N=i;N<i+x;N++)if(N>=n||k[N])return!1}return!0},s=(i,p,x,D)=>{u(p+D);for(let f=p;f<p+D;f++){const k=d[f];if(k)for(let N=i;N<i+x;N++)N<k.length&&(k[N]=!0)}},m=i=>{let p=i;for(;;){u(p+1);const x=d[p];if(x&&x.some(D=>!D))return p;p++}};let y=0,G=0;const E=[];for(const i of r){let p=!1;for(let D=G;D<=n-i.w;D++)if(o(D,y,i.w,i.h)){s(D,y,i.w,i.h),E.push({...i,x:D,y}),G=D+i.w,G>n-1&&(y=m(y),G=0),p=!0;break}if(p)continue;y=m(y),G=0;let x=y;for(;;){let D=!1;for(let f=0;f<=n-i.w;f++)if(o(f,x,i.w,i.h)){s(f,x,i.w,i.h),E.push({...i,x:f,y:x}),x===y&&(G=f+i.w,G>n-1&&(y=m(y),G=0)),D=!0;break}if(D)break;x++}}return E}const Z=t=>t==="l"?{w:2,h:2}:t==="m"?{w:2,h:1}:{w:1,h:1};function we(t,n){if(!t||!n||t.length!==n.length)return!1;const r=[...t].sort((u,o)=>u.i>o.i?1:-1),d=[...n].sort((u,o)=>u.i>o.i?1:-1);for(let u=0;u<r.length;u+=1){const o=r[u],s=d[u];if(!o||!s||o.i!==s.i||o.x!==s.x||o.y!==s.y||o.w!==s.w||o.h!==s.h)return!1}return!0}function ye(t,n,r){for(;t.length<n;)t.push(Array(r).fill(!1))}function St(t,n,r){ye(t,n+1,r);const d=t[n];return d?d.some(u=>!u):!1}function xe(t,n,r,d=0){ye(t,n+1,r);const u=t[n];if(!u)return-1;for(let o=Math.max(0,d);o<r;o++){if(o>=u.length)return-1;if(!u[o])return o}return-1}function $e(t,n,r,d,u,o){ye(t,r+u,o);for(let s=r;s<r+u;s++){const m=t[s];if(!m)return!1;for(let y=n;y<n+d;y++)if(y>=o||m[y])return!1}return!0}function Wt(t,n,r,d,u,o){ye(t,r+u,o);for(let s=r;s<r+u;s++){const m=t[s];if(m)for(let y=n;y<n+d;y++)y<o&&(m[y]=!0)}}function Ve(t,n,r){let d=Math.max(0,n);for(;;){if(St(t,d,r))return d;d++}}function Ke(t,n,r,d){const u=[],o=[];let s=0,m=0;for(const y of t){const G=n[y];if(!G)continue;const E=G,i=Math.max(1,Math.min(E.w,r)),p=Math.max(1,E.h);let x=null;for(let k=m;k<=r-i;k++)if($e(o,k,s,i,p,r)){x={x:k,y:s};break}if(!x){let k=s+1;for(;;){for(let N=0;N<=r-i;N++)if($e(o,N,k,i,p,r)){x={x:N,y:k};break}if(x)break;k++}}const{x:D,y:f}=x;if(Wt(o,D,f,i,p,r),u.push({i:y,x:D,y:f,w:i,h:p,minW:1,maxW:r,minH:1,isResizable:d,static:!1}),f>s)s=f,m=Math.max(0,xe(o,s,r,0)),m===-1&&(s=Ve(o,s,r),m=xe(o,s,r,0));else{const k=xe(o,s,r,D+i);k===-1?(s=Ve(o,s,r),m=xe(o,s,r,0)):m=k}}return u}function Ae(t){return[...t].sort((n,r)=>n.y-r.y||n.x-r.x).map(n=>n.i)}const jt=t=>Object.keys(t).sort((n,r)=>(t[r]||0)-(t[n]||0))[0]??"lg";function Qe(t,n,r,d,u=0,o=0){const s=t.reduce((i,p)=>Math.max(i,p.y+p.h),0),m=Array.from({length:Math.max(s,o)+d+1},()=>Array(n).fill(!1));for(const{x:i,y:p,w:x,h:D}of t)for(let f=p;f<p+D;f++){m[f]||(m[f]=Array(n).fill(!1));const k=m[f];for(let N=i;N<i+x;N++)f>=0&&N>=0&&N<n&&k&&(k[N]=!0)}const y=(i,p)=>{for(let x=p;x<p+d;x++){m[x]||(m[x]=Array(n).fill(!1));const D=m[x];for(let f=i;f<i+r;f++)if(f>=n||D&&D[f])return!1}return!0},G=(i,p)=>{for(let x=p;x<p+d;x++){m[x]||(m[x]=Array(n).fill(!1));const D=m[x];for(let f=i;f<i+r;f++)f<n&&D&&(D[f]=!0)}};let E=o;for(;;){m[E]||(m[E]=Array(n).fill(!1));for(let i=E===o?u:0;i<=n-r;i++)if(y(i,E))return G(i,E),{x:i,y:E};E++}}const qt=t=>{typeof requestAnimationFrame=="function"?requestAnimationFrame(()=>t(!1)):setTimeout(()=>t(!1),0)},Tt=({children:t,className:n})=>z.jsxDevRuntimeExports.jsxDEV(Gt,{className:n,children:t},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/GridDND/GridDND.tsx",lineNumber:47,columnNumber:1},void 0),Xe=(...t)=>console.log("%c[GridDND]","color:#6b5b95;font-weight:600",...t),Ht=l.forwardRef(({items:t,breakpoints:n={lg:1375,md:1143,sm:911,xs:679,xxs:0},cols:r={lg:6,md:5,sm:4,xs:3,xxs:2},rowHeights:d={lg:248,md:248,sm:248,xs:248,xxs:248},isDraggable:u=!0,isResizable:o=!1,margin:s=[16,16],containerPadding:m=[0,0],preventCollision:y=!1,allowOverlap:G=!1,isBounded:E=!0,autoSize:i=!0,useCSSTransforms:p=!0,compactType:x="horizontal",smartCompact:D=!0,resizeHandles:f=["se","sw","ne","nw","s","w","e","n"],draggableHandle:k=`.${Y.dragHandle}`,draggableCancel:N=`button, input, select, textarea, .${Y.noDrag}, .${Ye.analyticalWidgetClassNames.topSlot}, .${yt.iconButtonFilterClassNames.root}`,maxRows:Je,transformScale:Ze,onLayoutChange:M,onBreakpointChange:ee,onItemsChange:A,onWidthChange:te,onDrag:re,onDragStart:ne,onDragStop:ie,children:he,dragActivationDelay:be=0,gridItemComponent:Fe,containerStyle:Le,gridStyle:Ce,enableLogs:Se=!1},et)=>{const[O,se]=l.useState(()=>t.map(e=>e.id)),Q=l.useRef(Object.fromEntries(t.map(e=>[e.id,Z(e.type)]))),ke=l.useRef(!1),U=l.useRef({lg:[],md:[],sm:[],xs:[],xxs:[]}),P=l.useRef("lg"),K=l.useRef([]),$=be>0,[ge,We]=l.useState(!1),[tt,Ne]=l.useState(null),oe=l.useRef(null),ve=l.useRef(!1),Re=l.useRef(null),ce=l.useRef(null),C=l.useCallback(()=>{oe.current&&(clearTimeout(oe.current),oe.current=null)},[]),le=l.useCallback(()=>{We(!1),Ne(null),ve.current=!1},[]),rt=64;l.useEffect(()=>{if(!$||!Re.current)return;const e=Re.current;let a=null;const c=(b,v)=>{const F=W=>{const j=W.clientX-b,V=W.clientY-v;j*j+V*V>rt&&(C(),Ne(null),ce.current=null,w())};document.addEventListener("pointermove",F),a=()=>{document.removeEventListener("pointermove",F),a=null}},w=()=>{a==null||a()},h=b=>{const v=b.target;return b.offsetX>v.clientWidth||b.offsetY>v.clientHeight},g=b=>{if(b._synthetic||b.button!==0||h(b))return;C(),w();const F=b.target.closest(`.${Y.gridItem}`),W=F==null?void 0:F.querySelector(`.${Y.gridItemWrapper}`),j=(W==null?void 0:W.id)??null,V=F==null?void 0:F.querySelector(`.${Y.dragHandle}`);Ne(j),ce.current={clientX:b.clientX,clientY:b.clientY,handleEl:V},c(b.clientX,b.clientY),oe.current=setTimeout(()=>{w(),We(!0),requestAnimationFrame(()=>{requestAnimationFrame(()=>{const X=ce.current;if(!(X!=null&&X.handleEl))return;const me=new MouseEvent("mousedown",{bubbles:!0,cancelable:!0,clientX:X.clientX,clientY:X.clientY,button:0,buttons:1});me._synthetic=!0,X.handleEl.dispatchEvent(me)})})},be)},R=()=>{C(),w(),ce.current=null,ve.current||requestAnimationFrame(()=>{le()})};return e.addEventListener("pointerdown",g),document.addEventListener("pointerup",R),()=>{e.removeEventListener("pointerdown",g),document.removeEventListener("pointerup",R),C(),w()}},[$,be,C,le]);const je=$?u&&ge:u,[B,qe]=l.useState({lg:[],md:[],sm:[],xs:[],xxs:[]}),[Te,nt]=l.useState("lg"),[q,it]=l.useState(d.lg??Oe),[st,ue]=l.useState(x),[ot,He]=l.useState(!1),ct=l.useMemo(()=>k.split(".").join(" "),[k]),lt=l.useMemo(()=>Fe??Tt,[Fe]),ae=l.useMemo(()=>new Map(t.map(e=>[e.id,e.type])),[t]),J=l.useRef(new Map),de=l.useCallback(e=>J.current.get(e)??ae.get(e)??"s",[ae]),_=l.useCallback(e=>e.map(a=>({id:a,type:de(a)})),[de]),Ge=l.useCallback(e=>d[e]??d.md??Oe,[d]),S=l.useCallback((e,a,c)=>{const w=c??O,h=a[e]??[],g=U.current[e]??[],R=new Map(h.map(v=>[v.i,v])),b=new Map(g.map(v=>[v.i,v]));return w.map(v=>{const F=de(v),W=R.get(v)??b.get(v)??null,j=Q.current[v]??Z(F),V=W?{x:W.x,y:W.y,w:W.w,h:W.h}:{x:0,y:0,w:j.w,h:j.h};return{id:v,type:F,position:V}})},[O,de]),Be=l.useCallback(e=>{const a=U.current[e]??[];return a.length?a:B[e]??[]},[B]),T=l.useCallback((...e)=>{Se&&Xe(...e)},[Se]),fe=l.useCallback(e=>{U.current=e,ke.current=!0,He(!0),qe(e),requestAnimationFrame(()=>{requestAnimationFrame(()=>{ke.current=!1,He(!1),Xe("[GridDND] reflow window closed")})})},[]),H=l.useCallback(e=>{const a={};for(const c of Object.keys(r)){const w=r[c]??I;a[c]=Ke(e,Q.current,w,o)}return T("reflowAllByOrder",{order:e,out:a}),fe(a),a},[r,o,fe,T]),_e=l.useCallback((e,a)=>{if(!D)return;const c=Date.now();if(K.current.push({x:e,y:a,timestamp:c}),K.current=K.current.filter(g=>c-g.timestamp<=300),K.current.length<2)return;let w=0,h=0;for(let g=1;g<K.current.length;g+=1){const R=K.current[g-1],b=K.current[g];!R||!b||(w+=Math.abs(b.x-R.x),h+=Math.abs(b.y-R.y))}w+h<10||(w>h*1.5?ue("horizontal"):h>w*1.5&&ue("vertical"))},[D]),Ie=l.useCallback(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{const e=U.current,a={};for(const[c,w]of Object.entries(e))a[c]=w.map(h=>({...h}));T("[GridDND] forceSyncWithRgl → re-push target layouts"),fe(a)})})},[fe,T]);l.useEffect(()=>{H(t.map(e=>e.id))},[]),l.useEffect(()=>{const e=new Set([...ae.keys(),...O]);J.current.forEach((a,c)=>{e.has(c)||J.current.delete(c)})},[ae,O]),l.useEffect(()=>{t.forEach(e=>{Q.current[e.id]||(Q.current[e.id]=Z(e.type))})},[t]);const ut=l.useCallback((e,a,c,w,h,g)=>{K.current=[],ue(x),$&&(ve.current=!0),ne==null||ne(e,a,c,w,h,g)},[x,ne,$]),at=l.useCallback((e,a,c,w,h,g)=>{_e(h.clientX,h.clientY),re==null||re(e,a,c,w,h,g)},[_e,re]),dt=l.useCallback((e,a,c,w,h,g)=>{ie==null||ie(e,a,c,w,h,g),$&&le();const R=Ae(e);T("[GridDND] dragStop: nextOrder(readingOrder)",R),se(R);const b=H(R),v=P.current,F=S(v,b,R);A==null||A(F),M==null||M({breakpoint:v,cols:r[v]??I,rowHeight:q,items:F},b,{itemsOrder:R,itemsOrderTyped:_(R)}),ue(x);const W=e,j=b[v];we(W,j)?T("[GridDND] dragStop: live layout == target (OK)"):(T("[GridDND] dragStop: live layout != target → forceSyncWithRgl()"),Ie())},[ie,$,le,H,S,A,M,r,q,x,Ie,T,_]),ft=l.useCallback((e,a)=>{T("RGL onLayoutChange",{cur:e,all:a});const c=P.current,w=(U.current[c]??[]).length;if(e.length===w&&we(e,U.current[c])){T("[GridDND] onLayoutChange[IGNORED: equals-target]",{bp:c});return}if(ke.current){T("[GridDND] onLayoutChange[IGNORED: reflow-window]",{bp:c,cur:e});return}const h=r[c]??I;if(e.some(b=>typeof b.maxW=="number"&&b.maxW!==h))return;if(we(e,U.current[c])){T("[GridDND] onLayoutChange[IGNORED: equals-target]",{bp:c});return}qe(b=>({...b,[c]:e.map(v=>({...v}))}));const R=S(c,{...B,[c]:e});M==null||M({breakpoint:c,cols:h,rowHeight:q,items:R},{...B,[c]:e},{itemsOrder:O})},[M,S,B,r,q,O,T]),mt=l.useCallback(e=>{P.current=e,nt(e),it(Ge(e));const a=H(O),c=S(e,a,O);ee==null||ee(e,{breakpoint:e,cols:r[e]??I,rowHeight:Ge(e),items:c})},[Ge,H,O,S,ee,r]),pt=l.useCallback((e,a,c,w)=>{te==null||te(e,a,c,w)},[te]),Ee=l.useCallback(e=>{J.current.delete(e),delete Q.current[e],se(a=>{const c=a.filter(R=>R!==e),w=H(c),h=P.current,g=S(h,w,c);return A==null||A(g),M==null||M({breakpoint:h,cols:r[h]??I,rowHeight:q,items:g},w,{itemsOrder:c,itemsOrderTyped:_(c)}),c})},[H,S,A,M,r,q,_]),Me=l.useCallback((e,a)=>{if(!O.includes(e))return;J.current.set(e,a);const c=P.current,w=r[c]??I,h=Z(a);Q.current[e]={w:Math.max(1,Math.min(h.w,w)),h:Math.max(1,h.h)};const g=H(O),R=S(c,g,O);A==null||A(R),M==null||M({breakpoint:c,cols:w,rowHeight:q,items:R},g,{itemsOrder:O,itemsOrderTyped:_(O)})},[O,r,H,S,A,M,q,_]);l.useImperativeHandle(et,()=>({api:{getOrder:()=>O,getOrderDetailed:()=>_(O),setOrder:e=>{se(e);const a=H(e),c=P.current,w=S(c,a,e);A==null||A(w),M==null||M({breakpoint:c,cols:r[c]??I,rowHeight:q,items:w},a,{itemsOrder:e,itemsOrderTyped:_(e)})},addItem:(e,a)=>{J.current.set(e.id,e.type);const c=Z(e.type),w=P.current,h=r[w]??I,g={w:Math.max(1,Math.min(c.w,h)),h:Math.max(1,c.h)};Q.current[e.id]=g;const R=Be(w);let b=0,v=0;if(a!=null){const me=Math.max(0,Math.min(a-1,O.length-1)),wt=O[me],pe=R.find(Dt=>Dt.i===wt);pe&&(v=pe.y,b=pe.x+pe.w)}const F=Qe(R,h,g.w,g.h,b,v),W=R.concat([{i:e.id,x:F.x,y:F.y,w:g.w,h:g.h}]),j=Ae(W);se(j);const V=H(j),X=S(w,V,j);A==null||A(X),M==null||M({breakpoint:w,cols:h,rowHeight:q,items:X},V,{itemsOrder:j,itemsOrderTyped:_(j)})},removeItem:Ee,setItemType:Me,getAllLayouts:()=>B,getCurrentLayout:()=>{const e=P.current,a=S(e,B,O);return{breakpoint:e,cols:r[e]??I,rowHeight:q,items:a}}}}),[Ee,Me,O,_,H,S,A,M,r,q,Be,B]);const xt=l.useMemo(()=>S(Te,B,O),[Te,B,O,S]);return z.jsxDevRuntimeExports.jsxDEV(vt,{ref:Re,style:{...Le,...$&&ge?{userSelect:"none",touchAction:"none"}:{}},children:z.jsxDevRuntimeExports.jsxDEV(Nt,{className:"layout",layouts:B,breakpoints:n,cols:r,rowHeight:q,margin:s,containerPadding:m,isDraggable:je,isResizable:o,onLayoutChange:ft,onBreakpointChange:mt,autoSize:i,useCSSTransforms:p,preventCollision:y,compactType:ot?null:D?st:x,allowOverlap:G,isBounded:E,draggableHandle:k,draggableCancel:N,resizeHandles:o?f:[],maxRows:Je,transformScale:Ze,onWidthChange:pt,onDrag:at,onDragStart:ut,onDragStop:dt,style:{background:"transparent",...Ce},children:xt.map(e=>z.jsxDevRuntimeExports.jsxDEV(Rt,{$isDraggable:$?ge&&tt===e.id:u,children:z.jsxDevRuntimeExports.jsxDEV(lt,{isDraggable:je,className:ct,children:typeof he=="function"?he(e,()=>Ee(e.id),a=>Me(e.id,a)):he},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/GridDND/GridDND.tsx",lineNumber:1088,columnNumber:15},void 0)},e.id,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/GridDND/GridDND.tsx",lineNumber:1080,columnNumber:11},void 0))},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/GridDND/GridDND.tsx",lineNumber:1044,columnNumber:9},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/GridDND/GridDND.tsx",lineNumber:1035,columnNumber:7},void 0)}),Ue=Object.assign(Ht,{ItemWrapper:kt});Ue.displayName="GridDND";exports.GridDND=Ue;exports.GridDNDClassNames=Y;exports.convertAreaToLayoutsInit=Et;exports.fallbackCols=I;exports.fallbackRowHeight=Oe;exports.findNearestSourceBp=At;exports.getBreakpointFromWidth=Ot;exports.gridItemPlaceholderMixin=ze;exports.gridWrapWordLike=Ft;exports.initSizeByType=Z;exports.isEmptyCell=Pe;exports.layoutsShallowEqual=we;exports.orderBreakpointsDesc=Mt;exports.packByItemsOrder=Ke;exports.pickWidestBreakpoint=jt;exports.placeRectFirstFit=Qe;exports.readingOrder=Ae;exports.unlockAfterFrame=qt;

package/chunks/LeftPanel-C72uosX_.mjs

@@ -1,303 +0,0 @@
-import { j as a } from "./vendor-BG4P-329.mjs";
-import { IconArrowBarDown as Z } from "@salutejs/plasma-icons";
-import { Box as R } from "../components/Box/index.mjs";
-import { EmbedIconButton as ee } from "@salutejs/sdds-finai";
-import { spacing8x as N, surfaceSolidCard as te, shadowDownSoftS as ne, spacing6x as ie, surfaceSolidSecondary as oe, spacing16x as W, outlineSolidSecondary as se, outlineSolidSecondaryHover as re } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import f, { css as ae } from "styled-components";
-import { t as le, e as de, d as ue } from "./utils-BNelzuI-.mjs";
-import { useCallback as X, useEffect as $, useMemo as C, useState as I, useRef as j } from "react";
-const A = {
-  icon: "left-panel__toggle-button",
-  leftBlockIsResizing: "left-panel__is-resizing"
-}, ce = 72, me = 56, H = 240, fe = 540, E = 0.2, pe = f(R).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, () => te, N, N, () => ne, (e) => e.$resizing ? "none" : `max-width ${E}s ease-in-out, opacity ${E}s ease-in-out`, (e) => e.width !== void 0 ? `${Math.min(e.width, e.maxWidth)}px` : `${e.minWidth}px`, ({
-  showResizeable: e
-}) => e ? ie : 0), he = f.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;"]), O = ae(["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", E, ({
-  $active: e
-}) => e ? "0s" : `${E}s`), ge = f.div.withConfig({
-  displayName: "styled__PanelContent"
-})(["", ";width:100%;height:100%;margin-top:0;position:relative;"], O), we = f.div.withConfig({
-  displayName: "styled__PanelCollapsedContent"
-})(["", ";height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:", ";width:100%;"], O, ({
-  $isAdaptive1280: e,
-  showResizeable: t
-}) => t ? e ? "6px" : "10px" : N), xe = f.div.withConfig({
-  displayName: "styled__PanelCollapsedBody"
-})(["gap:", ";display:flex;flex-direction:column;"], N), be = f(ee).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", N, N, ({
-  $isAdaptive1280: e
-}) => e ? 32 : 40, ({
-  $isAdaptive1280: e
-}) => e ? 32 : 40, (e) => e.collapsed ? "rotate(270deg)" : "rotate(90deg)"), Ne = f.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:", ";}}"], () => oe, `calc(50% - ${W} / 2)`, W, () => se, () => re), V = ({
-  onClick: e,
-  collapsed: t = !1,
-  isAbsolute: i = !1,
-  isAdaptive1280: o = !1,
-  ...d
-}) => /* @__PURE__ */ a.jsxDEV(
-  be,
-  {
-    onClick: e,
-    $isAdaptive1280: o,
-    collapsed: t,
-    isAbsolute: i,
-    view: "secondary",
-    size: o ? "s" : "l",
-    ...d,
-    children: /* @__PURE__ */ a.jsxDEV(Z, { className: A.icon }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/components/LeftPanelToggleButton.tsx",
-      lineNumber: 23,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/components/LeftPanelToggleButton.tsx",
-    lineNumber: 14,
-    columnNumber: 1
-  },
-  void 0
-), ve = ({
-  setWidth: e,
-  isResizingRef: t,
-  setIsResizing: i,
-  panelRef: o,
-  minWidth: d,
-  maxWidth: k,
-  parentRef: v,
-  isCollapsed: y,
-  onResize: p
-}) => {
-  const L = X(() => {
-    var u;
-    document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", t.current = !0, i(!0), (u = o.current) == null || u.classList.add(A.leftBlockIsResizing);
-  }, [o, t, i]);
-  return $(() => {
-    const u = () => {
-      var P, s;
-      document.body.style.cursor = "auto", document.body.style.userSelect = "", t.current = !1, i(!1), (P = o.current) == null || P.classList.remove(A.leftBlockIsResizing);
-      const m = ((s = o.current) == null ? void 0 : s.clientWidth) ?? 0;
-      m > d && m < H && e(d);
-    }, h = le((m) => {
-      if (!t.current || !o.current || !v.current)
-        return;
-      m.preventDefault();
-      const l = v.current.getBoundingClientRect(), s = m.clientX - l.left, r = de(d, s, k);
-      e(r), !y && p && p(r);
-    }, 16);
-    return window.addEventListener("mousemove", h), window.addEventListener("mouseup", u), () => {
-      window.removeEventListener("mousemove", h), window.removeEventListener("mouseup", u);
-    };
-  }, [e, t, i, o, d, k, v, y, p]), {
-    startResizing: L
-  };
-}, Pe = (e) => ({
-  buttonSize: e ? "xs" : "s"
-}), ke = (e, t) => t ?? (e ? me : ce), z = (e, t) => typeof e == "function" ? e(t) : e, ye = ({
-  widthState: e,
-  minWidth: t,
-  maxWidth: i = fe,
-  disableMediaAdaptive: o = !1,
-  collapseState: d,
-  containerProps: k,
-  contentProps: v,
-  collapsedContentProps: y,
-  expandedContent: p,
-  collapsedContent: L,
-  collapsedFooterContent: u,
-  showToggleButton: D = !0,
-  showResizeable: h = !0,
-  onResize: m,
-  onToggleCollapse: l
-}) => {
-  const { down: P } = ue(), s = !o && P("xl"), r = ke(s, t), g = C(
-    () => Pe(s),
-    [s]
-  ), K = C(
-    () => z(p, g),
-    [p, g]
-  ), q = C(
-    () => z(L, g),
-    [L, g]
-  ), F = C(
-    () => z(u, g),
-    [u, g]
-  ), G = I(!1), [n, _] = d ?? G, J = I(
-    Number(n ? r : i)
-  ), [w, x] = e ?? J, S = j(null), M = j(null), B = j(!1), [Q, U] = I(!1), { startResizing: Y } = ve({
-    setWidth: x,
-    isResizingRef: B,
-    setIsResizing: U,
-    panelRef: S,
-    minWidth: r,
-    maxWidth: i,
-    parentRef: M,
-    isCollapsed: n,
-    onResize: m
-  });
-  $(() => {
-    if (w !== void 0) {
-      const c = w < H;
-      c !== n && (_(c), l && !B.current && l(c));
-    }
-  }, [w, n, l, _]), $(() => {
-    !B.current && n && w !== r && x(r);
-  }, [n, r, x, w]);
-  const T = X(() => {
-    _((c) => {
-      const b = !c;
-      return l && l(b), x(b ? r : i), b;
-    });
-  }, [l, _, x, r, i]);
-  return /* @__PURE__ */ a.jsxDEV(
-    pe,
-    {
-      ref: S,
-      collapsed: n,
-      maxWidth: i,
-      minWidth: r,
-      width: w,
-      $resizing: Q,
-      showResizeable: h,
-      ...k,
-      children: [
-        /* @__PURE__ */ a.jsxDEV(he, { children: [
-          /* @__PURE__ */ a.jsxDEV(
-            ge,
-            {
-              $active: !n,
-              "aria-hidden": n,
-              ...v,
-              children: [
-                D && /* @__PURE__ */ a.jsxDEV(
-                  V,
-                  {
-                    onClick: T,
-                    collapsed: n,
-                    isAdaptive1280: s,
-                    isAbsolute: !0
-                  },
-                  void 0,
-                  !1,
-                  {
-                    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",
-                    lineNumber: 156,
-                    columnNumber: 11
-                  },
-                  void 0
-                ),
-                K
-              ]
-            },
-            void 0,
-            !0,
-            {
-              fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",
-              lineNumber: 150,
-              columnNumber: 9
-            },
-            void 0
-          ),
-          /* @__PURE__ */ a.jsxDEV(
-            we,
-            {
-              $active: n,
-              "aria-hidden": !n,
-              $isAdaptive1280: s,
-              showResizeable: h,
-              ...y,
-              children: [
-                /* @__PURE__ */ a.jsxDEV(xe, { children: [
-                  D && /* @__PURE__ */ a.jsxDEV(
-                    V,
-                    {
-                      onClick: T,
-                      collapsed: n,
-                      isAdaptive1280: s
-                    },
-                    void 0,
-                    !1,
-                    {
-                      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",
-                      lineNumber: 174,
-                      columnNumber: 13
-                    },
-                    void 0
-                  ),
-                  q
-                ] }, void 0, !0, {
-                  fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",
-                  lineNumber: 172,
-                  columnNumber: 11
-                }, void 0),
-                F
-              ]
-            },
-            void 0,
-            !0,
-            {
-              fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",
-              lineNumber: 165,
-              columnNumber: 9
-            },
-            void 0
-          )
-        ] }, void 0, !0, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",
-          lineNumber: 148,
-          columnNumber: 7
-        }, void 0),
-        h && /* @__PURE__ */ a.jsxDEV(
-          Ne,
-          {
-            onMouseDown: (c) => {
-              var b;
-              c.preventDefault(), (b = S.current) != null && b.parentElement && (M.current = S.current.parentElement), Y();
-            }
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",
-            lineNumber: 186,
-            columnNumber: 7
-          },
-          void 0
-        )
-      ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",
-      lineNumber: 138,
-      columnNumber: 5
-    },
-    void 0
-  );
-};
-ye.LeftPanelToggleButton = V;
-export {
-  ye as L,
-  V as a,
-  Pe as b,
-  ke as g,
-  z as r,
-  A as t,
-  ve as u
-};

package/chunks/LeftPanel-Di-IqpZ_.cjs

@@ -1 +0,0 @@
-"use strict";const u=require("./vendor-D8Dozc4m.cjs"),Y=require("@salutejs/plasma-icons"),Z=require("../components/Box/index.cjs"),ee=require("@salutejs/sdds-finai"),i=require("@salutejs/sdds-themes/tokens/sdds_finai"),p=require("styled-components"),M=require("./utils-C93a2mD7.cjs"),n=require("react"),j={icon:"left-panel__toggle-button",leftBlockIsResizing:"left-panel__is-resizing"},te=72,ne=56,R=240,ie=540,B=.2,se=p(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,()=>i.surfaceSolidCard,i.spacing8x,i.spacing8x,()=>i.shadowDownSoftS,e=>e.$resizing?"none":`max-width ${B}s ease-in-out, opacity ${B}s ease-in-out`,e=>e.width!==void 0?`${Math.min(e.width,e.maxWidth)}px`:`${e.minWidth}px`,({showResizeable:e})=>e?i.spacing6x:0),oe=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=p.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",B,({$active:e})=>e?"0s":`${B}s`),re=p.div.withConfig({displayName:"styled__PanelContent"})(["",";width:100%;height:100%;margin-top:0;position:relative;"],V),ae=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:e,showResizeable:t})=>t?e?"6px":"10px":i.spacing8x),le=p.div.withConfig({displayName:"styled__PanelCollapsedBody"})(["gap:",";display:flex;flex-direction:column;"],i.spacing8x),ue=p(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",i.spacing8x,i.spacing8x,({$isAdaptive1280:e})=>e?32:40,({$isAdaptive1280:e})=>e?32:40,e=>e.collapsed?"rotate(270deg)":"rotate(90deg)"),ce=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:",";}}"],()=>i.surfaceSolidSecondary,`calc(50% - ${i.spacing16x} / 2)`,i.spacing16x,()=>i.outlineSolidSecondary,()=>i.outlineSolidSecondaryHover),I=({onClick:e,collapsed:t=!1,isAbsolute:o=!1,isAdaptive1280:r=!1,...d})=>u.jsxDevRuntimeExports.jsxDEV(ue,{onClick:e,$isAdaptive1280:r,collapsed:t,isAbsolute:o,view:"secondary",size:r?"s":"l",...d,children:u.jsxDevRuntimeExports.jsxDEV(Y.IconArrowBarDown,{className:j.icon},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/components/LeftPanelToggleButton.tsx",lineNumber:23,columnNumber:5},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/components/LeftPanelToggleButton.tsx",lineNumber:14,columnNumber:1},void 0),q=({setWidth:e,isResizingRef:t,setIsResizing:o,panelRef:r,minWidth:d,maxWidth:y,parentRef:N,isCollapsed:L,onResize:g})=>{const E=n.useCallback(()=>{var m;document.body.style.cursor="col-resize",document.body.style.userSelect="none",t.current=!0,o(!0),(m=r.current)==null||m.classList.add(j.leftBlockIsResizing)},[r,t,o]);return n.useEffect(()=>{const m=()=>{var k,a;document.body.style.cursor="auto",document.body.style.userSelect="",t.current=!1,o(!1),(k=r.current)==null||k.classList.remove(j.leftBlockIsResizing);const x=((a=r.current)==null?void 0:a.clientWidth)??0;x>d&&x<R&&e(d)},S=x=>{if(!t.current||!r.current||!N.current)return;x.preventDefault();const c=N.current.getBoundingClientRect(),a=x.clientX-c.left,l=M.clamp(d,a,y);e(l),!L&&g&&g(l)},h=M.throttleWithLastCall(S,16);return window.addEventListener("mousemove",h),window.addEventListener("mouseup",m),()=>{window.removeEventListener("mousemove",h),window.removeEventListener("mouseup",m)}},[e,t,o,r,d,y,N,L,g]),{startResizing:E}},T=e=>({buttonSize:e?"xs":"s"}),W=(e,t)=>t??(e?ne:te),C=(e,t)=>typeof e=="function"?e(t):e,X=({widthState:e,minWidth:t,maxWidth:o=ie,disableMediaAdaptive:r=!1,collapseState:d,containerProps:y,contentProps:N,collapsedContentProps:L,expandedContent:g,collapsedContent:E,collapsedFooterContent:m,showToggleButton:S=!0,showResizeable:h=!0,onResize:x,onToggleCollapse:c})=>{const{down:k}=M.useBreakpoint(),a=!r&&k("xl"),l=W(a,t),v=n.useMemo(()=>T(a),[a]),H=n.useMemo(()=>C(g,v),[g,v]),O=n.useMemo(()=>C(E,v),[E,v]),F=n.useMemo(()=>C(m,v),[m,v]),K=n.useState(!1),[s,D]=d??K,G=n.useState(Number(s?l:o)),[w,P]=e??G,_=n.useRef(null),$=n.useRef(null),z=n.useRef(!1),[J,Q]=n.useState(!1),{startResizing:U}=q({setWidth:P,isResizingRef:z,setIsResizing:Q,panelRef:_,minWidth:l,maxWidth:o,parentRef:$,isCollapsed:s,onResize:x});n.useEffect(()=>{if(w!==void 0){const f=w<R;f!==s&&(D(f),c&&!z.current&&c(f))}},[w,s,c,D]),n.useEffect(()=>{!z.current&&s&&w!==l&&P(l)},[s,l,P,w]);const A=n.useCallback(()=>{D(f=>{const b=!f;return c&&c(b),P(b?l:o),b})},[c,D,P,l,o]);return u.jsxDevRuntimeExports.jsxDEV(se,{ref:_,collapsed:s,maxWidth:o,minWidth:l,width:w,$resizing:J,showResizeable:h,...y,children:[u.jsxDevRuntimeExports.jsxDEV(oe,{children:[u.jsxDevRuntimeExports.jsxDEV(re,{$active:!s,"aria-hidden":s,...N,children:[S&&u.jsxDevRuntimeExports.jsxDEV(I,{onClick:A,collapsed:s,isAdaptive1280:a,isAbsolute:!0},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",lineNumber:156,columnNumber:11},void 0),H]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",lineNumber:150,columnNumber:9},void 0),u.jsxDevRuntimeExports.jsxDEV(ae,{$active:s,"aria-hidden":!s,$isAdaptive1280:a,showResizeable:h,...L,children:[u.jsxDevRuntimeExports.jsxDEV(le,{children:[S&&u.jsxDevRuntimeExports.jsxDEV(I,{onClick:A,collapsed:s,isAdaptive1280:a},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",lineNumber:174,columnNumber:13},void 0),O]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",lineNumber:172,columnNumber:11},void 0),F]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",lineNumber:165,columnNumber:9},void 0)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",lineNumber:148,columnNumber:7},void 0),h&&u.jsxDevRuntimeExports.jsxDEV(ce,{onMouseDown:f=>{var b;f.preventDefault(),(b=_.current)!=null&&b.parentElement&&($.current=_.current.parentElement),U()}},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",lineNumber:186,columnNumber:7},void 0)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/LeftPanel/LeftPanel.tsx",lineNumber:138,columnNumber:5},void 0)};X.LeftPanelToggleButton=I;exports.LeftPanel=X;exports.LeftPanelToggleButton=I;exports.getLeftPanelMinWidth=W;exports.getLeftPanelSlotSizes=T;exports.renderLeftPanelSlot=C;exports.toggleButtonClassNames=j;exports.useResize=q;

package/chunks/ListOfFilters-B3bM1n4w.cjs

@@ -1 +0,0 @@
-"use strict";const v=require("react"),f=require("./vendor-D8Dozc4m.cjs"),F=require("../components/Box/index.cjs"),C=require("@salutejs/sdds-finai"),B=require("../components/Collapse/index.cjs"),_=require("./Table--05ONCr1.cjs"),q=require("@salutejs/plasma-icons"),z=require("./utils-C93a2mD7.cjs"),R=require("styled-components"),y=require("@salutejs/sdds-themes/tokens/sdds_finai"),$=require("./FiltersActions-BekNxF-h.cjs"),N="list-of-filters",d={chipsGroup:`${N}__chip-group`,chipsGroupLabel:`${N}__chip-group__label`,chipsGroupCount:`${N}__chip-group__count`,chip:`${N}__chip`,clearButtonBlock:`${N}__clear-button-block`,chipsContainer:`${N}__chips-container`,container:`${N}__container`},A=s=>"groupId"in s,T=()=>R.css(y.bodyS),W=250,I=R(C.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;}}}"],()=>y.borderRadiusS,()=>T(),d.chipsGroup,d.chip,d.chipsGroupLabel,d.chip,d.chipsGroupLabel,W,d.chipsGroupCount,()=>y.textPrimary,d.chip,()=>y.onLightTextSecondary),M=({itemOrGroup:s,maxLengthInGroup:n=2,ellipsisLabel:x=!1,chipStyle:r,renderGroupLabel:p,renderChipLabel:l})=>{if(A(s)){const m=s,g=m.items.slice(0,n),c=m.items.length-g.length,o=p?p(m):m.groupLabel;return f.jsxDevRuntimeExports.jsxDEV(I,{className:d.chipsGroup,size:"xs",gap:"wide",view:"default",isCommonChipStyles:!1,children:[x?f.jsxDevRuntimeExports.jsxDEV("span",{className:d.chipsGroupLabel,title:o,children:o},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ChipOrGroup.tsx",lineNumber:83,columnNumber:9},void 0):o,g.map(e=>f.jsxDevRuntimeExports.jsxDEV(C.Chip,{className:d.chip,title:"Удалить фильтр",view:"default",text:l?l(m,e):e.label.toString(),size:"xs",pilled:!0,onClick:e.onClick,style:{maxWidth:180,..._.overflowDotsStyle,...r&&r(m,e)},appearance:"transparent"},e.id,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ChipOrGroup.tsx",lineNumber:90,columnNumber:9},void 0)),c>0&&f.jsxDevRuntimeExports.jsxDEV($.FiltersActionsTooltip,{groupLabel:o,items:m.items.map(e=>l?l(m,e):e.label.toString()),children:f.jsxDevRuntimeExports.jsxDEV("span",{className:d.chipsGroupCount,children:["+",c]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ChipOrGroup.tsx",lineNumber:120,columnNumber:13},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ChipOrGroup.tsx",lineNumber:112,columnNumber:9},void 0)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ChipOrGroup.tsx",lineNumber:75,columnNumber:7},void 0)}return f.jsxDevRuntimeExports.jsxDEV(C.Chip,{className:d.chip,title:"Удалить фильтр",view:"default",text:l?l(null,s):s.label.toString(),size:"xs",pilled:!0,onClick:s.onClick,style:{maxWidth:150,..._.overflowDotsStyle,...r&&r(s,void 0)},appearance:"transparent"},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ChipOrGroup.tsx",lineNumber:128,columnNumber:5},void 0)},H=(s,n,x)=>{var a,i;const r=v.useRef(null),p=!!r.current,[l,m]=v.useState(0),g=r.current,c=(a=r.current)==null?void 0:a.firstChild,o=(i=r.current)==null?void 0:i.lastChild,e=(g&&c&&o&&g.offsetWidth-c.offsetWidth-o.offsetWidth-n*2-x*2)??void 0;return v.useEffect(()=>{const t=r.current;let b=0;function D(){b=(t==null?void 0:t.offsetWidth)??0,m(b)}D();const L=z.createSafeResizeObserver(D);return s&&t&&L.observe(t),()=>{L.disconnect()}},[s,p]),{refForContainer:r,maxWidthForCenterElement:e}},P={xs:{height:32,paddingInline:0}},S=1,V=`${S}px solid ${()=>_.COLORS.border}`,K=R(C.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:r="xs",paddingTop:p=0,maxLengthInGroup:l=2,ellipsisLabel:m=!1,sizeOnOpen:g,leftSlot:c,paddingInline:o,maxHeight:e,chipStyle:a,renderGroupLabel:i,renderChipLabel:t,showResetAllFiltersButton:b=!0,extraCss:D={}})=>{const L=P[r],w=o??L.paddingInline,k=e??L.height,{refForContainer:E}=H(s,w,S);return z.useDebouncedValue(s,200),f.jsxDevRuntimeExports.jsxDEV(B.Collapse,{isOpen:s,sizeOnOpen:g??k+p,unMountOnClose:!0,children:f.jsxDevRuntimeExports.jsxDEV(F.Box,{ref:E,className:d.container,$css:{display:"flex",borderInline:V,borderTop:V,paddingInline:w,maxHeight:k,marginTop:p,flexDirection:"row-reverse",...D},children:[f.jsxDevRuntimeExports.jsxDEV(F.Box,{$css:"display: inline;",children:c??null},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ListOfFilters.tsx",lineNumber:122,columnNumber:9},void 0),f.jsxDevRuntimeExports.jsxDEV(K,{className:d.chipsContainer,view:"clear",size:"xs",style:{height:k-S,flex:1,minWidth:0,overflow:"hidden"},children:!!n.length&&n.map((u,h)=>{let O;return"groupId"in u&&(O=u.groupId??h),"id"in u&&(O=u.id??h),f.jsxDevRuntimeExports.jsxDEV(C.TabItem,{view:"clear",onClick:j=>j.preventDefault(),children:f.jsxDevRuntimeExports.jsxDEV(M,{maxLengthInGroup:l,ellipsisLabel:m,itemOrGroup:u,chipStyle:a,renderGroupLabel:i,renderChipLabel:t},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ListOfFilters.tsx",lineNumber:153,columnNumber:19},void 0)},O,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ListOfFilters.tsx",lineNumber:148,columnNumber:15},void 0)})},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ListOfFilters.tsx",lineNumber:123,columnNumber:9},void 0),f.jsxDevRuntimeExports.jsxDEV(F.Box,{className:d.clearButtonBlock,$css:"display: inline-flex; margin-left: auto;",children:b&&f.jsxDevRuntimeExports.jsxDEV(C.Button,{view:"clear",size:"xs",text:"Сбросить все",disabled:!n.length,contentLeft:f.jsxDevRuntimeExports.jsxDEV(q.IconClose,{size:"xs",color:"inherit"},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ListOfFilters.tsx",lineNumber:175,columnNumber:26},void 0),onClick:x},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ListOfFilters.tsx",lineNumber:170,columnNumber:11},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ListOfFilters.tsx",lineNumber:165,columnNumber:9},void 0)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ListOfFilters.tsx",lineNumber:106,columnNumber:7},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ListOfFilters/ListOfFilters.tsx",lineNumber:101,columnNumber:5},void 0)},G=v.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:r,order:p})=>{const{labelFromValueMaps:l}=v.useMemo(()=>{const c={};for(const o of Object.entries(x)){const[e,a]=o;c[e]=new Map(a.map(i=>[String(i.value),i.label]))}return{labelFromValueMaps:c}},[x]),m=v.useCallback(()=>{for(const c of Object.entries(n)){const[o,e]=c;r(o,e.clearedValue)}},[n,r]);return{...v.useMemo(()=>{const c=Object.entries(s).reduce((e,a)=>{var E;const i=a[0],t=a[1],b=Array.isArray(t);if(!(b&&t.length||!b&&t&&t!==!1)||t===n[i].clearedValue)return e;if(typeof t=="boolean"){const u={id:i,label:n[i].label,onClick:()=>{r(i,n[i].clearedValue)}};return e.push(u),e}const k={groupId:i,groupLabel:n[i].label,items:[]};if(b)k.items=t.map(u=>{var h,O;return{id:u,label:((O=(h=l==null?void 0:l[i])==null?void 0:h.get)==null?void 0:O.call(h,u))??u.toString(),onClick:()=>{r(i,t.filter(j=>j!==u))}}});else{const u=l==null?void 0:l[i],h=((E=u==null?void 0:u.get)==null?void 0:E.call(u,t))??Z(t);k.items=[{id:t.toString(),label:h,onClick:()=>{r(i,"clearedValue"in n[i]?n[i].clearedValue:"")}}]}return e.push(k),e},[]);let o=c;if(p&&p!=="default"){if(typeof p=="function")o=p(c);else if(Array.isArray(p)){const e=new Map;c.forEach(a=>{const i="groupId"in a?a.groupId:String(a.id);e.set(i,a)}),o=[],p.forEach(a=>{const i=e.get(a);i&&(o.push(i),e.delete(a))}),e.size>0&&Array.from(e.keys()).sort().forEach(i=>{const t=e.get(i);t&&o.push(t)})}}return{filterListOpened:c.length>0,filterList:o}},[s,n,l,r,p]),clearAll:m,labelFromValueMaps:l}},Y=Object.freeze(Object.defineProperty({__proto__:null,default:G},Symbol.toStringTag,{value:"Module"}));exports.ListOfFilters=G;exports.ListOfFilters_lazy=Y;exports.isGroup=A;exports.listOfFiltersClassNames=d;exports.useFiltersList=X;