@blaze-cms/react-page-builder 0.123.0-alpha.7 → 0.123.0

package/lib/components/Card/Card.js

@@ -25,10 +25,10 @@ exports["default"] = void 0;
 
 require("core-js/modules/es.function.name.js");
 
-require("core-js/modules/es.array.map.js");
-
 require("core-js/modules/es.array.concat.js");
 
+require("core-js/modules/es.array.map.js");
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -47,7 +47,7 @@ var _helpers2 = require("./helpers");
 
 var _constants = require("./constants");
 
-var _excluded = ["id", "image", "name", "url", "entity", "entityProps", "alternativePreHeader", "alternativeHeadline", "category", "modifier", "propsToDisplay", "propsToDisplayModifiers", "gtmId", "style", "priority", "cardChildren", "gtmChildren", "displayCategory", "displayThumbnail", "displayTitle", "gridModifier"];
+var _excluded = ["id", "image", "name", "url", "entity", "entityProps", "alternativePreHeader", "alternativeHeadline", "category", "modifier", "propsToDisplay", "propsToDisplayModifiers", "gtmId", "style", "priority", "cardChildren", "gtmChildren", "displayCategory", "displayThumbnail", "displayTitle", "enableOverlay", "enableCarousel", "titleOverlayModifier", "overlayModifier", "gridModifier"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -74,6 +74,10 @@ var Card = function Card(_ref) {
       displayCategory = _ref.displayCategory,
       displayThumbnail = _ref.displayThumbnail,
       displayTitle = _ref.displayTitle,
+      enableOverlay = _ref.enableOverlay,
+      enableCarousel = _ref.enableCarousel,
+      titleOverlayModifier = _ref.titleOverlayModifier,
+      overlayModifier = _ref.overlayModifier,
       gridModifier = _ref.gridModifier,
       otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   (0, _helpers.updateChildrensParent)(cardChildren, id, entity);
@@ -118,6 +122,8 @@ var Card = function Card(_ref) {
 
   var Wrapper = shouldUseClickWrapper ? _ClickWrapper["default"] : _react.Fragment;
   var classNameWithModifiers = (0, _helpers.getModifiers)(_constants.CARD_STRING, modifiers);
+  var contentWrapperModifier = "".concat((0, _helpers.getModifiers)('card__content-wrapper', modifiers), " ").concat(enableOverlay && enableCarousel ? overlayModifier : '');
+  var titleWrapperModifier = "".concat((0, _helpers.getModifiers)('card__title', modifiers), " ").concat(enableOverlay && enableCarousel ? titleOverlayModifier : '');
   return /*#__PURE__*/_react["default"].createElement(Wrapper, wrapperProps, /*#__PURE__*/_react["default"].createElement("div", {
     className: classNameWithModifiers
   }, shouldDisplayThumbnail && /*#__PURE__*/_react["default"].createElement("div", {
@@ -133,7 +139,7 @@ var Card = function Card(_ref) {
     sizeKey: dynamicSizeKey,
     priority: priority
   }))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _helpers.getModifiers)('card__content-wrapper', modifiers)
+    className: contentWrapperModifier
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _helpers.getModifiers)('card__content', modifiers)
   }, displayCategory && (publishedListingPage ? /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
@@ -144,7 +150,7 @@ var Card = function Card(_ref) {
   }, preHeader.name) : /*#__PURE__*/_react["default"].createElement("div", {
     className: "badge badge--label"
   }, label)), displayTitle && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: (0, _helpers.getModifiers)('card__title', modifiers)
+    className: titleWrapperModifier
   }, /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
     title: linkTitle,
     gtmId: gtmId,
