pcm-shared-components 0.0.128 → 0.0.131
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -5,6 +5,7 @@ import { makeStyles } from '@mui/styles';
|
|
|
5
5
|
import ListItemIcon from "@mui/material/ListItemIcon";
|
|
6
6
|
import ListItemText from "@mui/material/ListItemText";
|
|
7
7
|
import Switch from "@mui/material/Switch";
|
|
8
|
+
import withStyles from "@mui/styles/withStyles";
|
|
8
9
|
|
|
9
10
|
const GenericSubMenu = ({
|
|
10
11
|
menu,
|
|
@@ -72,7 +73,7 @@ const GenericSubMenu = ({
|
|
|
72
73
|
}, [anchorSubMenu]);
|
|
73
74
|
return /*#__PURE__*/React.createElement("div", {
|
|
74
75
|
key: `main_sub_menu_items_${menu.name}`,
|
|
75
|
-
className: !full_menu ? "flex flex-row" : 'flex flex-col w-full'
|
|
76
|
+
className: !full_menu ? "flex flex-row w-full" : 'flex flex-col w-full'
|
|
76
77
|
}, full_menu ? /*#__PURE__*/React.createElement(MenuItem, {
|
|
77
78
|
onClick: openSubMenu
|
|
78
79
|
}, menu.icon && /*#__PURE__*/React.createElement(ListItemIcon, null, menu.icon), /*#__PURE__*/React.createElement("div", {
|
|
@@ -11,7 +11,9 @@ import PropTypes from "prop-types";
|
|
|
11
11
|
import GenericSubMenu from './GenericSubMenu';
|
|
12
12
|
const StyledMenu = withStyles({
|
|
13
13
|
paper: {
|
|
14
|
-
border: "1px solid #d3d4d5"
|
|
14
|
+
border: "1px solid #d3d4d5",
|
|
15
|
+
paddingTop: 4,
|
|
16
|
+
paddingBottom: 4
|
|
15
17
|
}
|
|
16
18
|
})(props => /*#__PURE__*/React.createElement(Menu, _extends({
|
|
17
19
|
elevation: 0,
|
|
@@ -26,6 +28,10 @@ const StyledMenu = withStyles({
|
|
|
26
28
|
}, props)));
|
|
27
29
|
const StyledMenuItem = withStyles(() => ({
|
|
28
30
|
root: {
|
|
31
|
+
minHeight: 50,
|
|
32
|
+
paddingLeft: 12,
|
|
33
|
+
paddingRight: 12,
|
|
34
|
+
minWidth: '100% !important',
|
|
29
35
|
"&:focus": {
|
|
30
36
|
backgroundColor: "primary",
|
|
31
37
|
"& .MuiListItemIcon-root, & .MuiListItemText-primary": {
|
|
@@ -50,9 +56,10 @@ const ReusableMenu = props => {
|
|
|
50
56
|
open: Boolean(menuAnchor),
|
|
51
57
|
onClose: handleClose
|
|
52
58
|
}, menuData.filter(mn => !(mn.hideMenu && mn.hideMenu === true)).map((menu, idx) => /*#__PURE__*/React.createElement("div", {
|
|
59
|
+
className: "w-full",
|
|
53
60
|
key: `ReusableMenu_${idx}`
|
|
54
61
|
}, menu.name && /*#__PURE__*/React.createElement(React.Fragment, null, menu.subMenu ? /*#__PURE__*/React.createElement("div", {
|
|
55
|
-
className: "flex flex-row",
|
|
62
|
+
className: "flex flex-row w-full",
|
|
56
63
|
key: `main_sub_items_${new Date()}`
|
|
57
64
|
}, /*#__PURE__*/React.createElement(GenericSubMenu, {
|
|
58
65
|
key: `common_grid_app_bar_sub_desktop_${idx}`,
|
|
@@ -61,6 +68,7 @@ const ReusableMenu = props => {
|
|
|
61
68
|
classes: classes,
|
|
62
69
|
onClose: handleClose
|
|
63
70
|
})) : /*#__PURE__*/React.createElement(StyledMenuItem, {
|
|
71
|
+
className: "w-full m-12",
|
|
64
72
|
onClick: menu.onClick,
|
|
65
73
|
key: `reusable_menu_item_${idx}`
|
|
66
74
|
}, menu.icon && /*#__PURE__*/React.createElement(ListItemIcon, null, menu.icon), /*#__PURE__*/React.createElement(ListItemText, {
|