@blaze-cms/react-page-builder 0.118.0 → 0.119.1

package/lib-es/components/Banner/BannerRender.js

@@ -6,14 +6,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 { AdSlot } from 'react-dfp';
-import PropTypes from 'prop-types';
 import React from 'react';
-import { useQuery } from 'react-apollo';
+import PropTypes from 'prop-types';
+import { useQuery } from '@apollo/client';
 import { generateSingleItemQuery, getCount } from '../../application/query';
-import { buildBannerSizes, buildContextualTargeting, buildParsedAdunit, buildSizeMapping, getMaxBannerHeight, getMinBannerHeight, setCustomTargetings } from './helpers';
+import { buildBannerSizes, buildContextualTargeting, buildParsedAdunit, buildSizeMapping, setCustomTargetings } from './helpers';
 import { BANNER_QUERY_PROPS, COUNT_CONTENT_HIERARCHIES, GET_BANNER, PUBLISHED } from '../../constants';
 import { withTitle } from '../../HOC';
+import AdSlotRender from './AdSlotRender';
 
 const BannerRender = _ref => {
   let {
@@ -48,7 +48,6 @@ const BannerRender = _ref => {
     },
     skip: id && id !== itemId
   });
-  const parsedTargetings = buildContextualTargeting(actionKey, entityRecordData, propsToDisplay);
   const {
     data: bannerData = {}
   } = useQuery(generateSingleItemQuery(GET_BANNER, BANNER_QUERY_PROPS), {
@@ -57,16 +56,6 @@ const BannerRender = _ref => {
     },
     skip: !sizeId
   });
-  const {
-    entityData
-  } = bannerData;
-  const {
-    sizes: bannerSizes
-  } = entityData || {};
-  const sizeMapping = buildSizeMapping(sizeId, bannerSizes);
-  const parsedSizes = buildBannerSizes(sizeId, bannerSizes, sizes);
-  const maxBannerHeight = getMaxBannerHeight(bannerSizes);
-  const minBannerHeight = getMinBannerHeight(bannerSizes);
   const {
     data = {}
   } = useQuery(getCount(COUNT_CONTENT_HIERARCHIES), {
@@ -79,6 +68,15 @@ const BannerRender = _ref => {
       }
     }
   });
+  const parsedTargetings = buildContextualTargeting(actionKey, entityRecordData, propsToDisplay);
+  const {
+    entityData
+  } = bannerData;
+  const {
+    sizes: bannerSizes
+  } = entityData || {};
+  const sizeMapping = buildSizeMapping(sizeId, bannerSizes);
+  const parsedSizes = buildBannerSizes(sizeId, bannerSizes, sizes);
   const {
     countContentHierarchies
   } = data;