@@ -193,6 +199,10 @@ Card.propTypes = {
   displayCategory: _propTypes["default"].bool.isRequired,
   displayThumbnail: _propTypes["default"].bool.isRequired,
   displayTitle: _propTypes["default"].bool.isRequired,
+  enableCarousel: _propTypes["default"].bool,
+  enableOverlay: _propTypes["default"].bool,
+  overlayModifier: _propTypes["default"].string,
+  titleOverlayModifier: _propTypes["default"].string,
   cardChildren: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
   gtmChildren: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
   gridModifier: _propTypes["default"].string,
@@ -216,7 +226,11 @@ Card.defaultProps = {
   cardChildren: [],
   gtmChildren: [],
   gridModifier: '',
-  priority: false
+  priority: false,
+  overlayModifier: '',
+  titleOverlayModifier: '',
+  enableOverlay: false,
+  enableCarousel: false
 };
 
 var getCategoryDefinedProps = function getCategoryDefinedProps(_ref2) {

package/lib/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Card/Card.js"],"names":["Card","id","image","name","url","entity","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","gridModifier","otherProps","getImageDefinedProps","imageSrc","shouldDisplayThumbnail","altText","modifiers","getInitialModifiers","getCategoryDefinedProps","publishedListingPage","preHeader","label","headline","linkTitle","dynamicSizeKey","CARD_STRING","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","classNameWithModifiers","length","map","prop","i","dynamicKey","propModifier","propTypes","PropTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","sponsored","featured","push"],"mappings":"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","sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n  getModifiers,\n  renderChildren,\n  updateChildrensParent,\n  getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING } from './constants';\n\nconst Card = ({\n  id,\n  image,\n  name,\n  url,\n  entity,\n  entityProps,\n  alternativePreHeader,\n  alternativeHeadline,\n  category,\n  modifier,\n  propsToDisplay,\n  propsToDisplayModifiers,\n  gtmId,\n  style,\n  priority,\n  cardChildren,\n  gtmChildren,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  gridModifier,\n  ...otherProps\n}) => {\n  updateChildrensParent(cardChildren, id, entity);\n  const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n    image,\n    displayThumbnail\n  });\n\n  const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n  const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n    alternativePreHeader,\n    category,\n    entity,\n    alternativeHeadline,\n    displayCategory,\n    name\n  });\n  const linkTitle = name;\n  const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n    gtmChildren,\n    entityProps,\n    id\n  );\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n  const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <div className={classNameWithModifiers}>\n        {shouldDisplayThumbnail && (\n          <div className={getModifiers('card__image', modifiers)}>\n            <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n              <LazyImage\n                src={imageSrc}\n                alt={altText}\n                sizeKey={dynamicSizeKey}\n                priority={priority}\n              />\n            </BlazeLink>\n          </div>\n        )}\n        <div className={getModifiers('card__content-wrapper', modifiers)}>\n          <div className={getModifiers('card__content', modifiers)}>\n            {displayCategory &&\n              (publishedListingPage ? (\n                <BlazeLink\n                  gtmId={gtmId}\n                  href={publishedListingPage}\n                  className=\"badge badge--label\"\n                  scroll>\n                  {preHeader.name}\n                </BlazeLink>\n              ) : (\n                <div className=\"badge badge--label\">{label}</div>\n              ))}\n            {displayTitle && (\n              <h2 className={getModifiers('card__title', modifiers)}>\n                <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n                  {headline}\n                </BlazeLink>\n              </h2>\n            )}\n            {!!propsToDisplay.length && (\n              <div className={getModifiers('card__details', modifiers)}>\n                {propsToDisplay.map((prop, i) => {\n                  if (!prop) return null;\n                  const dynamicKey = `${id}${i}`;\n                  const propModifier = propsToDisplayModifiers[i] || '';\n\n                  return (\n                    <span key={dynamicKey} className={propModifier}>\n                      {prop}\n                    </span>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n          {!!cardChildren && (\n            <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n          )}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nCard.propTypes = {\n  id: PropTypes.string.isRequired,\n  image: PropTypes.shape({\n    url: PropTypes.string,\n    data: PropTypes.object\n  }),\n  style: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  propsToDisplayModifiers: PropTypes.array,\n  url: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  entity: PropTypes.string.isRequired,\n  entityProps: PropTypes.object,\n  gtmId: PropTypes.string,\n  alternativePreHeader: PropTypes.shape({\n    name: PropTypes.string\n  }),\n  alternativeHeadline: PropTypes.string,\n  category: PropTypes.shape({\n    name: PropTypes.string,\n    publishedListingPage: PropTypes.shape({\n      url: PropTypes.string\n    })\n  }),\n  modifier: PropTypes.string,\n  displayCategory: PropTypes.bool.isRequired,\n  displayThumbnail: PropTypes.bool.isRequired,\n  displayTitle: PropTypes.bool.isRequired,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gridModifier: PropTypes.string,\n  priority: PropTypes.bool\n};\n\nCard.defaultProps = {\n  entityProps: {},\n  image: {\n    url: null,\n    data: {}\n  },\n  gtmId: '',\n  style: 'portrait',\n  propsToDisplay: [],\n  propsToDisplayModifiers: [],\n  url: '',\n  alternativePreHeader: null,\n  alternativeHeadline: '',\n  category: null,\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  gridModifier: '',\n  priority: false\n};\n\nconst getCategoryDefinedProps = ({\n  alternativePreHeader,\n  category,\n  entity,\n  alternativeHeadline,\n  displayCategory,\n  name\n}) => {\n  const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n  const preHeader =\n    alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n  const publishedListingPage = getPublishedListingUrl(preHeader);\n  const label = preHeader ? preHeader.name : entity;\n  const headline =\n    !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n  return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail }) => {\n  const { url: imageSrc, data } = image || {};\n  const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n  const altText = (data && data.altText) || '';\n  return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n  const modifiers = [modifier, style];\n  const { sponsored, featured } = otherProps;\n  if (sponsored) modifiers.push('sponsored');\n  if (featured) modifiers.push('featured');\n\n  return modifiers;\n};\n\nexport default Card;\n"],"file":"Card.js"}
+{"version":3,"sources":["../../../src/components/Card/Card.js"],"names":["Card","id","image","name","url","entity","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","enableCarousel","titleOverlayModifier","overlayModifier","gridModifier","otherProps","getImageDefinedProps","imageSrc","shouldDisplayThumbnail","altText","modifiers","getInitialModifiers","getCategoryDefinedProps","publishedListingPage","preHeader","label","headline","linkTitle","dynamicSizeKey","CARD_STRING","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","classNameWithModifiers","contentWrapperModifier","titleWrapperModifier","length","map","prop","i","dynamicKey","propModifier","propTypes","PropTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","sponsored","featured","push"],"mappings":"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","sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n  getModifiers,\n  renderChildren,\n  updateChildrensParent,\n  getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING } from './constants';\n\nconst Card = ({\n  id,\n  image,\n  name,\n  url,\n  entity,\n  entityProps,\n  alternativePreHeader,\n  alternativeHeadline,\n  category,\n  modifier,\n  propsToDisplay,\n  propsToDisplayModifiers,\n  gtmId,\n  style,\n  priority,\n  cardChildren,\n  gtmChildren,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  enableOverlay,\n  enableCarousel,\n  titleOverlayModifier,\n  overlayModifier,\n  gridModifier,\n  ...otherProps\n}) => {\n  updateChildrensParent(cardChildren, id, entity);\n  const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n    image,\n    displayThumbnail\n  });\n\n  const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n  const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n    alternativePreHeader,\n    category,\n    entity,\n    alternativeHeadline,\n    displayCategory,\n    name\n  });\n\n  const linkTitle = name;\n\n  const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n    gtmChildren,\n    entityProps,\n    id\n  );\n\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n  const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n  const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n    enableOverlay && enableCarousel ? overlayModifier : ''\n  }`;\n\n  const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${\n    enableOverlay && enableCarousel ? titleOverlayModifier : ''\n  }`;\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <div className={classNameWithModifiers}>\n        {shouldDisplayThumbnail && (\n          <div className={getModifiers('card__image', modifiers)}>\n            <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n              <LazyImage\n                src={imageSrc}\n                alt={altText}\n                sizeKey={dynamicSizeKey}\n                priority={priority}\n              />\n            </BlazeLink>\n          </div>\n        )}\n        <div className={contentWrapperModifier}>\n          <div className={getModifiers('card__content', modifiers)}>\n            {displayCategory &&\n              (publishedListingPage ? (\n                <BlazeLink\n                  gtmId={gtmId}\n                  href={publishedListingPage}\n                  className=\"badge badge--label\"\n                  scroll>\n                  {preHeader.name}\n                </BlazeLink>\n              ) : (\n                <div className=\"badge badge--label\">{label}</div>\n              ))}\n            {displayTitle && (\n              <h2 className={titleWrapperModifier}>\n                <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n                  {headline}\n                </BlazeLink>\n              </h2>\n            )}\n            {!!propsToDisplay.length && (\n              <div className={getModifiers('card__details', modifiers)}>\n                {propsToDisplay.map((prop, i) => {\n                  if (!prop) return null;\n                  const dynamicKey = `${id}${i}`;\n                  const propModifier = propsToDisplayModifiers[i] || '';\n\n                  return (\n                    <span key={dynamicKey} className={propModifier}>\n                      {prop}\n                    </span>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n          {!!cardChildren && (\n            <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n          )}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nCard.propTypes = {\n  id: PropTypes.string.isRequired,\n  image: PropTypes.shape({\n    url: PropTypes.string,\n    data: PropTypes.object\n  }),\n  style: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  propsToDisplayModifiers: PropTypes.array,\n  url: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  entity: PropTypes.string.isRequired,\n  entityProps: PropTypes.object,\n  gtmId: PropTypes.string,\n  alternativePreHeader: PropTypes.shape({\n    name: PropTypes.string\n  }),\n  alternativeHeadline: PropTypes.string,\n  category: PropTypes.shape({\n    name: PropTypes.string,\n    publishedListingPage: PropTypes.shape({\n      url: PropTypes.string\n    })\n  }),\n  modifier: PropTypes.string,\n  displayCategory: PropTypes.bool.isRequired,\n  displayThumbnail: PropTypes.bool.isRequired,\n  displayTitle: PropTypes.bool.isRequired,\n  enableCarousel: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gridModifier: PropTypes.string,\n  priority: PropTypes.bool\n};\n\nCard.defaultProps = {\n  entityProps: {},\n  image: {\n    url: null,\n    data: {}\n  },\n  gtmId: '',\n  style: 'portrait',\n  propsToDisplay: [],\n  propsToDisplayModifiers: [],\n  url: '',\n  alternativePreHeader: null,\n  alternativeHeadline: '',\n  category: null,\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  gridModifier: '',\n  priority: false,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  enableOverlay: false,\n  enableCarousel: false\n};\n\nconst getCategoryDefinedProps = ({\n  alternativePreHeader,\n  category,\n  entity,\n  alternativeHeadline,\n  displayCategory,\n  name\n}) => {\n  const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n  const preHeader =\n    alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n  const publishedListingPage = getPublishedListingUrl(preHeader);\n  const label = preHeader ? preHeader.name : entity;\n  const headline =\n    !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n  return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail }) => {\n  const { url: imageSrc, data } = image || {};\n  const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n  const altText = (data && data.altText) || '';\n  return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n  const modifiers = [modifier, style];\n  const { sponsored, featured } = otherProps;\n  if (sponsored) modifiers.push('sponsored');\n  if (featured) modifiers.push('featured');\n\n  return modifiers;\n};\n\nexport default Card;\n"],"file":"Card.js"}

