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