@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
2 lines (1 loc) • 2.8 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material/Menu"),i=require("@mui/material/MenuItem"),a=require("@mui/material/ListItemText"),l=require("@mui/icons-material/ChevronRight"),s=require("@mui/material/ListItemIcon"),u=require("@mui/icons-material/Security"),n=require("@mui/material/Divider"),o=require("@mui/material/useMediaQuery"),d=require("@mui/material/styles"),m=require("@mui/material/Stack"),c=require("@mui/material/Box"),x=require("@mui/material/Button"),h=require("@mui/icons-material/KeyboardBackspace"),p=require("../util/functions/index.js"),f=require("./locale.json.js"),y=require("../locales/index.js"),j=require("../util/styles/index.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=g(t),k=g(i),M=g(a),v=g(l),I=g(s),b=g(u),S=g(n),$=g(o),C=g(m),L=g(c),B=g(x),N=g(h);const T="NexusLegalMenu";exports.default=({items:t,onMenuItemClick:i,sx:a,divider:l,...s})=>{const u=y.useTranslate(f.default),n=d.useTheme(),o=$.default(n.breakpoints.down("sm")),[m,c]=r.useState(null),x=Boolean(m),h=()=>{c(null)};return t.length<1?null:e.jsxs(e.Fragment,{children:[e.jsxs(k.default,{onClick:e=>{c(e.currentTarget)},"aria-haspopup":"true","aria-expanded":x?"true":void 0,className:`${T}-root`,"data-testid":`${T}-root`,sx:[{pl:{xs:6,sm:8},pr:6,my:1,height:48,"& .MuiListItemIcon-root":{minWidth:56}},...Array.isArray(a)?a:[a]],...s,children:[e.jsx(I.default,{children:e.jsx(b.default,{sx:e=>({color:"grey.600",...e.applyStyles("dark",{color:"grey.400"})})})}),e.jsx(M.default,{children:u("Legal and Privacy")}),e.jsx(v.default,{fontSize:"small"})]}),l&&e.jsx(S.default,{sx:{my:2}}),e.jsxs(q.default,{sx:{"& .MuiPaper-root":{minWidth:300}},anchorEl:m,open:x,anchorOrigin:{vertical:"top",horizontal:-16},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:o?0:16,slotProps:{paper:{sx:{transform:"translateX(-4px)",".MuiList-root":{py:{xs:0,sm:2}},...j.responsiveMenuStyle}}},onClose:h,"data-testid":`${T}-SubMenu`,className:`${T}-SubMenu`,children:[o&&e.jsxs(C.default,{sx:{height:56},children:[e.jsx(L.default,{sx:{display:"flex",alignItems:"center",height:"100%"},children:e.jsx(B.default,{sx:e=>({ml:3,color:"grey.600",...e.applyStyles("dark",{color:"common.white"})}),onClick:h,startIcon:e.jsx(N.default,{}),"data-testid":`${T}-back`,className:`${T}-back`,size:"large",children:u("Back")})}),e.jsx(S.default,{})]}),t?.map(((r,t)=>(({name:r,url:t,"data-testid":i,onClick:a,sx:l,...s},u)=>e.jsx(k.default,{className:`${T}-footerItem`,"data-testid":i||`${T}-title`,onClick:e=>{a?a(e):p.openLink(t,"_blank"),u?.()},sx:[{pl:{xs:6,sm:4},pr:2},...Array.isArray(l)?l:[l]],...s,children:e.jsx(M.default,{children:r})},`${r}-legalItem`))(r,i)))]})]})};