@@ -86,24 +84,18 @@ const BannerRender = _ref => {
   const isContextualTargetingSet = propsToDisplay.length && parsedTargetings && Object.keys(parsedTargetings).length;
   const isContextualTargetingReady = isContextualTargetingSet || !propsToDisplay.length;
   const shouldShowBanner = parsedAdunit && parsedSizes && !!parsedSizes.length && isContextualTargetingReady;
-  if (!shouldShowBanner) return null;
   const customTargetings = setCustomTargetings(targetings, cardBannerIndex);
-  const style = {
-    maxHeight: maxBannerHeight,
-    minHeight: minBannerHeight
-  };
 
   const targetingArguments = _objectSpread(_objectSpread({}, parsedTargetings), customTargetings);
 
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ad-slot",
-    style: style
-  }, /*#__PURE__*/React.createElement(AdSlot, {
-    adUnit: parsedAdunit,
-    sizes: parsedSizes,
-    targetingArguments: targetingArguments,
-    sizeMapping: sizeMapping
-  }));
+  return /*#__PURE__*/React.createElement(AdSlotRender, {
+    shouldShowBanner: !!shouldShowBanner,
+    sizeMapping: sizeMapping,
+    sizeId: sizeId,
+    parsedAdunit: parsedAdunit,
+    parsedSizes: parsedSizes,
+    targetingArguments: targetingArguments
+  });
 };
 
 BannerRender.propTypes = {

package/lib-es/components/Banner/BannerRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Banner/BannerRender.js"],"names":["AdSlot","PropTypes","React","useQuery","generateSingleItemQuery","getCount","buildBannerSizes","buildContextualTargeting","buildParsedAdunit","buildSizeMapping","getMaxBannerHeight","getMinBannerHeight","setCustomTargetings","BANNER_QUERY_PROPS","COUNT_CONTENT_HIERARCHIES","GET_BANNER","PUBLISHED","withTitle","BannerRender","baseAdunit","adunit","sizeId","sizes","propsToDisplay","entity","targetings","parent","asPath","action","actionKey","cardBannerIndex","otherProps","id","itemId","data","entityRecordData","variables","where","skip","parsedTargetings","bannerData","entityData","bannerSizes","sizeMapping","parsedSizes","maxBannerHeight","minBannerHeight","parentId","childEntity","_ilike","countContentHierarchies","parsedAdunit","isContextualTargetingSet","length","Object","keys","isContextualTargetingReady","shouldShowBanner","customTargetings","style","maxHeight","minHeight","targetingArguments","propTypes","object","isRequired","string","array","number","defaultProps"],"mappings":"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","sourcesContent":["import { AdSlot } from 'react-dfp';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { useQuery } from 'react-apollo';\nimport { generateSingleItemQuery, getCount } from '../../application/query';\nimport {\n  buildBannerSizes,\n  buildContextualTargeting,\n  buildParsedAdunit,\n  buildSizeMapping,\n  getMaxBannerHeight,\n  getMinBannerHeight,\n  setCustomTargetings\n} from './helpers';\nimport {\n  BANNER_QUERY_PROPS,\n  COUNT_CONTENT_HIERARCHIES,\n  GET_BANNER,\n  PUBLISHED\n} from '../../constants';\nimport { withTitle } from '../../HOC';\n\nconst BannerRender = ({\n  baseAdunit,\n  adunit,\n  sizeId,\n  sizes,\n  propsToDisplay,\n  entity,\n  targetings,\n  parent,\n  asPath,\n  action,\n  actionKey,\n  cardBannerIndex,\n  ...otherProps\n}) => {\n  const { id } = otherProps;\n  const { itemId } = parent;\n\n  const { data: entityRecordData = {} } = useQuery(action, {\n    variables: { where: { id: id || itemId } },\n    skip: id && id !== itemId\n  });\n\n  const parsedTargetings = buildContextualTargeting(actionKey, entityRecordData, propsToDisplay);\n\n  const { data: bannerData = {} } = useQuery(\n    generateSingleItemQuery(GET_BANNER, BANNER_QUERY_PROPS),\n    {\n      variables: { id: sizeId },\n      skip: !sizeId\n    }\n  );\n  const { entityData } = bannerData;\n  const { sizes: bannerSizes } = entityData || {};\n\n  const sizeMapping = buildSizeMapping(sizeId, bannerSizes);\n  const parsedSizes = buildBannerSizes(sizeId, bannerSizes, sizes);\n  const maxBannerHeight = getMaxBannerHeight(bannerSizes);\n  const minBannerHeight = getMinBannerHeight(bannerSizes);\n\n  const { data = {} } = useQuery(getCount(COUNT_CONTENT_HIERARCHIES), {\n    variables: {\n      where: {\n        parentId: id || itemId,\n        childEntity: {\n          _ilike: `${PUBLISHED}_%`\n        }\n      }\n    }\n  });\n\n  const { countContentHierarchies } = data;\n\n  const parsedAdunit = buildParsedAdunit(asPath, countContentHierarchies, baseAdunit, adunit);\n  const isContextualTargetingSet =\n    propsToDisplay.length && parsedTargetings && Object.keys(parsedTargetings).length;\n  const isContextualTargetingReady = isContextualTargetingSet || !propsToDisplay.length;\n  const shouldShowBanner =\n    parsedAdunit && parsedSizes && !!parsedSizes.length && isContextualTargetingReady;\n\n  if (!shouldShowBanner) return null;\n  const customTargetings = setCustomTargetings(targetings, cardBannerIndex);\n  const style = {\n    maxHeight: maxBannerHeight,\n    minHeight: minBannerHeight\n  };\n  const targetingArguments = { ...parsedTargetings, ...customTargetings };\n\n  return (\n    <div className=\"ad-slot\" style={style}>\n      <AdSlot\n        adUnit={parsedAdunit}\n        sizes={parsedSizes}\n        targetingArguments={targetingArguments}\n        sizeMapping={sizeMapping}\n      />\n    </div>\n  );\n};\n\nBannerRender.propTypes = {\n  parent: PropTypes.object.isRequired,\n  asPath: PropTypes.string.isRequired,\n  action: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  adunit: PropTypes.string,\n  baseAdunit: PropTypes.string,\n  sizeId: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string,\n  targetings: PropTypes.string,\n  sizes: PropTypes.string,\n  cardBannerIndex: PropTypes.number\n};\n\nBannerRender.defaultProps = {\n  adunit: '',\n  baseAdunit: '',\n  sizeId: '',\n  propsToDisplay: [],\n  entity: '',\n  targetings: '',\n  sizes: '',\n  cardBannerIndex: null\n};\n\nexport default withTitle(BannerRender);\n"],"file":"BannerRender.js"}
+{"version":3,"sources":["../../../src/components/Banner/BannerRender.js"],"names":["React","PropTypes","useQuery","generateSingleItemQuery","getCount","buildBannerSizes","buildContextualTargeting","buildParsedAdunit","buildSizeMapping","setCustomTargetings","BANNER_QUERY_PROPS","COUNT_CONTENT_HIERARCHIES","GET_BANNER","PUBLISHED","withTitle","AdSlotRender","BannerRender","baseAdunit","adunit","sizeId","sizes","propsToDisplay","entity","targetings","parent","asPath","action","actionKey","cardBannerIndex","otherProps","id","itemId","data","entityRecordData","variables","where","skip","bannerData","parentId","childEntity","_ilike","parsedTargetings","entityData","bannerSizes","sizeMapping","parsedSizes","countContentHierarchies","parsedAdunit","isContextualTargetingSet","length","Object","keys","isContextualTargetingReady","shouldShowBanner","customTargetings","targetingArguments","propTypes","object","isRequired","string","array","number","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useQuery } from '@apollo/client';\n\nimport { generateSingleItemQuery, getCount } from '../../application/query';\nimport {\n  buildBannerSizes,\n  buildContextualTargeting,\n  buildParsedAdunit,\n  buildSizeMapping,\n  setCustomTargetings\n} from './helpers';\nimport {\n  BANNER_QUERY_PROPS,\n  COUNT_CONTENT_HIERARCHIES,\n  GET_BANNER,\n  PUBLISHED\n} from '../../constants';\nimport { withTitle } from '../../HOC';\nimport AdSlotRender from './AdSlotRender';\n\nconst BannerRender = ({\n  baseAdunit,\n  adunit,\n  sizeId,\n  sizes,\n  propsToDisplay,\n  entity,\n  targetings,\n  parent,\n  asPath,\n  action,\n  actionKey,\n  cardBannerIndex,\n  ...otherProps\n}) => {\n  const { id } = otherProps;\n  const { itemId } = parent;\n\n  const { data: entityRecordData = {} } = useQuery(action, {\n    variables: { where: { id: id || itemId } },\n    skip: id && id !== itemId\n  });\n\n  const { data: bannerData = {} } = useQuery(\n    generateSingleItemQuery(GET_BANNER, BANNER_QUERY_PROPS),\n    {\n      variables: { id: sizeId },\n      skip: !sizeId\n    }\n  );\n\n  const { data = {} } = useQuery(getCount(COUNT_CONTENT_HIERARCHIES), {\n    variables: {\n      where: {\n        parentId: id || itemId,\n        childEntity: {\n          _ilike: `${PUBLISHED}_%`\n        }\n      }\n    }\n  });\n\n  const parsedTargetings = buildContextualTargeting(actionKey, entityRecordData, propsToDisplay);\n\n  const { entityData } = bannerData;\n  const { sizes: bannerSizes } = entityData || {};\n\n  const sizeMapping = buildSizeMapping(sizeId, bannerSizes);\n  const parsedSizes = buildBannerSizes(sizeId, bannerSizes, sizes);\n\n  const { countContentHierarchies } = data;\n\n  const parsedAdunit = buildParsedAdunit(asPath, countContentHierarchies, baseAdunit, adunit);\n  const isContextualTargetingSet =\n    propsToDisplay.length && parsedTargetings && Object.keys(parsedTargetings).length;\n  const isContextualTargetingReady = isContextualTargetingSet || !propsToDisplay.length;\n  const shouldShowBanner =\n    parsedAdunit && parsedSizes && !!parsedSizes.length && isContextualTargetingReady;\n\n  const customTargetings = setCustomTargetings(targetings, cardBannerIndex);\n\n  const targetingArguments = { ...parsedTargetings, ...customTargetings };\n\n  return (\n    <AdSlotRender\n      shouldShowBanner={!!shouldShowBanner}\n      sizeMapping={sizeMapping}\n      sizeId={sizeId}\n      parsedAdunit={parsedAdunit}\n      parsedSizes={parsedSizes}\n      targetingArguments={targetingArguments}\n    />\n  );\n};\n\nBannerRender.propTypes = {\n  parent: PropTypes.object.isRequired,\n  asPath: PropTypes.string.isRequired,\n  action: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  adunit: PropTypes.string,\n  baseAdunit: PropTypes.string,\n  sizeId: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string,\n  targetings: PropTypes.string,\n  sizes: PropTypes.string,\n  cardBannerIndex: PropTypes.number\n};\n\nBannerRender.defaultProps = {\n  adunit: '',\n  baseAdunit: '',\n  sizeId: '',\n  propsToDisplay: [],\n  entity: '',\n  targetings: '',\n  sizes: '',\n  cardBannerIndex: null\n};\n\nexport default withTitle(BannerRender);\n"],"file":"BannerRender.js"}

package/lib-es/components/Button.js

@@ -12,7 +12,7 @@ import { useCookies } from 'react-cookie';
 import { useRouter } from 'next/router';
 import BlazeButton from '@blaze-react/button';
 import { handleLogout } from '@blaze-cms/core-auth-ui';
-import { useApolloClient } from 'react-apollo';
+import { useApolloClient } from '@apollo/client';
 import PropTypes from 'prop-types';
 import ClickWrapper from './ClickWrapper';
 import BlazeLink from './BlazeLink';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Button.js"],"names":["React","useState","Fragment","useCookies","useRouter","BlazeButton","handleLogout","useApolloClient","PropTypes","ClickWrapper","BlazeLink","withTitle","getClassModifiers","LOGOUT","renderChildren","updateChildrensParent","hasChildren","getClickWrapperOptions","Button","props","type","text","url","icon","name","style","children","clickAction","otherProps","client","router","isLogoutButton","cookies","blaze_auth","blazeCookie","showChildren","setShowChildren","checkIfButtonShouldRender","logout","reload","handleClick","buttonType","modifiers","currentProps","href","title","DynamicButton","parent","itemId","itemEntity","renderedChildren","onClose","shouldUseClickWrapper","wrapperProps","Wrapper","propTypes","string","size","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, Fragment } from 'react';\nimport { useCookies } from 'react-cookie';\nimport { useRouter } from 'next/router';\nimport BlazeButton from '@blaze-react/button';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { useApolloClient } from 'react-apollo';\nimport PropTypes from 'prop-types';\nimport ClickWrapper from './ClickWrapper';\nimport BlazeLink from './BlazeLink';\nimport { withTitle } from '../HOC';\nimport { getClassModifiers } from '../utils';\nimport { LOGOUT } from '../constants';\nimport {\n  renderChildren,\n  updateChildrensParent,\n  hasChildren,\n  getClickWrapperOptions\n} from '../helpers';\n\nconst Button = props => {\n  const { type, text, url, icon, name, style, children, clickAction, ...otherProps } = props;\n  const client = useApolloClient();\n  const router = useRouter();\n  const isLogoutButton = clickAction === LOGOUT;\n  const [cookies] = useCookies();\n  const { blaze_auth: blazeCookie } = cookies;\n  const [showChildren, setShowChildren] = useState(false);\n\n  const checkIfButtonShouldRender = () => {\n    if (isLogoutButton) return !!blazeCookie;\n    if (!text && !icon) return false;\n    return !!(url || hasChildren(children));\n  };\n\n  const logout = () => {\n    handleLogout(client);\n    url ? router.reload(url) : router.reload();\n  };\n\n  const handleClick = () => {\n    if (isLogoutButton) logout();\n    if (!url && !isLogoutButton) setShowChildren(!showChildren);\n  };\n\n  if (!checkIfButtonShouldRender()) return null;\n\n  const buttonType = !text && icon ? 'icon' : type;\n  const modifiers = getClassModifiers(buttonType, { icon, style, ...otherProps });\n  const currentProps = url ? { href: url, title: name } : { name };\n  const DynamicButton = url && !isLogoutButton ? BlazeLink : BlazeButton;\n  updateChildrensParent(children, otherProps.parent.itemId, otherProps.parent.itemEntity);\n\n  const renderedChildren = renderChildren(children, { onClose: handleClick });\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(children, props);\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <DynamicButton className={modifiers} onClick={handleClick} {...currentProps}>\n        {icon && <i className={icon} />}\n        {text}\n      </DynamicButton>\n      {showChildren && renderedChildren}\n    </Wrapper>\n  );\n};\n\nButton.propTypes = {\n  clickAction: PropTypes.string,\n  text: PropTypes.string,\n  name: PropTypes.string,\n  type: PropTypes.string,\n  url: PropTypes.string,\n  size: PropTypes.string,\n  icon: PropTypes.string,\n  style: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nButton.defaultProps = {\n  clickAction: '',\n  text: '',\n  name: '',\n  type: '',\n  url: null,\n  size: '',\n  icon: '',\n  style: '',\n  children: []\n};\n\nexport default withTitle(Button);\n"],"file":"Button.js"}
+{"version":3,"sources":["../../src/components/Button.js"],"names":["React","useState","Fragment","useCookies","useRouter","BlazeButton","handleLogout","useApolloClient","PropTypes","ClickWrapper","BlazeLink","withTitle","getClassModifiers","LOGOUT","renderChildren","updateChildrensParent","hasChildren","getClickWrapperOptions","Button","props","type","text","url","icon","name","style","children","clickAction","otherProps","client","router","isLogoutButton","cookies","blaze_auth","blazeCookie","showChildren","setShowChildren","checkIfButtonShouldRender","logout","reload","handleClick","buttonType","modifiers","currentProps","href","title","DynamicButton","parent","itemId","itemEntity","renderedChildren","onClose","shouldUseClickWrapper","wrapperProps","Wrapper","propTypes","string","size","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, Fragment } from 'react';\nimport { useCookies } from 'react-cookie';\nimport { useRouter } from 'next/router';\nimport BlazeButton from '@blaze-react/button';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { useApolloClient } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport ClickWrapper from './ClickWrapper';\nimport BlazeLink from './BlazeLink';\nimport { withTitle } from '../HOC';\nimport { getClassModifiers } from '../utils';\nimport { LOGOUT } from '../constants';\nimport {\n  renderChildren,\n  updateChildrensParent,\n  hasChildren,\n  getClickWrapperOptions\n} from '../helpers';\n\nconst Button = props => {\n  const { type, text, url, icon, name, style, children, clickAction, ...otherProps } = props;\n  const client = useApolloClient();\n  const router = useRouter();\n  const isLogoutButton = clickAction === LOGOUT;\n  const [cookies] = useCookies();\n  const { blaze_auth: blazeCookie } = cookies;\n  const [showChildren, setShowChildren] = useState(false);\n\n  const checkIfButtonShouldRender = () => {\n    if (isLogoutButton) return !!blazeCookie;\n    if (!text && !icon) return false;\n    return !!(url || hasChildren(children));\n  };\n\n  const logout = () => {\n    handleLogout(client);\n    url ? router.reload(url) : router.reload();\n  };\n\n  const handleClick = () => {\n    if (isLogoutButton) logout();\n    if (!url && !isLogoutButton) setShowChildren(!showChildren);\n  };\n\n  if (!checkIfButtonShouldRender()) return null;\n\n  const buttonType = !text && icon ? 'icon' : type;\n  const modifiers = getClassModifiers(buttonType, { icon, style, ...otherProps });\n  const currentProps = url ? { href: url, title: name } : { name };\n  const DynamicButton = url && !isLogoutButton ? BlazeLink : BlazeButton;\n  updateChildrensParent(children, otherProps.parent.itemId, otherProps.parent.itemEntity);\n\n  const renderedChildren = renderChildren(children, { onClose: handleClick });\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(children, props);\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <DynamicButton className={modifiers} onClick={handleClick} {...currentProps}>\n        {icon && <i className={icon} />}\n        {text}\n      </DynamicButton>\n      {showChildren && renderedChildren}\n    </Wrapper>\n  );\n};\n\nButton.propTypes = {\n  clickAction: PropTypes.string,\n  text: PropTypes.string,\n  name: PropTypes.string,\n  type: PropTypes.string,\n  url: PropTypes.string,\n  size: PropTypes.string,\n  icon: PropTypes.string,\n  style: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nButton.defaultProps = {\n  clickAction: '',\n  text: '',\n  name: '',\n  type: '',\n  url: null,\n  size: '',\n  icon: '',\n  style: '',\n  children: []\n};\n\nexport default withTitle(Button);\n"],"file":"Button.js"}

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

@@ -1,6 +1,6 @@
 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"],
+const _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "autoScrollTimer"],
       _excluded2 = ["baseAdunit", "id"];
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
@@ -32,7 +32,9 @@ const CardContainer = _ref => {
     itemsPerRow,
     enableCarousel,
     bannerModifier,
-    priorityLimit
+    priorityLimit,
+    enableAutoScroll,
+    autoScrollTimer
   } = _ref,
       cardProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -48,7 +50,9 @@ const CardContainer = _ref => {
     className: dynamicWrapperSizes,
     modifiers: gridModifier,
     itemsPerRow: itemsPerRow,
-    bannerModifier: bannerModifier
+    bannerModifier: bannerModifier,
+    enableAutoScroll: enableAutoScroll,
+    autoScrollTimer: autoScrollTimer
   }, entities.map((_ref2, index) => {
     let {
       baseAdunit,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Card/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","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"],"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  ...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      {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};\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};\n\nexport default withTitle(CardContainer);\n"],"file":"CardContainer.js"}
+{"version":3,"sources":["../../../src/components/Card/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","autoScrollTimer","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"],"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};\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};\n\nexport default withTitle(CardContainer);\n"],"file":"CardContainer.js"}

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

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 const _excluded = ["entity", "propsToDisplay", "itemsToDisplay"],
       _excluded2 = ["gridModifier"];
 import React from 'react';
-import { useQuery } from '@apollo/react-hooks';
+import { useQuery } from '@apollo/client';
 import PropTypes from 'prop-types';
 import { getSingleEntitySchema } from '../../application/query';
 import CardRender from './CardRender';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Card/CardFactory.js"],"names":["React","useQuery","PropTypes","getSingleEntitySchema","CardRender","buildPropsQuery","getGenericProps","checkPropsToUse","WITH_BANNER","CardFactory","entity","propsToDisplay","itemsToDisplay","cardProps","data","error","loading","variables","id","message","propsToDisplayValues","extraProps","gridModifier","cardRenderProps","extraModifierForBanner","banner","propTypes","string","isRequired","array","defaultProps"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,qBAAzB;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,QAA8D;AAAA,MAA7D;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,cAAV;AAA0BC,IAAAA;AAA1B,GAA6D;AAAA,MAAhBC,SAAgB;;AAChF,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA2Bf,QAAQ,CAACE,qBAAD,EAAwB;AAC/Dc,IAAAA,SAAS,EAAE;AAAEC,MAAAA,EAAE,EAAER;AAAN;AADoD,GAAxB,CAAzC;AAIA,MAAIM,OAAJ,EAAa,OAAO,EAAP;AACb,MAAID,KAAJ,EAAW,OAAOA,KAAK,CAACI,OAAb;AACX,MAAI,CAACL,IAAL,EAAW,OAAO,IAAP;AAEX,QAAMM,oBAAoB,GAAGb,eAAe,CAACI,cAAD,CAA5C;AACA,QAAMU,UAAU,GAAGhB,eAAe,CAACS,IAAD,EAAOM,oBAAP,EAA6BP,SAA7B,CAAf,IAA0D,EAA7E;;AACA,2BAA6CP,eAAe,CAACO,SAAD,CAA5D;AAAA,QAAM;AAAES,IAAAA;AAAF,GAAN;AAAA,QAAyBC,eAAzB;;AACA,QAAMC,sBAAsB,GAAGD,eAAe,CAACE,MAAhB,GAAyBjB,WAAzB,GAAuC,EAAtE;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,YAAY,EAAG,GAAEc,YAAa,GAAEE,sBAAuB,EADzD;AAEE,IAAA,cAAc,EAAEA,sBAFlB;AAGE,IAAA,MAAM,EAAEd,MAHV;AAIE,IAAA,cAAc,EAAEE,cAJlB;AAKE,IAAA,cAAc,EAAED,cALlB;AAME,IAAA,YAAY,EAAEU;AANhB,KAOME,eAPN,EADF;AAWD,CAzBD;;AA2BAd,WAAW,CAACiB,SAAZ,GAAwB;AACtBhB,EAAAA,MAAM,EAAER,SAAS,CAACyB,MAAV,CAAiBC,UADH;AAEtBjB,EAAAA,cAAc,EAAET,SAAS,CAAC2B,KAFJ;AAGtBjB,EAAAA,cAAc,EAAEV,SAAS,CAAC2B;AAHJ,CAAxB;AAMApB,WAAW,CAACqB,YAAZ,GAA2B;AACzBnB,EAAAA,cAAc,EAAE,EADS;AAEzBC,EAAAA,cAAc,EAAE;AAFS,CAA3B;AAKA,eAAeH,WAAf","sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/react-hooks';\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, ...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};\n\nCardFactory.defaultProps = {\n  propsToDisplay: [],\n  itemsToDisplay: []\n};\n\nexport default CardFactory;\n"],"file":"CardFactory.js"}
