@blaze-cms/react-page-builder 0.125.0-f-admin-updates.0 → 0.125.0

package/lib-es/components/Card/Card.js

@@ -1,45 +1,47 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _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"];
+const _excluded = ["id", "image", "name", "url", "entity", "entityProps", "alternativePreHeader", "alternativeHeadline", "category", "modifier", "parsedPropsToDisplay", "propsToDisplay", "propsToDisplayModifiers", "gtmId", "style", "priority", "cardChildren", "gtmChildren", "displayCategory", "displayThumbnail", "displayTitle", "enableOverlay", "enableCarousel", "titleOverlayModifier", "overlayModifier", "gridModifier"];
 import React, { Fragment } from 'react';
+import { useRouter } from 'next/router';
 import PropTypes from 'prop-types';
 import BlazeLink from '../BlazeLink';
 import ClickWrapper from '../ClickWrapper';
 import { getModifiers, renderChildren, updateChildrensParent, getClickWrapperOptions } from '../../helpers';
 import LazyImage from '../LazyImage';
 import { getPublishedListingUrl, useDynamicSizeKey } from './helpers';
-import { CARD_STRING } from './constants';
-
+import { CARD_STRING, CARD_CHILDREN_WITH_LINKS } from './constants';
 const Card = _ref => {
   let {
-    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
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+      id,
+      image,
+      name,
+      url,
+      entity,
+      entityProps,
+      alternativePreHeader,
+      alternativeHeadline,
+      category,
+      modifier,
+      parsedPropsToDisplay,
+      propsToDisplay,
+      propsToDisplayModifiers,
+      gtmId,
+      style,
+      priority,
+      cardChildren,
+      gtmChildren,
+      displayCategory,
+      displayThumbnail,
+      displayTitle,
+      enableOverlay,
+      enableCarousel,
+      titleOverlayModifier,
+      overlayModifier,
+      gridModifier
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   updateChildrensParent(cardChildren, id, entity);
+  const router = useRouter();
   const {
     imageSrc,
     shouldDisplayThumbnail,
@@ -80,9 +82,22 @@ const Card = _ref => {
   const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);
   const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${enableOverlay && enableCarousel ? overlayModifier : ''}`;
   const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${enableOverlay && enableCarousel ? titleOverlayModifier : ''}`;
-  return /*#__PURE__*/React.createElement(Wrapper, wrapperProps, /*#__PURE__*/React.createElement("div", {
+  const handleCardClick = e => {
+    if (!url) return;
+    const clickEventTag = e.target.tagName.toLowerCase();
+    const clickEventRole = e.target.role;
+    const shouldTriggerRouteChange = clickEventRole !== 'button' && !CARD_CHILDREN_WITH_LINKS.find(childTag => childTag === clickEventTag);
+    if (shouldTriggerRouteChange) router.push(`/Resolver`, url);
+  };
+
+  // todo: remove temp env var flag once widely tested BLAZE_PB_ADD_CLICK_TO_CARDS
+  const clickProps = url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS ? {
+    onClick: handleCardClick,
+    role: 'button'
+  } : {};
+  return /*#__PURE__*/React.createElement(Wrapper, wrapperProps, /*#__PURE__*/React.createElement("div", _extends({
     className: classNameWithModifiers
-  }, shouldDisplayThumbnail && /*#__PURE__*/React.createElement("div", {
+  }, clickProps), shouldDisplayThumbnail && /*#__PURE__*/React.createElement("div", {
     className: getModifiers('card__image', modifiers)
   }, /*#__PURE__*/React.createElement(BlazeLink, {
     gtmId: gtmId,
@@ -112,21 +127,27 @@ const Card = _ref => {
     gtmId: gtmId,
     href: url,
     scroll: true
-  }, headline)), !!propsToDisplay.length && /*#__PURE__*/React.createElement("div", {
+  }, headline)), !!parsedPropsToDisplay.length && /*#__PURE__*/React.createElement("div", {
     className: getModifiers('card__details', modifiers)
-  }, propsToDisplay.map((prop, i) => {
+  }, parsedPropsToDisplay.map((prop, i) => {
     if (!prop) return null;
     const dynamicKey = `${id}${i}`;
     const propModifier = propsToDisplayModifiers[i] || '';
-    return /*#__PURE__*/React.createElement("span", {
+    const {
+      htmlAttribute
+    } = propsToDisplay[i] || {};
+    const extraProps = {};
+    if (htmlAttribute && prop.props.children) {
+      extraProps[htmlAttribute] = encodeURIComponent(prop.props.children[2]);
+    }
+    return /*#__PURE__*/React.createElement("span", _extends({
       key: dynamicKey,
       className: propModifier
-    }, prop);
+    }, extraProps), prop);
   }))), !!cardChildren && /*#__PURE__*/React.createElement("div", {
     className: "card__child-content"
   }, renderChildren(cardChildren)))));
 };
-
 Card.propTypes = {
   id: PropTypes.string.isRequired,
   image: PropTypes.shape({
@@ -134,6 +155,7 @@ Card.propTypes = {
     data: PropTypes.object
   }),
   style: PropTypes.string,
+  parsedPropsToDisplay: PropTypes.array,
   propsToDisplay: PropTypes.array,
   propsToDisplayModifiers: PropTypes.array,
   url: PropTypes.string,
@@ -172,6 +194,7 @@ Card.defaultProps = {
   },
   gtmId: '',
   style: 'portrait',
+  parsedPropsToDisplay: [],
   propsToDisplay: [],
   propsToDisplayModifiers: [],
   url: '',
@@ -188,7 +211,6 @@ Card.defaultProps = {
   enableOverlay: false,
   enableCarousel: false
 };
-
 const getCategoryDefinedProps = ({
   alternativePreHeader,
   category,
@@ -209,7 +231,6 @@ const getCategoryDefinedProps = ({
     headline
   };
 };
-
 const getImageDefinedProps = ({
   image,
   displayThumbnail
@@ -226,7 +247,6 @@ const getImageDefinedProps = ({
     altText
   };
 };
-
 const getInitialModifiers = ({
   modifier,
   style,
@@ -241,6 +261,5 @@ const getInitialModifiers = ({
   if (featured) modifiers.push('featured');
   return modifiers;
 };
-
 export default Card;
 //# sourceMappingURL=Card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["React","Fragment","PropTypes","BlazeLink","ClickWrapper","getModifiers","renderChildren","updateChildrensParent","getClickWrapperOptions","LazyImage","getPublishedListingUrl","useDynamicSizeKey","CARD_STRING","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","imageSrc","shouldDisplayThumbnail","altText","getImageDefinedProps","modifiers","getInitialModifiers","publishedListingPage","preHeader","label","headline","getCategoryDefinedProps","linkTitle","dynamicSizeKey","shouldUseClickWrapper","wrapperProps","Wrapper","classNameWithModifiers","contentWrapperModifier","titleWrapperModifier","length","map","prop","i","dynamicKey","propModifier","propTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","sponsored","featured","push"],"sources":["../../../src/components/Card/Card.js"],"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"],"mappings":"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"}
+{"version":3,"file":"Card.js","names":["React","Fragment","useRouter","PropTypes","BlazeLink","ClickWrapper","getModifiers","renderChildren","updateChildrensParent","getClickWrapperOptions","LazyImage","getPublishedListingUrl","useDynamicSizeKey","CARD_STRING","CARD_CHILDREN_WITH_LINKS","Card","id","image","name","url","entity","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","parsedPropsToDisplay","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","enableCarousel","titleOverlayModifier","overlayModifier","gridModifier","otherProps","router","imageSrc","shouldDisplayThumbnail","altText","getImageDefinedProps","modifiers","getInitialModifiers","publishedListingPage","preHeader","label","headline","getCategoryDefinedProps","linkTitle","dynamicSizeKey","shouldUseClickWrapper","wrapperProps","Wrapper","classNameWithModifiers","contentWrapperModifier","titleWrapperModifier","handleCardClick","e","clickEventTag","target","tagName","toLowerCase","clickEventRole","role","shouldTriggerRouteChange","find","childTag","push","clickProps","process","env","BLAZE_PB_ADD_CLICK_TO_CARDS","onClick","length","map","prop","i","dynamicKey","propModifier","htmlAttribute","extraProps","props","children","encodeURIComponent","propTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","sponsored","featured"],"sources":["../../../src/components/Card/Card.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { useRouter } from 'next/router';\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, CARD_CHILDREN_WITH_LINKS } 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  parsedPropsToDisplay,\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 router = useRouter();\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  const handleCardClick = e => {\n    if (!url) return;\n\n    const clickEventTag = e.target.tagName.toLowerCase();\n    const clickEventRole = e.target.role;\n    const shouldTriggerRouteChange =\n      clickEventRole !== 'button' &&\n      !CARD_CHILDREN_WITH_LINKS.find(childTag => childTag === clickEventTag);\n    if (shouldTriggerRouteChange) router.push(`/Resolver`, url);\n  };\n\n  // todo: remove temp env var flag once widely tested BLAZE_PB_ADD_CLICK_TO_CARDS\n  const clickProps =\n    url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS\n      ? {\n          onClick: handleCardClick,\n          role: 'button'\n        }\n      : {};\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <div className={classNameWithModifiers} {...clickProps}>\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            {!!parsedPropsToDisplay.length && (\n              <div className={getModifiers('card__details', modifiers)}>\n                {parsedPropsToDisplay.map((prop, i) => {\n                  if (!prop) return null;\n\n                  const dynamicKey = `${id}${i}`;\n                  const propModifier = propsToDisplayModifiers[i] || '';\n\n                  const { htmlAttribute } = propsToDisplay[i] || {};\n                  const extraProps = {};\n                  if (htmlAttribute && prop.props.children) {\n                    extraProps[htmlAttribute] = encodeURIComponent(prop.props.children[2]);\n                  }\n\n                  return (\n                    <span key={dynamicKey} className={propModifier} {...extraProps}>\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  parsedPropsToDisplay: PropTypes.array,\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  parsedPropsToDisplay: [],\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"],"mappings":"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"}

package/lib-es/components/Card/CardContainer.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 const _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableOverlay", "autoScrollTimer", "overlayModifier", "titleOverlayModifier"],
-      _excluded2 = ["baseAdunit", "id"];
+  _excluded2 = ["baseAdunit", "id"];
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { MainContext } from '@blaze-cms/nextjs-components';
@@ -13,34 +13,32 @@ import Card from './Card';
 import { getDynamicGridClasses } from './helpers';
 import { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';
 import { getPropsToDisplayModifiers } from '../../utils';
-
 const CardContainer = _ref => {
   let {
-    cardData,
-    gridModifier,
-    style,
-    displayCategory,
-    displayThumbnail,
-    displayTitle,
-    modifier,
-    entity,
-    propsToDisplay,
-    gtmChildren,
-    cardChildren,
-    name,
-    designConfig,
-    itemsPerRow,
-    enableCarousel,
-    bannerModifier,
-    priorityLimit,
-    enableAutoScroll,
-    enableOverlay,
-    autoScrollTimer,
-    overlayModifier,
-    titleOverlayModifier
-  } = _ref,
-      cardProps = _objectWithoutProperties(_ref, _excluded);
-
+      cardData,
+      gridModifier,
+      style,
+      displayCategory,
+      displayThumbnail,
+      displayTitle,
+      modifier,
+      entity,
+      propsToDisplay,
+      gtmChildren,
+      cardChildren,
+      name,
+      designConfig,
+      itemsPerRow,
+      enableCarousel,
+      bannerModifier,
+      priorityLimit,
+      enableAutoScroll,
+      enableOverlay,
+      autoScrollTimer,
+      overlayModifier,
+      titleOverlayModifier
+    } = _ref,
+    cardProps = _objectWithoutProperties(_ref, _excluded);
   const entities = getEntitiesWithBanner(cardData, cardProps);
   const {
     itemId
@@ -58,11 +56,10 @@ const CardContainer = _ref => {
     autoScrollTimer: autoScrollTimer
   }, entities.map((_ref2, index) => {
     let {
-      baseAdunit,
-      id
-    } = _ref2,
-        entityProps = _objectWithoutProperties(_ref2, _excluded2);
-
+        baseAdunit,
+        id
+      } = _ref2,
+      entityProps = _objectWithoutProperties(_ref2, _excluded2);
     const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);
     const dynamicKey = [itemId, index].join('-');
     if (baseAdunit) cardBannerIndex += 1;
@@ -79,7 +76,8 @@ const CardContainer = _ref => {
       id: id,
       enableCarousel: enableCarousel,
       entity: entity,
-      propsToDisplay: extraProps,
+      propsToDisplay: propsToDisplay,
+      parsedPropsToDisplay: extraProps,
       propsToDisplayModifiers: propsToDisplayModifiers,
       modifier: modifier,
       style: style,
@@ -98,7 +96,6 @@ const CardContainer = _ref => {
     }, entityProps));
   }));
 };
-
 CardContainer.propTypes = {
   cardData: PropTypes.array.isRequired,
   name: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"CardContainer.js","names":["React","useContext","PropTypes","MainContext","withTitle","Banner","Wrapper","CarouselWrapper","Card","getDynamicGridClasses","getEntitiesWithBanner","parsePropsToDisplay","getPropsToDisplayModifiers","CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","entities","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"sources":["../../../src/components/Card/CardContainer.js"],"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  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            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};\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};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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"}
+{"version":3,"file":"CardContainer.js","names":["React","useContext","PropTypes","MainContext","withTitle","Banner","Wrapper","CarouselWrapper","Card","getDynamicGridClasses","getEntitiesWithBanner","parsePropsToDisplay","getPropsToDisplayModifiers","CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","entities","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"sources":["../../../src/components/Card/CardContainer.js"],"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  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={propsToDisplay}\n            parsedPropsToDisplay={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            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};\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};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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"}

package/lib-es/components/Card/CardFactory.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 const _excluded = ["entity", "propsToDisplay", "itemsToDisplay", "itemListName"],
-      _excluded2 = ["gridModifier"];
+  _excluded2 = ["gridModifier"];
 import React from 'react';
 import { useQuery } from '@apollo/client';
 import PropTypes from 'prop-types';
@@ -9,16 +9,14 @@ import { getSingleEntitySchema } from '../../application/query';
 import CardRender from './CardRender';
 import { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';
 import { WITH_BANNER } from '../../constants';
-
 const CardFactory = _ref => {
   let {
-    entity,
-    propsToDisplay,
-    itemsToDisplay,
-    itemListName
-  } = _ref,
-      cardProps = _objectWithoutProperties(_ref, _excluded);
-
+      entity,
+      propsToDisplay,
+      itemsToDisplay,
+      itemListName
+    } = _ref,
+    cardProps = _objectWithoutProperties(_ref, _excluded);
   const {
     data,
     error,
@@ -33,13 +31,11 @@ const CardFactory = _ref => {
   if (!data) return null;
   const propsToDisplayValues = checkPropsToUse(propsToDisplay);
   const extraProps = buildPropsQuery(data, propsToDisplayValues, cardProps) || '';
-
   const _getGenericProps = getGenericProps(cardProps),
-        {
-    gridModifier
-  } = _getGenericProps,
-        cardRenderProps = _objectWithoutProperties(_getGenericProps, _excluded2);
-
+    {
+      gridModifier
+    } = _getGenericProps,
+    cardRenderProps = _objectWithoutProperties(_getGenericProps, _excluded2);
   const extraModifierForBanner = cardRenderProps.banner ? WITH_BANNER : '';
   return /*#__PURE__*/React.createElement(CardRender, _extends({
     gridModifier: `${gridModifier}${extraModifierForBanner}`,
@@ -50,7 +46,6 @@ const CardFactory = _ref => {
     entityFields: extraProps
   }, cardRenderProps));
 };
-
 CardFactory.propTypes = {
   entity: PropTypes.string.isRequired,
   propsToDisplay: PropTypes.array,

package/lib-es/components/Card/CardFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFactory.js","names":["React","useQuery","PropTypes","getSingleEntitySchema","CardRender","buildPropsQuery","getGenericProps","checkPropsToUse","WITH_BANNER","CardFactory","entity","propsToDisplay","itemsToDisplay","itemListName","cardProps","data","error","loading","variables","id","message","propsToDisplayValues","extraProps","gridModifier","cardRenderProps","extraModifierForBanner","banner","propTypes","string","isRequired","array","defaultProps"],"sources":["../../../src/components/Card/CardFactory.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { getSingleEntitySchema } from '../../application/query';\nimport CardRender from './CardRender';\nimport { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';\nimport { WITH_BANNER } from '../../constants';\n\nconst CardFactory = ({ entity, propsToDisplay, itemsToDisplay, itemListName, ...cardProps }) => {\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entity }\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n\n  const propsToDisplayValues = checkPropsToUse(propsToDisplay);\n  const extraProps = buildPropsQuery(data, propsToDisplayValues, cardProps) || '';\n  const { gridModifier, ...cardRenderProps } = getGenericProps(cardProps);\n  const extraModifierForBanner = cardRenderProps.banner ? WITH_BANNER : '';\n\n  return (\n    <CardRender\n      gridModifier={`${gridModifier}${extraModifierForBanner}`}\n      bannerModifier={extraModifierForBanner}\n      entity={entity}\n      itemsToDisplay={itemsToDisplay}\n      propsToDisplay={propsToDisplay}\n      entityFields={extraProps}\n      {...cardRenderProps}\n    />\n  );\n};\n\nCardFactory.propTypes = {\n  entity: PropTypes.string.isRequired,\n  propsToDisplay: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  itemListName: PropTypes.string\n};\n\nCardFactory.defaultProps = {\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  itemListName: ''\n};\n\nexport default CardFactory;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,gBAAzB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,qBAAT,QAAsC,yBAAtC;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,SAASC,eAAT,EAA0BC,eAA1B,EAA2CC,eAA3C,QAAkE,eAAlE;AACA,SAASC,WAAT,QAA4B,iBAA5B;;AAEA,MAAMC,WAAW,GAAG,QAA4E;EAAA,IAA3E;IAAEC,MAAF;IAAUC,cAAV;IAA0BC,cAA1B;IAA0CC;EAA1C,CAA2E;EAAA,IAAhBC,SAAgB;;EAC9F,MAAM;IAAEC,IAAF;IAAQC,KAAR;IAAeC;EAAf,IAA2BhB,QAAQ,CAACE,qBAAD,EAAwB;IAC/De,SAAS,EAAE;MAAEC,EAAE,EAAET;IAAN;EADoD,CAAxB,CAAzC;EAIA,IAAIO,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACI,OAAb;EACX,IAAI,CAACL,IAAL,EAAW,OAAO,IAAP;EAEX,MAAMM,oBAAoB,GAAGd,eAAe,CAACI,cAAD,CAA5C;EACA,MAAMW,UAAU,GAAGjB,eAAe,CAACU,IAAD,EAAOM,oBAAP,EAA6BP,SAA7B,CAAf,IAA0D,EAA7E;;EACA,yBAA6CR,eAAe,CAACQ,SAAD,CAA5D;EAAA,MAAM;IAAES;EAAF,CAAN;EAAA,MAAyBC,eAAzB;;EACA,MAAMC,sBAAsB,GAAGD,eAAe,CAACE,MAAhB,GAAyBlB,WAAzB,GAAuC,EAAtE;EAEA,oBACE,oBAAC,UAAD;IACE,YAAY,EAAG,GAAEe,YAAa,GAAEE,sBAAuB,EADzD;IAEE,cAAc,EAAEA,sBAFlB;IAGE,MAAM,EAAEf,MAHV;IAIE,cAAc,EAAEE,cAJlB;IAKE,cAAc,EAAED,cALlB;IAME,YAAY,EAAEW;EANhB,GAOME,eAPN,EADF;AAWD,CAzBD;;AA2BAf,WAAW,CAACkB,SAAZ,GAAwB;EACtBjB,MAAM,EAAER,SAAS,CAAC0B,MAAV,CAAiBC,UADH;EAEtBlB,cAAc,EAAET,SAAS,CAAC4B,KAFJ;EAGtBlB,cAAc,EAAEV,SAAS,CAAC4B,KAHJ;EAItBjB,YAAY,EAAEX,SAAS,CAAC0B;AAJF,CAAxB;AAOAnB,WAAW,CAACsB,YAAZ,GAA2B;EACzBpB,cAAc,EAAE,EADS;EAEzBC,cAAc,EAAE,EAFS;EAGzBC,YAAY,EAAE;AAHW,CAA3B;AAMA,eAAeJ,WAAf"}
+{"version":3,"file":"CardFactory.js","names":["React","useQuery","PropTypes","getSingleEntitySchema","CardRender","buildPropsQuery","getGenericProps","checkPropsToUse","WITH_BANNER","CardFactory","entity","propsToDisplay","itemsToDisplay","itemListName","cardProps","data","error","loading","variables","id","message","propsToDisplayValues","extraProps","gridModifier","cardRenderProps","extraModifierForBanner","banner","propTypes","string","isRequired","array","defaultProps"],"sources":["../../../src/components/Card/CardFactory.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { getSingleEntitySchema } from '../../application/query';\nimport CardRender from './CardRender';\nimport { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';\nimport { WITH_BANNER } from '../../constants';\n\nconst CardFactory = ({ entity, propsToDisplay, itemsToDisplay, itemListName, ...cardProps }) => {\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entity }\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n\n  const propsToDisplayValues = checkPropsToUse(propsToDisplay);\n  const extraProps = buildPropsQuery(data, propsToDisplayValues, cardProps) || '';\n  const { gridModifier, ...cardRenderProps } = getGenericProps(cardProps);\n  const extraModifierForBanner = cardRenderProps.banner ? WITH_BANNER : '';\n\n  return (\n    <CardRender\n      gridModifier={`${gridModifier}${extraModifierForBanner}`}\n      bannerModifier={extraModifierForBanner}\n      entity={entity}\n      itemsToDisplay={itemsToDisplay}\n      propsToDisplay={propsToDisplay}\n      entityFields={extraProps}\n      {...cardRenderProps}\n    />\n  );\n};\n\nCardFactory.propTypes = {\n  entity: PropTypes.string.isRequired,\n  propsToDisplay: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  itemListName: PropTypes.string\n};\n\nCardFactory.defaultProps = {\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  itemListName: ''\n};\n\nexport default CardFactory;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,OAAOC,UAAU,MAAM,cAAc;AACrC,SAASC,eAAe,EAAEC,eAAe,EAAEC,eAAe,QAAQ,eAAe;AACjF,SAASC,WAAW,QAAQ,iBAAiB;AAE7C,MAAMC,WAAW,GAAG,QAA4E;EAAA,IAA3E;MAAEC,MAAM;MAAEC,cAAc;MAAEC,cAAc;MAAEC;IAA2B,CAAC;IAAXC,SAAS;EACvF,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGhB,QAAQ,CAACE,qBAAqB,EAAE;IAC/De,SAAS,EAAE;MAAEC,EAAE,EAAET;IAAO;EAC1B,CAAC,CAAC;EAEF,IAAIO,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACI,OAAO;EAC/B,IAAI,CAACL,IAAI,EAAE,OAAO,IAAI;EAEtB,MAAMM,oBAAoB,GAAGd,eAAe,CAACI,cAAc,CAAC;EAC5D,MAAMW,UAAU,GAAGjB,eAAe,CAACU,IAAI,EAAEM,oBAAoB,EAAEP,SAAS,CAAC,IAAI,EAAE;EAC/E,yBAA6CR,eAAe,CAACQ,SAAS,CAAC;IAAjE;MAAES;IAAiC,CAAC;IAAjBC,eAAe;EACxC,MAAMC,sBAAsB,GAAGD,eAAe,CAACE,MAAM,GAAGlB,WAAW,GAAG,EAAE;EAExE,oBACE,oBAAC,UAAU;IACT,YAAY,EAAG,GAAEe,YAAa,GAAEE,sBAAuB,EAAE;IACzD,cAAc,EAAEA,sBAAuB;IACvC,MAAM,EAAEf,MAAO;IACf,cAAc,EAAEE,cAAe;IAC/B,cAAc,EAAED,cAAe;IAC/B,YAAY,EAAEW;EAAW,GACrBE,eAAe,EACnB;AAEN,CAAC;AAEDf,WAAW,CAACkB,SAAS,GAAG;EACtBjB,MAAM,EAAER,SAAS,CAAC0B,MAAM,CAACC,UAAU;EACnClB,cAAc,EAAET,SAAS,CAAC4B,KAAK;EAC/BlB,cAAc,EAAEV,SAAS,CAAC4B,KAAK;EAC/BjB,YAAY,EAAEX,SAAS,CAAC0B;AAC1B,CAAC;AAEDnB,WAAW,CAACsB,YAAY,GAAG;EACzBpB,cAAc,EAAE,EAAE;EAClBC,cAAc,EAAE,EAAE;EAClBC,YAAY,EAAE;AAChB,CAAC;AAED,eAAeJ,WAAW"}

package/lib-es/components/Card/CardRender.js

@@ -2,11 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 const _excluded = ["entity", "entityFields", "itemsToDisplay", "children"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { useContext } from 'react';
 import { useQuery } from '@apollo/client';
 import dynamic from 'next/dynamic';
@@ -18,16 +15,14 @@ import { useGetEntitySchemasAsObj, useGetImages } from '../../hooks';
 import { getUpdatedFilterBy, getEntityData, getRequiredSchemas, sortResponseData, getUnpublishedEntityName, renderChildren, splitChildren, removeExtraItems, appendImages } from '../../helpers';
 import { filtersSetup, filterQuerySetup, shouldSkipSingleQuery, shouldReturn } from './helpers';
 const CardContainer = dynamic(() => import('./CardContainer'));
-
 const CardRender = _ref => {
   let {
-    entity,
-    entityFields,
-    itemsToDisplay,
-    children
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+      entity,
+      entityFields,
+      itemsToDisplay,
+      children
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   const {
     isPreview
   } = useContext(MainContext);
@@ -45,24 +40,20 @@ const CardRender = _ref => {
     useRandomSort
   } = otherProps;
   const updatedSortProperties = [...sortProperties];
-
   if (!updatedSortProperties.length && sort) {
     updatedSortProperties.unshift({
       sort,
       propsToDisplay: sortby
     });
   }
-
   const sortbyFilters = updatedSortProperties.map(({
     propsToDisplay
   }) => propsToDisplay).filter(Boolean).flat();
-
   const variableProps = _objectSpread(_objectSpread({}, otherProps), {}, {
     sortProperties: updatedSortProperties,
     sort: null,
     sortby: null
   });
-
   const itemEntityUpdated = getUnpublishedEntityName(itemEntity);
   const {
     data: mainSchemas = {},
@@ -174,7 +165,6 @@ const CardRender = _ref => {
     cardChildren: regularChildren
   }, variableProps)));
 };
-
 CardRender.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   entity: PropTypes.string.isRequired,