pcm-shared-components 2.1.107 → 2.1.109

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

@@ -1,140 +1,39 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import PropTypes from 'prop-types';
-import { ThemeProvider } from '@mui/system';
-import { createTheme, useTheme } from '@mui/material/styles';
+import { ThemeProvider, createTheme, useTheme, styled } from '@mui/material/styles';
 import clsx from 'clsx';
 import Button from '@mui/material/Button';
-// import { toFloat_2_decimal } from '../../../tools/string_formatter';
 import IconButton from '@mui/material/IconButton';
 import EditIcon from '@mui/icons-material/Edit';
-// import { limitStringLength } from 'app/tools/string_formatter';
-// import { RiBarcodeLine } from 'react-icons/ri';
 import ImageStack from '../../Images/ImageStack';
 import InfoIcon from '@mui/icons-material/Info';
-import Tooltip from '@mui/material/Tooltip';
-import { makeStyles } from '@mui/styles';
-import withStyles from "@mui/styles/withStyles";
+import Tooltip, { tooltipClasses } from '@mui/material/Tooltip';
 let debounce;
-const useStyles = makeStyles(theme => ({
-  productButtonWrapper: {
-    color: 'lightgray',
-    height: ({
-      PRODUCT_BUTTON_HEIGHT
-    }) => PRODUCT_BUTTON_HEIGHT,
-    maxHeight: ({
-      PRODUCT_BUTTON_HEIGHT
-    }) => PRODUCT_BUTTON_HEIGHT,
-    maxWidth: 'fit-content',
-    margin: ({
-      PRODUCT_BUTTON_GUTTER
-    }) => PRODUCT_BUTTON_GUTTER,
-    backgroundColor: 'lightgray',
-    borderRadius: 5
-  },
-  productButtonActive: {
-    color: '#fff',
-    height: ({
-      PRODUCT_BUTTON_HEIGHT
-    }) => PRODUCT_BUTTON_HEIGHT,
-    maxHeight: ({
-      PRODUCT_BUTTON_HEIGHT
-    }) => PRODUCT_BUTTON_HEIGHT,
-    // paddingRight: ({ hasImage, isTierPricing }) => (hasImage && isTierPricing) ? 2 : undefined,
-    textAlign: 'center',
-    fontSize: 16,
-    borderRadius: 5,
-    backgroundColor: theme.palette && theme.palette.primary.main ? theme.palette.primary.main : undefined,
-    '&:hover': {
-      backgroundColor: theme.palette && theme.palette.primary.dark ? theme.palette.primary.dark : undefined
-    }
-  },
-  productButtonNotActive: {
-    color: '#fff',
-    height: ({
-      PRODUCT_BUTTON_HEIGHT
-    }) => PRODUCT_BUTTON_HEIGHT,
-    maxHeight: ({
-      PRODUCT_BUTTON_HEIGHT
-    }) => PRODUCT_BUTTON_HEIGHT,
-    // paddingRight: ({ hasImage, isTierPricing }) => (hasImage && isTierPricing) ? 2 : undefined,
-    textAlign: 'center',
-    borderRadius: 5,
-    backgroundColor: theme.palette && theme.palette.action.focus ? theme.palette.action.focus : undefined,
-    '&:hover': {
-      backgroundColor: theme.palette && theme.palette.action.active ? theme.palette.action.active : undefined
-    }
-  },
-  productName: {
-    fontSize: 16,
-    lineHeight: 1,
-    "-webkit-line-clamp": ({
-      hasFooterSection
-    }) => hasFooterSection ? 1 : 2,
-    WebkitLineClamp: ({
-      hasFooterSection
-    }) => hasFooterSection ? 1 : 2,
-    display: '-webkit-box',
-    "-webkit-box-orient": 'vertical',
-    whiteSpace: 'normal',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis'
-  },
-  productPrice: {
-    fontSize: 26,
-    lineHeight: 1.5,
-    "-webkit-line-clamp": 1,
-    WebkitLineClamp: 1,
-    display: '-webkit-box',
-    "-webkit-box-orient": 'vertical',
-    whiteSpace: 'normal',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis'
-  },
-  productTirePrice: {
-    fontSize: 16,
-    lineHeight: 1.3,
-    "-webkit-line-clamp": 1,
-    WebkitLineClamp: 1,
-    display: '-webkit-box',
-    "-webkit-box-orient": 'vertical',
-    whiteSpace: 'normal',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis'
-  },
-  productQuantity: {
-    fontSize: 11,
-    padding: 0,
-    marginTop: 0,
-    marginBottom: 0
-  },
-  productSKU: {
-    lineHeight: 1.5,
-    fontSize: 12,
-    padding: '0 5px 0px 5px',
-    margin: 'auto',
-    backgroundColor: 'white',
-    width: '100%',
-    minWidth: '100%',
-    color: 'orange',
-    borderRadius: 5
-  },
-  tierPriceSubtitle: {
-    lineHeight: 0.5,
-    padding: 0,
-    margin: 0,
-    fontSize: 10
+const LightTooltip = styled(({
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement(Tooltip, _extends({}, props, {
+  classes: {
+    popper: className
+  }
+})))(({
+  theme
+}) => ({
+  [`& .${tooltipClasses.tooltip}`]: {
+    backgroundColor: theme?.palette?.common?.white,
+    color: theme?.palette?.common?.black,
+    boxShadow: theme?.shadows ? theme.shadows[1] : 1,
+    fontSize: 14
   }
 }));
 
 /**
  * ## Importing the component in your project
- * 
- ```js
-
- import {ProductItemButton} from 'pcm-shared-components';
- 
- ```
- * 
+ *
+ * ```js
+ * import { ProductItemButton } from 'pcm-shared-components';
+ * ```
  */
 export const ProductItemButton = props => {
   const {
@@ -150,52 +49,62 @@ export const ProductItemButton = props => {
     i18next,
     theme
   } = props;
-  const classes = useStyles({
-    PRODUCT_BUTTON_GUTTER,
-    PRODUCT_BUTTON_HEIGHT,
-    PRODUCT_SMALL_BUTTON_WIDTH,
-    PRODUCT_LARGE_BUTTON_WIDTH,
-    hasImage: productData.picturesFullURL && productData.picturesFullURL.length > 0 ? true : false,
-    isTierPricing: Number(productData.is_unit_pricing) !== 1 ? true : false,
-    hasFooterSection: FooterSection ? true : false
-  });
-  const compTheme = theme ? theme : useTheme();
+  const hasImage = productData.picturesFullURL && productData.picturesFullURL.length > 0;
+  const isTierPricing = Number(productData.is_unit_pricing) !== 1;
+  const hasFooterSection = Boolean(FooterSection);
+  const compTheme = theme || useTheme();
   const defaultTheme = createTheme(compTheme);
-
-  //---------------------------------------------------
-  // Local Component 
-  //---------------------------------------------------
-
-  const LightTooltip = withStyles(theme => ({
-    tooltip: {
-      backgroundColor: theme && theme.palette && theme.palette.common.white ? theme.palette.common.white : undefined,
-      color: theme && theme.palette && theme.palette.common.black ? theme.palette.common.black : undefined,
-      boxShadow: theme.shadows ? theme.shadows[1] : 1,
-      fontSize: 14
-    }
-  }))(Tooltip);
-  const TierPricing = ({
-    price,
-    sub_title
-  }) => {
-    const thisPrice = toFloat_2_decimal(price);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, parseFloat(thisPrice) > 0 ? /*#__PURE__*/React.createElement(Tooltip, {
-      title: sub_title,
-      arrow: true,
-      placement: "right-end"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: clsx('flex flex-row m-auto ')
-    }, /*#__PURE__*/React.createElement("p", {
-      className: clsx(classes.productTirePrice, 'p-0 my-auto ')
-    }, toFloat_2_decimal(price)), /*#__PURE__*/React.createElement("div", {
-      className: "h-full my-auto pl-4"
-    }, /*#__PURE__*/React.createElement("p", {
-      className: clsx(classes.tierPriceSubtitle, '')
-    }, String(sub_title).substring(0, 2))))) : /*#__PURE__*/React.createElement(React.Fragment, null));
+  const commonLineClampStyle = {
+    display: '-webkit-box',
+    WebkitBoxOrient: 'vertical',
+    whiteSpace: 'normal',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis'
+  };
+  const productNameStyle = {
+    fontSize: 16,
+    lineHeight: 1,
+    WebkitLineClamp: hasFooterSection ? 1 : 2,
+    ...commonLineClampStyle
+  };
+  const productPriceStyle = {
+    fontSize: 26,
+    lineHeight: 1.5,
+    WebkitLineClamp: 1,
+    ...commonLineClampStyle
+  };
+  const productTierPriceStyle = {
+    fontSize: 16,
+    lineHeight: 1.3,
+    WebkitLineClamp: 1,
+    ...commonLineClampStyle
+  };
+  const tierPriceSubtitleStyle = {
+    lineHeight: 0.5,
+    padding: 0,
+    margin: 0,
+    fontSize: 10
+  };
+  const productSKUStyle = {
+    lineHeight: 1.5,
+    fontSize: 12,
+    padding: '0 5px',
+    margin: 'auto',
+    backgroundColor: 'white',
+    width: '100%',
+    minWidth: '100%',
+    color: 'orange',
+    borderRadius: 5
+  };
+  const productQuantityStyle = {
+    fontSize: 11,
+    padding: 0,
+    marginTop: 0,
+    marginBottom: 0
   };
   const toFloat_2_decimal = value => {
     try {
-      if (value) {
+      if (value !== undefined && value !== null) {
         value = parseFloat(Math.round(value * 100) / 100).toFixed(2);
       }
     } catch (e) {
@@ -205,7 +114,7 @@ export const ProductItemButton = props => {
   };
   const toFloat_0_decimal = value => {
     try {
-      if (value) {
+      if (value !== undefined && value !== null) {
         value = parseFloat(Math.round(value * 100) / 100).toFixed(0);
       }
     } catch (e) {
@@ -213,11 +122,40 @@ export const ProductItemButton = props => {
     }
     return value;
   };
+  const TierPricing = ({
+    price,
+    sub_title
+  }) => {
+    const thisPrice = toFloat_2_decimal(price);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, parseFloat(thisPrice || 0) > 0 ? /*#__PURE__*/React.createElement(Tooltip, {
+      title: sub_title,
+      arrow: true,
+      placement: "right-end"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: clsx('flex flex-row m-auto')
+    }, /*#__PURE__*/React.createElement("p", {
+      className: clsx('p-0 my-auto'),
+      style: productTierPriceStyle
+    }, toFloat_2_decimal(price)), /*#__PURE__*/React.createElement("div", {
+      className: "h-full my-auto pl-4"
+    }, /*#__PURE__*/React.createElement("p", {
+      style: tierPriceSubtitleStyle
+    }, String(sub_title).substring(0, 2))))) : null);
+  };
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: defaultTheme
   }, /*#__PURE__*/React.createElement("div", {
     key: `product_list_items_${productData.product_id}`,
-    className: clsx(classes.productButtonWrapper, 'flex flex-row')
+    className: clsx('flex flex-row'),
+    style: {
+      color: 'lightgray',
+      height: PRODUCT_BUTTON_HEIGHT,
+      maxHeight: PRODUCT_BUTTON_HEIGHT,
+      maxWidth: 'fit-content',
+      margin: PRODUCT_BUTTON_GUTTER,
+      backgroundColor: 'lightgray',
+      borderRadius: 5
+    }
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: () => {
       clearTimeout(debounce);
@@ -226,27 +164,43 @@ export const ProductItemButton = props => {
       }, 50);
     },
     variant: "contained",
-    className: clsx(Number(productData.state_id) === 1 ? classes.productButtonActive : classes.productButtonNotActive),
+    sx: theme => ({
+      color: '#fff',
+      height: PRODUCT_BUTTON_HEIGHT,
+      maxHeight: PRODUCT_BUTTON_HEIGHT,
+      textAlign: 'center',
+      borderRadius: 5,
+      fontSize: 16,
+      ...(Number(productData.state_id) === 1 ? {
+        backgroundColor: theme?.palette?.primary?.main,
+        '&:hover': {
+          backgroundColor: theme?.palette?.primary?.dark
+        }
+      } : {
+        backgroundColor: theme?.palette?.action?.focus,
+        '&:hover': {
+          backgroundColor: theme?.palette?.action?.active
+        }
+      })
+    }),
     style: {
-      //change the width based on pricing type. So we can show the tiered pricing the button
       width: Number(productData.is_unit_pricing) === 1 ? PRODUCT_SMALL_BUTTON_WIDTH : PRODUCT_LARGE_BUTTON_WIDTH,
       height: '100%'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col w-full h-full justify-between "
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ""
-  }, /*#__PURE__*/React.createElement("p", {
-    className: clsx(classes.productName, 'my-auto mx-12')
+    className: "flex flex-col w-full h-full justify-between"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
+    className: clsx('my-auto mx-12'),
+    style: productNameStyle
   }, productData.name), productData.description && productData.description.length > 3 && /*#__PURE__*/React.createElement("div", {
-    className: "absolute right-0 top-0  "
+    className: "absolute right-0 top-0"
   }, /*#__PURE__*/React.createElement(LightTooltip, {
     title: productData.description,
     arrow: true
   }, /*#__PURE__*/React.createElement(InfoIcon, {
-    fontSize: "normal"
-  })))), productData.picturesFullURL && productData.picturesFullURL.length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "absolute left-0 -ml-10  z-99",
+    fontSize: "small"
+  })))), hasImage && /*#__PURE__*/React.createElement("div", {
+    className: "absolute left-0 -ml-10 z-99",
     style: {
       top: '22%'
     }
@@ -262,24 +216,25 @@ export const ProductItemButton = props => {
   /*#__PURE__*/
   // Unit Pricing
   React.createElement("p", {
-    className: clsx(classes.productPrice, 'my-auto')
+    className: clsx('my-auto'),
+    style: productPriceStyle
   }, toFloat_2_decimal(productData.price_per_unit)) :
   /*#__PURE__*/
-  // Tire Pricing
+  // Tier Pricing
   React.createElement("div", {
-    className: `flex flex-row justify-around m-auto capitalize  ${productData.picturesFullURL && productData.picturesFullURL.length > 0 ? ' ml-24 ' : ''}`
+    className: clsx('flex flex-row justify-around m-auto capitalize', hasImage ? 'ml-24' : '')
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TierPricing, {
     price: productData.daily_price,
-    sub_title: i18next.t('common.app.nightly')
+    sub_title: i18next?.t('common.app.nightly') || ''
   }), /*#__PURE__*/React.createElement(TierPricing, {
     price: productData.weekly_price,
-    sub_title: i18next.t('common.app.weekly')
+    sub_title: i18next?.t('common.app.weekly') || ''
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TierPricing, {
     price: productData.monthly_price,
-    sub_title: i18next.t('common.app.monthly')
+    sub_title: i18next?.t('common.app.monthly') || ''
   }), /*#__PURE__*/React.createElement(TierPricing, {
     price: productData.seasonal_price,
-    sub_title: i18next.t('common.app.seasonal')
+    sub_title: i18next?.t('common.app.seasonal') || ''
   }))))), /*#__PURE__*/React.createElement("div", {
     className: "flex flex-row"
   }, /*#__PURE__*/React.createElement("div", {
@@ -295,7 +250,7 @@ export const ProductItemButton = props => {
   }, /*#__PURE__*/React.createElement(IconButton, {
     size: "small",
     color: "primary",
-    "aria-label": "upload picture",
+    "aria-label": "edit product",
     component: "span"
   }, /*#__PURE__*/React.createElement(EditIcon, null)))));
 };
@@ -317,25 +272,25 @@ ProductItemButton.defaultProps = {
     category_id: 1,
     state_id: 1,
     available_online: 1,
-    name: "",
-    description: "",
-    SKU: "",
-    allow_sale_if_quantity_zero: "1",
-    last_stock_quantity: "0",
-    is_unit_pricing: "1",
-    price_per_unit: "0",
-    stock_quantity: "0",
-    daily_price: "0",
-    weekly_price: "0",
-    monthly_price: "0",
-    seasonal_price: "0",
+    name: '',
+    description: '',
+    SKU: '',
+    allow_sale_if_quantity_zero: '1',
+    last_stock_quantity: '0',
+    is_unit_pricing: '1',
+    price_per_unit: '0',
+    stock_quantity: '0',
+    daily_price: '0',
+    weekly_price: '0',
+    monthly_price: '0',
+    seasonal_price: '0',
     pictures: [],
     picturesFullURL: [],
-    discount_type_id: "0",
-    discount_type_amount: "0",
-    discount_total: "0",
-    line_price_override: "0",
-    product_category_name: "Res Addons"
+    discount_type_id: '0',
+    discount_type_amount: '0',
+    discount_total: '0',
+    line_price_override: '0',
+    product_category_name: 'Res Addons'
   }
 };
 ProductItemButton.propTypes = {
@@ -343,22 +298,22 @@ ProductItemButton.propTypes = {
   showEdit: PropTypes.bool,
   /** Gutter around the button */
   PRODUCT_BUTTON_GUTTER: PropTypes.number,
-  /** The hight of the button */
+  /** The height of the button */
   PRODUCT_BUTTON_HEIGHT: PropTypes.number,
   /** Length of the small button when we are displaying a unit price */
   PRODUCT_SMALL_BUTTON_WIDTH: PropTypes.number,
-  /** Product button width use to display a larger button however now it's by default the same length as the small button width */
+  /** Product button width used to display a larger button (currently same as small width) */
   PRODUCT_LARGE_BUTTON_WIDTH: PropTypes.number,
   /** Any component to display on the footer of the button */
   FooterSection: PropTypes.any,
-  /** The call back when the edit button is clicked. Returns the productData passed to the button when initialized */
+  /** The callback when the edit button is clicked. Returns productData */
   onEditClick: PropTypes.any,
-  /** The onclick callback when the button is clicked. Returns the productData passed to the button when initialized */
+  /** The onclick callback when the button is clicked. Returns productData */
   onClick: PropTypes.any,
   /** This is the product object */
   productData: PropTypes.any,
-  /** The i18next needs to be passed in by the component or else they will be blank */
+  /** The i18next instance needs to be passed in by the component */
   i18next: PropTypes.any,
-  /** Theme object to use on this component, if none provided then the MUI5 theme provider theme is used*/
+  /** Theme object to use on this component; if none provided then the MUI theme provider theme is used */
   theme: PropTypes.object
 };

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

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { memo } from 'react';
 import PropTypes from 'prop-types';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';

package/dist/components/Cards/EventCard/components/OpenEventViewAllImageDialog.js

@@ -1,12 +1,12 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from "react";
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { forwardRef } from "react";
 import { Dialog, DialogContent } from '@mui/material';
 import PropTypes from "prop-types";
 import VerticalImageTile from "../../../Images/VerticalImageTile";
 import Slide from '@mui/material/Slide';
 import { IconButton } from '@mui/material';
 import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
-const Transition = /*#__PURE__*/React.forwardRef(function Transition(props, ref) {
+const Transition = /*#__PURE__*/forwardRef(function Transition(props, ref) {
   return /*#__PURE__*/React.createElement(Slide, _extends({
     direction: "up",
     ref: ref

package/dist/components/Cards/EventCard/index.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useState, useEffect, useCallback } from "react";
 import PropTypes from "prop-types";
 import moment from "moment";

package/dist/components/Date/DatePickerReactStyled/DateCalendar/index.js

@@ -145,7 +145,7 @@ DateCalendar.propTypes = {
   dateFormat: PropTypes.string,
   /** Min booking days allowing the user to select a valid date range.*/
   minBookingDays: PropTypes.number,
-  /** Provides a (date:date) props to the function and expects a React.ReactNode component to be returned */
+  /** Provides a (date:date) props to the function and expects a ReactNode component to be returned */
   onDayRender: PropTypes.func,
   /** Provides a (date:date) props to the function and expects a boolean value returned which tells the calendar to either block or not that day*/
   isDateBlocked: PropTypes.func,

package/dist/components/Date/DatePickerReactStyled/DateCalendar/storybook/index.stories.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { useState } from 'react';
 import DateCalendar from '..';
 import IndexDocs from './index.docs.mdx';

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

@@ -135,7 +135,7 @@ DateRangeCalendar.propTypes = {
   dateFormat: PropTypes.string,
   /** Min booking days allowing the user to select a valid date range.*/
   minBookingDays: PropTypes.number,
-  /** Provides a (date:date) props to the function and expects a React.ReactNode component to be returned */
+  /** Provides a (date:date) props to the function and expects a ReactNode component to be returned */
   onDayRender: PropTypes.func,
   /** Provides a (date:date) props to the function and expects a boolean value returned which tells the calendar to either block or not that day*/
   isDateBlocked: PropTypes.func,

package/dist/components/Date/DatePickerReactStyled/DateRangeCalendar/storybook/index.stories.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { useState } from 'react';
 import DateRangeCalendar from '..';
 import IndexDocs from './index.docs.mdx';

package/dist/components/Date/DatePickerReactStyled/common/theme.js

@@ -37,7 +37,6 @@ export const commonCalendarTheme = ({
         // normalDayHover: 'transparent',
         ...themeConfig.colors // Allows overriding color settings
       },
-
       inputLabelBorder: variant === 'outlined' ? undefined : 'none',
       datepickerZIndex: zIndex,
       dateRangeZIndex: zIndex,
@@ -46,6 +45,5 @@ export const commonCalendarTheme = ({
       ...themeConfig // Spread additional custom configuration
     }
   };
-
   return theme;
 };

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

@@ -98,7 +98,6 @@ export const PricingCalendar = props => {
     // selectedDays={[moment(startDate), { from: moment(startDate).toDate(), to: new moment(endDate).toDate() }]}
   }));
 };
-
 export default PricingCalendar;
 PricingCalendar.defaultProps = {
   i18next: undefined,

package/dist/components/Dialogs/GenericAppBar/components/GenericAppBarSubMenu.js

@@ -1,12 +1,12 @@
 import React, { useState, useEffect } from 'react';
 import { Tooltip, IconButton, MenuItem, Menu } from "@mui/material";
 import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-const GenericAppBarSubMenu = ({
+function GenericAppBarSubMenu({
   menu,
   classes,
   full_menu = false,
   handleParentMenuClose = undefined
-}) => {
+}) {
   const [anchorSubMenu, setAnchorSubMenu] = useState(false);
   const [isSubMenuOpen, setSubMenuOpen] = useState(false);
   const openSubMenu = event => {
@@ -21,7 +21,6 @@ const GenericAppBarSubMenu = ({
     }
     // handleMobileMenuClose();
   };
-
   useEffect(() => {
     setSubMenuOpen(Boolean(anchorSubMenu));
   }, [anchorSubMenu]);
@@ -39,7 +38,6 @@ const GenericAppBarSubMenu = ({
   }))) : /*#__PURE__*/React.createElement(Tooltip, {
     title: menu.name
   }, /*#__PURE__*/React.createElement(IconButton, {
-    className: classes.menuButton,
     color: "inherit",
     "aria-owns": "menu-appbar",
     onClick: openSubMenu
@@ -76,5 +74,5 @@ const GenericAppBarSubMenu = ({
   }, /*#__PURE__*/React.createElement(IconButton, {
     color: "inherit"
   }, sub_menu.icon), /*#__PURE__*/React.createElement("p", null, sub_menu.name))))));
-};
+}
 export default GenericAppBarSubMenu;