openstack-uicore-foundation/lib/components/mui/nav-bar.js

ui reactjs components for openstack marketing site

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],t):"object"==typeof exports?exports["openstack-uicore-foundation"]=t():e["openstack-uicore-foundation"]=t()}(this,(()=>(()=>{"use strict";var e={2849:(e,t,r)=>{r.d(t,{default:()=>U});var o=r(2015),i=r.n(o),n=r(6842),a=r.n(n);const l=require("@mui/material/styles");var s=r(6989),m=r.n(s),c=r(6368),u=r.n(c),p=r(7413),d=r.n(p),x=r(909),f=r.n(x);const g=require("@mui/material/ListItemIcon");var y=r.n(g);const v=require("@mui/material/ListItemText");var E=r.n(v);const h=require("@mui/material/Menu");var b=r.n(h);const q=require("@mui/material/MenuItem");var S=r.n(q),z=r(785),L=r.n(z);const O=require("@mui/icons-material/AccountCircle");var P=r.n(O);const k=require("@mui/icons-material/Logout");var T=r.n(k);const C=require("@mui/icons-material/Person");var j=r.n(C);const w=require("@mui/icons-material/Settings");var I=r.n(w);const M="UD7OIFgwF1LOfPJP234A",N="jWfqKg10xvcVZqMUgbLQ",U=({isLoggedUser:e,doLogin:t,initLogOut:r,profileEmail:n,profileName:s})=>{var c,p,x;const g=(0,l.useTheme)(),v=(0,o.useRef)(null),[h,q]=(0,o.useState)(!1),z=(null==g||null===(c=g.custom)||void 0===c||null===(c=c.menu)||void 0===c?void 0:c.fontSize)||"1.4rem",O=(null==g||null===(p=g.custom)||void 0===p||null===(p=p.menu)||void 0===p?void 0:p.lineHeight)||"2rem",k=(null==g||null===(x=g.custom)||void 0===x||null===(x=x.menu)||void 0===x?void 0:x.icon)||g.palette.text.secondary,C=()=>{q(!0)},w=()=>{q(!1)};return e?i().createElement(m(),{className:M},i().createElement(f(),{"aria-controls":h?"user-menu":void 0,"aria-expanded":h?"true":void 0,"aria-haspopup":"true",onClick:C,size:"medium","data-testid":"user-menu-button",sx:{color:g.palette.text.primary,p:0,width:28,height:28},ref:v},i().createElement(P(),{sx:{fontSize:28}})),i().createElement(b(),{id:"user-menu",anchorEl:v.current,open:h,onClose:w,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{sx:{mt:1.5,minWidth:260,borderRadius:2,overflow:"hidden",boxShadow:"0 16px 40px rgba(0, 0, 0, 0.18)"}},list:{disablePadding:!0,sx:{py:0}}}},i().createElement(m(),{sx:{px:3,py:2.5}},i().createElement(L(),{variant:"body1",sx:{fontSize:z,lineHeight:O,color:g.palette.text.primary,mb:.5}},s||"User"),i().createElement(L(),{variant:"body2",sx:{fontSize:z,lineHeight:O,color:g.palette.text.secondary}},n||"")),i().createElement(d(),null),i().createElement(S(),{onClick:w,sx:{py:1.5,px:3,gap:1.5}},i().createElement(y(),{sx:{minWidth:32,color:k}},i().createElement(I(),{sx:{fontSize:24}})),i().createElement(E(),{primary:a().translate("general.settings"),primaryTypographyProps:{sx:{fontSize:z,color:g.palette.text.primary}}})),i().createElement(S(),{onClick:w,sx:{py:1.5,px:3,gap:1.5}},i().createElement(y(),{sx:{minWidth:32,color:k}},i().createElement(j(),{sx:{fontSize:24}})),i().createElement(E(),{primary:a().translate("general.profile"),primaryTypographyProps:{sx:{fontSize:z,color:g.palette.text.primary}}})),i().createElement(d(),null),i().createElement(S(),{onClick:()=>{w(),r()},sx:{py:1.5,px:3,gap:1.5}},i().createElement(y(),{sx:{minWidth:32,color:k}},i().createElement(T(),{sx:{fontSize:24}})),i().createElement(E(),{primary:a().translate("buttons.sign_out"),primaryTypographyProps:{sx:{fontSize:z,color:g.palette.text.primary}}})))):i().createElement(m(),{className:N},i().createElement(u(),{variant:"contained",size:"small",color:"secondary",onClick:()=>{t()}},a().translate("buttons.log_in")))}},8619:e=>{e.exports=require("@mui/material")},6989:e=>{e.exports=require("@mui/material/Box")},6368:e=>{e.exports=require("@mui/material/Button")},7413:e=>{e.exports=require("@mui/material/Divider")},909:e=>{e.exports=require("@mui/material/IconButton")},785:e=>{e.exports=require("@mui/material/Typography")},6842:e=>{e.exports=require("i18n-react/dist/i18n-react")},2015:e=>{e.exports=require("react")}},t={};function r(o){var i=t[o];if(void 0!==i)return i.exports;var n=t[o]={exports:{}};return e[o](n,n.exports,r),n.exports}(()=>{r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t}})(),(()=>{r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})}})(),(()=>{r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var o={};r.r(o),r.d(o,{default:()=>m});var i=r(2015),n=r.n(i),a=r(8619),l=r(2849);const s="Tgph56OyA6q8xx1m43xR",m=({title:e,profilePic:t,profileEmail:r,profileName:o,isLoggedUser:i,onClickLogin:m,initLogOut:c})=>n().createElement(a.AppBar,{position:"relative",elevation:2,color:"default",sx:{backgroundColor:"background.paper",color:"text.primary"}},n().createElement(a.Toolbar,null,n().createElement(a.Typography,{className:s,variant:"h6",color:"inherit",component:"div"},e),n().createElement(a.Box,{sx:{flexGrow:1}},n().createElement(l.default,{isLoggedUser:i,picture:t,profileEmail:r,profileName:o,doLogin:m,initLogOut:c}))));return o})()));
//# sourceMappingURL=nav-bar.js.map