Module 231643

function(e,t,a){a.d(t,{Ay:()=>_,BW:()=>b,fu:()=>j});var n,l=a(627968),s=a(64700),i=a(503698),r=a.n(i),o=a(862482),d=a(939249),c=a(980707),u=a(922016),m=a(765671),h=a(61780),x=a(403362),p=a(867041),g=a(786574),v=a(505206),j=((n={}).NONE="",n.DCF="DCF",n.EXPERIMENTS="Experiments",n.EVENTS="Events",n.PREMIUM="Premium",n.QUESTS="Quests",n.BILLING="Billing",n.SHOP="Shop",n.USERS="Users",n.GUILDS="Guilds",n.UI="UI",n.GAMES="Games",n.AUDIO_VIDEO="Audio / Video",n.DEVELOPMENT="Development",n.BOOSTING="Boosting",n);let b=["Experiments","DCF","Events","Premium","Quests","Billing","Shop","Users","Guilds","UI","Games","Boosting","Audio / Video","Development"],f=s.forwardRef(function(e,t){let{id:a,selected:n,onClick:s,children:i}=e;return(0,l.jsx)(d.D,{className:r()(v.V3,{[v.wH]:n}),"data-tab-id":a,innerRef:t,onClick:s,children:i})});function y(e){let{tabs:t,selectedTabId:a,onSelectTab:n}=e,i=s.useRef(new Map),[r,d]=s.useState(()=>new Set),{ref:j,width:b}=(0,m.Ay)(),y=s.useRef(null),_=(0,g.N)(t,n);s.useEffect(()=>{if(null==b)return;let e=new Set,n=b??0;for(let l of(n-=i.current.get(a)?.getBoundingClientRect().width??0,t))l.id!==a&&(n-=i.current.get(l.id)?.getBoundingClientRect().width??0)<0&&e.add(l.id);d(e)},[t,b,j,a]);let C=s.useCallback(e=>{let{closePopout:t}=e;return(0,l.jsx)(c.W,{"data-menu-migrated":!0,navId:"devtools-overflow",variant:"fixed",onClose:t,"aria-label":"Overflowed DevTools Tabs",onSelect:t,children:_})},[_]);return(0,l.jsxs)("div",{className:v.Mv,children:[(0,l.jsxs)("div",{className:v.$H,ref:j,children:[t.map(e=>{let{id:t,name:s}=e;if(!r.has(t))return(0,l.jsx)(f,{id:t,selected:a===t,onClick:a!==t?()=>n(t):void 0,children:s},t)}).filter(x.Vq),(0,l.jsx)("div",{className:v.g,children:t.map(e=>{let{id:t,name:s}=e;return(0,l.jsx)(f,{id:t,selected:a===t,ref:e=>{i.current.set(t,e)},onClick:a!==t?()=>n(t):void 0,children:s},t)})})]}),(0,l.jsx)("div",{className:v.MK,children:r.size>0&&(0,l.jsx)(u.Y,{targetElementRef:y,layerContext:p.He,renderPopout:C,position:"bottom",align:"right",autoInvert:!1,spacing:0,children:e=>(0,l.jsx)(o.$n,{...e,buttonRef:y,className:v.Iq,size:o.$n.Sizes.ICON,look:o.$n.Looks.BLANK,children:(0,l.jsx)(h.A,{className:v.__invalid_overflowIcon,width:16,height:16})})})})]})}function _(e,t){let{tabs:a,initialSelectedTabId:n,onChangeTab:i}=e,[r,o]=s.useState(n??a[0]?.id);return{TabBar:s.useCallback(()=>(0,l.jsx)(y,{tabs:a,selectedTabId:r,onSelectTab:e=>{o(e),i?.(e)}}),[r,o,i,...t]),renderSelectedTab:a.find(e=>e.id===r)?.render??(()=>null),selectedTabId:r}}}