pcm-shared-components 0.0.137 → 0.0.140

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

@@ -31,6 +31,7 @@ export const DropdownButton = props => {
     menuData,
     variant,
     size,
+    menuAnchorLocation,
     theme
   } = props;
   const compTheme = theme ? theme : useTheme();
@@ -38,7 +39,8 @@ export const DropdownButton = props => {
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: defaultTheme
   }, /*#__PURE__*/React.createElement(ReusablePopupMenu, _extends({}, menuData, {
-    theme: defaultTheme
+    theme: defaultTheme,
+    menuAnchorLocation: menuAnchorLocation
   }), /*#__PURE__*/React.createElement(Button, {
     variant: variant,
     className: className,
@@ -55,7 +57,8 @@ DropdownButton.defaultProps = {
   color: 'primary',
   className: '',
   variant: 'text',
-  theme: {}
+  theme: {},
+  menuAnchorLocation: 'right'
 };
 DropdownButton.propTypes = {
   /** Name of the till being used. Note: if till name exist then inUse is true */
@@ -77,5 +80,8 @@ DropdownButton.propTypes = {
   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
+  theme: PropTypes.object,
+
+  /** Controls the location of the dropdown popup menu */
+  menuAnchorLocation: PropTypes.oneOf(['left', 'center', 'right'])
 };

package/dist/components/Date/DateRangeCalendar/index.js

@@ -33,19 +33,8 @@ export const DateRangeCalendar = props => {
     variant
   } = props;
 
-  const isValidRenderFunction = functionToCheck => {
-    try {
-      //Makes sure we have a function and also that it's a valid react element which the calendar will use to display the date.
-      return functionToCheck && /*#__PURE__*/React.isValidElement(functionToCheck) ? true : false;
-    } catch (error) {
-      console.error(error);
-    }
-
-    return false;
-  };
-
   const handleOnDayRender = date => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, onDayRender && isValidRenderFunction(onDayRender(date)) ? /*#__PURE__*/React.createElement(React.Fragment, null, onDayRender(date)) : /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, onDayRender ? /*#__PURE__*/React.createElement(React.Fragment, null, onDayRender(date)) : /*#__PURE__*/React.createElement("span", {
       className: ""
     }, new Date(date).getDate()));
   };

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

@@ -19,11 +19,11 @@ const StyledMenu = withStyles({
   elevation: 0,
   anchorOrigin: {
     vertical: "bottom",
-    horizontal: "center"
+    horizontal: props.menuAnchorLocation
   },
   transformOrigin: {
     vertical: "top",
-    horizontal: "center"
+    horizontal: props.menuAnchorLocation
   }
 }, props)));
 const StyledMenuItem = withStyles(() => ({
@@ -56,11 +56,13 @@ const ReusableMenu = props => {
     handleClose,
     menuData,
     keepMounted,
-    classes = undefined
+    classes = undefined,
+    menuAnchorLocation
   } = props;
   return /*#__PURE__*/React.createElement(StyledMenu, {
     id: "customized-menu",
     anchorEl: menuAnchor,
+    menuAnchorLocation: menuAnchorLocation,
     keepMounted: keepMounted,
     open: Boolean(menuAnchor),
     onClose: handleClose
@@ -101,12 +103,14 @@ ReusableMenu.defaultProps = {
   menuAnchor: undefined,
   handleClose: undefined,
   menuData: [],
-  keepMounted: false
+  keepMounted: false,
+  menuAnchorLocation: 'center'
 }; // Type of
 
 ReusableMenu.propTypes = {
   menuAnchor: PropTypes.object,
   handleClose: PropTypes.func,
   menuData: PropTypes.array,
-  keepMounted: PropTypes.bool
+  keepMounted: PropTypes.bool,
+  menuAnchorLocation: PropTypes.string
 };

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

@@ -23,6 +23,7 @@ export const ReusablePopupMenu = props => {
     menuData,
     tooltipTitle,
     keepMounted,
+    menuAnchorLocation,
     theme
   } = props;
   const [menuAnchor, setMenuAnchor] = useState(null);
@@ -40,7 +41,8 @@ export const ReusablePopupMenu = props => {
     menuAnchor,
     handleClose,
     menuData,
-    keepMounted
+    keepMounted,
+    menuAnchorLocation
   };
   const childrenWithProps = Children.map(children, child => {
     // Checking isValidElement is the safe way and avoids a typescript
@@ -78,7 +80,8 @@ ReusableMenu.defaultProps = {
   tooltipTitle: '',
   menuData: [],
   keepMounted: false,
-  theme: undefined
+  theme: undefined,
+  menuAnchorLocation: 'center'
 }; // Type of
 
 ReusableMenu.propTypes = {
@@ -90,5 +93,8 @@ ReusableMenu.propTypes = {
   /**
    * The theme object to apply to this object, if no theme provided then the component will used the default theme passed down by the ThemeProvider
    */
-  theme: PropTypes.object
+  theme: PropTypes.object,
+
+  /** Controls the location of the dropdown popup menu */
+  menuAnchorLocation: PropTypes.oneOf(['left', 'center', 'right'])
 };

package/package.json

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