+{"version":3,"sources":["../../../src/components/Card/CardFactory.js"],"names":["React","useQuery","PropTypes","getSingleEntitySchema","CardRender","buildPropsQuery","getGenericProps","checkPropsToUse","WITH_BANNER","CardFactory","entity","propsToDisplay","itemsToDisplay","cardProps","data","error","loading","variables","id","message","propsToDisplayValues","extraProps","gridModifier","cardRenderProps","extraModifierForBanner","banner","propTypes","string","isRequired","array","defaultProps"],"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,QAA8D;AAAA,MAA7D;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,cAAV;AAA0BC,IAAAA;AAA1B,GAA6D;AAAA,MAAhBC,SAAgB;;AAChF,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA2Bf,QAAQ,CAACE,qBAAD,EAAwB;AAC/Dc,IAAAA,SAAS,EAAE;AAAEC,MAAAA,EAAE,EAAER;AAAN;AADoD,GAAxB,CAAzC;AAIA,MAAIM,OAAJ,EAAa,OAAO,EAAP;AACb,MAAID,KAAJ,EAAW,OAAOA,KAAK,CAACI,OAAb;AACX,MAAI,CAACL,IAAL,EAAW,OAAO,IAAP;AAEX,QAAMM,oBAAoB,GAAGb,eAAe,CAACI,cAAD,CAA5C;AACA,QAAMU,UAAU,GAAGhB,eAAe,CAACS,IAAD,EAAOM,oBAAP,EAA6BP,SAA7B,CAAf,IAA0D,EAA7E;;AACA,2BAA6CP,eAAe,CAACO,SAAD,CAA5D;AAAA,QAAM;AAAES,IAAAA;AAAF,GAAN;AAAA,QAAyBC,eAAzB;;AACA,QAAMC,sBAAsB,GAAGD,eAAe,CAACE,MAAhB,GAAyBjB,WAAzB,GAAuC,EAAtE;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,YAAY,EAAG,GAAEc,YAAa,GAAEE,sBAAuB,EADzD;AAEE,IAAA,cAAc,EAAEA,sBAFlB;AAGE,IAAA,MAAM,EAAEd,MAHV;AAIE,IAAA,cAAc,EAAEE,cAJlB;AAKE,IAAA,cAAc,EAAED,cALlB;AAME,IAAA,YAAY,EAAEU;AANhB,KAOME,eAPN,EADF;AAWD,CAzBD;;AA2BAd,WAAW,CAACiB,SAAZ,GAAwB;AACtBhB,EAAAA,MAAM,EAAER,SAAS,CAACyB,MAAV,CAAiBC,UADH;AAEtBjB,EAAAA,cAAc,EAAET,SAAS,CAAC2B,KAFJ;AAGtBjB,EAAAA,cAAc,EAAEV,SAAS,CAAC2B;AAHJ,CAAxB;AAMApB,WAAW,CAACqB,YAAZ,GAA2B;AACzBnB,EAAAA,cAAc,EAAE,EADS;AAEzBC,EAAAA,cAAc,EAAE;AAFS,CAA3B;AAKA,eAAeH,WAAf","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, ...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};\n\nCardFactory.defaultProps = {\n  propsToDisplay: [],\n  itemsToDisplay: []\n};\n\nexport default CardFactory;\n"],"file":"CardFactory.js"}

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

