profinansy-ui-lib 3.8.78 → 3.8.80

package/dist/profinansy-ui-lib.cjs.js

@@ -5674,7 +5674,7 @@ Check the top-level render call using <`+q+">.")}return G}}function e2(L,G){{if(
 `,jL=h.styled.img`
   border-radius: 12px;
   object-fit: cover;
-`,HL=typeof window<"u"&&!!window.ym,Fc=(e,t)=>{HL&&window.ym(89369871,"reachGoal",e,t)},BL=(e,t)=>it(`/banner/list?code=${t}`,"GET",{...e,baseUrl:Ss}),FL=(e,t)=>it(`/banner/view?banner_platform_id=${t.banner_platform_id}&banner_id=${t.banner_id}`,"PUT",{...e,baseUrl:Ss}),VL=(e,t)=>it(`/banner/click?view_id=${t.view_id}`,"PUT",{...e,baseUrl:Ss},t),OL=({yandexEvent:e,yandexEventView:t,isNotBannerShow:n,bannerData:r})=>{const[o,i]=m.useState(null),{user:a}=he(),l=a.token,c=m.useRef(null);m.useEffect(()=>{if(n)return;const p=c.current;if(!p)return;const C=new IntersectionObserver(([g],v)=>{g.isIntersecting&&(f(),v.unobserve(g.target))},{threshold:.5});return C.observe(p),()=>{C.disconnect()}},[n]);const u=async()=>{e&&Fc(e),o&&await VL({token:l},{view_id:o})},f=async()=>{if(!r)return;t&&Fc(t);const p=await FL({token:l},{banner_id:r.id,banner_platform_id:r.banner_platform_id});p?.view_id&&i(p.view_id)};return{handleClick:u,ref:c}},ya="your_banner_key",NL=({bannerData:e})=>{const[t,n]=m.useState(!0),r=e?.id;return m.useEffect(()=>{if(r&&!JSON.parse(localStorage.getItem(ya)??"[]").includes(r)){n(!1);return}},[r]),{handleCloseBanner:i=>{i.preventDefault(),i.stopPropagation(),n(!0);const a=JSON.parse(localStorage.getItem(ya)??"[]");if(a?.includes(r))return;const l=[r,...a];localStorage.setItem(ya,JSON.stringify(l))},bannerClosed:t}},ZL=({bannerCode:e})=>{const[t,n]=m.useState(null),{user:r}=he(),o=r.token;return m.useEffect(()=>{o&&(async()=>{try{const a=await BL({token:o},e);if(!a?.data.length){n(null);return}n(a.data[0])}catch{n(null)}})()},[e,o]),{bannerData:t}},WL=({bannerData:e,size:t})=>{const n=$t(St.down(600)),r=$t(St.down(960)),o=$t(St.down(1200)),i={"688x334":n,"688x452":r,"1052x688":o,"1300x1052":!n&&!r&&!o},a=Object.keys(i).find(c=>i[c]);return{bannerUrl:e?.photos[t||a]}},GL=({bannerCode:e,size:t,bannerMaxWidth:n,mb:r,mt:o,closeButtonHidden:i,yandexEvent:a,yandexEventView:l,rootStyles:c,target:u="_blank"})=>{const{user:f}=he(),{bannerData:p}=ZL({bannerCode:e}),{bannerUrl:C}=WL({bannerData:p,size:t}),{handleCloseBanner:g,bannerClosed:v}=NL({bannerData:p}),b=!!p&&!!C,x=f.type===2,y=!b||v||x,{handleClick:w,ref:k}=OL({yandexEventView:l,yandexEvent:a,isNotBannerShow:y,bannerData:p});return y?null:s.jsxs(AL,{ref:k,target:u,href:p?.url,style:c,rel:"noreferrer",$bannerMaxWidth:n,$mt:o,$mb:r,onClick:w,children:[!i&&s.jsx(RL,{onClick:g,children:s.jsx(PL,{})}),C&&s.jsx(jL,{src:Mi(C,"_"),alt:"Картинка баннера"})]})},YL=h.keyframes`
+`,HL=typeof window<"u"&&!!window.ym,Fc=(e,t)=>{HL&&window.ym(89369871,"reachGoal",e,t)},BL=(e,t)=>it(`/modal/list?code=${t}`,"GET",{...e,baseUrl:Ss}),FL=(e,t)=>it(`/modal/view?banner_platform_id=${t.banner_platform_id}&banner_id=${t.banner_id}`,"PUT",{...e,baseUrl:Ss}),VL=(e,t)=>it(`/modal/click?view_id=${t.view_id}`,"PUT",{...e,baseUrl:Ss},t),OL=({yandexEvent:e,yandexEventView:t,isNotBannerShow:n,bannerData:r})=>{const[o,i]=m.useState(null),{user:a}=he(),l=a.token,c=m.useRef(null);m.useEffect(()=>{if(n)return;const p=c.current;if(!p)return;const C=new IntersectionObserver(([g],v)=>{g.isIntersecting&&(f(),v.unobserve(g.target))},{threshold:.5});return C.observe(p),()=>{C.disconnect()}},[n]);const u=async()=>{e&&Fc(e),o&&await VL({token:l},{view_id:o})},f=async()=>{if(!r)return;t&&Fc(t);const p=await FL({token:l},{banner_id:r.id,banner_platform_id:r.banner_platform_id});p?.view_id&&i(p.view_id)};return{handleClick:u,ref:c}},ya="your_banner_key",NL=({bannerData:e})=>{const[t,n]=m.useState(!0),r=e?.id;return m.useEffect(()=>{if(r&&!JSON.parse(localStorage.getItem(ya)??"[]").includes(r)){n(!1);return}},[r]),{handleCloseBanner:i=>{i.preventDefault(),i.stopPropagation(),n(!0);const a=JSON.parse(localStorage.getItem(ya)??"[]");if(a?.includes(r))return;const l=[r,...a];localStorage.setItem(ya,JSON.stringify(l))},bannerClosed:t}},ZL=({bannerCode:e})=>{const[t,n]=m.useState(null),{user:r}=he(),o=r.token;return m.useEffect(()=>{o&&(async()=>{try{const a=await BL({token:o},e);if(!a?.data.length){n(null);return}n(a.data[0])}catch{n(null)}})()},[e,o]),{bannerData:t}},WL=({bannerData:e,size:t})=>{const n=$t(St.down(600)),r=$t(St.down(960)),o=$t(St.down(1200)),i={"688x334":n,"688x452":r,"1052x688":o,"1300x1052":!n&&!r&&!o},a=Object.keys(i).find(c=>i[c]);return{bannerUrl:e?.photos[t||a]}},GL=({bannerCode:e,size:t,bannerMaxWidth:n,mb:r,mt:o,closeButtonHidden:i,yandexEvent:a,yandexEventView:l,rootStyles:c,target:u="_blank"})=>{const{user:f}=he(),{bannerData:p}=ZL({bannerCode:e}),{bannerUrl:C}=WL({bannerData:p,size:t}),{handleCloseBanner:g,bannerClosed:v}=NL({bannerData:p}),b=!!p&&!!C,x=f.type===2,y=!b||v||x,{handleClick:w,ref:k}=OL({yandexEventView:l,yandexEvent:a,isNotBannerShow:y,bannerData:p});return y?null:s.jsxs(AL,{ref:k,target:u,href:p?.url,style:c,rel:"noreferrer",$bannerMaxWidth:n,$mt:o,$mb:r,onClick:w,children:[!i&&s.jsx(RL,{onClick:g,children:s.jsx(PL,{})}),C&&s.jsx(jL,{src:Mi(C,"_"),alt:"Картинка баннера"})]})},YL=h.keyframes`
     0% {
         box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
     }
@@ -6226,7 +6226,7 @@ Check the top-level render call using <`+q+">.")}return G}}function e2(L,G){{if(
   display: flex;
   flex-direction: column;
 `,Yu=({hintContent:e,title:t,hintDisplayed:n,subtitle:r})=>{const o=i=>i.split(`
-`).map((a,l)=>s.jsxs(m.Fragment,{children:[a,s.jsx("br",{})]},l));return s.jsxs(s.Fragment,{children:[r?s.jsxs(FS,{children:[s.jsx(V,{variant:"caption-Bold",tag:"span",whiteSpace:"nowrap",colorName:"primary",children:o(t)}),s.jsx(V,{variant:"tag-Medium11",tag:"span",whiteSpace:"nowrap",colorName:"secondary",children:o(r)})]}):s.jsx(V,{variant:"caption-Bold",tag:"span",whiteSpace:"nowrap",colorName:"primary",children:o(t)}),n&&s.jsx(gr,{content:e})]})};function VS({hints:e,stickyFirstColumn:t=!1,stickyLastColumn:n=!1,isScrolled:r,isScrolledEnd:o,activeSortField:i,activeSortOrder:a,columnRenderer:l,column:c,handleSort:u,index:f,columns:p,isDraggingDisabled:C,draggableProps:g}){const{mode:v}=te(),{onDragOver:b,columnStickPosition:x,handleDragEnd:y,handleDragOver:w,isDragging:k,onDragStart:I,dragEnteredColumn:E,draggingColumnIdx:$,setDragEnteredColumn:M,setHoveredColumnIdx:S,hoveredColumnIdx:D}=g;return s.jsx(Wu,{$mode:v,$isSort:c.sort,$stickyFirstColumn:t,$stickyLastColumn:n,$isScrolled:r,$isScrolledEnd:o,onClick:()=>c.sort?u(String(c.key)):null,$isDragEntered:E===f&&E!==$,$isHovered:D===f,$columnStickPosition:x,draggable:!C,$isDragging:$===f,onDragStart:H=>I(H,f),onDragOver:b,onDrop:()=>w(f),onDragEnd:()=>y(),onMouseEnter:()=>{C||S(f)},onMouseLeave:()=>{C||S(null)},onDragEnterCapture:()=>{!p[f]?.draggingDisabled&&!C&&M(f)},onDragLeaveCapture:()=>{C||M(H=>H===f?null:H)},children:s.jsxs(Gu,{$alignment:c.alignment,$isDragging:k,children:[i===c.key&&a!==null&&s.jsx(Zu,{activeSort:a}),l?l({...c,columnIdx:f}):s.jsx(Yu,{title:c.title,subtitle:c.subtitle,hintDisplayed:!!(c.hint&&e),hintContent:e?.[c.hint]||[]})]})},f)}function OS({hints:e,stickyFirstColumn:t=!1,stickyLastColumn:n=!1,isScrolled:r,isScrolledEnd:o,activeSortField:i,activeSortOrder:a,columnRenderer:l,column:c,handleSort:u,index:f}){const{mode:p}=te();return s.jsx(Wu,{$mode:p,$isSort:c.sort,$stickyFirstColumn:t,$stickyLastColumn:n,$isScrolled:r,$isScrolledEnd:o,onClick:()=>c.sort?u(String(c.key)):null,children:s.jsxs(Gu,{$alignment:c.alignment,children:[i===c.key&&a!==null&&s.jsx(Zu,{activeSort:a}),l?l({...c,columnIdx:f}):s.jsx(Yu,{title:c.title,subtitle:c.subtitle,hintDisplayed:!!c.hint&&!!e,hintContent:e?.[c.hint]||[]})]})})}const NS=({columns:e,onColumnsReorder:t})=>{const[n,r]=m.useState(!1),[o,i]=m.useState(null),[a,l]=m.useState(null),[c,u]=m.useState(null),f=o<a?A1.right:A1.left;return{isDragging:n,columnStickPosition:f,onDragStart:(b,x)=>{b.dataTransfer.effectAllowed="move",r(!0),i(x)},onDragOver:b=>{b.preventDefault()},handleDragOver:b=>{if(e[b]?.draggingDisabled||b===o)return;const x=[...e],[y]=x.splice(o,1);x.splice(b,0,y),t(x),l(null),setTimeout(()=>{u(null)},100)},handleDragEnd:()=>{i(null),l(null),r(!1)},dragEnteredColumn:a,draggingColumnIdx:o,setDragEnteredColumn:l,setHoveredColumnIdx:u,hoveredColumnIdx:c}};function Nc({columns:e,hints:t,stickyFirstColumn:n=!1,stickyLastColumn:r=!1,stickyHeader:o=!1,isScrolled:i,isScrolledEnd:a,activeSortField:l,activeSortOrder:c,columnRenderer:u,handleSort:f,onColumnsReorder:p}){const C=NS({columns:e,onColumnsReorder:p});return s.jsx(jS,{$stickyHeader:o,children:s.jsx("tr",{children:e.map((g,v)=>{const b=!p||g.draggingDisabled||v===0&&n;return p?s.jsx(VS,{hints:t,stickyFirstColumn:n,stickyLastColumn:r,isScrolled:i,isScrolledEnd:a,activeSortField:l,activeSortOrder:c,columnRenderer:u,column:g,handleSort:f,index:v,columns:e,isDraggingDisabled:b,draggableProps:C},g.key):s.jsx(OS,{hints:t,stickyFirstColumn:n,stickyLastColumn:r,isScrolled:i,isScrolledEnd:a,activeSortField:l,activeSortOrder:c,columnRenderer:u,column:g,handleSort:f,index:v},g.key)})})})}const ZS=(e,t,n)=>{const[r,o]=m.useState(!1),[i,a]=m.useState(!1);return m.useEffect(()=>{const l=()=>{if(e.current){const{scrollLeft:u,scrollWidth:f,clientWidth:p}=e.current;o(u>0),a(u+p>=f)}},c=e.current;return(t||n)&&(l(),c?.addEventListener("scroll",l)),()=>{c?.removeEventListener("scroll",l)}},[t,n]),{tableContainerRef:e,isScrolled:r,isScrolledEnd:i}},WS={null:"ASC",ASC:"DESC",DESC:null};function GS(e,t){const[n,r]=m.useState(e),[o,i]=m.useState({field:null,order:null}),a=!!t;m.useEffect(()=>{t&&t.activeSortDirection!==o.order&&t.activeSortField!==o.field&&i({field:t.activeSortField,order:t.activeSortDirection})},[t]),m.useEffect(()=>{const c=(u,f)=>{const p=u[o.field],C=f[o.field],g=(y,w)=>o.order==="ASC"?+y-+w:+w-+y,v=(y,w)=>{const k=y??-1/0,I=w??-1/0;return o.order==="ASC"?k-I:I-k},b=(y,w)=>o.order==="ASC"?y.localeCompare(w):w.localeCompare(y),x=(y,w)=>{const k=y?new Date(y).getTime():-1/0,I=w?new Date(w).getTime():-1/0;return o.order==="ASC"?k-I:I-k};return typeof p=="number"&&typeof C=="number"?v(p,C):typeof p=="boolean"&&typeof C=="boolean"?g(p,C):typeof p=="string"&&typeof C=="string"?!isNaN(Date.parse(p))?x(p,C):b(p,C):typeof p=="number"?o.order==="DESC"?-1:1:o.order==="DESC"?1:-1};if(!a)if(o?.order){const u=[...e];u.sort(c),r(u)}else r([...e])},[e,o]);const l=c=>{const u=WS[o.field!==c?null:o.order];i({field:c,order:u}),a&&t?.onSort(c,u)};return{sortedData:n,activeSortField:o.field,activeSortOrder:o.order,handleSort:l}}const YS=(e,t,n,r,o,i,a)=>{const[l,c]=m.useState(0),[u,f]=m.useState(0),[p,C]=m.useState(!1),g=m.useCallback(()=>{e&&i.current?.scrollTo(o.current.scrollLeft,0)},[e,i,o]),v=m.useCallback(()=>{e&&(f(o.current?.getBoundingClientRect().x),c(o.current?.offsetWidth),b())},[e,o,p,n,r]),b=m.useCallback(()=>{if(o.current&&e&&p){const x=o.current.querySelectorAll("thead");if(x.length>1){const y=x[0].querySelectorAll("th"),w=x[1].querySelectorAll("th");Array.from(y).map(I=>I.offsetWidth).filter((I,E)=>{w[E]&&(w[E].style.minWidth=`${I}px`),w[E]&&(w[E].style.width=`${I}px`),w[E]&&(w[E].style.maxWidth=`${I}px`)})}}},[o,n,r,e,p]);return m.useEffect(()=>{e&&(f(o.current?.getBoundingClientRect().x),c(o.current?.offsetWidth))},[e,o]),m.useEffect(()=>{if(!o.current)return;const x=new ResizeObserver(()=>{v()});return x.observe(o.current),()=>x.disconnect()},[o,v]),m.useEffect(()=>{const x=o.current;return x?.addEventListener("scroll",g),window?.addEventListener("resize",v),()=>{x?.removeEventListener("scroll",g),window?.removeEventListener("resize",v)}},[g,v,i,o]),m.useEffect(()=>{const x=()=>{if(!e)return;const{y}=a.current?a.current.getBoundingClientRect():{y:0},{y:w}=o.current?o.current.getBoundingClientRect():{y:0},k=t||0,I=w-we+20-k,E=y-we-k-44,$=I<=0&&E>=50;$&&i.current?.scrollLeft!==o.current?.scrollLeft&&o.current?.scrollLeft>0&&g(),C($)};return document.addEventListener("scroll",x),()=>document.removeEventListener("scroll",x)},[e,a,o,t]),{reachedTop:p,tableWidth:l,tableLeftPosition:u}},zS=h.styled.div`
+`).map((a,l)=>s.jsxs(m.Fragment,{children:[a,s.jsx("br",{})]},l));return s.jsxs(s.Fragment,{children:[r?s.jsxs(FS,{children:[s.jsx(V,{variant:"caption-Bold",tag:"span",whiteSpace:"nowrap",colorName:"primary",children:o(t)}),s.jsx(V,{variant:"tag-Medium11",tag:"span",whiteSpace:"nowrap",colorName:"secondary",children:o(r)})]}):s.jsx(V,{variant:"caption-Bold",tag:"span",whiteSpace:"nowrap",colorName:"primary",children:o(t)}),n&&s.jsx(gr,{content:e})]})};function VS({hints:e,stickyFirstColumn:t=!1,stickyLastColumn:n=!1,isScrolled:r,isScrolledEnd:o,activeSortField:i,activeSortOrder:a,columnRenderer:l,column:c,handleSort:u,index:f,columns:p,isDraggingDisabled:C,draggableProps:g}){const{mode:v}=te(),{onDragOver:b,columnStickPosition:x,handleDragEnd:y,handleDragOver:w,isDragging:k,onDragStart:I,dragEnteredColumn:E,draggingColumnIdx:$,setDragEnteredColumn:M,setHoveredColumnIdx:S,hoveredColumnIdx:D}=g;return s.jsx(Wu,{$mode:v,$isSort:c.sort,$stickyFirstColumn:t,$stickyLastColumn:n,$isScrolled:r,$isScrolledEnd:o,onClick:()=>c.sort?u(String(c.key)):null,$isDragEntered:E===f&&E!==$,$isHovered:D===f,$columnStickPosition:x,draggable:!C,$isDragging:$===f,onDragStart:H=>I(H,f),onDragOver:b,onDrop:()=>w(f),onDragEnd:()=>y(),onMouseEnter:()=>{C||S(f)},onMouseLeave:()=>{C||S(null)},onDragEnterCapture:()=>{!p[f]?.draggingDisabled&&!C&&M(f)},onDragLeaveCapture:()=>{C||M(H=>H===f?null:H)},children:s.jsxs(Gu,{$alignment:c.alignment,$isDragging:k,children:[i===c.key&&a!==null&&s.jsx(Zu,{activeSort:a}),l?l({...c,columnIdx:f}):s.jsx(Yu,{title:c.title,subtitle:c.subtitle,hintDisplayed:!!(c.hint&&e),hintContent:e?.[c.hint]||[]})]})},f)}function OS({hints:e,stickyFirstColumn:t=!1,stickyLastColumn:n=!1,isScrolled:r,isScrolledEnd:o,activeSortField:i,activeSortOrder:a,columnRenderer:l,column:c,handleSort:u,index:f}){const{mode:p}=te();return s.jsx(Wu,{$mode:p,$isSort:c.sort,$stickyFirstColumn:t,$stickyLastColumn:n,$isScrolled:r,$isScrolledEnd:o,onClick:()=>c.sort?u(String(c.key)):null,children:s.jsxs(Gu,{$alignment:c.alignment,children:[i===c.key&&a!==null&&s.jsx(Zu,{activeSort:a}),l?l({...c,columnIdx:f}):s.jsx(Yu,{title:c.title,subtitle:c.subtitle,hintDisplayed:!!c.hint&&!!e,hintContent:e?.[c.hint]||[]})]})})}const NS=({columns:e,onColumnsReorder:t})=>{const[n,r]=m.useState(!1),[o,i]=m.useState(null),[a,l]=m.useState(null),[c,u]=m.useState(null),f=o<a?A1.right:A1.left;return{isDragging:n,columnStickPosition:f,onDragStart:(b,x)=>{b.dataTransfer.effectAllowed="move",r(!0),i(x)},onDragOver:b=>{b.preventDefault()},handleDragOver:b=>{if(e[b]?.draggingDisabled||b===o)return;const x=[...e],[y]=x.splice(o,1);x.splice(b,0,y),t(x),l(null),setTimeout(()=>{u(null)},100)},handleDragEnd:()=>{i(null),l(null),r(!1)},dragEnteredColumn:a,draggingColumnIdx:o,setDragEnteredColumn:l,setHoveredColumnIdx:u,hoveredColumnIdx:c}};function Nc({columns:e,hints:t,stickyFirstColumn:n=!1,stickyLastColumn:r=!1,stickyHeader:o=!1,isScrolled:i,isScrolledEnd:a,activeSortField:l,activeSortOrder:c,columnRenderer:u,handleSort:f,onColumnsReorder:p}){const C=NS({columns:e,onColumnsReorder:p});return s.jsx(jS,{$stickyHeader:o,children:s.jsx("tr",{children:e.map((g,v)=>{const b=!p||g.draggingDisabled||v===0&&n;return p?s.jsx(VS,{hints:t,stickyFirstColumn:n,stickyLastColumn:r,isScrolled:i,isScrolledEnd:a,activeSortField:l,activeSortOrder:c,columnRenderer:u,column:g,handleSort:f,index:v,columns:e,isDraggingDisabled:b,draggableProps:C},v):s.jsx(OS,{hints:t,stickyFirstColumn:n,stickyLastColumn:r,isScrolled:i,isScrolledEnd:a,activeSortField:l,activeSortOrder:c,columnRenderer:u,column:g,handleSort:f,index:v},v)})})})}const ZS=(e,t,n)=>{const[r,o]=m.useState(!1),[i,a]=m.useState(!1);return m.useEffect(()=>{const l=()=>{if(e.current){const{scrollLeft:u,scrollWidth:f,clientWidth:p}=e.current;o(u>0),a(u+p>=f)}},c=e.current;return(t||n)&&(l(),c?.addEventListener("scroll",l)),()=>{c?.removeEventListener("scroll",l)}},[t,n]),{tableContainerRef:e,isScrolled:r,isScrolledEnd:i}},WS={null:"ASC",ASC:"DESC",DESC:null};function GS(e,t){const[n,r]=m.useState(e),[o,i]=m.useState({field:null,order:null}),a=!!t;m.useEffect(()=>{t&&t.activeSortDirection!==o.order&&t.activeSortField!==o.field&&i({field:t.activeSortField,order:t.activeSortDirection})},[t]),m.useEffect(()=>{const c=(u,f)=>{const p=u[o.field],C=f[o.field],g=(y,w)=>o.order==="ASC"?+y-+w:+w-+y,v=(y,w)=>{const k=y??-1/0,I=w??-1/0;return o.order==="ASC"?k-I:I-k},b=(y,w)=>o.order==="ASC"?y.localeCompare(w):w.localeCompare(y),x=(y,w)=>{const k=y?new Date(y).getTime():-1/0,I=w?new Date(w).getTime():-1/0;return o.order==="ASC"?k-I:I-k};return typeof p=="number"&&typeof C=="number"?v(p,C):typeof p=="boolean"&&typeof C=="boolean"?g(p,C):typeof p=="string"&&typeof C=="string"?!isNaN(Date.parse(p))?x(p,C):b(p,C):typeof p=="number"?o.order==="DESC"?-1:1:o.order==="DESC"?1:-1};if(!a)if(o?.order){const u=[...e];u.sort(c),r(u)}else r([...e])},[e,o]);const l=c=>{const u=WS[o.field!==c?null:o.order];i({field:c,order:u}),a&&t?.onSort(c,u)};return{sortedData:n,activeSortField:o.field,activeSortOrder:o.order,handleSort:l}}const YS=(e,t,n,r,o,i,a)=>{const[l,c]=m.useState(0),[u,f]=m.useState(0),[p,C]=m.useState(!1),g=m.useCallback(()=>{e&&i.current?.scrollTo(o.current.scrollLeft,0)},[e,i,o]),v=m.useCallback(()=>{e&&(f(o.current?.getBoundingClientRect().x),c(o.current?.offsetWidth),b())},[e,o,p,n,r]),b=m.useCallback(()=>{if(o.current&&e&&p){const x=o.current.querySelectorAll("thead");if(x.length>1){const y=x[0].querySelectorAll("th"),w=x[1].querySelectorAll("th");Array.from(y).map(I=>I.offsetWidth).filter((I,E)=>{w[E]&&(w[E].style.minWidth=`${I}px`),w[E]&&(w[E].style.width=`${I}px`),w[E]&&(w[E].style.maxWidth=`${I}px`)})}}},[o,n,r,e,p]);return m.useEffect(()=>{e&&(f(o.current?.getBoundingClientRect().x),c(o.current?.offsetWidth))},[e,o]),m.useEffect(()=>{if(!o.current)return;const x=new ResizeObserver(()=>{v()});return x.observe(o.current),()=>x.disconnect()},[o,v]),m.useEffect(()=>{const x=o.current;return x?.addEventListener("scroll",g),window?.addEventListener("resize",v),()=>{x?.removeEventListener("scroll",g),window?.removeEventListener("resize",v)}},[g,v,i,o]),m.useEffect(()=>{const x=()=>{if(!e)return;const{y}=a.current?a.current.getBoundingClientRect():{y:0},{y:w}=o.current?o.current.getBoundingClientRect():{y:0},k=t||0,I=w-we+20-k,E=y-we-k-44,$=I<=0&&E>=50;$&&i.current?.scrollLeft!==o.current?.scrollLeft&&o.current?.scrollLeft>0&&g(),C($)};return document.addEventListener("scroll",x),()=>document.removeEventListener("scroll",x)},[e,a,o,t]),{reachedTop:p,tableWidth:l,tableLeftPosition:u}},zS=h.styled.div`
   display: flex;
   flex-direction: column;
   justify-content: space-between;