diff --git a/[core]/esx_menu_default/web/build/assets/index-Begvl3m4.js b/[core]/esx_menu_default/web/build/assets/index-CALLEhQl.js similarity index 99% rename from [core]/esx_menu_default/web/build/assets/index-Begvl3m4.js rename to [core]/esx_menu_default/web/build/assets/index-CALLEhQl.js index 9b70d25b5..106451ece 100644 --- a/[core]/esx_menu_default/web/build/assets/index-Begvl3m4.js +++ b/[core]/esx_menu_default/web/build/assets/index-CALLEhQl.js @@ -649,7 +649,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho * * This source code is licensed under the ISC license. * See the LICENSE file in the root directory of this source tree. - */const sV=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],tV=He("chevron-right",sV),nV=({element:e,isSelected:s})=>{const{label:n,description:i,icon:f,usable:u,disableRightArrow:m,unselectable:z}=e,L="rounded-[4px] flex items-center p-4 gap-4 justify-between",p=s?"bg-[#FB9B041A] border border-[#FB9B04]":"bg-[#252525] border border-transparent",M=z?"opacity-80":"";return a1.jsxs("div",{className:`${L} ${p} ${M}`,children:[a1.jsxs("div",{className:"flex items-center gap-4",children:[f&&a1.jsx(W5,{className:"size-6",icon:f,color:s?"#FB9B04":void 0}),a1.jsx("div",{className:"flex flex-col justify-center",children:i?a1.jsxs(a1.Fragment,{children:[a1.jsx("p",{className:`font-semibold ${s?"text-[#FB9B04]":"text-neutral-100"}`,dangerouslySetInnerHTML:{__html:n}}),a1.jsx("p",{className:`text-sm font-normal ${s?"text-[#FB9B04]":"text-neutral-200"}`,dangerouslySetInnerHTML:{__html:i}})]}):a1.jsx("p",{className:`text-sm font-normal ${s?"text-[#FB9B04]":"text-neutral-200"}`,dangerouslySetInnerHTML:{__html:n}})})]}),u!==!1&&m!==!0&&z!==!0&&a1.jsx(lV,{color:s?"#FB9B04":"white",size:"1.6rem"})]})},iV=({element:e,isSelected:s})=>{const{label:n,description:i,icon:f,unselectable:u}=e,m=e.options,z=m?0:e.min??0,L=m?Math.max(0,m.length-1):e.max??0,p=e.value??z,M=Math.min(L,Math.max(z,p)),C="rounded-[4px] flex items-center p-4 gap-4 justify-between",g=s?"bg-[#FB9B041A] border border-[#FB9B04]":"bg-[#252525] border border-transparent",N=s?"text-[#FB9B04]":"text-neutral-100",w=u?"opacity-50":"";return a1.jsxs("div",{className:`${C} ${g} ${w}`,children:[a1.jsxs("div",{className:"flex items-center gap-4",children:[f&&a1.jsx(W5,{className:"size-6",icon:f,color:s?"#FB9B04":void 0}),a1.jsx("div",{className:"flex flex-col justify-center",children:i?a1.jsxs(a1.Fragment,{children:[a1.jsx("p",{className:`font-semibold ${N}`,dangerouslySetInnerHTML:{__html:n}}),a1.jsx("p",{className:`text-sm font-normal ${s?"text-[#FB9B04]":"text-neutral-200"}`,dangerouslySetInnerHTML:{__html:i}})]}):a1.jsx("p",{className:`text-sm font-normal ${N}`,dangerouslySetInnerHTML:{__html:n}})})]}),a1.jsxs("div",{className:"flex items-center gap-2 select-none",children:[a1.jsx(aV,{color:s?"#FB9B04":"white"}),m?a1.jsx("span",{className:`${N} whitespace-nowrap overflow-hidden text-ellipsis`,dangerouslySetInnerHTML:{__html:m[M]??""}}):a1.jsx("span",{className:`${N} w-6 text-center`,children:M}),a1.jsx(tV,{color:s?"#FB9B04":"white"})]})]})},oV=e=>{if(e=e||"right-center",e=="center")return"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2";const s=[];return e.includes("top")?s.push("top-4"):e.includes("center")?s.push("top-1/2","-translate-y-1/2"):s.push("bottom-4"),e.includes("left")?s.push("left-4"):s.push("right-4"),s.join(" ")},fV=({data:e})=>{const[s,n]=F.useState(0),[,i]=F.useReducer(C=>C+1,0),f=F.useRef([]),u=e.elements,m=()=>({_namespace:e.namespace,_name:e.name,current:u[s],elements:u}),z=()=>{u[s]?.usable!==!1&&Fc("menu_submit",m())},L=()=>Fc("menu_cancel",{_namespace:e.namespace,_name:e.name}),p=()=>{u[s]?.usable!==!1&&Fc("menu_change",m())},M=C=>{const g=u[s];if(g?.usable===!1||g?.type!=="slider")return;const N=g.options,w=N?0:g.min??0,E=N?Math.max(0,N.length-1):g.max??0,R=(g.value??w)+C;R>E?g.value=w:R{n(C),p()},submit:z,cancel:L,changeLeft:()=>M(-1),changeRight:()=>M(1)}),F.useEffect(()=>{const C=f.current[s];C&&C.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})},[s]),F.useEffect(()=>{if(u[s]?.unselectable){const C=u.findIndex(g=>!g.unselectable);C!==-1&&n(C)}},[]),a1.jsx("div",{className:`absolute ${oV(e.align)}`,children:a1.jsxs("div",{className:"w-[26rem] h-fit max-h-[42rem] bg-[#161616] p-4 rounded-[10px] flex flex-col gap-4",children:[a1.jsxs("div",{className:"flex justify-between items-center",children:[a1.jsx("h1",{className:"font-bold uppercase text-xl my-2 text-neutral-100",dangerouslySetInnerHTML:{__html:e.title}}),a1.jsx("img",{className:"h-10",src:"https://media.discordapp.net/attachments/1370464258382368918/1409914889174257724/esxLogo-sNwPFb_p.png?ex=68af1d10&is=68adcb90&hm=5ce71e8e56c92753b9718188e2c930fb1682d1debae6a63d7ff6b255d2c6ce55&=&format=webp&quality=lossless&width=350&height=350",alt:""})]}),a1.jsx("div",{className:"overflow-y-auto h-full flex flex-col gap-4",children:u.map((C,g)=>{const N=g===s;return a1.jsx("div",{ref:w=>{f.current[g]=w},children:C.type==="slider"?a1.jsx(iV,{element:C,isSelected:N}):a1.jsx(nV,{element:C,isSelected:N})},`wrapper-${C.name||C.label}-${g}`)})})]})})},rV={initial:{opacity:0},animate:{opacity:1,transition:{duration:.3,ease:[0,0,.2,1]}},exit:{opacity:0,transition:{duration:.3,ease:[.4,0,1,1]}}},uV=()=>{const[e,s]=F.useState({}),[n,i]=F.useState(null);return gi("openMenu",f=>{s(u=>{const m=u[f.namespace]??[];return{...u,[f.namespace]:[...m,f]}}),console.log(JSON.stringify(f)),i(f)}),gi("closeMenu",({namespace:f,name:u})=>{s(m=>{const L=(m[f]??[]).filter(C=>C.name!==u),p={...m};L.length>0?p[f]=L:delete p[f];const M=Object.values(p).flat();return i(M.length>0?M[M.length-1]:null),p})}),a1.jsx(Ib,{mode:"wait",children:n&&a1.jsx(AH.div,{...rV,children:a1.jsx(fV,{data:n})},`${n.namespace}:${n.name}`)})};/*! + */const sV=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],tV=He("chevron-right",sV),nV=({element:e,isSelected:s})=>{const{label:n,description:i,icon:f,usable:u,disableRightArrow:m,unselectable:z}=e,L="rounded-[4px] flex items-center p-4 gap-4 justify-between",p=s?"bg-[#FB9B041A] border border-[#FB9B04]":"bg-[#252525] border border-transparent",M=z?"opacity-80":"";return a1.jsxs("div",{className:`${L} ${p} ${M}`,children:[a1.jsxs("div",{className:"flex items-center gap-4",children:[f&&a1.jsx(W5,{className:"size-6",icon:f,color:s?"#FB9B04":void 0}),a1.jsx("div",{className:"flex flex-col justify-center",children:i?a1.jsxs(a1.Fragment,{children:[a1.jsx("p",{className:`font-semibold ${s?"text-[#FB9B04]":"text-neutral-100"}`,dangerouslySetInnerHTML:{__html:n}}),a1.jsx("p",{className:`text-sm font-normal ${s?"text-[#FB9B04]":"text-neutral-200"}`,dangerouslySetInnerHTML:{__html:i}})]}):a1.jsx("p",{className:`text-sm font-normal ${s?"text-[#FB9B04]":"text-neutral-200"}`,dangerouslySetInnerHTML:{__html:n}})})]}),u!==!1&&m!==!0&&z!==!0&&a1.jsx(lV,{color:s?"#FB9B04":"white",size:"1.6rem"})]})},iV=({element:e,isSelected:s})=>{const{label:n,description:i,icon:f,unselectable:u}=e,m=e.options,z=m?0:e.min??0,L=m?Math.max(0,m.length-1):e.max??0,p=e.value??z,M=Math.min(L,Math.max(z,p)),C="rounded-[4px] flex items-center p-4 gap-4 justify-between",g=s?"bg-[#FB9B041A] border border-[#FB9B04]":"bg-[#252525] border border-transparent",N=s?"text-[#FB9B04]":"text-neutral-100",w=u?"opacity-50":"";return a1.jsxs("div",{className:`${C} ${g} ${w}`,children:[a1.jsxs("div",{className:"flex items-center gap-4",children:[f&&a1.jsx(W5,{className:"size-6",icon:f,color:s?"#FB9B04":void 0}),a1.jsx("div",{className:"flex flex-col justify-center",children:i?a1.jsxs(a1.Fragment,{children:[a1.jsx("p",{className:`font-semibold ${N}`,dangerouslySetInnerHTML:{__html:n}}),a1.jsx("p",{className:`text-sm font-normal ${s?"text-[#FB9B04]":"text-neutral-200"}`,dangerouslySetInnerHTML:{__html:i}})]}):a1.jsx("p",{className:`text-sm font-normal ${N}`,dangerouslySetInnerHTML:{__html:n}})})]}),a1.jsxs("div",{className:"flex items-center gap-2 select-none",children:[a1.jsx(aV,{color:s?"#FB9B04":"white"}),m?a1.jsx("span",{className:`${N} whitespace-nowrap overflow-hidden text-ellipsis`,dangerouslySetInnerHTML:{__html:m[M]??""}}):a1.jsx("span",{className:`${N} w-6 text-center`,children:M}),a1.jsx(tV,{color:s?"#FB9B04":"white"})]})]})},oV=e=>{if(e=e||"right-center",e=="center")return"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2";const s=[];return e.includes("top")?s.push("top-4"):e.includes("center")?s.push("top-1/2","-translate-y-1/2"):s.push("bottom-4"),e.includes("left")?s.push("left-4"):s.push("right-4"),s.join(" ")},fV=({data:e})=>{const[s,n]=F.useState(0),[,i]=F.useReducer(C=>C+1,0),f=F.useRef([]),u=e.elements,m=()=>({_namespace:e.namespace,_name:e.name,current:u[s],elements:u}),z=()=>{u[s]?.usable!==!1&&Fc("menu_submit",m())},L=()=>Fc("menu_cancel",{_namespace:e.namespace,_name:e.name}),p=()=>{u[s]?.usable!==!1&&Fc("menu_change",m())},M=C=>{const g=u[s];if(g?.usable===!1||g?.type!=="slider")return;const N=g.options,w=N?0:g.min??0,E=N?Math.max(0,N.length-1):g.max??0,R=(g.value??w)+C;R>E?g.value=w:R{n(C),p()},submit:z,cancel:L,changeLeft:()=>M(-1),changeRight:()=>M(1)}),F.useEffect(()=>{const C=f.current[s];C&&C.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})},[s]),F.useEffect(()=>{if(u[s]?.unselectable){const C=u.findIndex(g=>!g.unselectable);C!==-1&&n(C)}},[]),a1.jsx("div",{className:`absolute ${oV(e.align)}`,children:a1.jsxs("div",{className:"w-[26rem] h-fit max-h-[42rem] bg-[#161616] p-4 rounded-[10px] flex flex-col gap-4",children:[a1.jsxs("div",{className:"flex justify-between items-center",children:[a1.jsx("h1",{className:"font-bold uppercase text-xl my-2 text-neutral-100",dangerouslySetInnerHTML:{__html:e.title}}),a1.jsx("img",{className:"h-10",src:"https://media.discordapp.net/attachments/1370464258382368918/1409914889174257724/esxLogo-sNwPFb_p.png?ex=68af1d10&is=68adcb90&hm=5ce71e8e56c92753b9718188e2c930fb1682d1debae6a63d7ff6b255d2c6ce55&=&format=webp&quality=lossless&width=350&height=350",alt:""})]}),a1.jsx("div",{className:"overflow-y-auto h-full flex flex-col gap-4",children:u.map((C,g)=>{const N=g===s;return a1.jsx("div",{ref:w=>{f.current[g]=w},children:C.type==="slider"?a1.jsx(iV,{element:C,isSelected:N}):a1.jsx(nV,{element:C,isSelected:N})},`wrapper-${C.name||C.label}-${g}`)})})]})})},rV={initial:{opacity:0},animate:{opacity:1,transition:{duration:.3,ease:[0,0,.2,1]}},exit:{opacity:0,transition:{duration:.3,ease:[.4,0,1,1]}}},uV=()=>{const[e,s]=F.useState({}),[n,i]=F.useState(null);return gi("openMenu",f=>{s(u=>{const m=u[f.namespace]??[];return{...u,[f.namespace]:[...m,f]}}),i(f)}),gi("closeMenu",({namespace:f,name:u})=>{s(m=>{const L=(m[f]??[]).filter(C=>C.name!==u),p={...m};L.length>0?p[f]=L:delete p[f];const M=Object.values(p).flat();return i(M.length>0?M[M.length-1]:null),p})}),a1.jsx(Ib,{mode:"wait",children:n&&a1.jsx(AH.div,{...rV,children:a1.jsx(fV,{data:n})},`${n.namespace}:${n.name}`)})};/*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. diff --git a/[core]/esx_menu_default/web/build/index.html b/[core]/esx_menu_default/web/build/index.html index 74d98a367..b2a958b5c 100644 --- a/[core]/esx_menu_default/web/build/index.html +++ b/[core]/esx_menu_default/web/build/index.html @@ -7,7 +7,7 @@ ESX Menu Default - + diff --git a/[core]/esx_menu_default/web/src/app/App.tsx b/[core]/esx_menu_default/web/src/app/App.tsx index 427a176e1..a9e010a99 100644 --- a/[core]/esx_menu_default/web/src/app/App.tsx +++ b/[core]/esx_menu_default/web/src/app/App.tsx @@ -58,8 +58,6 @@ const App: React.FC = () => { }; }); - console.log(JSON.stringify(data)); - setCurrentMenu(data); });