package/lib/components/Card/CardContainer.js

@@ -55,7 +55,7 @@ var _helpers2 = require("../../helpers");
 
 var _utils = require("../../utils");
 
-var _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "autoScrollTimer"],
+var _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableOverlay", "autoScrollTimer", "arrowSize", "overlayModifier", "titleOverlayModifier"],
     _excluded2 = ["baseAdunit", "id"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -81,7 +81,11 @@ var CardContainer = function CardContainer(_ref) {
       bannerModifier = _ref.bannerModifier,
       priorityLimit = _ref.priorityLimit,
       enableAutoScroll = _ref.enableAutoScroll,
+      enableOverlay = _ref.enableOverlay,
       autoScrollTimer = _ref.autoScrollTimer,
+      arrowSize = _ref.arrowSize,
+      overlayModifier = _ref.overlayModifier,
+      titleOverlayModifier = _ref.titleOverlayModifier,
       cardProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var entities = (0, _helpers2.getEntitiesWithBanner)(cardData, cardProps);
 
@@ -131,7 +135,11 @@ var CardContainer = function CardContainer(_ref) {
       displayCategory: displayCategory,
       displayThumbnail: displayThumbnail,
       displayTitle: displayTitle,
-      priority: priority
+      priority: priority,
+      arrowSize: arrowSize,
+      enableOverlay: enableOverlay,
+      overlayModifier: overlayModifier,
+      titleOverlayModifier: titleOverlayModifier
     }, entityProps));
   }));
 };
