pcm-shared-components 0.0.133 → 0.0.136

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

@@ -4,9 +4,10 @@ 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 Button from '@mui/material/Button';
 /**
  * Creates a generic button with a drop down.
  * Uses:
@@ -25,11 +26,11 @@ import { ReusablePopupMenu } from '../../Menus/ReusablePopupMenu';
 export const DropdownButton = props => {
   const {
     name,
-    defaultText,
     color,
+    className,
     menuData,
+    variant,
     size,
-    borderRadius,
     theme
   } = props;
   const compTheme = theme ? theme : useTheme();
@@ -38,45 +39,42 @@ export const DropdownButton = props => {
     theme: defaultTheme
   }, /*#__PURE__*/React.createElement(ReusablePopupMenu, _extends({}, menuData, {
     theme: defaultTheme
-  }), /*#__PURE__*/React.createElement(CustomFab, {
-    Icon: KeyboardArrowDownIcon,
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: variant,
+    className: className,
+    endIcon: /*#__PURE__*/React.createElement(KeyboardArrowDownIcon, null),
     color: color,
-    size: size,
-    boxShadow: false,
-    buttonText: `${defaultText} ${name ? ':' : ''} ${name}`,
-    iconLocation: 'right',
-    borderRadius: borderRadius,
-    theme: defaultTheme
-  })));
+    size: className ? undefined : size
+  }, name)));
 };
 export default /*#__PURE__*/memo(DropdownButton);
 DropdownButton.defaultProps = {
-  name: '',
-  defaultText: 'Any Text',
+  name: 'Button Name',
   menuData: [],
-  size: 'x-small',
+  size: 'large',
   color: 'primary',
-  borderRadius: 8,
+  className: '',
+  variant: 'text',
   theme: {}
 };
 DropdownButton.propTypes = {
   /** Name of the till being used. Note: if till name exist then inUse is true */
   name: PropTypes.string,
 
+  /** Classes applied to the button */
+  className: PropTypes.string,
+
+  /** Type of button to use*/
+  variant: PropTypes.oneOf(['text', 'contained', 'outlined']),
+
   /** Color of the button*/
   color: PropTypes.oneOf(['primary', 'secondary']),
 
-  /** Text used to identify the string in front of the till name. example: Till : Some name */
-  defaultText: PropTypes.string,
-
   /** 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,
-
   /** 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/Buttons/TillButton/index.js

@@ -4,8 +4,7 @@ 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 { ReusablePopupMenu } from '../../Menus/ReusablePopupMenu';
 import i18n from '../../../locals/i18n';
 import Button from '@mui/material/Button';

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

@@ -155,7 +155,7 @@ DateRangeCalendar.defaultProps = {
   variant: 'standard'
 };
 DateRangeCalendar.propTypes = {
-  /** Used to provide the minimum booking date base on the current start date before the calendar will allow a end selection. Defaults to one day from the current date and time.*/
+  /** Used to provide the minimum booking date.  To allow date selection past todays date simply pas it an old past date example 'new Date('1999-10-02')' */
   minBookingDate: PropTypes.instanceOf(Date),
 
   /** Number of calendar months to display when we are in mobile view.*/

package/dist/index.js

@@ -18,4 +18,5 @@ import DropdownButton from './components/Buttons/DropdownButton';
 import translationResources from './locals/translationResources';
 import coreLocals from './locals/coreLocals';
 import currencySymbol from './locals/currencySymbol';
-export { TestButton, CodeHighlight, CustomFab, HelpButton, GenericDialogWindow, PcSharedComponentThemeInheritor, ImageCanvasDraw, PCMScrollbar, TwoColumnDisplay, SimpleTab, HrefLink, GenericAppBar, ReusablePopupMenu, SearchBar, TillButton, DropdownButton, translationResources, coreLocals, currencySymbol };
+import DateRangeCalendar from './components/Date/DateRangeCalendar';
+export { TestButton, CodeHighlight, CustomFab, HelpButton, GenericDialogWindow, PcSharedComponentThemeInheritor, ImageCanvasDraw, PCMScrollbar, TwoColumnDisplay, SimpleTab, HrefLink, GenericAppBar, ReusablePopupMenu, SearchBar, TillButton, DropdownButton, translationResources, coreLocals, currencySymbol, DateRangeCalendar };

package/package.json

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