pcm-shared-components 0.0.151 → 0.0.154

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

@@ -2,9 +2,24 @@ import React, { useState, useEffect } from 'react';
 import { Tooltip, IconButton, MenuItem, Menu } from "@mui/material";
 import ChevronRightIcon from '@mui/icons-material/ChevronRight';
 import { makeStyles } from '@mui/styles';
+import withStyles from "@mui/styles/withStyles";
 import ListItemIcon from "@mui/material/ListItemIcon";
 import ListItemText from "@mui/material/ListItemText";
 import Switch from "@mui/material/Switch";
+const StyledMenuItem = withStyles(() => ({
+  root: {
+    minHeight: 32,
+    paddingLeft: 12,
+    paddingRight: 12,
+    minWidth: '100% !important',
+    "&:focus": {
+      backgroundColor: "primary",
+      "& .MuiListItemIcon-root, & .MuiListItemText-primary": {
+        color: "primary"
+      }
+    }
+  }
+}))(MenuItem);
 
 const GenericSubMenu = ({
   menu,
@@ -73,7 +88,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"
@@ -114,7 +129,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,3 +1,5 @@
+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";
@@ -7,40 +9,37 @@ import ListItemText from "@mui/material/ListItemText";
 import Switch from "@mui/material/Switch";
 import PropTypes from "prop-types";
 import GenericSubMenu from './GenericSubMenu';
-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 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);
 
 const handleMenuOnClick = (menu, handleClose) => {
   menu.onClick();

package/package.json

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

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

@@ -1,36 +0,0 @@
-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);