@@ -8,7 +8,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 'react-apollo';
+import { useQuery } from '@apollo/client';
 import dynamic from 'next/dynamic';
 import PropTypes from 'prop-types';
 import { MainContext } from '@blaze-cms/nextjs-components';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Card/CardRender.js"],"names":["React","useContext","useQuery","dynamic","PropTypes","MainContext","generateSingleItemQuery","SEARCH_PUBLISHED_CONTENT","AND","useGetEntitySchemasAsObj","useGetImages","getUpdatedFilterBy","getEntityData","getRequiredSchemas","sortResponseData","getUnpublishedEntityName","renderChildren","splitChildren","removeExtraItems","appendImages","filtersSetup","filterQuerySetup","shouldSkipSingleQuery","shouldReturn","CardContainer","CardRender","entity","entityFields","itemsToDisplay","children","otherProps","parent","itemId","itemEntity","filterBy","filterByProperty","sortby","sort","sortProperties","operator","filterOperator","updatedSortProperties","length","unshift","propsToDisplay","sortbyFilters","map","filter","Boolean","flat","variableProps","itemEntityUpdated","data","mainSchemas","loading","_loading","error","_error","isPreview","entityType","docType","getAction","queryProps","inheritedFilters","currentSchema","filterEntitySchema","entitySameAsCurrentItemEntity","action","filterEntityRelations","getEntitySchemas","Object","values","entityData","_err","_load","variables","id","skip","requiredSchema","schemaLoading","schemaError","updatedFilterBy","limit","cardsError","cardsLoading","imageIds","imageId","imagesData","imagesLoading","isLoading","hasError","message","results","cardData","orderedData","regularChildren","gtmChildren","name","updatedCards","propTypes","oneOfType","arrayOf","node","string","isRequired","array","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from 'react-apollo';\nimport dynamic from 'next/dynamic';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { generateSingleItemQuery } from '../../application/query';\nimport { SEARCH_PUBLISHED_CONTENT, AND } from '../../constants';\nimport { useGetEntitySchemasAsObj, useGetImages } from '../../hooks';\nimport {\n  getUpdatedFilterBy,\n  getEntityData,\n  getRequiredSchemas,\n  sortResponseData,\n  getUnpublishedEntityName,\n  renderChildren,\n  splitChildren,\n  removeExtraItems,\n  appendImages\n} from '../../helpers';\nimport { filtersSetup, filterQuerySetup, shouldSkipSingleQuery, shouldReturn } from './helpers';\n\nconst CardContainer = dynamic(() => import('./CardContainer'));\n\nconst CardRender = ({ entity, entityFields, itemsToDisplay, children, ...otherProps }) => {\n  const {\n    parent: { itemId, itemEntity },\n    filterBy = [],\n    filterByProperty = [],\n    sortby,\n    sort,\n    sortProperties = [],\n    operator: filterOperator = AND\n  } = otherProps;\n\n  const updatedSortProperties = [...sortProperties];\n  if (!updatedSortProperties.length && sort) {\n    updatedSortProperties.unshift({ sort, propsToDisplay: sortby });\n  }\n\n  const sortbyFilters = updatedSortProperties\n    .map(({ propsToDisplay }) => propsToDisplay)\n    .filter(Boolean)\n    .flat();\n\n  const variableProps = {\n    ...otherProps,\n    sortProperties: updatedSortProperties,\n    sort: null,\n    sortby: null\n  };\n\n  const itemEntityUpdated = getUnpublishedEntityName(itemEntity);\n  const { data: mainSchemas = {}, loading: _loading, error: _error } = useGetEntitySchemasAsObj([\n    itemEntityUpdated,\n    entity\n  ]);\n\n  const { isPreview } = useContext(MainContext);\n  const { entityType, docType } = getEntityData(entity);\n  const {\n    getAction,\n    queryProps,\n    inheritedFilters,\n    currentSchema,\n    filterEntitySchema,\n    entitySameAsCurrentItemEntity,\n    action,\n    filterEntityRelations\n  } = filtersSetup({\n    entityFields,\n    entityType,\n    filterBy,\n    filterByProperty,\n    entity,\n    getEntitySchemas: Object.values(mainSchemas),\n    isPreview,\n    itemEntityUpdated\n  });\n  const { data: { entityData = {} } = {}, error: _err, loading: _load } = useQuery(\n    generateSingleItemQuery(getAction, queryProps),\n    {\n      variables: { id: itemId },\n      skip: shouldSkipSingleQuery(_loading, getAction, queryProps)\n    }\n  );\n\n  const {\n    data: requiredSchema = {},\n    loading: schemaLoading,\n    error: schemaError\n  } = useGetEntitySchemasAsObj(\n    getRequiredSchemas([...filterByProperty, ...sortbyFilters], filterEntitySchema),\n    _loading\n  );\n\n  const updatedFilterBy = getUpdatedFilterBy(\n    inheritedFilters,\n    entityData,\n    currentSchema,\n    filterEntitySchema,\n    itemId,\n    variableProps\n  );\n\n  const { limit, variables } = filterQuerySetup({\n    getEntitySchemas: Object.values(requiredSchema),\n    entity,\n    updatedFilterBy,\n    variableProps,\n    docType,\n    filterOperator,\n    filterEntityRelations,\n    itemsToDisplay,\n    entitySameAsCurrentItemEntity\n  });\n  const { data, error: cardsError, loading: cardsLoading } = useQuery(action, {\n    variables,\n    skip: shouldReturn(!updatedFilterBy, _loading, _load, schemaLoading, _error, _err, schemaError)\n  });\n  const imageIds = itemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);\n  const { data: imagesData, loading: imagesLoading } = useGetImages(imageIds, true);\n  const isLoading = shouldReturn(_loading, _load, schemaLoading, cardsLoading, imagesLoading);\n  const hasError = shouldReturn(_error, _err, schemaError);\n\n  if (!updatedFilterBy) return null;\n  if (isLoading) return '';\n  if (hasError) return null;\n  if (cardsError) return cardsError.message;\n\n  let { results: cardData } = data[SEARCH_PUBLISHED_CONTENT];\n  if (!cardData || !cardData.length) return null;\n  cardData = entitySameAsCurrentItemEntity ? removeExtraItems(cardData, limit, itemId) : cardData;\n  const orderedData = sortResponseData(cardData, itemsToDisplay);\n  const { regularChildren, gtmChildren } = splitChildren(children, cardData, entity, {\n    name: variableProps.name\n  });\n  const updatedCards = appendImages(imagesData, orderedData, itemsToDisplay);\n\n  return (\n    <>\n      {gtmChildren && renderChildren(gtmChildren)}\n      <CardContainer\n        cardData={updatedCards}\n        entity={entity}\n        gtmChildren={gtmChildren}\n        cardChildren={regularChildren}\n        {...variableProps}\n      />\n    </>\n  );\n};\n\nCardRender.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  entity: PropTypes.string.isRequired,\n  entityFields: PropTypes.string.isRequired,\n  itemsToDisplay: PropTypes.array\n};\n\nCardRender.defaultProps = {\n  children: [],\n  itemsToDisplay: []\n};\n\nexport default CardRender;\n"],"file":"CardRender.js"}