@@ -155,7 +163,11 @@ CardContainer.propTypes = {
   bannerModifier: _propTypes["default"].string,
   priorityLimit: _propTypes["default"].number,
   enableAutoScroll: _propTypes["default"].bool,
-  autoScrollTimer: _propTypes["default"].number
+  enableOverlay: _propTypes["default"].bool,
+  overlayModifier: _propTypes["default"].string,
+  titleOverlayModifier: _propTypes["default"].string,
+  autoScrollTimer: _propTypes["default"].number,
+  arrowSize: _propTypes["default"].string
 };
 CardContainer.defaultProps = {
   gtmChildren: [],
@@ -174,7 +186,11 @@ CardContainer.defaultProps = {
   bannerModifier: '',
   priorityLimit: 0,
   enableAutoScroll: false,
-  autoScrollTimer: 0
+  enableOverlay: false,
+  autoScrollTimer: 0,
+  overlayModifier: '',
+  titleOverlayModifier: '',
+  arrowSize: ''
 };
 
 var _default = (0, _HOC.withTitle)(CardContainer);

package/lib/components/Card/CardContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Card/CardContainer.js"],"names":["CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","autoScrollTimer","cardProps","entities","MainContext","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","CarouselWrapper","Wrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","PropTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  autoScrollTimer,\n  ...cardProps\n}) => {\n  const entities = getEntitiesWithBanner(cardData, cardProps);\n  const { itemId } = useContext(MainContext);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  let cardBannerIndex = 0;\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      autoScrollTimer={autoScrollTimer}>\n      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\n            propsToDisplay={extraProps}\n            propsToDisplayModifiers={propsToDisplayModifiers}\n            modifier={modifier}\n            style={style}\n            cardChildren={cardChildren}\n            gtmChildren={gtmChildren}\n            gtmId={name}\n            gridModifier={gridModifier}\n            entityProps={entityProps}\n            displayCategory={displayCategory}\n            displayThumbnail={displayThumbnail}\n            displayTitle={displayTitle}\n            priority={priority}\n            {...entityProps}\n          />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  autoScrollTimer: 0\n};\n\nexport default withTitle(CardContainer);\n"],"file":"CardContainer.js"}
+{"version":3,"sources":["../../../src/components/Card/CardContainer.js"],"names":["CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","arrowSize","overlayModifier","titleOverlayModifier","cardProps","entities","MainContext","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","CarouselWrapper","Wrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","PropTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableOverlay,\n  autoScrollTimer,\n  arrowSize,\n  overlayModifier,\n  titleOverlayModifier,\n  ...cardProps\n}) => {\n  const entities = getEntitiesWithBanner(cardData, cardProps);\n  const { itemId } = useContext(MainContext);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  let cardBannerIndex = 0;\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      autoScrollTimer={autoScrollTimer}>\n      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\n            propsToDisplay={extraProps}\n            propsToDisplayModifiers={propsToDisplayModifiers}\n            modifier={modifier}\n            style={style}\n            cardChildren={cardChildren}\n            gtmChildren={gtmChildren}\n            gtmId={name}\n            gridModifier={gridModifier}\n            entityProps={entityProps}\n            displayCategory={displayCategory}\n            displayThumbnail={displayThumbnail}\n            displayTitle={displayTitle}\n            priority={priority}\n            arrowSize={arrowSize}\n            enableOverlay={enableOverlay}\n            overlayModifier={overlayModifier}\n            titleOverlayModifier={titleOverlayModifier}\n            {...entityProps}\n          />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  arrowSize: ''\n};\n\nexport default withTitle(CardContainer);\n"],"file":"CardContainer.js"}

package/lib/components/CarouselWrapper.js

@@ -42,7 +42,8 @@ var CarouselWrapper = function CarouselWrapper(_ref) {
       bannerModifier = _ref.bannerModifier,
       itemsPerRow = _ref.itemsPerRow,
       enableAutoScroll = _ref.enableAutoScroll,
-      autoScrollTimer = _ref.autoScrollTimer;
+      autoScrollTimer = _ref.autoScrollTimer,
+      arrowSize = _ref.arrowSize;
   var ref = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)({
@@ -128,7 +129,9 @@ var CarouselWrapper = function CarouselWrapper(_ref) {
       setShouldAutoScroll(false);
       handleButtonNavigation();
     }
-  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaAngleLeft, null)))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaAngleLeft, {
+    size: arrowSize
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "cards-carousel--right-button-wrapper"
   }, displayRight && /*#__PURE__*/_react["default"].createElement("button", {
     type: "button",
@@ -137,7 +140,9 @@ var CarouselWrapper = function CarouselWrapper(_ref) {
       setShouldAutoScroll(false);
       handleButtonNavigation(true);
     }
-  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaAngleRight, null)))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaAngleRight, {
+    size: arrowSize
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
     className: contentClassName,
     ref: ref,
     onScroll: handleScroll
@@ -149,14 +154,16 @@ CarouselWrapper.propTypes = {
   itemsPerRow: _propTypes["default"].number,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
   enableAutoScroll: _propTypes["default"].bool,
-  autoScrollTimer: _propTypes["default"].number
+  autoScrollTimer: _propTypes["default"].number,
+  arrowSize: _propTypes["default"].number
 };
 CarouselWrapper.defaultProps = {
   itemsPerRow: 0,
   bannerModifier: '',
   children: [],
   enableAutoScroll: false,
-  autoScrollTimer: 0
+  autoScrollTimer: 0,
+  arrowSize: 14
 };
 var _default = CarouselWrapper;
 exports["default"] = _default;

package/lib/components/CarouselWrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/CarouselWrapper.js"],"names":["CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","ref","displayLeft","displayRight","buttonDisplay","setButtonDisplays","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","PropTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaAngleLeft, FaAngleRight } from 'react-icons/fa';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i>\n              <FaAngleLeft />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i>\n              <FaAngleRight />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0\n};\n\nexport default CarouselWrapper;\n"],"file":"CarouselWrapper.js"}
+{"version":3,"sources":["../../src/components/CarouselWrapper.js"],"names":["CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","displayLeft","displayRight","buttonDisplay","setButtonDisplays","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","PropTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaAngleLeft, FaAngleRight } from 'react-icons/fa';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer,\n  arrowSize\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i>\n              <FaAngleLeft size={arrowSize} />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i>\n              <FaAngleRight size={arrowSize} />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0,\n  arrowSize: 14\n};\n\nexport default CarouselWrapper;\n"],"file":"CarouselWrapper.js"}

