https://assets.algoexpert.io/spas/main/prod/g1dccc91f56-prod/dist/js/94cece996541f9b9009f.js

1"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[1051],{55236:(e,t,a)=>{a.d(t,{Z:()=>r});var o,s=a(67294);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},n.apply(this,arguments)}const r=function(e){return s.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",stroke:"currentColor",viewBox:"0 0 32 32"},e),o||(o=s.createElement("path",{d:"M24.21 13H24V9A8 8 0 0 0 8 9v4h-.21A2.79 2.79 0 0 0 5 15.79v12.42A2.79 2.79 0 0 0 7.79 31h16.42A2.79 2.79 0 0 0 27 28.21V15.79A2.79 2.79 0 0 0 24.21 13ZM10 9a6 6 0 0 1 12 0v4H10Zm15 19.21a.79.79 0 0 1-.79.79H7.79a.79.79 0 0 1-.79-.79V15.79a.79.79 0 0 1 .79-.79h16.42a.79.79 0 0 1 .79.79Z"})))}},10728:(e,t,a)=>{a.d(t,{Z:()=>r});var o,s=a(67294);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},n.apply(this,arguments)}const r=function(e){return s.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 32 32"},e),o||(o=s.createElement("path",{stroke:"currentColor",d:"M24.21 13H24V9A8 8 0 0 0 8 9a1 1 0 0 0 2 0 6 6 0 0 1 12 0v4H7.79A2.79 2.79 0 0 0 5 15.79v12.42A2.79 2.79 0 0 0 7.79 31h16.42A2.79 2.79 0 0 0 27 28.21V15.79A2.79 2.79 0 0 0 24.21 13zM25 28.21a.79.79 0 0 1-.79.79H7.79a.79.79 0 0 1-.79-.79V15.79a.79.79 0 0 1 .79-.79h16.42a.79.79 0 0 1 .79.79z"})))}},44619:(e,t,a)=>{a.d(t,{Z:()=>f}),a(33948);var o=a(67294),s=a(37727),n=a(12599),r=a(87145),c=a.n(r),i=a(94223),u=a(64483),l=a(39073),d=a(29030),m=a(51314),p=a(61815);var _=a(85893);const g={stiffness:300,damping:50},f=e=>{let{columnPosition:t,columnName:a,questions:r,product:f,ownsProduct:k,favoritedQuestions:v,strikeQuestions:x,onOrderChange:C,onFavoriteClick:w,onStrikeClick:L,workspaceRoute:j,submissions:D,useQuestionIds:I=!1}=e;const[W,B]=(0,o.useState)(0),[y,A]=(0,o.useState)([]),[N,S]=(0,o.useState)(!1),[Z,q]=(0,o.useState)(0),M=(0,o.useRef)(0),O=(0,o.useRef)(!1),G=(0,l.dU)(y),E=(0,l.dU)(N),P=(0,l.dU)(Z),T=(0,d.eQ)(f);(0,o.useEffect)((()=>{A(c()(r.length))}),[]),(0,o.useEffect)((()=>(window.addEventListener("touchmove",U,{passive:!1}),window.addEventListener("touchend",F),window.addEventListener("mousemove",R),window.addEventListener("mouseup",F),()=>{window.removeEventListener("touchmove",U),window.removeEventListener("touchend",F),window.removeEventListener("mousemove",R),window.removeEventListener("mouseup",F)})),[]);const Q=(e,t,a)=>{q(a-t),B(t),S(!0),M.current=e,O.current=!0},H=(e,t,a)=>{S(!0),Q(e,t,a.touches[0].pageY)},U=e=>{E.current&&(e.preventDefault(),R(e))},R=e=>{if(!E.current)return;const t=(e.pageY||e.touches[0].pageY)-P.current,a=b(Math.round(t/55),0,r.length-1);let o=G.current;a!==G.current.indexOf(M.current)&&(o=h(G.current,G.current.indexOf(M.current),a)),B(t),A(o)},F=()=>{if(S(!1),q(0),O.current){O.current=!1;const e=new Array(r.length);G.current.forEach(((t,a)=>{const o=I?r[t].uid:r[t].name;e[a]=o})),C(e)}};return(0,_.jsx)("div",{className:"MX3QB0MPnNvkNXqF1kXn","data-ae-question-column":!0,"data-name":a,"data-position":t,children:r.map(((e,t)=>{const a=y.indexOf(t),o=M.current===t&&N?{scale:(0,s.ST)(1.1,g),shadow:(0,s.ST)(16,g),y:W}:{scale:(0,s.ST)(1,g),shadow:(0,s.ST)(1,g),y:(0,s.ST)(55*a,g)},r=e.releaseDate,c=(0,u.lD)(r),l=(0,m.mr)(T),d=null==D?void 0:D[e.uid],{circleIndicatorStatus:h,circleIndicatorTooltip:b}=(0,u.f$)(d),C=I?e.uid:e.name,B=!!v[C],A=!!x[C];return(0,_.jsxs)("div",{"data-ae-question":!0,"data-position":a,"data-name":e.name,"data-id":e.uid,children:[(0,_.jsx)("div",{className:"dUZBkIWi8xSEPvuOj11G"}),(0,_.jsx)(i.Z,{index:t,style:o,showFreeIcon:!k&&e.acl.isAvailable,questionColor:l,isQuestionNew:c,isQuestionAvailable:e.acl.isAvailable,isFavorited:B,isStrikethrough:A,isComingSoon:new Date(e.releaseDate)>new Date,questionName:e.name,handleMouseDown:Q,handleTouchStart:H,handleFavoriteClick:()=>w(C,!B),handleStrikeClick:()=>L(C,!A),originalPosOfLastPressed:M.current,route:(0,n.Gn)(j,{questionId:e.uid}),purchaseRoute:p.Z6.purchase.name,showCircleIndicator:!!D,circleIndicatorStatus:h,circleIndicatorTooltip:b,theme:T,productName:f})]},t)}))})},h=(e,t,a)=>{const o=e.slice(0),s=o[t];return o.splice(t,1),o.splice(a,0,s),o},b=(e,t,a)=>Math.max(Math.min(e,a),t)},51653:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S}),a(33948);var o=a(67294),s=a(76214),n=a(20617),r=a(39918),c=a(65904),i=a(13083),u=a(52698),l=a(41138),d=a(68484),m=a(44619),p=a(15772),_=a(73149),g=a(8956),f=a(89450),h=a(57163),b=a(84923),k=a(45633),v=a(6350),x=a(37253),C=a(86938),w=a(39073),L=a(49677),j=a(60843),D=a(61815),I=a(90973),W=a(55236),B=a(10728);const y="nZFDBieM5R1cX5C7eyd9",A="da6TMPhbeYuC7g6YaudR";var N=a(85893);const S=()=>{const[e,t]=(0,o.useState)(!0),[a,S]=(0,o.useState)([]),[Z,q]=(0,o.useState)([[],[],[],[]]),[M,O]=(0,o.useState)(!1),[G,E]=(0,o.useState)(!1),[P,T]=(0,o.useState)([]),[Q,H]=(0,o.useState)([0,0,0,0]),[U,R]=(0,o.useState)(!1),[F,V]=(0,o.useState)(!1),Y=(0,o.useRef)([]),z=(0,_.v9)((e=>e.mleCodingQuestions)),X=(0,_.v9)((e=>e.mleCodingQuestionsUserData)),J=(0,_.v9)((e=>e.subscriptions)),K=(0,_.v9)((e=>e.certificateInfo)),$=(0,_.v9)((e=>e.mleSubmissions)),ee=(0,_.v9)((e=>e.mleUnlocks)),te=(0,w.dU)(X),ae=(0,o.useRef)(),oe=(0,_.I0)(),se=J.productsOwned.has("mlexpert"),ne=[[X.status,f.Bn],[z.status,g.vA],[$.status,h.IZ],[K.status,p.u],[ee.status,b.W],[J.status,k.j]],re=ne.map((e=>

1{let[t,a]=e;return t}));(0,o.useEffect)((()=>{(0,I.N)("mleCodingQuestions",{}),ce()}),[]),(0,o.useEffect)((()=>{re.some((e=>"succeeded"!==e))||ie()}),[z.status,X.status,K.status,J.status,$.status,ee.status]);const ce=()=>{for(const[e,t]of ne)"idle"===e&&oe(t())},ie=()=>{const{questionsList:e}=z.data,{categoryCustomOrdering:a,randomCustomOrdering:o}=X.data,{questionsByCategory:s,questionsRandom:n,questionsCompletedByCategory:r,questionsCompletedRandom:i}=(0,j.A)(a,o,e,$.data,!0),u=K.data.certificates.some((e=>"mlexpert"===e.type)),l=(0,L.a)("mlexpert",ee.data);Y.current.push({preUnlockInfo:{color:c.w.Grey,icon:W.Z,tooltipText:l},postUnlockInfo:{color:c.w.Orange,icon:B.Z,tooltipText:l},unlocksAt:ee.data.numQuestionsRequired,tooltipId:"default"}),(u||ee.data.hasUnlockedLatestCert)&&V(!0),S(s),q(n),T(r),H(i),t(!1)},ue=()=>{if("category"===X.data.sortMethod){const e=[],t=Array.from(document.querySelectorAll("[data-ae-question-column]"));t.sort(((e,t)=>parseInt(e.dataset.position)-parseInt(t.dataset.position))),t.forEach((t=>{const a=Array.from(t.querySelectorAll("[data-ae-question]"));a.sort(((e,t)=>parseInt(e.dataset.position)-parseInt(t.dataset.position))),e.push(a.map((e=>e.dataset.name)))})),oe((0,f.Yo)(e))}else{const e=[[],[],[],[]],t=Array.from(document.querySelectorAll("[data-ae-question-column]"));if(4!==t.length)return;t.sort(((e,t)=>parseInt(e.dataset.position)-parseInt(t.dataset.position))),t.forEach(((t,a)=>{const o=Array.from(t.querySelectorAll("[data-ae-question]"));o.sort(((e,t)=>parseInt(e.dataset.position)-parseInt(t.dataset.position))),e[a]=o.map((e=>e.dataset.name))})),oe((0,f.br)(e))}(0,v.jl)()&&le()},le=()=>{O(!0),E(!0),window.clearTimeout(ae.current),ae.current=window.setTimeout((()=>{const{strike:e,favorited:t,categoryCustomOrdering:a,randomCustomOrdering:o,sortMethod:s}=te.current.data,n={codingQuestions:{strike:e,favorited:t,categoryCustomOrdering:a,randomCustomOrdering:o,sortMethod:s}};(0,C.gK)(n).then((()=>O(!1)))}),x.xv)},de=(e,t)=>{oe((0,f.Tk)({[e]:t})),(0,v.jl)()&&le()},me=(e,t)=>{oe((0,f.NZ)({[e]:t})),(0,v.jl)()&&le()};return re.includes("failed")?(0,N.jsx)(d.Z,{errorDetail:X.error||void 0,buttonOnClick:()=>{(()=>{for(const[e,t]of ne)"failed"===e&&oe(t())})()},productTheme:"mle"}):e?(0,N.jsx)(r.Z,{loaderColor:"mleAccent"}):(0,N.jsxs)(N.Fragment,{children:[(0,v.jl)()&&(0,N.jsx)(u.Z,{isSaving:M,isPristine:!G}),(0,N.jsx)(n.Z,{productName:"mlexpert",unlocks:ee.data,isOpen:U,onClose:()=>R(!1)}),(0,N.jsxs)("div",{className:"trGIKYtbXHYPxsWJ1b_W",children:[(0,N.jsx)("div",{className:"zK5LzxdA_X0jfS1tCx0A",children:(0,N.jsx)(c.Z,{progress:ee.data.numQuestionsCompleted,total:z.data.questionsList.length,markers:Y.current})}),(0,N.jsxs)("div",{className:"OtQjFeWNvQYKu1RzVLFe",children:[(0,N.jsx)(s.Z,{onClick:()=>R(!0),size:"small",color:"mleAccent",isDisabled:!F,tooltip:(0,L.a)("mlexpert",ee.data),disableTooltip:F,children:"MLExpert Certificate"}),(0,N.jsx)(s.Z,{as:"link",to:D.Z6.recruitingProfile.name,size:"small",color:"mleAccent",isDisabled:!ee.data.hasUnlockedRecruitingProfile,tooltip:(0,N.jsxs)(N.Fragment,{children:["Earn one of our product certificates to",(0,N.jsx)("br",{}),"unlock your recruiting profile.",(0,N.jsx)("br",{}),(0,N.jsx)(l.Z,{to:D.Z6.recruitingProfile.name,openInNewTab:!0,children:"Learn more."})]}),disableTooltip:ee.data.hasUnlockedRecruitingProfile,interactiveTooltip:!0,children:"Recruiting Profile"})]}),(0,N.jsx)("div",{className:"i99fHFJjSiqFKCbykqtH",children:(0,N.jsx)(i.Z,{currSortMethod:X.data.sortMethod,onChange:e=>{"category"===e&&S((0,j.p3)(X.data.categoryCustomOrdering,z.data.questionsList,!0)),"random"===e&&q((0,j.Hs)(X.data.randomCustomOrdering,z.data.questionsList,!0)),oe((0,f.O1)(e)),(0,v.jl)()&&le()},sortMethods:[{label:"Group by Category",value:"category"},{label:"Group Randomly",value:"random"}]})}),(0,N.jsxs)("div",{className:"mf_tdLhjM1BbyWdTbWgH",children:["category"===X.data.sortMethod&&a.map(((e,t)=>(0,N.jsxs)("div",{className:y,children:[(0,N.jsxs)("h2",{children:[e[0].category," -"," ",P[t]," / ",e.length]}),(0,N.jsx)(m.Z,{columnPosition:t,columnName:e[0].category,questions:e,product:"mlexpert",ownsProduct:se,favoritedQuestions:X.data.favorited,strikeQuestions:X.data.strike,onOrderChange:ue,onFavoriteClick:de,onStrikeClick:me,

1workspaceRoute:D.Z6.mleCodingWorkspace.name,submissions:$.data})]},"category-col-".concat(t)))),"random"===X.data.sortMethod&&Z.map(((e,t)=>(0,N.jsxs)("div",{className:y,children:[(0,N.jsxs)("h2",{children:["Column ",t+1," - ",Q[t]," /"," ",e.length]}),(0,N.jsx)(m.Z,{columnPosition:t,columnName:"Column ".concat(t+1),questions:e,product:"mlexpert",ownsProduct:se,favoritedQuestions:X.data.favorited,strikeQuestions:X.data.strike,onOrderChange:ue,onFavoriteClick:de,onStrikeClick:me,workspaceRoute:D.Z6.mleCodingWorkspace.name,submissions:$.data})]},"random-col-".concat(t)))),(0,N.jsx)("div",{className:A}),(0,N.jsx)("div",{className:A})]})]})]})}},13083:(e,t,a)=>{a.d(t,{Z:()=>r});var o=a(42370);const s={aeAccent:"#626ee3",aeLightAccent:"#8d96eb",aeBg:"#02203c",aeDarkBg:"#001528",aeLightBg:"#15314b",seAccent:"#890023",seBg:"#0f0f0f",seDarkBg:"#000",seLightBg:"#292929",mleAccent:"#f37f1b",mleBg:"#263238",mleDarkBg:"#11171a",mleLightBg:"#3b4d56",feAccent:"#11967e",feBg:"#00334c",feDarkBg:"#001119",feLightBg:"#00557f",ieAccent:"#2c85cd",ieBg:"#253141",ieDarkBg:"#131921",ieLightBg:"#384a62",ioseAccent:"#009bb0",ioseLightAccent:"#00c8e3",ioseBg:"#0f0f0f",ioseDarkBg:"#000",ioseLightBg:"#292929",peAccent:"#f21b3f",peBg:"#2e4057",peDarkBg:"#1c2736",peLightBg:"#405978",bceAccent:"#bb20dd",bceBg:"#1e184a",bceDarkBg:"#0e0c23",bceLightBg:"#2e2471",backgroundGrey:"#f6f9fc",runCodeBlue:"#0046c7",runCodeBlueHover:"#003dae",submitCodeGreen:"#008529",submitCodeGreenHover:"#006c21",failureRed:"red",successGreen:"#00af32",textGrey:"#445d6e",boxShadow1:"0 2px 4px rgba(50,50,93,.1)",boxShadow2:"0 0 50px -10px rgba(0,0,0,.1)",wrapper:"Ypn1MrJv42TDGqMHVwC1",buttonsWrapper:"Gu9bUFazaSo_TJ4CfxBm",slider:"lcTO6G9KKf5PSJQ7mIZ8",slider__2:"VP4oqYRWWu3W0lyl56IY",slider__3:"NyhM6bBtojdtgNNP3bMt","slider__pos1-3":"y2b0E5fCy3uryr6hwBcj","slider__pos2-3":"vwyx7C91TMHprbdGZr8b","slider__pos3-3":"sCZCtd97HZdCTgjxKjnE","slider__pos1-2":"AShp6f_6wZqlkGVa0DBB","slider__pos2-2":"Lcq9tjrMz_m5NaDIoSSh",button:"rgl0E7kIUCLgROU__FZQ",button__selected:"XKCazbfDTepIWr_QgYWz",dropdownWrapper:"xvLVzutXXN5fDheILllg",select:"UrsPVk0Ej4n5iZBtEUoz"};var n=a(85893);const r=e=>{let{currSortMethod:t,onChange:a,sortMethods:r}=e;const c=e=>{let a=s.button;return e===t&&(a+=" "+s.button__selected),a};return(0,n.jsxs)("div",{className:s.wrapper,children:[(0,n.jsxs)("div",{className:s.buttonsWrapper,children:[(0,n.jsx)("div",{className:(()=>{const e=r.length,a=r.findIndex((e=>e.value===t))+1;return"".concat(s.slider," ").concat(s["slider__pos".concat(a,"-").concat(e)],"\n    ").concat(s["slider__"+r.length])})()}),r.map(((e,t)=>(0,n.jsx)("button",{className:c(e.value),onClick:()=>a(e.value),children:e.label},t)))]}),(0,n.jsx)("div",{className:s.dropdownWrapper,children:(0,n.jsx)(o.Z,{options:r,selectedOption:r.find((e=>e.value===t))||{value:"null",label:"No sort method selected."},onChange:e=>a(e),wrapperClassName:s.select})})]})}},42370:(e,t,a)=>{a.d(t,{Z:()=>u}),a(33948);var o=a(67294),s=a(1326),n=a(39073),r=a(54565);const c={aeAccent:"#626ee3",aeLightAccent:"#8d96eb",aeBg:"#02203c",aeDarkBg:"#001528",aeLightBg:"#15314b",seAccent:"#890023",seBg:"#0f0f0f",seDarkBg:"#000",seLightBg:"#292929",mleAccent:"#f37f1b",mleBg:"#263238",mleDarkBg:"#11171a",mleLightBg:"#3b4d56",feAccent:"#11967e",feBg:"#00334c",feDarkBg:"#001119",feLightBg:"#00557f",ieAccent:"#2c85cd",ieBg:"#253141",ieDarkBg:"#131921",ieLightBg:"#384a62",ioseAccent:"#009bb0",ioseLightAccent:"#00c8e3",ioseBg:"#0f0f0f",ioseDarkBg:"#000",ioseLightBg:"#292929",peAccent:"#f21b3f",peBg:"#2e4057",peDarkBg:"#1c2736",peLightBg:"#405978",bceAccent:"#bb20dd",bceBg:"#1e184a",bceDarkBg:"#0e0c23",bceLightBg:"#2e2471",backgroundGrey:"#f6f9fc",runCodeBlue:"#0046c7",runCodeBlueHover:"#003dae",submitCodeGreen:"#008529",submitCodeGreenHover:"#006c21",failureRed:"red",successGreen:"#00af32",textGrey:"#445d6e",boxShadow1:"0 2px 4px rgba(50,50,93,.1)",boxShadow2:"0 0 50px -10px rgba(0,0,0,.1)",wrapper:"S9XwiDUFgZLVP5KnIXF4",button:"PdB73aypiwi5T45Dmfve",button__default:"enyfFGXNt_xHLhP_sQvW",button__isDisabled:"UoDeoQpf3gYUWB7q1RN5",button__filled:"jjLUl1QShP0pIrjZcwA1",button__aeWorkspaceDark:"LyYEBFfdjgvjbLwAqZzg",button__aeWorkspaceLight:"SpcwvhRaGZQJgakp6fX9",button__seWorkspaceDark:"ED9I8NyQMmM7YS9MLve1",button__seWorkspaceLight:"OGBTYEVNVLNGsyXd8Fis",button__mleWorksp

1aceDark:"QRQc_crW28Czn2w3PbNK",button__mleWorkspaceLight:"AZAlKY9W_WTF__MLs7hP",button__feWorkspaceDark:"ixyAspvMcys4GgJwUdtC",button__feWorkspaceLight:"n_AtN_rFx0CCBiwn5M25",button__ieWorkspaceDark:"lj6GOzv06a7667sGZR8f",button__ieWorkspaceLight:"ON4FnMtjV6u15fBZ3YOF",button__ioseWorkspaceDark:"F7fOqyzQd8JQZ8FTQFHt",button__ioseWorkspaceLight:"WErt0yltonf6Y6kjgqCh",button__beWorkspaceDark:"PvAyPJ_rgF4lo1Hprr4t",button__beWorkspaceLight:"S2JyVLGL1Lclwl4FpHbD",button__bceWorkspaceDark:"Jraf0dkxj3EyaWPGpYZK",button__bceWorkspaceLight:"ogXtfWMtsIzMIFekD3UL",button__peWorkspaceDark:"Owb2K7qhivXDWKpQ4Q3n",button__peWorkspaceLight:"inHU3nFY7SefymcnpDsM",buttonText:"ZOiE0zJkv49Ca8qLpypP",menu:"qLuB0XcMbqd1cPDRbApn",menu__isOpen:"E4Ecta6A3fHFqPMURqH3",menu__default:"GxjGYyEnRfqSBqlndQ37",menu__filled:"VOE_3f4ZcMfvO5vr_zzU",menu__aeWorkspaceDark:"Tj8ZPxQ2NiJBGu9eVgq9",menu__seWorkspaceDark:"qSCEJJLJOyUVzOfng0X_",menu__mleWorkspaceDark:"mDoRHbVI6VM9aBkvwAOv",menu__feWorkspaceDark:"diIp0kQnYOr6rHSVdW8D",menu__ieWorkspaceDark:"WGGVURGk2NGYZwhfXI7a",menu__ioseWorkspaceDark:"dv6hXyhfduTfYVWrv91a",menu__beWorkspaceDark:"y7LejHQ8dCwOhlVr3Rej",menu__bceWorkspaceDark:"HTacGl79RTRTGeDsdyqC",menu__peWorkspaceDark:"B7kmljg7QgFXMj6peNAr",menu__aeWorkspaceLight:"f40GIxb_ziaxU6W2XNE9",menu__seWorkspaceLight:"sbdZ0s3FbkU0RG5zwm6a",menu__mleWorkspaceLight:"l_Gp2rg5b9mdA9fqeOik",menu__feWorkspaceLight:"SBPSUV4VhuI7q8v8oPxz",menu__ieWorkspaceLight:"mIYwoex3KIJnE5ZlbtXB",menu__ioseWorkspaceLight:"wRqTdA4UZPk6i_xJrizu",menu__beWorkspaceLight:"YH9MqIvN3XSG_NaGMsw3",menu__bceWorkspaceLight:"LYobI_7EeFAkKQAUiSqN",menu__peWorkspaceLight:"jV0PwEnpUubIPbbrQXC6",menuItem:"waS9qPvijzPPZt2yh62I",menuItem__disabled:"hWGNzneJ7HJ8Amv4fgHQ",menuItem__default:"FLDREYst6_hcZh0PYUW8",menuItem__filled:"bHgMtcRLjVNBvG7FiDOH",menuItem__selected:"oW2kbJ9ToYNsHmpqZcbh",menuItem__focused:"UX3LiapXDfaxtLDcb1EM",menuItem__aeWorkspaceDark:"WBTno1qD1QFhg4ZlUgFb",menuItem__aeWorkspaceLight:"WbvcfGL_zC453uv_Zm9H",menuItem__seWorkspaceDark:"MKbES8N6twzItzlaL_0m",menuItem__seWorkspaceLight:"ZzEdI8_IGGNs2IM70vcL",menuItem__mleWorkspaceDark:"sStb2AHbigos7O1BaRxH",menuItem__mleWorkspaceLight:"a9TWkIMulE3e7owaEnM7",menuItem__feWorkspaceDark:"OGZZGX4KO9v77Xg26U7d",menuItem__feWorkspaceLight:"gA_VJKQsxBKoCrq4ydoA",menuItem__ieWorkspaceDark:"px5gMUKnb3zmDajyJfWm",menuItem__ieWorkspaceLight:"_SVkAgorDo08KfsARt_j",menuItem__ioseWorkspaceDark:"Gdq4HJ5PtpkZvv9PqP8h",menuItem__ioseWorkspaceLight:"XK2336QlohM45TR9CSdi",menuItem__beWorkspaceDark:"t8YKxTXe8EHONl9NO9yj",menuItem__beWorkspaceLight:"tjEX6JCdUkATeU6mrYeM",menuItem__bceWorkspaceDark:"vONLJdSjoXIYjfHnwb1c",menuItem__bceWorkspaceLight:"CCCHpWkNViNbLNnJbV1p",menuItem__peWorkspaceDark:"Th9MBZVtZcNbq3ZZDdsl",menuItem__peWorkspaceLight:"jmnFQmloMGfTH6ajDuPQ",caretIcon:"AY6r8DXtuC_xeZe3PD9U",caretIcon__rotated:"Qm81ZKJVMzJlUCt5qDk5"};var i=a(85893);const u=e=>{let{options:t,selectedOption:a,onChange:u,tooltip:l,tooltipTheme:d,variant:m="default",isDisabled:p=!1,tabIndex:_=0,wrapperClassName:g="",buttonClassName:f="",menuClassName:h="",menuItemClassName:b="",wrapperStyle:k,...v}=e;const[x,C]=(0,o.useState)(!1),[w,L]=(0,o.useState)(-1),j=(0,o.useRef)(null),D=(0,o.useRef)(null),I=(0,n.t$)((()=>C(!1)));(0,o.useEffect)((()=>{x||L(-1)}),[x]),(0,n.Kr)("ArrowDown",(e=>{if(!x)return;if(e.preventDefault(),w+1>t.length-1)return;const a=-1===w?0:w+1;L(a),B(a)})),(0,n.Kr)("ArrowUp",(e=>{if(!x)return;if(e.preventDefault(),w-1<=-1)return;const t=-1===w?0:w-1;L(t),B(t)})),(0,n.Kr)("Enter",(e=>{-1!==w&&(e.preventDefault(),W(t[w].value))}));const W=e=>{u(e),C(!1)},B=e=>{var t;const a=null===(t=j.current)||void 0===t?void 0:t.querySelector('[data-index="'.concat(e,'"]')),{offsetTop:o,offsetHeight:s}=a,{scrollTop:n}=j.current;o+s>n+400?j.current.scrollTop=o+s-400:o<n&&(j.current.scrollTop=o)},y="\n    ".concat(c.button," \n    ").concat(c["button__"+m]," \n    ").concat(x?c.button__isActive:"","\n    ").concat(p?c.button__isDisabled:"","\n    ").concat(f,"\n  "),A="".concat(c.menu," ").concat(x?c.menu__isOpen:""," ").concat(c["menu__"+m]," ").concat(h),N="".concat(c.caretIcon," ").concat(c["caretIcon__"+m]," ").concat(x?c.caretIcon__rotated:"");return(0,i.jsx)(s.Z,{content:l,theme:d,disabled:x,children:(0,i.jsxs)("div",{className:"".concat(c.wrapper," ").concat(g),ref:I,style:k,...v,children:[(0,i.jsxs)("button",{ref:D,className:y,onClick:p?void 0:()=>C((e=>!e)),type:"button",tabIndex:_,onBlur:()=>C(!1),children:[(0,i.jsx)("span",{className:c.buttonText,children:a.label}),(0,i.jsx)("div",{className:"u-flexSpacer"}),(0,i.jsx)(r.Z,{className:N})]}),(0,i.jsx)("ul",{className:A,ref:j,tabIndex:-1,role:"listbox","aria-expanded":x,children:t.map(((e,t)=>{const{label:o,value:s,isSelectable:n}=e,r=t===w,u="\n            ".concat(c.menuItem,"\n            ").concat(c["menuItem__"+m],"\n            ").concat(r?c.menuItem__focused:"","\n            ").concat(!1!==n?"":c.menuItem__disabled,"\n            ").concat(a.value===s?c.menuItem__selected:"","\n          ");return(0,i.jsx)("li",{role:"option",tabIndex:-1,"data-index":t,className:u,onClick:!1!==n?()=>W(s):void 0,onMouseDown:e=>e.preventDefault(),children:o},t)}))})]})})}}}]);