pcm-shared-components 0.0.148 → 0.0.149

package/dist/components/Menus/ReusablePopupMenu/components/GenericSubMenu.js

@@ -1,10 +1,11 @@
 import React, { useState, useEffect } from 'react';
-import { Tooltip, IconButton, MenuItem, Menu } from "@mui/material";
+import { Tooltip, IconButton } from "@mui/material";
 import ChevronRightIcon from '@mui/icons-material/ChevronRight';
 import { makeStyles } from '@mui/styles';
 import ListItemIcon from "@mui/material/ListItemIcon";
 import ListItemText from "@mui/material/ListItemText";
 import Switch from "@mui/material/Switch";
+import { StyledMenuItem, StyledMenu } from './StyledMenuParts';
 
 const GenericSubMenu = ({
   menu,
@@ -73,7 +74,7 @@ const GenericSubMenu = ({
   return /*#__PURE__*/React.createElement("div", {
     key: `main_sub_menu_items_${menu.icon}`,
     className: !full_menu ? "flex flex-row" : 'flex flex-col w-full'
-  }, full_menu ? /*#__PURE__*/React.createElement(MenuItem, {
+  }, full_menu ? /*#__PURE__*/React.createElement(StyledMenuItem, {
     onClick: openSubMenu
   }, menu.icon && /*#__PURE__*/React.createElement(ListItemIcon, null, menu.icon), /*#__PURE__*/React.createElement("div", {
     className: "flex flex-row justify-between w-full"
@@ -90,8 +91,8 @@ const GenericSubMenu = ({
     color: "inherit",
     "aria-owns": "menu-appbar",
     onClick: openSubMenu
-  }, menu.icon)), /*#__PURE__*/React.createElement(Menu, {
-    className: "",
+  }, menu.icon)), /*#__PURE__*/React.createElement(StyledMenu, {
+    className: "flex flex-col",
     style: {
       display: anchorSubMenu ? 'block' : 'none'
     } //Makes the disappearing menu smoother so I don't see it being jarred in a corner.
@@ -114,7 +115,7 @@ const GenericSubMenu = ({
     classes: classes,
     full_menu: true,
     handleParentMenuClose: handleSubMenuClose
-  }) : /*#__PURE__*/React.createElement(MenuItem, {
+  }) : /*#__PURE__*/React.createElement(StyledMenuItem, {
     key: `sub_menu_items__${idx}}`,
     onClick: () => {
       handleSubMenuClose();

package/dist/components/Menus/ReusablePopupMenu/components/ReusableMenu.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import withStyles from "@mui/styles/withStyles";
 import Menu from "@mui/material/Menu";
@@ -9,37 +7,40 @@ import ListItemText from "@mui/material/ListItemText";
 import Switch from "@mui/material/Switch";
 import PropTypes from "prop-types";
 import GenericSubMenu from './GenericSubMenu';
-const StyledMenu = withStyles({
-  paper: {
-    border: "1px solid #d3d4d5",
-    paddingTop: 4,
-    paddingBottom: 4
-  }
-})(props => /*#__PURE__*/React.createElement(Menu, _extends({
-  elevation: 0,
-  anchorOrigin: {
-    vertical: "bottom",
-    horizontal: props.menuAnchorLocation
-  },
-  transformOrigin: {
-    vertical: "top",
-    horizontal: props.menuAnchorLocation
-  }
-}, props)));
-const StyledMenuItem = withStyles(() => ({
-  root: {
-    minHeight: 32,
-    paddingLeft: 12,
-    paddingRight: 12,
-    minWidth: '100% !important',
-    "&:focus": {
-      backgroundColor: "primary",
-      "& .MuiListItemIcon-root, & .MuiListItemText-primary": {
-        color: "primary"
-      }
-    }
-  }
-}))(MenuItem);
+import { StyledMenuItem, StyledMenu } from './StyledMenuParts'; // const StyledMenu = withStyles({
+//     paper: {
+//         border: "1px solid #d3d4d5",
+//         paddingTop: 4,
+//         paddingBottom: 4,
+//     },
+// })((props) => (
+//     <Menu
+//         elevation={0}
+//         anchorOrigin={{
+//             vertical: "bottom",
+//             horizontal: props.menuAnchorLocation,
+//         }}
+//         transformOrigin={{
+//             vertical: "top",
+//             horizontal: props.menuAnchorLocation,
+//         }}
+//         {...props}
+//     />
+// ));
+// const StyledMenuItem = withStyles(() => ({
+//     root: {
+//         minHeight: 32,
+//         paddingLeft: 12,
+//         paddingRight: 12,
+//         minWidth: '100% !important',
+//         "&:focus": {
+//             backgroundColor: "primary",
+//             "& .MuiListItemIcon-root, & .MuiListItemText-primary": {
+//                 color: "primary",
+//             },
+//         },
+//     },
+// }))(MenuItem);
 
 const handleMenuOnClick = (menu, handleClose) => {
   menu.onClick();

package/dist/components/Menus/ReusablePopupMenu/components/StyledMenuParts.js

@@ -0,0 +1,36 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import MenuItem from "@mui/material/MenuItem";
+import Menu from "@mui/material/Menu";
+import withStyles from "@mui/styles/withStyles";
+export const StyledMenu = withStyles({
+  paper: {
+    border: "1px solid #d3d4d5",
+    paddingTop: 4,
+    paddingBottom: 4
+  }
+})(props => /*#__PURE__*/React.createElement(Menu, _extends({
+  elevation: 0,
+  anchorOrigin: {
+    vertical: "bottom",
+    horizontal: props.menuAnchorLocation
+  },
+  transformOrigin: {
+    vertical: "top",
+    horizontal: props.menuAnchorLocation
+  }
+}, props)));
+export const StyledMenuItem = withStyles(() => ({
+  root: {
+    minHeight: 32,
+    paddingLeft: 12,
+    paddingRight: 12,
+    minWidth: '100% !important',
+    "&:focus": {
+      backgroundColor: "primary",
+      "& .MuiListItemIcon-root, & .MuiListItemText-primary": {
+        color: "primary"
+      }
+    }
+  }
+}))(MenuItem);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pcm-shared-components",
-  "version": "0.0.148",
+  "version": "0.0.149",
   "private": false,
   "main": "dist/index.js",
   "babel": {