package/lib/components/DataSummary/helpers/get-link-based-on-value.js

@@ -20,6 +20,10 @@ function getLinkBasedOnValue(value) {
     return value;
   }
 
+  if (_constants.DATA_SUMMARY_TEL_REGEX.test(value)) {
+    return "tel:".concat(value);
+  }
+
   return '';
 }
 

package/lib/components/DataSummary/helpers/get-link-based-on-value.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DataSummary/helpers/get-link-based-on-value.js"],"names":["getLinkBasedOnValue","value","DATA_SUMMARY_EMAIL_REGEX","test","DATA_SUMMARY_URL_REGEX"],"mappings":";;;;;;;;;;;AAAA;;AAEA,SAASA,mBAAT,CAA6BC,KAA7B,EAAoC;AAClC,MAAIC,oCAAyBC,IAAzB,CAA8BF,KAA9B,CAAJ,EAA0C;AACxC,4BAAiBA,KAAjB;AACD;;AACD,MAAIG,kCAAuBD,IAAvB,CAA4BF,KAA5B,CAAJ,EAAwC;AACtC,WAAOA,KAAP;AACD;;AAED,SAAO,EAAP;AACD;;eAEcD,mB","sourcesContent":["import { DATA_SUMMARY_EMAIL_REGEX, DATA_SUMMARY_URL_REGEX } from '../../../constants';\n\nfunction getLinkBasedOnValue(value) {\n  if (DATA_SUMMARY_EMAIL_REGEX.test(value)) {\n    return `mailto:${value}`;\n  }\n  if (DATA_SUMMARY_URL_REGEX.test(value)) {\n    return value;\n  }\n\n  return '';\n}\n\nexport default getLinkBasedOnValue;\n"],"file":"get-link-based-on-value.js"}
+{"version":3,"sources":["../../../../src/components/DataSummary/helpers/get-link-based-on-value.js"],"names":["getLinkBasedOnValue","value","DATA_SUMMARY_EMAIL_REGEX","test","DATA_SUMMARY_URL_REGEX","DATA_SUMMARY_TEL_REGEX"],"mappings":";;;;;;;;;;;AAAA;;AAMA,SAASA,mBAAT,CAA6BC,KAA7B,EAAoC;AAClC,MAAIC,oCAAyBC,IAAzB,CAA8BF,KAA9B,CAAJ,EAA0C;AACxC,4BAAiBA,KAAjB;AACD;;AACD,MAAIG,kCAAuBD,IAAvB,CAA4BF,KAA5B,CAAJ,EAAwC;AACtC,WAAOA,KAAP;AACD;;AAED,MAAII,kCAAuBF,IAAvB,CAA4BF,KAA5B,CAAJ,EAAwC;AACtC,yBAAcA,KAAd;AACD;;AAED,SAAO,EAAP;AACD;;eAEcD,mB","sourcesContent":["import {\n  DATA_SUMMARY_EMAIL_REGEX,\n  DATA_SUMMARY_URL_REGEX,\n  DATA_SUMMARY_TEL_REGEX\n} from '../../../constants';\n\nfunction getLinkBasedOnValue(value) {\n  if (DATA_SUMMARY_EMAIL_REGEX.test(value)) {\n    return `mailto:${value}`;\n  }\n  if (DATA_SUMMARY_URL_REGEX.test(value)) {\n    return value;\n  }\n\n  if (DATA_SUMMARY_TEL_REGEX.test(value)) {\n    return `tel:${value}`;\n  }\n\n  return '';\n}\n\nexport default getLinkBasedOnValue;\n"],"file":"get-link-based-on-value.js"}

package/lib/components/List/components/Cards/CardsRenderItem.js

@@ -42,7 +42,12 @@ var CardsRenderItem = function CardsRenderItem(_ref) {
       propsToDisplay = _ref.propsToDisplay,
       shouldRenderBanner = _ref.shouldRenderBanner,
       bannerIndex = _ref.bannerIndex,
-      priority = _ref.priority;
+      priority = _ref.priority,
+      enableOverlay = _ref.enableOverlay,
+      autoScrollTimer = _ref.autoScrollTimer,
+      arrowSize = _ref.arrowSize,
+      overlayModifier = _ref.overlayModifier,
+      titleOverlayModifier = _ref.titleOverlayModifier;
   var initialOffset = listProps.initialOffset,
       isInfinite = listProps.isInfinite,
       style = listProps.style,
@@ -87,7 +92,11 @@ var CardsRenderItem = function CardsRenderItem(_ref) {
     cardProps: cardProps,
     gtmId: name,
     gtmChildren: gtmChildren,
-    priority: priority
+    priority: priority,
+    arrowSize: arrowSize,
+    enableOverlay: enableOverlay,
+    overlayModifier: overlayModifier,
+    titleOverlayModifier: titleOverlayModifier
   }, cardProps))), shouldRenderBanner && /*#__PURE__*/_react["default"].createElement(_Banner["default"], (0, _extends2["default"])({}, bannerProps, {
     cardBannerIndex: bannerIndex
   })));