+{"version":3,"sources":["../../../src/components/Card/CardRender.js"],"names":["React","useContext","useQuery","dynamic","PropTypes","MainContext","generateSingleItemQuery","SEARCH_PUBLISHED_CONTENT","AND","useGetEntitySchemasAsObj","useGetImages","getUpdatedFilterBy","getEntityData","getRequiredSchemas","sortResponseData","getUnpublishedEntityName","renderChildren","splitChildren","removeExtraItems","appendImages","filtersSetup","filterQuerySetup","shouldSkipSingleQuery","shouldReturn","CardContainer","CardRender","entity","entityFields","itemsToDisplay","children","otherProps","parent","itemId","itemEntity","filterBy","filterByProperty","sortby","sort","sortProperties","operator","filterOperator","updatedSortProperties","length","unshift","propsToDisplay","sortbyFilters","map","filter","Boolean","flat","variableProps","itemEntityUpdated","data","mainSchemas","loading","_loading","error","_error","isPreview","entityType","docType","getAction","queryProps","inheritedFilters","currentSchema","filterEntitySchema","entitySameAsCurrentItemEntity","action","filterEntityRelations","getEntitySchemas","Object","values","entityData","_err","_load","variables","id","skip","requiredSchema","schemaLoading","schemaError","updatedFilterBy","limit","cardsError","cardsLoading","imageIds","imageId","imagesData","imagesLoading","isLoading","hasError","message","results","cardData","orderedData","regularChildren","gtmChildren","name","updatedCards","propTypes","oneOfType","arrayOf","node","string","isRequired","array","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport dynamic from 'next/dynamic';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { generateSingleItemQuery } from '../../application/query';\nimport { SEARCH_PUBLISHED_CONTENT, AND } from '../../constants';\nimport { useGetEntitySchemasAsObj, useGetImages } from '../../hooks';\nimport {\n  getUpdatedFilterBy,\n  getEntityData,\n  getRequiredSchemas,\n  sortResponseData,\n  getUnpublishedEntityName,\n  renderChildren,\n  splitChildren,\n  removeExtraItems,\n  appendImages\n} from '../../helpers';\nimport { filtersSetup, filterQuerySetup, shouldSkipSingleQuery, shouldReturn } from './helpers';\n\nconst CardContainer = dynamic(() => import('./CardContainer'));\n\nconst CardRender = ({ entity, entityFields, itemsToDisplay, children, ...otherProps }) => {\n  const {\n    parent: { itemId, itemEntity },\n    filterBy = [],\n    filterByProperty = [],\n    sortby,\n    sort,\n    sortProperties = [],\n    operator: filterOperator = AND\n  } = otherProps;\n\n  const updatedSortProperties = [...sortProperties];\n  if (!updatedSortProperties.length && sort) {\n    updatedSortProperties.unshift({ sort, propsToDisplay: sortby });\n  }\n\n  const sortbyFilters = updatedSortProperties\n    .map(({ propsToDisplay }) => propsToDisplay)\n    .filter(Boolean)\n    .flat();\n\n  const variableProps = {\n    ...otherProps,\n    sortProperties: updatedSortProperties,\n    sort: null,\n    sortby: null\n  };\n\n  const itemEntityUpdated = getUnpublishedEntityName(itemEntity);\n  const { data: mainSchemas = {}, loading: _loading, error: _error } = useGetEntitySchemasAsObj([\n    itemEntityUpdated,\n    entity\n  ]);\n\n  const { isPreview } = useContext(MainContext);\n  const { entityType, docType } = getEntityData(entity);\n  const {\n    getAction,\n    queryProps,\n    inheritedFilters,\n    currentSchema,\n    filterEntitySchema,\n    entitySameAsCurrentItemEntity,\n    action,\n    filterEntityRelations\n  } = filtersSetup({\n    entityFields,\n    entityType,\n    filterBy,\n    filterByProperty,\n    entity,\n    getEntitySchemas: Object.values(mainSchemas),\n    isPreview,\n    itemEntityUpdated\n  });\n  const { data: { entityData = {} } = {}, error: _err, loading: _load } = useQuery(\n    generateSingleItemQuery(getAction, queryProps),\n    {\n      variables: { id: itemId },\n      skip: shouldSkipSingleQuery(_loading, getAction, queryProps)\n    }\n  );\n\n  const {\n    data: requiredSchema = {},\n    loading: schemaLoading,\n    error: schemaError\n  } = useGetEntitySchemasAsObj(\n    getRequiredSchemas([...filterByProperty, ...sortbyFilters], filterEntitySchema),\n    _loading\n  );\n\n  const updatedFilterBy = getUpdatedFilterBy(\n    inheritedFilters,\n    entityData,\n    currentSchema,\n    filterEntitySchema,\n    itemId,\n    variableProps\n  );\n\n  const { limit, variables } = filterQuerySetup({\n    getEntitySchemas: Object.values(requiredSchema),\n    entity,\n    updatedFilterBy,\n    variableProps,\n    docType,\n    filterOperator,\n    filterEntityRelations,\n    itemsToDisplay,\n    entitySameAsCurrentItemEntity\n  });\n  const { data, error: cardsError, loading: cardsLoading } = useQuery(action, {\n    variables,\n    skip: shouldReturn(!updatedFilterBy, _loading, _load, schemaLoading, _error, _err, schemaError)\n  });\n  const imageIds = itemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);\n  const { data: imagesData, loading: imagesLoading } = useGetImages(imageIds, true);\n  const isLoading = shouldReturn(_loading, _load, schemaLoading, cardsLoading, imagesLoading);\n  const hasError = shouldReturn(_error, _err, schemaError);\n\n  if (!updatedFilterBy) return null;\n  if (isLoading) return '';\n  if (hasError) return null;\n  if (cardsError) return cardsError.message;\n\n  let { results: cardData } = data[SEARCH_PUBLISHED_CONTENT];\n  if (!cardData || !cardData.length) return null;\n  cardData = entitySameAsCurrentItemEntity ? removeExtraItems(cardData, limit, itemId) : cardData;\n  const orderedData = sortResponseData(cardData, itemsToDisplay);\n  const { regularChildren, gtmChildren } = splitChildren(children, cardData, entity, {\n    name: variableProps.name\n  });\n  const updatedCards = appendImages(imagesData, orderedData, itemsToDisplay);\n\n  return (\n    <>\n      {gtmChildren && renderChildren(gtmChildren)}\n      <CardContainer\n        cardData={updatedCards}\n        entity={entity}\n        gtmChildren={gtmChildren}\n        cardChildren={regularChildren}\n        {...variableProps}\n      />\n    </>\n  );\n};\n\nCardRender.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  entity: PropTypes.string.isRequired,\n  entityFields: PropTypes.string.isRequired,\n  itemsToDisplay: PropTypes.array\n};\n\nCardRender.defaultProps = {\n  children: [],\n  itemsToDisplay: []\n};\n\nexport default CardRender;\n"],"file":"CardRender.js"}

