pcm-shared-components 0.0.126 → 0.0.129

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

@@ -4,10 +4,11 @@ import React, { memo } from 'react';
 import PropTypes from 'prop-types';
 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,26 +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__*/React.createElement(ThemeProvider, {
-    theme: defaultTheme
-  }, /*#__PURE__*/React.createElement(ReusablePopupMenu, _extends({}, menuData, {
+  return /*#__PURE__*/React.createElement(ReusablePopupMenu, _extends({}, menuData, {
     theme: defaultTheme
-  }), /*#__PURE__*/React.createElement(CustomFab, {
-    Icon: KeyboardArrowDownIcon,
+  }), /*#__PURE__*/React.createElement(Button, {
+    className: className,
+    endIcon: /*#__PURE__*/React.createElement(KeyboardArrowDownIcon, null),
     color: isTillInuse ? 'primary' : 'secondary',
-    size: size,
-    boxShadow: false,
-    buttonText: `${defaultText} ${name ? ':' : ''} ${name}`,
-    iconLocation: 'right',
-    borderRadius: borderRadius,
-    theme: defaultTheme
-  })));
+    size: className ? undefined : size
+  }, `${defaultText} ${name ? ':' : ''} ${name}`));
 };
 export default /*#__PURE__*/memo(TillButton);
 TillButton.defaultProps = {
@@ -60,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 = {
@@ -77,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

@@ -71,8 +71,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

@@ -50,9 +50,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 +62,7 @@ const ReusableMenu = props => {
     classes: classes,
     onClose: handleClose
   })) : /*#__PURE__*/React.createElement(StyledMenuItem, {
+    className: "w-full",
     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.126",
+  "version": "0.0.129",
   "private": false,
   "main": "dist/index.js",
   "babel": {