@sikka/hawa 0.0.33 → 0.0.36

package/src/layout/HawaPageControls.js

@@ -0,0 +1,61 @@
+import { Button, Container, Stack } from "@mui/material";
+import React from "react";
+import PropTypes from "prop-types";
+import { HawaPopMenu } from "../elements/HawaPopMenu";
+import MenuIcon from "@mui/icons-material/Menu";
+
+export const HawaPageControls = (props) => {
+  const [anchorElUser, setAnchorElUser] = React.useState(null);
+  const handleOpenUserMenu = (event) => setAnchorElUser(event.currentTarget);
+
+  return (
+    <Container
+      variant="page-controls"
+      {...props}
+      //   maxWidth="sm"
+      style={{
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: "space-between"
+      }}
+    >
+      <Button variant="layout" onClick={props.backAction}>
+        {props.backText}
+      </Button>
+      <Stack
+        direction="row"
+        spacing={1}
+        sx={{ display: { xs: "none", md: "flex" } }}
+      >
+        {props.actionButtons.map((d) => {
+          return <Button variant="layout">{d.label}</Button>;
+        })}
+      </Stack>
+      <Stack
+        direction="row"
+        spacing={1}
+        sx={{ display: { xs: "flex", md: "none" } }}
+      >
+        <Button variant="layout" onClick={handleOpenUserMenu}>
+          <MenuIcon />
+        </Button>
+        <HawaPopMenu
+          handleClose={(e) => setAnchorElUser(null)}
+          anchor={anchorElUser}
+          menuItems={props.actionButtons}
+        />
+      </Stack>
+    </Container>
+  );
+};
+
+HawaPageControls.propTypes = {
+  backText: PropTypes.string,
+  backAction: PropTypes.func,
+  actionButtons: PropTypes.arrayOf(
+    PropTypes.shape({
+      label: PropTypes.string,
+      action: PropTypes.func
+    })
+  )
+};

package/src/layout/index.js

@@ -2,3 +2,4 @@ export * from "./Box";
 export * from "./HawaAppLayout";
 export * from "./HawaDialog";
 export * from "./HawaAppBar";
+export * from "./HawaPageControls";

package/storybook-static/iframe.html

@@ -345,4 +345,4 @@
           
       
           
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:[\\\\/](?!\\.)(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/]|[\\\\/]|$)(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:[\\\\/](?!\\.)(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/]|[\\\\/]|$)(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.708d7ac1.iframe.bundle.js"></script><script src="vendors~main.a7262b49.iframe.bundle.js"></script><script src="main.2511f65a.iframe.bundle.js"></script></body></html>
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:[\\\\/](?!\\.)(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/]|[\\\\/]|$)(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:[\\\\/](?!\\.)(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/]|[\\\\/]|$)(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.708d7ac1.iframe.bundle.js"></script><script src="vendors~main.3cf4a535.iframe.bundle.js"></script><script src="main.3f5171ae.iframe.bundle.js"></script></body></html>

package/storybook-static/index.html

@@ -56,4 +56,4 @@
           
       
           
-            window['DOCS_MODE'] = false;</script><script src="runtime~main.c8dac23bc753439736f0.manager.bundle.js"></script><script src="vendors~main.a697e07137d366f95f76.manager.bundle.js"></script><script src="main.9d5968bcf15d21f5487c.manager.bundle.js"></script></body></html>
+            window['DOCS_MODE'] = false;</script><script src="runtime~main.c8dac23bc753439736f0.manager.bundle.js"></script><script src="vendors~main.11281b487bf96f5ff19e.manager.bundle.js"></script><script src="main.9d5968bcf15d21f5487c.manager.bundle.js"></script></body></html>