pcm-shared-components 0.0.127 → 0.0.130

package/dist/components/Buttons/TillButton/index.js

@@ -2,12 +2,13 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React, { memo } from 'react';
 import PropTypes from 'prop-types';
-import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'; // import { ThemeProvider } from '@mui/system';
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+import { ThemeProvider } from '@mui/system';
+import { createTheme, useTheme } from '@mui/material/styles'; // import { CustomFab } from '../CustomFab';
 
-import { createTheme, useTheme } from '@mui/material/styles';
-import { CustomFab } from '../CustomFab';
 import { ReusablePopupMenu } from '../../Menus/ReusablePopupMenu';
 import i18n from '../../../locals/i18n';
+import Button from '@mui/material/Button';
 /**
  * Creates a till button from other PCM components to simplify the component.
  * Uses:
@@ -33,29 +34,20 @@ export const TillButton = props => {
     defaultText,
     menuData,
     size,
-    borderRadius,
+    className,
     theme
   } = props;
   const compTheme = theme ? theme : useTheme();
   const defaultTheme = createTheme(compTheme);
   const isTillInuse = name ? true : inUse ? true : false;
-  return (
-    /*#__PURE__*/
-    // <ThemeProvider theme={defaultTheme}>
-    React.createElement(ReusablePopupMenu, _extends({}, menuData, {
-      theme: defaultTheme
-    }), /*#__PURE__*/React.createElement(CustomFab, {
-      Icon: KeyboardArrowDownIcon,
-      color: isTillInuse ? 'primary' : 'secondary',
-      size: size,
-      boxShadow: false,
-      buttonText: `${defaultText} ${name ? ':' : ''} ${name}`,
-      iconLocation: 'right',
-      borderRadius: borderRadius,
-      theme: defaultTheme
-    })) // </ThemeProvider>
-
-  );
+  return /*#__PURE__*/React.createElement(ReusablePopupMenu, _extends({}, menuData, {
+    theme: defaultTheme
+  }), /*#__PURE__*/React.createElement(Button, {
+    className: className,
+    endIcon: /*#__PURE__*/React.createElement(KeyboardArrowDownIcon, null),
+    color: isTillInuse ? 'primary' : 'secondary',
+    size: className ? undefined : size
+  }, `${defaultText} ${name ? ':' : ''} ${name}`));
 };
 export default /*#__PURE__*/memo(TillButton);
 TillButton.defaultProps = {
@@ -63,8 +55,8 @@ TillButton.defaultProps = {
   name: '',
   defaultText: i18n.t('common.app.till'),
   menuData: [],
-  size: 'x-small',
-  borderRadius: 8,
+  className: undefined,
+  size: 'large',
   theme: {}
 };
 TillButton.propTypes = {
@@ -80,11 +72,11 @@ TillButton.propTypes = {
   /** Menu items for the dropdown, see the ReusablePopupMenu component for a better understanding of the props parameters */
   menuData: PropTypes.array,
 
-  /** Controls the border radius of the button's rounded ends */
-  borderRadius: PropTypes.number,
+  /** Classes applied to the button */
+  className: PropTypes.string,
 
   /** Supported size of the button ['x-small', 'small','medium'] */
-  size: PropTypes.oneOf(['x-small', 'small', 'medium']),
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
 
   /** Theme object to use on this component, if none provided then the MUI5 theme provider theme is used*/
   theme: PropTypes.object

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

@@ -5,6 +5,7 @@ import { makeStyles } from '@mui/styles';
 import ListItemIcon from "@mui/material/ListItemIcon";
 import ListItemText from "@mui/material/ListItemText";
 import Switch from "@mui/material/Switch";
+import withStyles from "@mui/styles/withStyles";
 
 const GenericSubMenu = ({
   menu,
@@ -71,8 +72,8 @@ const GenericSubMenu = ({
     setSubMenuOpen(Boolean(anchorSubMenu));
   }, [anchorSubMenu]);
   return /*#__PURE__*/React.createElement("div", {
-    key: `main_sub_menu_items_${menu.icon}`,
-    className: !full_menu ? "flex flex-row" : 'flex flex-col w-full'
+    key: `main_sub_menu_items_${menu.name}`,
+    className: !full_menu ? "flex flex-row w-full" : 'flex flex-col w-full'
   }, full_menu ? /*#__PURE__*/React.createElement(MenuItem, {
     onClick: openSubMenu
   }, menu.icon && /*#__PURE__*/React.createElement(ListItemIcon, null, menu.icon), /*#__PURE__*/React.createElement("div", {

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

@@ -11,7 +11,9 @@ import PropTypes from "prop-types";
 import GenericSubMenu from './GenericSubMenu';
 const StyledMenu = withStyles({
   paper: {
-    border: "1px solid #d3d4d5"
+    border: "1px solid #d3d4d5",
+    paddingTop: 4,
+    paddingBottom: 4
   }
 })(props => /*#__PURE__*/React.createElement(Menu, _extends({
   elevation: 0,
@@ -26,6 +28,10 @@ const StyledMenu = withStyles({
 }, props)));
 const StyledMenuItem = withStyles(() => ({
   root: {
+    minHeight: 50,
+    paddingLeft: 12,
+    paddingRight: 12,
+    minWidth: '100% !important',
     "&:focus": {
       backgroundColor: "primary",
       "& .MuiListItemIcon-root, & .MuiListItemText-primary": {
@@ -50,9 +56,10 @@ const ReusableMenu = props => {
     open: Boolean(menuAnchor),
     onClose: handleClose
   }, menuData.filter(mn => !(mn.hideMenu && mn.hideMenu === true)).map((menu, idx) => /*#__PURE__*/React.createElement("div", {
+    className: "w-full",
     key: `ReusableMenu_${idx}`
   }, menu.name && /*#__PURE__*/React.createElement(React.Fragment, null, menu.subMenu ? /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-row",
+    className: "flex flex-row w-full",
     key: `main_sub_items_${new Date()}`
   }, /*#__PURE__*/React.createElement(GenericSubMenu, {
     key: `common_grid_app_bar_sub_desktop_${idx}`,
@@ -61,6 +68,7 @@ const ReusableMenu = props => {
     classes: classes,
     onClose: handleClose
   })) : /*#__PURE__*/React.createElement(StyledMenuItem, {
+    className: "w-full m-12",
     onClick: menu.onClick,
     key: `reusable_menu_item_${idx}`
   }, menu.icon && /*#__PURE__*/React.createElement(ListItemIcon, null, menu.icon), /*#__PURE__*/React.createElement(ListItemText, {

package/package.json

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