@sikka/hawa 0.0.47 → 0.0.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vendors~main.ceb9a32a.iframe.bundle.js","sources":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;A","sourceRoot":""}
@@ -1,97 +0,0 @@
1
- import React from "react";
2
- import AppBar from "@mui/material/AppBar";
3
- import Box from "@mui/material/Box";
4
- import Toolbar from "@mui/material/Toolbar";
5
- import IconButton from "@mui/material/IconButton";
6
- import MenuIcon from "@mui/icons-material/Menu";
7
- import Container from "@mui/material/Container";
8
- import Avatar from "@mui/material/Avatar";
9
- import Button from "@mui/material/Button";
10
- import Tooltip from "@mui/material/Tooltip";
11
- import { useTheme } from "@mui/material";
12
- import { HawaPopMenu } from "../elements/HawaPopMenu";
13
- import PropTypes from "prop-types";
14
-
15
- export const HawaAppBar = (props) => {
16
- const theme = useTheme();
17
- const [anchorElNav, setAnchorElNav] = React.useState(null);
18
- const [anchorElUser, setAnchorElUser] = React.useState(null);
19
-
20
- const handleOpenNavMenu = (event) => setAnchorElNav(event.currentTarget);
21
- const handleOpenUserMenu = (event) => setAnchorElUser(event.currentTarget);
22
- const handleCloseNavMenu = () => setAnchorElNav(null);
23
- const handleCloseUserMenu = () => setAnchorElUser(null);
24
-
25
- return (
26
- <AppBar position="static" variant="appbar">
27
- <Container variant="appbar">
28
- <Toolbar disableGutters>
29
- <Box sx={{ flexGrow: 1, display: { xs: "none", md: "flex" } }}>
30
- {props.logo}
31
- </Box>
32
- <Box sx={{ flexGrow: 1, display: { xs: "flex", md: "none" } }}>
33
- <IconButton
34
- size="large"
35
- aria-label="account of current user"
36
- aria-controls="menu-appbar"
37
- aria-haspopup="true"
38
- onClick={handleOpenNavMenu}
39
- color="inherit"
40
- >
41
- <MenuIcon />
42
- </IconButton>
43
- <HawaPopMenu
44
- anchor={anchorElNav}
45
- handleClose={handleCloseNavMenu}
46
- menuItems={props.pages}
47
- />
48
- </Box>
49
-
50
- <Box sx={{ flexGrow: 1, display: { xs: "flex", md: "none" } }}>
51
- {props.logo}
52
- </Box>
53
- <Box sx={{ flexGrow: 1, display: { xs: "none", md: "flex" } }}>
54
- {props.pages.map((page) => (
55
- <Button
56
- key={page}
57
- onClick={handleCloseNavMenu}
58
- sx={{ my: 2, display: "block" }}
59
- >
60
- {page.label}
61
- </Button>
62
- ))}
63
- </Box>
64
-
65
- <Box sx={{ flexGrow: 0 }}>
66
- <Tooltip title="Open settings">
67
- <IconButton onClick={handleOpenUserMenu} sx={{ p: 0 }}>
68
- <Avatar alt="Remy Sharp" src="/static/images/avatar/2.jpg" />
69
- </IconButton>
70
- </Tooltip>
71
- <HawaPopMenu
72
- anchor={anchorElUser}
73
- handleClose={(e) => setAnchorElUser(null)}
74
- menuItems={props.accountMenu}
75
- />
76
- </Box>
77
- </Toolbar>
78
- </Container>
79
- </AppBar>
80
- );
81
- };
82
- HawaAppBar.propTypes = {
83
- pages: PropTypes.arrayOf(
84
- PropTypes.shape({
85
- icon: PropTypes.element,
86
- label: PropTypes.string,
87
- action: PropTypes.func
88
- })
89
- ),
90
- accountMenu: PropTypes.arrayOf(
91
- PropTypes.shape({
92
- icon: PropTypes.element,
93
- label: PropTypes.string,
94
- action: PropTypes.func
95
- })
96
- )
97
- };