@sikka/hawa 0.0.58 → 0.0.60

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

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

package/src/elements/ActionButton.js

@@ -1,14 +0,0 @@
-
-export const ActionButton = (props) => {
-  // <Button {...props}>{props.text}</Button>;
-  return (
-    <button
-      type="button"
-      class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center mr-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
-    >
-      {props.icon ? <div class="mr-2 -ml-1 w-5 h-5">{props.icon}</div> : null}
-
-      {props.children}
-    </button>
-  );
-};

package/src/elements/RadioBox.js

@@ -1,29 +0,0 @@
-// import React from "react";
-// import { Controller, useFormContext } from "react-hook-form";
-// import FormControlLabel from "@mui/material/FormControlLabel";
-// import Checkbox from "@mui/material/Checkbox";
-
-// export const StyledRadioBox = (props) => {
-//   const { control } = useFormContext();
-//   const { name, defaultValue, rules, shouldUnregister } = props;
-
-//   return (
-//     <React.Fragment>
-//       <Controller
-//         render={({ field }) => (
-//           <FormControlLabel
-//             control={<Checkbox />}
-//             {...props}
-//             {...field}
-//             checked={field.value}
-//           />
-//         )}
-//         name={name}
-//         rules={rules}
-//         control={control}
-//         defaultValue={defaultValue}
-//         shouldUnregister={shouldUnregister}
-//       />
-//     </React.Fragment>
-//   );
-// };

package/src/elements/ResponsiveButton.js

@@ -1,34 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-
-export const ResponsiveButton = (props) => {
-  if (props.showText) {
-    return (
-      <button variant="adaptive-dark" onClick={props.onClick}>
-        {props.icon}
-        <div style={{ width: 10 }} />
-        {props.buttonText}
-      </button>
-    );
-  } else {
-    //icon only
-    return (
-      <>
-        <button
-          data-tooltip-target="btn1"
-          variant="adaptive-dark"
-          onClick={props.onClick}
-        >
-          {props.icon}
-        </button>
-        <HawaTooltip tooltipID="btn1" content={props.buttonText} />
-      </>
-    );
-  }
-};
-
-ResponsiveButton.propTypes = {
-  buttonText: PropTypes.string,
-  onClick: PropTypes.func,
-  showText: PropTypes.bool
-};

package/src/layout/HawaDrawer.js

@@ -1,109 +0,0 @@
-import * as React from "react";
-import PropTypes from "prop-types";
-import AppBar from "@mui/material/AppBar";
-import Box from "@mui/material/Box";
-import CssBaseline from "@mui/material/CssBaseline";
-import Divider from "@mui/material/Divider";
-import Drawer from "@mui/material/Drawer";
-import List from "@mui/material/List";
-import ListItem from "@mui/material/ListItem";
-import ListItemButton from "@mui/material/ListItemButton";
-import ListItemIcon from "@mui/material/ListItemIcon";
-import ListItemText from "@mui/material/ListItemText";
-import Toolbar from "@mui/material/Toolbar";
-import SplitscreenIcon from "@mui/icons-material/Splitscreen";
-import StyleIcon from "@mui/icons-material/Style";
-import SettingsIcon from "@mui/icons-material/Settings";
-
-export function HawaDrawer(props) {
-  const { window, children } = props;
-  const [mobileOpen, setMobileOpen] = React.useState(false);
-  const [drawerMaxWidth, setDrawerMaxWidth] = React.useState(
-    props.drawerMaxWidth ?? 240
-  );
-
-  const handleDrawerToggle = () => {
-    props.handleDrawerToggle();
-    setMobileOpen(!mobileOpen);
-  };
-
-  const drawer = (
-    <div>
-      <Toolbar />
-      <Divider />
-      <List>
-        {props.drawerContent.map(({ label, icon, action }, index) => (
-          <ListItem key={label} disablePadding onClick={props.action}>
-            <ListItemButton>
-              <ListItemIcon>{icon}</ListItemIcon>
-              <ListItemText primary={label} />
-            </ListItemButton>
-          </ListItem>
-        ))}
-      </List>
-    </div>
-  );
-
-  const container =
-    window !== undefined ? () => window().document.body : undefined;
-
-  return (
-    <Box sx={{ display: "flex" }}>
-      <CssBaseline />
-      <Box
-        component="nav"
-        sx={{ width: { sm: drawerMaxWidth }, flexShrink: { sm: 0 } }}
-        aria-label="mailbox folders"
-      >
-        {/* The implementation can be swapped with js to avoid SEO duplication of links. */}
-        <Drawer
-          container={container}
-          variant="temporary"
-          open={mobileOpen}
-          onClose={handleDrawerToggle}
-          ModalProps={{
-            keepMounted: true // Better open performance on mobile.
-          }}
-          sx={{
-            display: { xs: "block", sm: "none" },
-            "& .MuiDrawer-paper": {
-              boxSizing: "border-box",
-              width: drawerMaxWidth
-            }
-          }}
-        >
-          {drawer}
-        </Drawer>
-        <Drawer
-          variant="permanent"
-          sx={{
-            display: { xs: "none", sm: "block" },
-            "& .MuiDrawer-paper": {
-              boxSizing: "border-box",
-              width: drawerMaxWidth
-            }
-          }}
-          open
-        >
-          {drawer}
-        </Drawer>
-      </Box>
-
-      <Box
-        component="main"
-        sx={{
-          flexGrow: 1,
-          p: 3,
-          width: { sm: `calc(100% - ${drawerMaxWidth}px)` }
-        }}
-        // style={{
-        //   backgroundColor: "red",
-        //   height: "100%"
-        // }}
-      >
-        {/* <Toolbar /> */}
-        {children}
-      </Box>
-    </Box>
-  );
-}