@sikka/hawa 0.0.47 → 0.0.49

package/storybook-static/vendors~main.ceb9a32a.iframe.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendors~main.ceb9a32a.iframe.bundle.js","sources":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;A","sourceRoot":""}

package/src/layout/HawaAppBar.js

@@ -1,97 +0,0 @@
-import React from "react";
-import AppBar from "@mui/material/AppBar";
-import Box from "@mui/material/Box";
-import Toolbar from "@mui/material/Toolbar";
-import IconButton from "@mui/material/IconButton";
-import MenuIcon from "@mui/icons-material/Menu";
-import Container from "@mui/material/Container";
-import Avatar from "@mui/material/Avatar";
-import Button from "@mui/material/Button";
-import Tooltip from "@mui/material/Tooltip";
-import { useTheme } from "@mui/material";
-import { HawaPopMenu } from "../elements/HawaPopMenu";
-import PropTypes from "prop-types";
-
-export const HawaAppBar = (props) => {
-  const theme = useTheme();
-  const [anchorElNav, setAnchorElNav] = React.useState(null);
-  const [anchorElUser, setAnchorElUser] = React.useState(null);
-
-  const handleOpenNavMenu = (event) => setAnchorElNav(event.currentTarget);
-  const handleOpenUserMenu = (event) => setAnchorElUser(event.currentTarget);
-  const handleCloseNavMenu = () => setAnchorElNav(null);
-  const handleCloseUserMenu = () => setAnchorElUser(null);
-
-  return (
-    <AppBar position="static" variant="appbar">
-      <Container variant="appbar">
-        <Toolbar disableGutters>
-          <Box sx={{ flexGrow: 1, display: { xs: "none", md: "flex" } }}>
-            {props.logo}
-          </Box>
-          <Box sx={{ flexGrow: 1, display: { xs: "flex", md: "none" } }}>
-            <IconButton
-              size="large"
-              aria-label="account of current user"
-              aria-controls="menu-appbar"
-              aria-haspopup="true"
-              onClick={handleOpenNavMenu}
-              color="inherit"
-            >
-              <MenuIcon />
-            </IconButton>
-            <HawaPopMenu
-              anchor={anchorElNav}
-              handleClose={handleCloseNavMenu}
-              menuItems={props.pages}
-            />
-          </Box>
-
-          <Box sx={{ flexGrow: 1, display: { xs: "flex", md: "none" } }}>
-            {props.logo}
-          </Box>
-          <Box sx={{ flexGrow: 1, display: { xs: "none", md: "flex" } }}>
-            {props.pages.map((page) => (
-              <Button
-                key={page}
-                onClick={handleCloseNavMenu}
-                sx={{ my: 2, display: "block" }}
-              >
-                {page.label}
-              </Button>
-            ))}
-          </Box>
-
-          <Box sx={{ flexGrow: 0 }}>
-            <Tooltip title="Open settings">
-              <IconButton onClick={handleOpenUserMenu} sx={{ p: 0 }}>
-                <Avatar alt="Remy Sharp" src="/static/images/avatar/2.jpg" />
-              </IconButton>
-            </Tooltip>
-            <HawaPopMenu
-              anchor={anchorElUser}
-              handleClose={(e) => setAnchorElUser(null)}
-              menuItems={props.accountMenu}
-            />
-          </Box>
-        </Toolbar>
-      </Container>
-    </AppBar>
-  );
-};
-HawaAppBar.propTypes = {
-  pages: PropTypes.arrayOf(
-    PropTypes.shape({
-      icon: PropTypes.element,
-      label: PropTypes.string,
-      action: PropTypes.func
-    })
-  ),
-  accountMenu: PropTypes.arrayOf(
-    PropTypes.shape({
-      icon: PropTypes.element,
-      label: PropTypes.string,
-      action: PropTypes.func
-    })
-  )
-};