package/lib-es/components/Card/helpers/filter-query-setup.js

@@ -4,7 +4,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 { getStringTypeProps } from '@blaze-cms/utils';
+import { getStringTypeProps } from '@blaze-cms/utils/src/helpers';
 import { getGenericRenderVariables, buildRawQueryBase, buildSetFilters } from '../../../helpers';
 import { DEFAULT_LIMIT } from '../../../constants';
 

package/lib-es/components/Card/helpers/filter-query-setup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Card/helpers/filter-query-setup.js"],"names":["getStringTypeProps","getGenericRenderVariables","buildRawQueryBase","buildSetFilters","DEFAULT_LIMIT","filterQuerySetup","getEntitySchemas","entity","updatedFilterBy","variableProps","docType","filterOperator","filterEntityRelations","itemsToDisplay","entitySameAsCurrentItemEntity","stringProps","filterValues","length","filterBy","rawQuery","bool","relations","addListFiltersToQuery","limit","settingsLimit","requestLimit","Number","variables","JSON","stringify"],"mappings":";;;;;;AAAA,SAASA,kBAAT,QAAmC,kBAAnC;AACA,SAASC,yBAAT,EAAoCC,iBAApC,EAAuDC,eAAvD,QAA8E,kBAA9E;AACA,SAASC,aAAT,QAA8B,oBAA9B;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AACxBC,EAAAA,gBADwB;AAExBC,EAAAA,MAFwB;AAGxBC,EAAAA,eAHwB;AAIxBC,EAAAA,aAJwB;AAKxBC,EAAAA,OALwB;AAMxBC,EAAAA,cANwB;AAOxBC,EAAAA,qBAPwB;AAQxBC,EAAAA,cARwB;AASxBC,EAAAA;AATwB,CAAD,KAUnB;AACJ,QAAMC,WAAW,GAAGf,kBAAkB,CAACO,MAAD,EAASK,qBAAT,EAAgCN,gBAAhC,CAAtC;AACA,QAAMU,YAAY,GAChBR,eAAe,IAAIA,eAAe,CAACS,MAAnC,GACId,eAAe,iCAAMM,aAAN;AAAqBS,IAAAA,QAAQ,EAAEV;AAA/B,KADnB,GAEIL,eAAe,CAACM,aAAD,CAHrB;AAKA,QAAMU,QAAQ,GAAG;AACfC,IAAAA,IAAI,EAAElB,iBAAiB,CAAC;AACtBQ,MAAAA,OADsB;AAEtBM,MAAAA,YAFsB;AAGtBL,MAAAA,cAHsB;AAItBU,MAAAA,SAAS,EAAET,qBAJW;AAKtBG,MAAAA,WALsB;AAMtBF,MAAAA,cANsB;AAOtBS,MAAAA,qBAAqB,EAAE;AAPD,KAAD;AADR,GAAjB,CAPI,CAmBJ;;AACA,QAAM;AAAEC,IAAAA,KAAK,EAAEC;AAAT,MAA2Bf,aAAjC;AACA,QAAMc,KAAK,GAAGC,aAAa,IAAIpB,aAA/B,CArBI,CAqB0C;;AAC9C,QAAMqB,YAAY,GAAGX,6BAA6B,GAAGY,MAAM,CAACH,KAAD,CAAN,GAAgB,CAAnB,GAAuBA,KAAzE;AACA,QAAMI,SAAS,GAAG1B,yBAAyB,CACzCW,qBADyC,kCAEpCH,aAFoC;AAErBc,IAAAA,KAAK,EAAEE;AAFc,MAGzCV,WAHyC,EAIzCa,IAAI,CAACC,SAAL,CAAeV,QAAf,CAJyC,CAA3C;AAOA,SAAO;AAAEQ,IAAAA,SAAF;AAAaJ,IAAAA;AAAb,GAAP;AACD,CAzCD;;AA2CA,eAAelB,gBAAf","sourcesContent":["import { getStringTypeProps } from '@blaze-cms/utils';\nimport { getGenericRenderVariables, buildRawQueryBase, buildSetFilters } from '../../../helpers';\nimport { DEFAULT_LIMIT } from '../../../constants';\n\nconst filterQuerySetup = ({\n  getEntitySchemas,\n  entity,\n  updatedFilterBy,\n  variableProps,\n  docType,\n  filterOperator,\n  filterEntityRelations,\n  itemsToDisplay,\n  entitySameAsCurrentItemEntity\n}) => {\n  const stringProps = getStringTypeProps(entity, filterEntityRelations, getEntitySchemas);\n  const filterValues =\n    updatedFilterBy && updatedFilterBy.length\n      ? buildSetFilters({ ...variableProps, filterBy: updatedFilterBy })\n      : buildSetFilters(variableProps);\n\n  const rawQuery = {\n    bool: buildRawQueryBase({\n      docType,\n      filterValues,\n      filterOperator,\n      relations: filterEntityRelations,\n      stringProps,\n      itemsToDisplay,\n      addListFiltersToQuery: true\n    })\n  };\n\n  // increase limit to get extra item in case results contain current parent\n  const { limit: settingsLimit } = variableProps;\n  const limit = settingsLimit || DEFAULT_LIMIT; // all falsey should use default\n  const requestLimit = entitySameAsCurrentItemEntity ? Number(limit) + 1 : limit;\n  const variables = getGenericRenderVariables(\n    filterEntityRelations,\n    { ...variableProps, limit: requestLimit },\n    stringProps,\n    JSON.stringify(rawQuery)\n  );\n\n  return { variables, limit };\n};\n\nexport default filterQuerySetup;\n"],"file":"filter-query-setup.js"}
+{"version":3,"sources":["../../../../src/components/Card/helpers/filter-query-setup.js"],"names":["getStringTypeProps","getGenericRenderVariables","buildRawQueryBase","buildSetFilters","DEFAULT_LIMIT","filterQuerySetup","getEntitySchemas","entity","updatedFilterBy","variableProps","docType","filterOperator","filterEntityRelations","itemsToDisplay","entitySameAsCurrentItemEntity","stringProps","filterValues","length","filterBy","rawQuery","bool","relations","addListFiltersToQuery","limit","settingsLimit","requestLimit","Number","variables","JSON","stringify"],"mappings":";;;;;;AAAA,SAASA,kBAAT,QAAmC,8BAAnC;AACA,SAASC,yBAAT,EAAoCC,iBAApC,EAAuDC,eAAvD,QAA8E,kBAA9E;AACA,SAASC,aAAT,QAA8B,oBAA9B;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AACxBC,EAAAA,gBADwB;AAExBC,EAAAA,MAFwB;AAGxBC,EAAAA,eAHwB;AAIxBC,EAAAA,aAJwB;AAKxBC,EAAAA,OALwB;AAMxBC,EAAAA,cANwB;AAOxBC,EAAAA,qBAPwB;AAQxBC,EAAAA,cARwB;AASxBC,EAAAA;AATwB,CAAD,KAUnB;AACJ,QAAMC,WAAW,GAAGf,kBAAkB,CAACO,MAAD,EAASK,qBAAT,EAAgCN,gBAAhC,CAAtC;AACA,QAAMU,YAAY,GAChBR,eAAe,IAAIA,eAAe,CAACS,MAAnC,GACId,eAAe,iCAAMM,aAAN;AAAqBS,IAAAA,QAAQ,EAAEV;AAA/B,KADnB,GAEIL,eAAe,CAACM,aAAD,CAHrB;AAKA,QAAMU,QAAQ,GAAG;AACfC,IAAAA,IAAI,EAAElB,iBAAiB,CAAC;AACtBQ,MAAAA,OADsB;AAEtBM,MAAAA,YAFsB;AAGtBL,MAAAA,cAHsB;AAItBU,MAAAA,SAAS,EAAET,qBAJW;AAKtBG,MAAAA,WALsB;AAMtBF,MAAAA,cANsB;AAOtBS,MAAAA,qBAAqB,EAAE;AAPD,KAAD;AADR,GAAjB,CAPI,CAmBJ;;AACA,QAAM;AAAEC,IAAAA,KAAK,EAAEC;AAAT,MAA2Bf,aAAjC;AACA,QAAMc,KAAK,GAAGC,aAAa,IAAIpB,aAA/B,CArBI,CAqB0C;;AAC9C,QAAMqB,YAAY,GAAGX,6BAA6B,GAAGY,MAAM,CAACH,KAAD,CAAN,GAAgB,CAAnB,GAAuBA,KAAzE;AACA,QAAMI,SAAS,GAAG1B,yBAAyB,CACzCW,qBADyC,kCAEpCH,aAFoC;AAErBc,IAAAA,KAAK,EAAEE;AAFc,MAGzCV,WAHyC,EAIzCa,IAAI,CAACC,SAAL,CAAeV,QAAf,CAJyC,CAA3C;AAOA,SAAO;AAAEQ,IAAAA,SAAF;AAAaJ,IAAAA;AAAb,GAAP;AACD,CAzCD;;AA2CA,eAAelB,gBAAf","sourcesContent":["import { getStringTypeProps } from '@blaze-cms/utils/src/helpers';\nimport { getGenericRenderVariables, buildRawQueryBase, buildSetFilters } from '../../../helpers';\nimport { DEFAULT_LIMIT } from '../../../constants';\n\nconst filterQuerySetup = ({\n  getEntitySchemas,\n  entity,\n  updatedFilterBy,\n  variableProps,\n  docType,\n  filterOperator,\n  filterEntityRelations,\n  itemsToDisplay,\n  entitySameAsCurrentItemEntity\n}) => {\n  const stringProps = getStringTypeProps(entity, filterEntityRelations, getEntitySchemas);\n  const filterValues =\n    updatedFilterBy && updatedFilterBy.length\n      ? buildSetFilters({ ...variableProps, filterBy: updatedFilterBy })\n      : buildSetFilters(variableProps);\n\n  const rawQuery = {\n    bool: buildRawQueryBase({\n      docType,\n      filterValues,\n      filterOperator,\n      relations: filterEntityRelations,\n      stringProps,\n      itemsToDisplay,\n      addListFiltersToQuery: true\n    })\n  };\n\n  // increase limit to get extra item in case results contain current parent\n  const { limit: settingsLimit } = variableProps;\n  const limit = settingsLimit || DEFAULT_LIMIT; // all falsey should use default\n  const requestLimit = entitySameAsCurrentItemEntity ? Number(limit) + 1 : limit;\n  const variables = getGenericRenderVariables(\n    filterEntityRelations,\n    { ...variableProps, limit: requestLimit },\n    stringProps,\n    JSON.stringify(rawQuery)\n  );\n\n  return { variables, limit };\n};\n\nexport default filterQuerySetup;\n"],"file":"filter-query-setup.js"}

package/lib-es/components/CarouselWrapper.js

@@ -5,13 +5,31 @@ import { FaAngleLeft, FaAngleRight } from 'react-icons/fa';
 const CarouselWrapper = ({
   children,
   bannerModifier,
-  itemsPerRow
+  itemsPerRow,
+  enableAutoScroll,
+  autoScrollTimer
 }) => {
   const ref = useRef();
   const [buttonDisplay, setButtonDisplays] = useState({
     displayLeft: false,
     displayRight: true
   });
+  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);
+  const autoScrollRef = useRef();
+  useEffect(() => {
+    autoScrollRef.current = shouldAutoScroll;
+    const id = setInterval(scrollCheck, autoScrollTimer);
+
+    function scrollCheck() {
+      if (!autoScrollRef.current) {
+        clearInterval(id);
+      } else {
+        handleButtonNavigation(true);
+      }
+    }
+
+    return () => clearInterval(id);
+  }, [autoScrollTimer, shouldAutoScroll]);
   useEffect(() => {
     const {
       current: {
@@ -23,7 +41,8 @@ const CarouselWrapper = ({
       displayLeft: false,
       displayRight: false
     });
-  }, []);
+    setShouldAutoScroll(enableAutoScroll);
+  }, [enableAutoScroll]);
 
   const handleScroll = () => {
     const {
@@ -42,35 +61,48 @@ const CarouselWrapper = ({
   };
 
   const handleButtonNavigation = direction => {
+    if (!ref || !ref.current) return;
     const {
       current: {
         offsetWidth,
-        scrollLeft
+        scrollLeft,
+        scrollWidth
       }
     } = ref;
-    ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;
+
+    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {
+      ref.current.scrollLeft = 0;
+    } else {
+      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;
+    }
   };
 
   const {
     displayLeft,
     displayRight
   } = buttonDisplay;
-  const wrapperClassName = `card-carousel relative gap-2${bannerModifier}`;
-  const contentClassName = `card-carousel__content card-carousel__content--items-per-row-${itemsPerRow} flex flex-nowrap p-4 gap-4 overflow-x-scroll`;
+  const wrapperClassName = `cards-carousel${bannerModifier}`;
+  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;
   return /*#__PURE__*/React.createElement("div", {
     className: wrapperClassName
   }, /*#__PURE__*/React.createElement("div", {
-    className: "card-carousel__button-wrapper absolute left-0 h-full flex justify-center items-center z-10"
+    className: "cards-carousel--left-button-wrapper"
   }, displayLeft && /*#__PURE__*/React.createElement("button", {
     type: "button",
-    className: "card-carousel__button-back icon-button",
-    onClick: () => handleButtonNavigation()
+    className: "cards-carousel--button-back icon-button icon",
+    onClick: () => {
+      setShouldAutoScroll(false);
+      handleButtonNavigation();
+    }
   }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaAngleLeft, null)))), /*#__PURE__*/React.createElement("div", {
-    className: "card-carousel__button-wrapper absolute right-0 h-full flex justify-center items-center z-10"
+    className: "cards-carousel--right-button-wrapper"
   }, displayRight && /*#__PURE__*/React.createElement("button", {
     type: "button",
-    className: "card-carousel__button-forward icon-button icon",
-    onClick: () => handleButtonNavigation(true)
+    className: "cards-carousel--button-forward icon-button icon",
+    onClick: () => {
+      setShouldAutoScroll(false);
+      handleButtonNavigation(true);
+    }
   }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaAngleRight, null)))), /*#__PURE__*/React.createElement("div", {
     className: contentClassName,
     ref: ref,
@@ -81,12 +113,16 @@ const CarouselWrapper = ({
 CarouselWrapper.propTypes = {
   bannerModifier: PropTypes.string,
   itemsPerRow: PropTypes.number,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+  enableAutoScroll: PropTypes.bool,
+  autoScrollTimer: PropTypes.number
 };
 CarouselWrapper.defaultProps = {
   itemsPerRow: 0,
   bannerModifier: '',
-  children: []
+  children: [],
+  enableAutoScroll: false,
+  autoScrollTimer: 0
 };
 export default CarouselWrapper;
 //# sourceMappingURL=CarouselWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/CarouselWrapper.js"],"names":["React","useRef","useState","useEffect","PropTypes","FaAngleLeft","FaAngleRight","CarouselWrapper","children","bannerModifier","itemsPerRow","ref","buttonDisplay","setButtonDisplays","displayLeft","displayRight","current","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","handleButtonNavigation","direction","wrapperClassName","contentClassName","propTypes","string","number","oneOfType","arrayOf","node","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 = ({ children, bannerModifier, itemsPerRow }) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n\n  useEffect(() => {\n    const {\n      current: { offsetWidth, scrollWidth }\n    } = ref;\n\n    if (scrollWidth <= offsetWidth) setButtonDisplays({ displayLeft: false, displayRight: false });\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    const {\n      current: { offsetWidth, scrollLeft }\n    } = ref;\n    ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `card-carousel relative gap-2${bannerModifier}`;\n  const contentClassName = `card-carousel__content card-carousel__content--items-per-row-${itemsPerRow} flex flex-nowrap p-4 gap-4 overflow-x-scroll`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"card-carousel__button-wrapper absolute left-0 h-full flex justify-center items-center z-10\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"card-carousel__button-back icon-button\"\n            onClick={() => handleButtonNavigation()}>\n            <i>\n              <FaAngleLeft />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className=\"card-carousel__button-wrapper absolute right-0 h-full flex justify-center items-center z-10\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"card-carousel__button-forward icon-button icon\"\n            onClick={() => handleButtonNavigation(true)}>\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};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: []\n};\n\nexport default CarouselWrapper;\n"],"file":"CarouselWrapper.js"}
+{"version":3,"sources":["../../src/components/CarouselWrapper.js"],"names":["React","useRef","useState","useEffect","PropTypes","FaAngleLeft","FaAngleRight","CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","ref","buttonDisplay","setButtonDisplays","displayLeft","displayRight","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","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"}

package/lib-es/components/DataSummary/DataSummaryFactory.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 const _excluded = ["entity", "dataRecordId", "propsToDisplay", "type", "useSelectedEntity", "elementTitle", "modifier", "headingStyle", "loopProperties", "loopLimit"];
 import React, { useContext } from 'react';
-import { useQuery } from '@apollo/react-hooks';
+import { useQuery } from '@apollo/client';
 import PropTypes from 'prop-types';
 import { MainContext } from '@blaze-cms/nextjs-components';
 import { getSingleEntitySchema } from '../../application/query';