@@ -108,7 +117,12 @@ CardsRenderItem.propTypes = {
   modifier: _propTypes["default"].string,
   cardChildren: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
   gtmChildren: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
-  priority: _propTypes["default"].bool
+  priority: _propTypes["default"].bool,
+  enableOverlay: _propTypes["default"].bool,
+  overlayModifier: _propTypes["default"].string,
+  titleOverlayModifier: _propTypes["default"].string,
+  autoScrollTimer: _propTypes["default"].number,
+  arrowSize: _propTypes["default"].string
 };
 CardsRenderItem.defaultProps = {
   priority: false,
@@ -117,7 +131,12 @@ CardsRenderItem.defaultProps = {
   propsToDisplay: [],
   modifier: '',
   cardChildren: [],
-  gtmChildren: []
+  gtmChildren: [],
+  enableOverlay: false,
+  autoScrollTimer: 0,
+  overlayModifier: '',
+  titleOverlayModifier: '',
+  arrowSize: ''
 };
 var _default = CardsRenderItem;
 exports["default"] = _default;

package/lib/components/List/components/Cards/CardsRenderItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"names":["CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","shouldRenderBanner","bannerIndex","priority","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderGtm","parsedPropsToDisplay","propTypes","PropTypes","object","isRequired","number","array","bool","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport Card from '../../../Card/Card';\nimport { shouldRenderWaypoint, renderChildren, parsePropsToDisplay } from '../../../../helpers';\nimport { checkIfShouldRenderGtm } from '../helpers';\nimport Banner from '../../../Banner';\n\nconst CardsRenderItem = ({\n  cardProps,\n  listProps,\n  bannerProps,\n  index,\n  entity,\n  currentListLength,\n  cardChildren,\n  gtmChildren,\n  modifier,\n  gridModifier,\n  propsToDisplayModifiers,\n  propsToDisplay,\n  shouldRenderBanner,\n  bannerIndex,\n  priority\n}) => {\n  const {\n    initialOffset,\n    isInfinite,\n    style,\n    name,\n    id,\n    triggerInfiniteScroll,\n    displayCount,\n    displayCategory = true,\n    displayThumbnail = true,\n    displayTitle = true,\n    listTotal,\n    itemsPerPage\n  } = listProps;\n\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  const shouldRenderGtm =\n    gtmChildren && checkIfShouldRenderGtm(itemsPerPage, currentListLength, index);\n\n  const parsedPropsToDisplay = parsePropsToDisplay(cardProps, propsToDisplay);\n\n  return (\n    <>\n      {shouldRenderGtm && renderChildren(gtmChildren)}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--compact\">\n        {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n        <Card\n          id={id}\n          entity={entity}\n          gridModifier={gridModifier}\n          propsToDisplay={parsedPropsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          modifier={modifier}\n          style={style}\n          cardChildren={cardChildren}\n          displayCategory={displayCategory}\n          displayThumbnail={displayThumbnail}\n          displayTitle={displayTitle}\n          cardProps={cardProps}\n          gtmId={name}\n          gtmChildren={gtmChildren}\n          priority={priority}\n          {...cardProps}\n        />\n      </div>\n      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}\n    </>\n  );\n};\n\nCardsRenderItem.propTypes = {\n  cardProps: PropTypes.object.isRequired,\n  listProps: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  propsToDisplayModifiers: PropTypes.array.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  bannerProps: PropTypes.object,\n  gridModifier: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  priority: PropTypes.bool\n};\n\nCardsRenderItem.defaultProps = {\n  priority: false,\n  bannerProps: null,\n  gridModifier: '',\n  propsToDisplay: [],\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: []\n};\n\nexport default CardsRenderItem;\n"],"file":"CardsRenderItem.js"}
+{"version":3,"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"names":["CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","shouldRenderBanner","bannerIndex","priority","enableOverlay","autoScrollTimer","arrowSize","overlayModifier","titleOverlayModifier","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderGtm","parsedPropsToDisplay","propTypes","PropTypes","object","isRequired","number","array","bool","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport Card from '../../../Card/Card';\nimport { shouldRenderWaypoint, renderChildren, parsePropsToDisplay } from '../../../../helpers';\nimport { checkIfShouldRenderGtm } from '../helpers';\nimport Banner from '../../../Banner';\n\nconst CardsRenderItem = ({\n  cardProps,\n  listProps,\n  bannerProps,\n  index,\n  entity,\n  currentListLength,\n  cardChildren,\n  gtmChildren,\n  modifier,\n  gridModifier,\n  propsToDisplayModifiers,\n  propsToDisplay,\n  shouldRenderBanner,\n  bannerIndex,\n  priority,\n  enableOverlay,\n  autoScrollTimer,\n  arrowSize,\n  overlayModifier,\n  titleOverlayModifier\n}) => {\n  const {\n    initialOffset,\n    isInfinite,\n    style,\n    name,\n    id,\n    triggerInfiniteScroll,\n    displayCount,\n    displayCategory = true,\n    displayThumbnail = true,\n    displayTitle = true,\n    listTotal,\n    itemsPerPage\n  } = listProps;\n\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  const shouldRenderGtm =\n    gtmChildren && checkIfShouldRenderGtm(itemsPerPage, currentListLength, index);\n\n  const parsedPropsToDisplay = parsePropsToDisplay(cardProps, propsToDisplay);\n\n  return (\n    <>\n      {shouldRenderGtm && renderChildren(gtmChildren)}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--compact\">\n        {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n        <Card\n          id={id}\n          entity={entity}\n          gridModifier={gridModifier}\n          propsToDisplay={parsedPropsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          modifier={modifier}\n          style={style}\n          cardChildren={cardChildren}\n          displayCategory={displayCategory}\n          displayThumbnail={displayThumbnail}\n          displayTitle={displayTitle}\n          cardProps={cardProps}\n          gtmId={name}\n          gtmChildren={gtmChildren}\n          priority={priority}\n          arrowSize={arrowSize}\n          enableOverlay={enableOverlay}\n          overlayModifier={overlayModifier}\n          titleOverlayModifier={titleOverlayModifier}\n          {...cardProps}\n        />\n      </div>\n      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}\n    </>\n  );\n};\n\nCardsRenderItem.propTypes = {\n  cardProps: PropTypes.object.isRequired,\n  listProps: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  propsToDisplayModifiers: PropTypes.array.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  bannerProps: PropTypes.object,\n  gridModifier: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  priority: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardsRenderItem.defaultProps = {\n  priority: false,\n  bannerProps: null,\n  gridModifier: '',\n  propsToDisplay: [],\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  arrowSize: ''\n};\n\nexport default CardsRenderItem;\n"],"file":"CardsRenderItem.js"}

package/lib/components/Menu/Menu.js

@@ -109,7 +109,7 @@ var Menu = function Menu(_ref) {
     className: isMobile ? childrenMobileModifier : childrenDesktopModifier
   }, logoOnDesktop && logoOnDesktopAlignment === 'left' && /*#__PURE__*/_react["default"].createElement("a", {
     href: "/",
-    className: ""
+    className: "menu--desktop__logo-wrapper"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: logoOnMobileUrl,
     alt: logoOnMobileAlt,
@@ -128,7 +128,7 @@ var Menu = function Menu(_ref) {
     isMobile: isMobile
   })), logoOnDesktop && logoOnDesktopAlignment === 'right' && /*#__PURE__*/_react["default"].createElement("a", {
     href: "/",
-    className: ""
+    className: "menu--desktop__logo-wrapper"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: logoOnMobileUrl,
     alt: logoOnMobileAlt,
@@ -139,7 +139,7 @@ var Menu = function Menu(_ref) {
 Menu.propTypes = {
   collapse: _propTypes["default"].bool.isRequired,
   logoOnMobile: _propTypes["default"].bool.isRequired,
-  logoOnDesktop: _propTypes["default"].bool.isRequired,
+  logoOnDesktop: _propTypes["default"].bool,
   logoOnMobileUrl: _propTypes["default"].string,
   logoOnMobileAlt: _propTypes["default"].string,
   logoOnMobileModifier: _propTypes["default"].string,
@@ -159,6 +159,7 @@ Menu.propTypes = {
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node])
 };
 Menu.defaultProps = {
+  logoOnDesktop: false,
   logoOnMobileUrl: '',
   logoOnMobileAlt: '',
   logoOnMobileModifier: '',

package/lib/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","logoOnDesktopAlignment","closeIconModifier","entity","rest","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","HIDDEN","shouldDisplayChildren","childrenDesktopModifier","childrenMobileModifier","isMobileMenuExpanded","propTypes","PropTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { useCheckMobileScreen } from '../../hooks';\nimport { HIDDEN } from '../../constants';\nimport SearchContent from '../SearchContent';\n\nconst Menu = ({\n  children,\n  collapse,\n  modifier,\n  mobileMenuModifier,\n  mobileMenuChildrenModifier,\n  mobileIconAlignment,\n  mobileButtonModifier,\n  hamburgerIconModifier,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  logoOnMobile,\n  logoOnDesktop,\n  logoOnMobileUrl,\n  logoOnMobileAlt,\n  logoOnMobileModifier,\n  logoOnDesktopModifier,\n  logoOnDesktopAlignment,\n  closeIconModifier,\n  entity,\n  ...rest\n}) => {\n  const isMobile = useCheckMobileScreen();\n  const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n  const shouldDisplayCollapsed = collapse && isMobile;\n  const mobileButtonClass = shouldDisplayCollapsed && isMobile ? mobileButtonModifier : HIDDEN;\n  const shouldDisplayChildren = shouldDisplayCollapsed ? showMobileMenu : true;\n  const childrenDesktopModifier =\n    shouldDisplayChildren && !isMobile ? modifier : `${modifier} ${HIDDEN}`;\n\n  const childrenMobileModifier =\n    shouldDisplayChildren && isMobile ? `${mobileMenuChildrenModifier}` : ` ${HIDDEN}`;\n\n  const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n\n  return (\n    <>\n      {collapse && (\n        <div className=\"menu--mobile-wrapper\">\n          <div\n            className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n            <BlazeButton\n              className={mobileButtonClass}\n              onClick={() => setShowMobileMenu(!showMobileMenu)}>\n              <i>\n                {showMobileMenu ? (\n                  <MdClose className={closeIconModifier} />\n                ) : (\n                  <MdMenu className={hamburgerIconModifier} />\n                )}\n              </i>\n            </BlazeButton>\n          </div>\n        </div>\n      )}\n      {logoOnMobile && (\n        <a href=\"/\">\n          <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n        </a>\n      )}\n\n      <div className=\"menu--desktop-wrapper\">\n        <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'left' && (\n              <a href=\"/\" className=\"\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n          {searchInputAlignment === 'left' && (\n            <li>\n              <SearchContent\n                searchInputWrapperMobile={searchInputWrapperMobile}\n                searchInputWrapperDesktop={searchInputWrapperDesktop}\n                searchInputAlignment={searchInputAlignment}\n                entity={entity}\n                isMobile={isMobile}\n              />\n            </li>\n          )}\n          {children}\n          {searchInputAlignment === 'right' && (\n            <li>\n              <SearchContent\n                searchInputWrapperMobile={searchInputWrapperMobile}\n                searchInputWrapperDesktop={searchInputWrapperDesktop}\n                searchInputAlignment={searchInputAlignment}\n                entity={entity}\n                isMobile={isMobile}\n              />\n            </li>\n          )}\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'right' && (\n              <a href=\"/\" className=\"\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n        </ul>\n      </div>\n    </>\n  );\n};\n\nMenu.propTypes = {\n  collapse: PropTypes.bool.isRequired,\n  logoOnMobile: PropTypes.bool.isRequired,\n  logoOnDesktop: PropTypes.bool.isRequired,\n  logoOnMobileUrl: PropTypes.string,\n  logoOnMobileAlt: PropTypes.string,\n  logoOnMobileModifier: PropTypes.string,\n  logoOnDesktopModifier: PropTypes.string,\n  logoOnDesktopAlignment: PropTypes.string,\n  hamburgerIconModifier: PropTypes.string,\n  closeIconModifier: PropTypes.string,\n  mobileButtonModifier: PropTypes.string,\n  mobileMenuModifier: PropTypes.string,\n  mobileMenuChildrenModifier: PropTypes.string,\n  modifier: PropTypes.string,\n  mobileIconAlignment: PropTypes.string,\n  entity: PropTypes.string,\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  logoOnMobileUrl: '',\n  logoOnMobileAlt: '',\n  logoOnMobileModifier: '',\n  logoOnDesktopModifier: '',\n  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  logoOnDesktopAlignment: 'left',\n  searchInputAlignment: 'right',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  modifier: '',\n  entity: 'PublishedPage',\n  children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}
+{"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","logoOnDesktopAlignment","closeIconModifier","entity","rest","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","HIDDEN","shouldDisplayChildren","childrenDesktopModifier","childrenMobileModifier","isMobileMenuExpanded","propTypes","PropTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { useCheckMobileScreen } from '../../hooks';\nimport { HIDDEN } from '../../constants';\nimport SearchContent from '../SearchContent';\n\nconst Menu = ({\n  children,\n  collapse,\n  modifier,\n  mobileMenuModifier,\n  mobileMenuChildrenModifier,\n  mobileIconAlignment,\n  mobileButtonModifier,\n  hamburgerIconModifier,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  logoOnMobile,\n  logoOnDesktop,\n  logoOnMobileUrl,\n  logoOnMobileAlt,\n  logoOnMobileModifier,\n  logoOnDesktopModifier,\n  logoOnDesktopAlignment,\n  closeIconModifier,\n  entity,\n  ...rest\n}) => {\n  const isMobile = useCheckMobileScreen();\n  const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n  const shouldDisplayCollapsed = collapse && isMobile;\n  const mobileButtonClass = shouldDisplayCollapsed && isMobile ? mobileButtonModifier : HIDDEN;\n  const shouldDisplayChildren = shouldDisplayCollapsed ? showMobileMenu : true;\n  const childrenDesktopModifier =\n    shouldDisplayChildren && !isMobile ? modifier : `${modifier} ${HIDDEN}`;\n\n  const childrenMobileModifier =\n    shouldDisplayChildren && isMobile ? `${mobileMenuChildrenModifier}` : ` ${HIDDEN}`;\n\n  const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n\n  return (\n    <>\n      {collapse && (\n        <div className=\"menu--mobile-wrapper\">\n          <div\n            className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n            <BlazeButton\n              className={mobileButtonClass}\n              onClick={() => setShowMobileMenu(!showMobileMenu)}>\n              <i>\n                {showMobileMenu ? (\n                  <MdClose className={closeIconModifier} />\n                ) : (\n                  <MdMenu className={hamburgerIconModifier} />\n                )}\n              </i>\n            </BlazeButton>\n          </div>\n        </div>\n      )}\n      {logoOnMobile && (\n        <a href=\"/\">\n          <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n        </a>\n      )}\n\n      <div className=\"menu--desktop-wrapper\">\n        <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'left' && (\n              <a href=\"/\" className=\"menu--desktop__logo-wrapper\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n          {searchInputAlignment === 'left' && (\n            <li>\n              <SearchContent\n                searchInputWrapperMobile={searchInputWrapperMobile}\n                searchInputWrapperDesktop={searchInputWrapperDesktop}\n                searchInputAlignment={searchInputAlignment}\n                entity={entity}\n                isMobile={isMobile}\n              />\n            </li>\n          )}\n          {children}\n          {searchInputAlignment === 'right' && (\n            <li>\n              <SearchContent\n                searchInputWrapperMobile={searchInputWrapperMobile}\n                searchInputWrapperDesktop={searchInputWrapperDesktop}\n                searchInputAlignment={searchInputAlignment}\n                entity={entity}\n                isMobile={isMobile}\n              />\n            </li>\n          )}\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'right' && (\n              <a href=\"/\" className=\"menu--desktop__logo-wrapper\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n        </ul>\n      </div>\n    </>\n  );\n};\n\nMenu.propTypes = {\n  collapse: PropTypes.bool.isRequired,\n  logoOnMobile: PropTypes.bool.isRequired,\n  logoOnDesktop: PropTypes.bool,\n  logoOnMobileUrl: PropTypes.string,\n  logoOnMobileAlt: PropTypes.string,\n  logoOnMobileModifier: PropTypes.string,\n  logoOnDesktopModifier: PropTypes.string,\n  logoOnDesktopAlignment: PropTypes.string,\n  hamburgerIconModifier: PropTypes.string,\n  closeIconModifier: PropTypes.string,\n  mobileButtonModifier: PropTypes.string,\n  mobileMenuModifier: PropTypes.string,\n  mobileMenuChildrenModifier: PropTypes.string,\n  modifier: PropTypes.string,\n  mobileIconAlignment: PropTypes.string,\n  entity: PropTypes.string,\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  logoOnDesktop: false,\n  logoOnMobileUrl: '',\n  logoOnMobileAlt: '',\n  logoOnMobileModifier: '',\n  logoOnDesktopModifier: '',\n  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  logoOnDesktopAlignment: 'left',\n  searchInputAlignment: 'right',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  modifier: '',\n  entity: 'PublishedPage',\n  children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}