@blaze-cms/react-page-builder 0.146.0-core-styles.45 → 0.146.0-core-styles.52

package/lib-es/components/List/components/Full/FullRenderItem.js

@@ -6,44 +6,39 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { Waypoint } from 'react-waypoint';
 import { MainContext } from '@blaze-cms/nextjs-components';
+import { VariantContext } from '../../ListFactory';
 import BuildPBComponents from '../../../../hooks/helpers/buildPBComponents';
 import Banner from '../../../Banner';
 import { parsePropsToDisplay, shouldRenderWaypoint } from '../../../../helpers';
-const FullRenderItem = ({
-  isInfinite,
-  pageBuilderComponents,
-  entityProps,
-  propsToDisplay,
-  entity,
-  index,
-  itemId,
-  listTotal,
-  initialOffset,
-  currentListLength,
-  triggerInfiniteScroll,
-  parent,
-  pageBuilderID,
-  displayCount,
-  shouldRenderBanner,
-  bannerProps,
-  bannerIndex
-}) => {
+const FullRenderItem = props => {
+  const {
+    isInfinite,
+    pageBuilderComponents,
+    entityProps,
+    propsToDisplay,
+    entity,
+    index,
+    itemId,
+    listTotal,
+    initialOffset,
+    currentListLength,
+    triggerInfiniteScroll,
+    parent,
+    pageBuilderID,
+    displayCount,
+    shouldRenderBanner,
+    bannerProps,
+    bannerIndex
+  } = props;
   const {
     hasGTM
   } = useContext(MainContext);
+  const VariantComponent = useContext(VariantContext);
   if (!pageBuilderComponents) return null;
   const parsedPropsToDisplay = parsePropsToDisplay(entityProps, propsToDisplay);
   const currentItemIndex = initialOffset + index;
   const renderWaypoint = isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderWaypoint && /*#__PURE__*/React.createElement(Waypoint, {
-    onEnter: triggerInfiniteScroll
-  }), displayCount && /*#__PURE__*/React.createElement("div", {
-    className: "heading heading--section heading--section--count"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "section-number"
-  }, currentItemIndex + 1), /*#__PURE__*/React.createElement("span", {
-    className: "section-total"
-  }, "/", listTotal)), /*#__PURE__*/React.createElement("div", {
+  const defaultContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "list__item list__item--full"
   }, BuildPBComponents(pageBuilderComponents, {
     parent: _objectSpread(_objectSpread({}, parent), {}, {
@@ -52,9 +47,18 @@ const FullRenderItem = ({
     }),
     hasGTM,
     pageBuilderID
-  })), !!parsedPropsToDisplay.length && /*#__PURE__*/React.createElement(React.Fragment, null, parsedPropsToDisplay.map(prop => prop ? /*#__PURE__*/React.createElement("span", {
+  })), !VariantComponent && !!parsedPropsToDisplay.length && /*#__PURE__*/React.createElement(React.Fragment, null, parsedPropsToDisplay.map(prop => prop ? /*#__PURE__*/React.createElement("span", {
     key: prop
-  }, prop) : null)), shouldRenderBanner && /*#__PURE__*/React.createElement(Banner, _extends({}, bannerProps, {
+  }, prop) : null)));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderWaypoint && /*#__PURE__*/React.createElement(Waypoint, {
+    onEnter: triggerInfiniteScroll
+  }), displayCount && /*#__PURE__*/React.createElement("div", {
+    className: "heading heading--section heading--section--count"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "section-number"
+  }, currentItemIndex + 1), /*#__PURE__*/React.createElement("span", {
+    className: "section-total"
+  }, "/", listTotal)), VariantComponent ? /*#__PURE__*/React.createElement(VariantComponent, props, defaultContent) : defaultContent, shouldRenderBanner && /*#__PURE__*/React.createElement(Banner, _extends({}, bannerProps, {
     renderCounter: bannerIndex
   })));
 };

package/lib-es/components/List/components/Full/FullRenderItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullRenderItem.js","names":["React","useContext","PropTypes","Waypoint","MainContext","BuildPBComponents","Banner","parsePropsToDisplay","shouldRenderWaypoint","FullRenderItem","isInfinite","pageBuilderComponents","entityProps","propsToDisplay","entity","index","itemId","listTotal","initialOffset","currentListLength","triggerInfiniteScroll","parent","pageBuilderID","displayCount","shouldRenderBanner","bannerProps","bannerIndex","hasGTM","parsedPropsToDisplay","currentItemIndex","renderWaypoint","createElement","Fragment","onEnter","className","_objectSpread","itemEntity","length","map","prop","key","_extends","renderCounter","propTypes","array","object","isRequired","number","bool","func","string","data","itemsToDisplay","defaultProps"],"sources":["../../../../../src/components/List/components/Full/FullRenderItem.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport BuildPBComponents from '../../../../hooks/helpers/buildPBComponents';\nimport Banner from '../../../Banner';\nimport { parsePropsToDisplay, shouldRenderWaypoint } from '../../../../helpers';\n\nconst FullRenderItem = ({\n  isInfinite,\n  pageBuilderComponents,\n  entityProps,\n  propsToDisplay,\n  entity,\n  index,\n  itemId,\n  listTotal,\n  initialOffset,\n  currentListLength,\n  triggerInfiniteScroll,\n  parent,\n  pageBuilderID,\n  displayCount,\n  shouldRenderBanner,\n  bannerProps,\n  bannerIndex\n}) => {\n  const { hasGTM } = useContext(MainContext);\n  if (!pageBuilderComponents) return null;\n  const parsedPropsToDisplay = parsePropsToDisplay(entityProps, propsToDisplay);\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  return (\n    <>\n      {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--full\">\n        {BuildPBComponents(pageBuilderComponents, {\n          parent: { ...parent, itemId, itemEntity: entity },\n          hasGTM,\n          pageBuilderID\n        })}\n      </div>\n      {!!parsedPropsToDisplay.length && (\n        <>{parsedPropsToDisplay.map(prop => (prop ? <span key={prop}>{prop}</span> : null))}</>\n      )}\n      {shouldRenderBanner && <Banner {...bannerProps} renderCounter={bannerIndex} />}\n    </>\n  );\n};\n\nFullRenderItem.propTypes = {\n  pageBuilderComponents: PropTypes.array,\n  entityProps: PropTypes.object.isRequired,\n  parent: PropTypes.object.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  listTotal: PropTypes.number.isRequired,\n  initialOffset: PropTypes.number.isRequired,\n  displayCount: PropTypes.bool.isRequired,\n  triggerInfiniteScroll: PropTypes.func,\n  entity: PropTypes.string.isRequired,\n  pageBuilderID: PropTypes.string.isRequired,\n  itemId: PropTypes.string.isRequired,\n  index: PropTypes.number.isRequired,\n  isInfinite: PropTypes.bool.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  propsToDisplay: PropTypes.array,\n  data: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  bannerProps: PropTypes.object\n};\n\nFullRenderItem.defaultProps = {\n  pageBuilderComponents: null,\n  data: [],\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  triggerInfiniteScroll: null,\n  bannerProps: null\n};\n\nexport default FullRenderItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FullRenderItem.js","names":["React","useContext","PropTypes","Waypoint","MainContext","VariantContext","BuildPBComponents","Banner","parsePropsToDisplay","shouldRenderWaypoint","FullRenderItem","props","isInfinite","pageBuilderComponents","entityProps","propsToDisplay","entity","index","itemId","listTotal","initialOffset","currentListLength","triggerInfiniteScroll","parent","pageBuilderID","displayCount","shouldRenderBanner","bannerProps","bannerIndex","hasGTM","VariantComponent","parsedPropsToDisplay","currentItemIndex","renderWaypoint","defaultContent","createElement","Fragment","className","_objectSpread","itemEntity","length","map","prop","key","onEnter","_extends","renderCounter","propTypes","array","object","isRequired","number","bool","func","string","data","itemsToDisplay","defaultProps"],"sources":["../../../../../src/components/List/components/Full/FullRenderItem.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { VariantContext } from '../../ListFactory';\nimport BuildPBComponents from '../../../../hooks/helpers/buildPBComponents';\nimport Banner from '../../../Banner';\nimport { parsePropsToDisplay, shouldRenderWaypoint } from '../../../../helpers';\n\nconst FullRenderItem = props => {\n  const {\n    isInfinite,\n    pageBuilderComponents,\n    entityProps,\n    propsToDisplay,\n    entity,\n    index,\n    itemId,\n    listTotal,\n    initialOffset,\n    currentListLength,\n    triggerInfiniteScroll,\n    parent,\n    pageBuilderID,\n    displayCount,\n    shouldRenderBanner,\n    bannerProps,\n    bannerIndex\n  } = props;\n  const { hasGTM } = useContext(MainContext);\n  const VariantComponent = useContext(VariantContext);\n\n  if (!pageBuilderComponents) return null;\n  const parsedPropsToDisplay = parsePropsToDisplay(entityProps, propsToDisplay);\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n\n  const defaultContent = (\n    <>\n      <div className=\"list__item list__item--full\">\n        {BuildPBComponents(pageBuilderComponents, {\n          parent: { ...parent, itemId, itemEntity: entity },\n          hasGTM,\n          pageBuilderID\n        })}\n      </div>\n      {!VariantComponent &&\n        !!parsedPropsToDisplay.length && (\n          <>{parsedPropsToDisplay.map(prop => (prop ? <span key={prop}>{prop}</span> : null))}</>\n        )}\n    </>\n  );\n\n  return (\n    <>\n      {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      {VariantComponent ? (\n        <VariantComponent {...props}>{defaultContent}</VariantComponent>\n      ) : (\n        defaultContent\n      )}\n\n      {shouldRenderBanner && <Banner {...bannerProps} renderCounter={bannerIndex} />}\n    </>\n  );\n};\n\nFullRenderItem.propTypes = {\n  pageBuilderComponents: PropTypes.array,\n  entityProps: PropTypes.object.isRequired,\n  parent: PropTypes.object.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  listTotal: PropTypes.number.isRequired,\n  initialOffset: PropTypes.number.isRequired,\n  displayCount: PropTypes.bool.isRequired,\n  triggerInfiniteScroll: PropTypes.func,\n  entity: PropTypes.string.isRequired,\n  pageBuilderID: PropTypes.string.isRequired,\n  itemId: PropTypes.string.isRequired,\n  index: PropTypes.number.isRequired,\n  isInfinite: PropTypes.bool.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  propsToDisplay: PropTypes.array,\n  data: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  bannerProps: PropTypes.object\n};\n\nFullRenderItem.defaultProps = {\n  pageBuilderComponents: null,\n  data: [],\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  triggerInfiniteScroll: null,\n  bannerProps: null\n};\n\nexport default FullRenderItem;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/helpers/build-props-query.js

@@ -64,7 +64,7 @@ const getTypeBaseProps = (entitySchema, cardOptions, extraPropsHaveCategory) =>
     dynamicProperties,
     relations
   } = entitySchema;
-  const isContent = !!interfaces.includes('content/content');
+  const isContent = !!interfaces.includes('content/content-base');
   const hasCategory = checkProps(properties) || checkProps(dynamicProperties);
   const hasPreheader = properties[PREHEADER_PROP];
   const typeBasedProps = [...defaultProps];
@@ -81,7 +81,9 @@ const getTypeBaseProps = (entitySchema, cardOptions, extraPropsHaveCategory) =>
     shouldAddCategoryProps
   };
 };
-const getContentProps = isContent => isContent ? ['url', 'sponsored', 'featured'] : [];
+
+// make sure all props are supported by content/content-base interface
+const getContentProps = isContent => isContent ? ['url', 'sponsored', 'featured', 'live'] : [];
 const getCategoyProps = (shouldAddCategoryProps, hasCategory, hasPreheader) => {
   if (!shouldAddCategoryProps) return [];
   const props = [];

package/lib-es/helpers/build-props-query.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-props-query.js","names":["CATEGORY_ID","ID","PREHEADER_PROP","HEADLINE_PROP","defaultProps","categoryProps","checkProps","props","Object","keys","filter","prop","length","buildPropsQuery","entitySchema","extraProps","cardOptions","linkProps","parsedSchema","getEntitySchema","extraPropsHaveCategory","includes","typeBasedProps","shouldAddCategoryProps","getTypeBaseProps","allProps","uniqueProps","Set","basicProps","nestedProps","forEach","push","base","nested","split","complexProps","buildComplexProps","join","relations","dynamicProperties","properties","map","hasLink","find","linkProp","matchingProperty","matchingRelation","localField","matchingDynamicProp","dynamicKey","jointNestedProps","isCard","displayCategory","displayThumbnail","interfaces","isContent","hasCategory","hasPreheader","getCategoyProps","getContentProps","url"],"sources":["../../src/helpers/build-props-query.js"],"sourcesContent":["import { CATEGORY_ID, ID, PREHEADER_PROP, HEADLINE_PROP } from '../constants';\n\nconst defaultProps = [ID, 'name'];\nconst categoryProps = 'id publishedListingPage{id, url}';\n\nconst checkProps = props =>\n  !!(props && Object.keys(props).filter(prop => prop === CATEGORY_ID).length);\n\nconst buildPropsQuery = (entitySchema, extraProps = [], cardOptions = null, linkProps = []) => {\n  const parsedSchema = entitySchema.getEntitySchema ? entitySchema.getEntitySchema : entitySchema;\n  const extraPropsHaveCategory = !!extraProps.filter(prop => prop.includes('category.')).length;\n  const { typeBasedProps, shouldAddCategoryProps } = getTypeBaseProps(\n    parsedSchema,\n    cardOptions,\n    extraPropsHaveCategory\n  );\n\n  const allProps = [...typeBasedProps, ...extraProps];\n  const uniqueProps = [...new Set([...allProps])];\n  const basicProps = [];\n  const nestedProps = {};\n  uniqueProps.forEach(prop => {\n    if (prop) {\n      if (!prop.includes('.')) {\n        basicProps.push(prop);\n        return;\n      }\n      const [base, nested] = prop.split('.');\n      if (!nestedProps[base]) nestedProps[base] = [nested];\n      else nestedProps[base].push(nested);\n    }\n  });\n\n  const complexProps = buildComplexProps(\n    shouldAddCategoryProps,\n    nestedProps,\n    parsedSchema,\n    linkProps\n  );\n\n  return [...basicProps, ...complexProps].join(',');\n};\n\nconst buildComplexProps = (\n  shouldAddCategoryProps,\n  props,\n  { relations = [], dynamicProperties = {}, properties = {} },\n  linkProps\n) =>\n  Object.keys(props).map(base => {\n    const nestedProps = props[base];\n    const hasLink = !!linkProps.find(linkProp => linkProp.includes(base));\n    const matchingProperty = !!properties[base];\n    const matchingRelation = relations.find(({ localField }) => localField === base);\n    const matchingDynamicProp = Object.keys(dynamicProperties).find(\n      dynamicKey => dynamicKey === base\n    );\n\n    if (matchingRelation && !nestedProps.includes('id')) nestedProps.push('id');\n    if (hasLink && (!!matchingProperty || !!matchingRelation || !!matchingDynamicProp))\n      nestedProps.push('url');\n    const jointNestedProps = nestedProps.join(',');\n    if (base === 'category' && shouldAddCategoryProps)\n      return `${base}{${jointNestedProps}, ${categoryProps}}`;\n    if (base.includes('published')) {\n      return `${base}{${jointNestedProps},url}`;\n    }\n    return `${base}{${jointNestedProps}}`;\n  });\n\nconst getTypeBaseProps = (entitySchema, cardOptions, extraPropsHaveCategory) => {\n  const isCard = !!cardOptions;\n  const { displayCategory = true, displayThumbnail = true } = cardOptions || {};\n\n  const shouldAddCategoryProps =\n    (isCard && displayCategory) || (!isCard && !extraPropsHaveCategory);\n\n  if (!isCard) return { typeBasedProps: [ID], shouldAddCategoryProps };\n\n  const { interfaces, properties, dynamicProperties, relations } = entitySchema;\n\n  const isContent = !!interfaces.includes('content/content');\n  const hasCategory = checkProps(properties) || checkProps(dynamicProperties);\n  const hasPreheader = properties[PREHEADER_PROP];\n\n  const typeBasedProps = [...defaultProps];\n\n  typeBasedProps.push(...getCategoyProps(shouldAddCategoryProps, hasCategory, hasPreheader));\n  typeBasedProps.push(...getContentProps(isContent));\n\n  if (properties.url || dynamicProperties.url) typeBasedProps.push('url');\n\n  if (displayThumbnail && relations.find(({ localField }) => localField === 'image')) {\n    typeBasedProps.push('image.id', 'image.url', 'image.data');\n  }\n\n  return { typeBasedProps, shouldAddCategoryProps };\n};\n\nconst getContentProps = isContent => (isContent ? ['url', 'sponsored', 'featured'] : []);\n\nconst getCategoyProps = (shouldAddCategoryProps, hasCategory, hasPreheader) => {\n  if (!shouldAddCategoryProps) return [];\n  const props = [];\n  if (hasCategory)\n    props.push('category.name', 'category.listingPageId', 'category.listingPageEntity');\n\n  if (hasPreheader) {\n    props.push(`${PREHEADER_PROP}{name}`);\n    props.push(HEADLINE_PROP);\n  }\n\n  return props;\n};\n\nexport default buildPropsQuery;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,EAAE,EAAEC,cAAc,EAAEC,aAAa,QAAQ,cAAc;AAE7E,MAAMC,YAAY,GAAG,CAACH,EAAE,EAAE,MAAM,CAAC;AACjC,MAAMI,aAAa,GAAG,kCAAkC;AAExD,MAAMC,UAAU,GAAGC,KAAK,IACtB,CAAC,EAAEA,KAAK,IAAIC,MAAM,CAACC,IAAI,CAACF,KAAK,CAAC,CAACG,MAAM,CAACC,IAAI,IAAIA,IAAI,KAAKX,WAAW,CAAC,CAACY,MAAM,CAAC;AAE7E,MAAMC,eAAe,GAAGA,CAACC,YAAY,EAAEC,UAAU,GAAG,EAAE,EAAEC,WAAW,GAAG,IAAI,EAAEC,SAAS,GAAG,EAAE,KAAK;EAC7F,MAAMC,YAAY,GAAGJ,YAAY,CAACK,eAAe,GAAGL,YAAY,CAACK,eAAe,GAAGL,YAAY;EAC/F,MAAMM,sBAAsB,GAAG,CAAC,CAACL,UAAU,CAACL,MAAM,CAACC,IAAI,IAAIA,IAAI,CAACU,QAAQ,CAAC,WAAW,CAAC,CAAC,CAACT,MAAM;EAC7F,MAAM;IAAEU,cAAc;IAAEC;EAAuB,CAAC,GAAGC,gBAAgB,CACjEN,YAAY,EACZF,WAAW,EACXI,sBACF,CAAC;EAED,MAAMK,QAAQ,GAAG,CAAC,GAAGH,cAAc,EAAE,GAAGP,UAAU,CAAC;EACnD,MAAMW,WAAW,GAAG,CAAC,GAAG,IAAIC,GAAG,CAAC,CAAC,GAAGF,QAAQ,CAAC,CAAC,CAAC;EAC/C,MAAMG,UAAU,GAAG,EAAE;EACrB,MAAMC,WAAW,GAAG,CAAC,CAAC;EACtBH,WAAW,CAACI,OAAO,CAACnB,IAAI,IAAI;IAC1B,IAAIA,IAAI,EAAE;MACR,IAAI,CAACA,IAAI,CAACU,QAAQ,CAAC,GAAG,CAAC,EAAE;QACvBO,UAAU,CAACG,IAAI,CAACpB,IAAI,CAAC;QACrB;MACF;MACA,MAAM,CAACqB,IAAI,EAAEC,MAAM,CAAC,GAAGtB,IAAI,CAACuB,KAAK,CAAC,GAAG,CAAC;MACtC,IAAI,CAACL,WAAW,CAACG,IAAI,CAAC,EAAEH,WAAW,CAACG,IAAI,CAAC,GAAG,CAACC,MAAM,CAAC,CAAC,KAChDJ,WAAW,CAACG,IAAI,CAAC,CAACD,IAAI,CAACE,MAAM,CAAC;IACrC;EACF,CAAC,CAAC;EAEF,MAAME,YAAY,GAAGC,iBAAiB,CACpCb,sBAAsB,EACtBM,WAAW,EACXX,YAAY,EACZD,SACF,CAAC;EAED,OAAO,CAAC,GAAGW,UAAU,EAAE,GAAGO,YAAY,CAAC,CAACE,IAAI,CAAC,GAAG,CAAC;AACnD,CAAC;AAED,MAAMD,iBAAiB,GAAGA,CACxBb,sBAAsB,EACtBhB,KAAK,EACL;EAAE+B,SAAS,GAAG,EAAE;EAAEC,iBAAiB,GAAG,CAAC,CAAC;EAAEC,UAAU,GAAG,CAAC;AAAE,CAAC,EAC3DvB,SAAS,KAETT,MAAM,CAACC,IAAI,CAACF,KAAK,CAAC,CAACkC,GAAG,CAACT,IAAI,IAAI;EAC7B,MAAMH,WAAW,GAAGtB,KAAK,CAACyB,IAAI,CAAC;EAC/B,MAAMU,OAAO,GAAG,CAAC,CAACzB,SAAS,CAAC0B,IAAI,CAACC,QAAQ,IAAIA,QAAQ,CAACvB,QAAQ,CAACW,IAAI,CAAC,CAAC;EACrE,MAAMa,gBAAgB,GAAG,CAAC,CAACL,UAAU,CAACR,IAAI,CAAC;EAC3C,MAAMc,gBAAgB,GAAGR,SAAS,CAACK,IAAI,CAAC,CAAC;IAAEI;EAAW,CAAC,KAAKA,UAAU,KAAKf,IAAI,CAAC;EAChF,MAAMgB,mBAAmB,GAAGxC,MAAM,CAACC,IAAI,CAAC8B,iBAAiB,CAAC,CAACI,IAAI,CAC7DM,UAAU,IAAIA,UAAU,KAAKjB,IAC/B,CAAC;EAED,IAAIc,gBAAgB,IAAI,CAACjB,WAAW,CAACR,QAAQ,CAAC,IAAI,CAAC,EAAEQ,WAAW,CAACE,IAAI,CAAC,IAAI,CAAC;EAC3E,IAAIW,OAAO,KAAK,CAAC,CAACG,gBAAgB,IAAI,CAAC,CAACC,gBAAgB,IAAI,CAAC,CAACE,mBAAmB,CAAC,EAChFnB,WAAW,CAACE,IAAI,CAAC,KAAK,CAAC;EACzB,MAAMmB,gBAAgB,GAAGrB,WAAW,CAACQ,IAAI,CAAC,GAAG,CAAC;EAC9C,IAAIL,IAAI,KAAK,UAAU,IAAIT,sBAAsB,EAC/C,OAAO,GAAGS,IAAI,IAAIkB,gBAAgB,KAAK7C,aAAa,GAAG;EACzD,IAAI2B,IAAI,CAACX,QAAQ,CAAC,WAAW,CAAC,EAAE;IAC9B,OAAO,GAAGW,IAAI,IAAIkB,gBAAgB,OAAO;EAC3C;EACA,OAAO,GAAGlB,IAAI,IAAIkB,gBAAgB,GAAG;AACvC,CAAC,CAAC;AAEJ,MAAM1B,gBAAgB,GAAGA,CAACV,YAAY,EAAEE,WAAW,EAAEI,sBAAsB,KAAK;EAC9E,MAAM+B,MAAM,GAAG,CAAC,CAACnC,WAAW;EAC5B,MAAM;IAAEoC,eAAe,GAAG,IAAI;IAAEC,gBAAgB,GAAG;EAAK,CAAC,GAAGrC,WAAW,IAAI,CAAC,CAAC;EAE7E,MAAMO,sBAAsB,GACzB4B,MAAM,IAAIC,eAAe,IAAM,CAACD,MAAM,IAAI,CAAC/B,sBAAuB;EAErE,IAAI,CAAC+B,MAAM,EAAE,OAAO;IAAE7B,cAAc,EAAE,CAACrB,EAAE,CAAC;IAAEsB;EAAuB,CAAC;EAEpE,MAAM;IAAE+B,UAAU;IAAEd,UAAU;IAAED,iBAAiB;IAAED;EAAU,CAAC,GAAGxB,YAAY;EAE7E,MAAMyC,SAAS,GAAG,CAAC,CAACD,UAAU,CAACjC,QAAQ,CAAC,iBAAiB,CAAC;EAC1D,MAAMmC,WAAW,GAAGlD,UAAU,CAACkC,UAAU,CAAC,IAAIlC,UAAU,CAACiC,iBAAiB,CAAC;EAC3E,MAAMkB,YAAY,GAAGjB,UAAU,CAACtC,cAAc,CAAC;EAE/C,MAAMoB,cAAc,GAAG,CAAC,GAAGlB,YAAY,CAAC;EAExCkB,cAAc,CAACS,IAAI,CAAC,GAAG2B,eAAe,CAACnC,sBAAsB,EAAEiC,WAAW,EAAEC,YAAY,CAAC,CAAC;EAC1FnC,cAAc,CAACS,IAAI,CAAC,GAAG4B,eAAe,CAACJ,SAAS,CAAC,CAAC;EAElD,IAAIf,UAAU,CAACoB,GAAG,IAAIrB,iBAAiB,CAACqB,GAAG,EAAEtC,cAAc,CAACS,IAAI,CAAC,KAAK,CAAC;EAEvE,IAAIsB,gBAAgB,IAAIf,SAAS,CAACK,IAAI,CAAC,CAAC;IAAEI;EAAW,CAAC,KAAKA,UAAU,KAAK,OAAO,CAAC,EAAE;IAClFzB,cAAc,CAACS,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,YAAY,CAAC;EAC5D;EAEA,OAAO;IAAET,cAAc;IAAEC;EAAuB,CAAC;AACnD,CAAC;AAED,MAAMoC,eAAe,GAAGJ,SAAS,IAAKA,SAAS,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,CAAC,GAAG,EAAG;AAExF,MAAMG,eAAe,GAAGA,CAACnC,sBAAsB,EAAEiC,WAAW,EAAEC,YAAY,KAAK;EAC7E,IAAI,CAAClC,sBAAsB,EAAE,OAAO,EAAE;EACtC,MAAMhB,KAAK,GAAG,EAAE;EAChB,IAAIiD,WAAW,EACbjD,KAAK,CAACwB,IAAI,CAAC,eAAe,EAAE,wBAAwB,EAAE,4BAA4B,CAAC;EAErF,IAAI0B,YAAY,EAAE;IAChBlD,KAAK,CAACwB,IAAI,CAAC,GAAG7B,cAAc,QAAQ,CAAC;IACrCK,KAAK,CAACwB,IAAI,CAAC5B,aAAa,CAAC;EAC3B;EAEA,OAAOI,KAAK;AACd,CAAC;AAED,eAAeM,eAAe","ignoreList":[]}
+{"version":3,"file":"build-props-query.js","names":["CATEGORY_ID","ID","PREHEADER_PROP","HEADLINE_PROP","defaultProps","categoryProps","checkProps","props","Object","keys","filter","prop","length","buildPropsQuery","entitySchema","extraProps","cardOptions","linkProps","parsedSchema","getEntitySchema","extraPropsHaveCategory","includes","typeBasedProps","shouldAddCategoryProps","getTypeBaseProps","allProps","uniqueProps","Set","basicProps","nestedProps","forEach","push","base","nested","split","complexProps","buildComplexProps","join","relations","dynamicProperties","properties","map","hasLink","find","linkProp","matchingProperty","matchingRelation","localField","matchingDynamicProp","dynamicKey","jointNestedProps","isCard","displayCategory","displayThumbnail","interfaces","isContent","hasCategory","hasPreheader","getCategoyProps","getContentProps","url"],"sources":["../../src/helpers/build-props-query.js"],"sourcesContent":["import { CATEGORY_ID, ID, PREHEADER_PROP, HEADLINE_PROP } from '../constants';\n\nconst defaultProps = [ID, 'name'];\nconst categoryProps = 'id publishedListingPage{id, url}';\n\nconst checkProps = props =>\n  !!(props && Object.keys(props).filter(prop => prop === CATEGORY_ID).length);\n\nconst buildPropsQuery = (entitySchema, extraProps = [], cardOptions = null, linkProps = []) => {\n  const parsedSchema = entitySchema.getEntitySchema ? entitySchema.getEntitySchema : entitySchema;\n  const extraPropsHaveCategory = !!extraProps.filter(prop => prop.includes('category.')).length;\n  const { typeBasedProps, shouldAddCategoryProps } = getTypeBaseProps(\n    parsedSchema,\n    cardOptions,\n    extraPropsHaveCategory\n  );\n\n  const allProps = [...typeBasedProps, ...extraProps];\n  const uniqueProps = [...new Set([...allProps])];\n  const basicProps = [];\n  const nestedProps = {};\n  uniqueProps.forEach(prop => {\n    if (prop) {\n      if (!prop.includes('.')) {\n        basicProps.push(prop);\n        return;\n      }\n      const [base, nested] = prop.split('.');\n      if (!nestedProps[base]) nestedProps[base] = [nested];\n      else nestedProps[base].push(nested);\n    }\n  });\n\n  const complexProps = buildComplexProps(\n    shouldAddCategoryProps,\n    nestedProps,\n    parsedSchema,\n    linkProps\n  );\n\n  return [...basicProps, ...complexProps].join(',');\n};\n\nconst buildComplexProps = (\n  shouldAddCategoryProps,\n  props,\n  { relations = [], dynamicProperties = {}, properties = {} },\n  linkProps\n) =>\n  Object.keys(props).map(base => {\n    const nestedProps = props[base];\n    const hasLink = !!linkProps.find(linkProp => linkProp.includes(base));\n    const matchingProperty = !!properties[base];\n    const matchingRelation = relations.find(({ localField }) => localField === base);\n    const matchingDynamicProp = Object.keys(dynamicProperties).find(\n      dynamicKey => dynamicKey === base\n    );\n\n    if (matchingRelation && !nestedProps.includes('id')) nestedProps.push('id');\n    if (hasLink && (!!matchingProperty || !!matchingRelation || !!matchingDynamicProp))\n      nestedProps.push('url');\n    const jointNestedProps = nestedProps.join(',');\n    if (base === 'category' && shouldAddCategoryProps)\n      return `${base}{${jointNestedProps}, ${categoryProps}}`;\n    if (base.includes('published')) {\n      return `${base}{${jointNestedProps},url}`;\n    }\n    return `${base}{${jointNestedProps}}`;\n  });\n\nconst getTypeBaseProps = (entitySchema, cardOptions, extraPropsHaveCategory) => {\n  const isCard = !!cardOptions;\n  const { displayCategory = true, displayThumbnail = true } = cardOptions || {};\n\n  const shouldAddCategoryProps =\n    (isCard && displayCategory) || (!isCard && !extraPropsHaveCategory);\n\n  if (!isCard) return { typeBasedProps: [ID], shouldAddCategoryProps };\n\n  const { interfaces, properties, dynamicProperties, relations } = entitySchema;\n\n  const isContent = !!interfaces.includes('content/content-base');\n  const hasCategory = checkProps(properties) || checkProps(dynamicProperties);\n  const hasPreheader = properties[PREHEADER_PROP];\n\n  const typeBasedProps = [...defaultProps];\n\n  typeBasedProps.push(...getCategoyProps(shouldAddCategoryProps, hasCategory, hasPreheader));\n  typeBasedProps.push(...getContentProps(isContent));\n\n  if (properties.url || dynamicProperties.url) typeBasedProps.push('url');\n\n  if (displayThumbnail && relations.find(({ localField }) => localField === 'image')) {\n    typeBasedProps.push('image.id', 'image.url', 'image.data');\n  }\n\n  return { typeBasedProps, shouldAddCategoryProps };\n};\n\n// make sure all props are supported by content/content-base interface\nconst getContentProps = isContent => (isContent ? ['url', 'sponsored', 'featured', 'live'] : []);\n\nconst getCategoyProps = (shouldAddCategoryProps, hasCategory, hasPreheader) => {\n  if (!shouldAddCategoryProps) return [];\n  const props = [];\n  if (hasCategory)\n    props.push('category.name', 'category.listingPageId', 'category.listingPageEntity');\n\n  if (hasPreheader) {\n    props.push(`${PREHEADER_PROP}{name}`);\n    props.push(HEADLINE_PROP);\n  }\n\n  return props;\n};\n\nexport default buildPropsQuery;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/index.js

@@ -7,7 +7,7 @@ export { default as variants } from './variants';
 export { default as LoadingComponent } from './components/Loading';
 export { default as Modal } from './components/ModalAdapter';
 export { default as ErrorMessage } from './components/ErrorMessage';
-export { getAction, generateSingleItemQuery, generateMultiItemQuery, getEntitySchema, getSingleEntitySchema, getUser } from './application/query';
+export { getAction, generateSingleItemQuery, generateMultiItemQuery, getEntitySchema, getSingleEntitySchema, getUser, getCurrentUser } from './application/query';
 export { getInheritedFilters, getQueryProps, buildRawQuery, buildPropsQuery, buildRawQueryStringified, buildFiltersQuery, getUnpublishedEntityName, renderChildren, hasChildren } from './helpers';
 export { withTitle } from './HOC';
 export { useGetEntitySchema, useGetEntitySchemasAsObj, useGetSingleEntitySchema } from './hooks';

package/lib-es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","buildPBComponents","getLightboxImages","getComponent","componentMap","variantHandler","getClassModifiers","components","variants","LoadingComponent","Modal","ErrorMessage","getAction","generateSingleItemQuery","generateMultiItemQuery","getEntitySchema","getSingleEntitySchema","getUser","getInheritedFilters","getQueryProps","buildRawQuery","buildPropsQuery","buildRawQueryStringified","buildFiltersQuery","getUnpublishedEntityName","renderChildren","hasChildren","withTitle","useGetEntitySchema","useGetEntitySchemasAsObj","useGetSingleEntitySchema","summaryComponents","buildPropsToDisplayWithContent"],"sources":["../src/index.js"],"sourcesContent":["export { default as buildPBComponents } from './hooks/helpers/buildPBComponents';\nexport { default as getLightboxImages } from './hooks/helpers/get-lightbox-images';\nexport { default as getComponent } from './hooks/helpers/getComponent';\nexport { componentMap, variantHandler, getClassModifiers } from './utils';\nexport { default as components } from './components';\nexport { default as variants } from './variants';\nexport { default as LoadingComponent } from './components/Loading';\nexport { default as Modal } from './components/ModalAdapter';\nexport { default as ErrorMessage } from './components/ErrorMessage';\nexport {\n  getAction,\n  generateSingleItemQuery,\n  generateMultiItemQuery,\n  getEntitySchema,\n  getSingleEntitySchema,\n  getUser\n} from './application/query';\nexport {\n  getInheritedFilters,\n  getQueryProps,\n  buildRawQuery,\n  buildPropsQuery,\n  buildRawQueryStringified,\n  buildFiltersQuery,\n  getUnpublishedEntityName,\n  renderChildren,\n  hasChildren\n} from './helpers';\nexport { withTitle } from './HOC';\nexport { useGetEntitySchema, useGetEntitySchemasAsObj, useGetSingleEntitySchema } from './hooks';\nexport { summaryComponents } from './components/DataSummary/DataSummaryTypes';\nexport { buildPropsToDisplayWithContent } from './components/DataSummary/helpers';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,mCAAmC;AAChF,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,qCAAqC;AAClF,SAASF,OAAO,IAAIG,YAAY,QAAQ,8BAA8B;AACtE,SAASC,YAAY,EAAEC,cAAc,EAAEC,iBAAiB,QAAQ,SAAS;AACzE,SAASN,OAAO,IAAIO,UAAU,QAAQ,cAAc;AACpD,SAASP,OAAO,IAAIQ,QAAQ,QAAQ,YAAY;AAChD,SAASR,OAAO,IAAIS,gBAAgB,QAAQ,sBAAsB;AAClE,SAAST,OAAO,IAAIU,KAAK,QAAQ,2BAA2B;AAC5D,SAASV,OAAO,IAAIW,YAAY,QAAQ,2BAA2B;AACnE,SACEC,SAAS,EACTC,uBAAuB,EACvBC,sBAAsB,EACtBC,eAAe,EACfC,qBAAqB,EACrBC,OAAO,QACF,qBAAqB;AAC5B,SACEC,mBAAmB,EACnBC,aAAa,EACbC,aAAa,EACbC,eAAe,EACfC,wBAAwB,EACxBC,iBAAiB,EACjBC,wBAAwB,EACxBC,cAAc,EACdC,WAAW,QACN,WAAW;AAClB,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,kBAAkB,EAAEC,wBAAwB,EAAEC,wBAAwB,QAAQ,SAAS;AAChG,SAASC,iBAAiB,QAAQ,2CAA2C;AAC7E,SAASC,8BAA8B,QAAQ,kCAAkC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","buildPBComponents","getLightboxImages","getComponent","componentMap","variantHandler","getClassModifiers","components","variants","LoadingComponent","Modal","ErrorMessage","getAction","generateSingleItemQuery","generateMultiItemQuery","getEntitySchema","getSingleEntitySchema","getUser","getCurrentUser","getInheritedFilters","getQueryProps","buildRawQuery","buildPropsQuery","buildRawQueryStringified","buildFiltersQuery","getUnpublishedEntityName","renderChildren","hasChildren","withTitle","useGetEntitySchema","useGetEntitySchemasAsObj","useGetSingleEntitySchema","summaryComponents","buildPropsToDisplayWithContent"],"sources":["../src/index.js"],"sourcesContent":["export { default as buildPBComponents } from './hooks/helpers/buildPBComponents';\nexport { default as getLightboxImages } from './hooks/helpers/get-lightbox-images';\nexport { default as getComponent } from './hooks/helpers/getComponent';\nexport { componentMap, variantHandler, getClassModifiers } from './utils';\nexport { default as components } from './components';\nexport { default as variants } from './variants';\nexport { default as LoadingComponent } from './components/Loading';\nexport { default as Modal } from './components/ModalAdapter';\nexport { default as ErrorMessage } from './components/ErrorMessage';\nexport {\n  getAction,\n  generateSingleItemQuery,\n  generateMultiItemQuery,\n  getEntitySchema,\n  getSingleEntitySchema,\n  getUser,\n  getCurrentUser\n} from './application/query';\nexport {\n  getInheritedFilters,\n  getQueryProps,\n  buildRawQuery,\n  buildPropsQuery,\n  buildRawQueryStringified,\n  buildFiltersQuery,\n  getUnpublishedEntityName,\n  renderChildren,\n  hasChildren\n} from './helpers';\nexport { withTitle } from './HOC';\nexport { useGetEntitySchema, useGetEntitySchemasAsObj, useGetSingleEntitySchema } from './hooks';\nexport { summaryComponents } from './components/DataSummary/DataSummaryTypes';\nexport { buildPropsToDisplayWithContent } from './components/DataSummary/helpers';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,mCAAmC;AAChF,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,qCAAqC;AAClF,SAASF,OAAO,IAAIG,YAAY,QAAQ,8BAA8B;AACtE,SAASC,YAAY,EAAEC,cAAc,EAAEC,iBAAiB,QAAQ,SAAS;AACzE,SAASN,OAAO,IAAIO,UAAU,QAAQ,cAAc;AACpD,SAASP,OAAO,IAAIQ,QAAQ,QAAQ,YAAY;AAChD,SAASR,OAAO,IAAIS,gBAAgB,QAAQ,sBAAsB;AAClE,SAAST,OAAO,IAAIU,KAAK,QAAQ,2BAA2B;AAC5D,SAASV,OAAO,IAAIW,YAAY,QAAQ,2BAA2B;AACnE,SACEC,SAAS,EACTC,uBAAuB,EACvBC,sBAAsB,EACtBC,eAAe,EACfC,qBAAqB,EACrBC,OAAO,EACPC,cAAc,QACT,qBAAqB;AAC5B,SACEC,mBAAmB,EACnBC,aAAa,EACbC,aAAa,EACbC,eAAe,EACfC,wBAAwB,EACxBC,iBAAiB,EACjBC,wBAAwB,EACxBC,cAAc,EACdC,WAAW,QACN,WAAW;AAClB,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,kBAAkB,EAAEC,wBAAwB,EAAEC,wBAAwB,QAAQ,SAAS;AAChG,SAASC,iBAAiB,QAAQ,2CAA2C;AAC7E,SAASC,8BAA8B,QAAQ,kCAAkC","ignoreList":[]}

package/lib-es/variants/LiveBlogList/LiveBlogList.js

@@ -0,0 +1,90 @@
+import React, { useRef, useState, useEffect } from 'react';
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import Button from '@blaze-react/button';
+import { FaPlus, FaMinus } from 'react-icons/fa';
+import { BsPinAngleFill } from 'react-icons/bs';
+dayjs.extend(relativeTime);
+const LiveBlogList = props => {
+  const {
+    children,
+    date,
+    published,
+    featured
+  } = props;
+  const [isExpanded, setIsExpanded] = useState(false);
+  const [shouldShowButton, setShouldShowButton] = useState(false);
+  const [{
+    displayedDate,
+    displayedTime
+  }, setDisplayedDate] = useState({
+    displayedDate: ' ',
+    displayTime: ''
+  });
+  const usedDate = date || published;
+  const contentRef = useRef(null);
+  useEffect(() => {
+    const timeout = setTimeout(() => {
+      if (contentRef.current) {
+        const contentHeight = contentRef.current.scrollHeight;
+        if (contentHeight > 380) {
+          setShouldShowButton(true);
+        }
+      }
+    }, 500); // delay to wait for content load
+    // todo: change to use mutation observer
+
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [children]);
+  useEffect(() => {
+    // delay setting time so no SSR issues based on timezone
+    let newDate = '';
+    if (usedDate) {
+      const diffInDays = dayjs().diff(dayjs(usedDate), 'day');
+      if (diffInDays < 1) {
+        newDate = dayjs(usedDate).fromNow();
+      } else if (diffInDays < 365) {
+        newDate = dayjs(usedDate).format('DD MMM');
+      } else {
+        newDate = dayjs(usedDate).format('DD MMM YYYY');
+      }
+      setDisplayedDate({
+        displayedDate: newDate,
+        displayedTime: dayjs(usedDate).format('HH:mm')
+      });
+    }
+  }, [date, published, usedDate]);
+  const toggleExpanded = () => {
+    setIsExpanded(!isExpanded);
+  };
+  const isCollapsed = !isExpanded;
+  const baseClass = 'live-blog-container';
+  const modifier = featured ? ` ${baseClass}--featured` : '';
+  const className = `${baseClass}${modifier}`;
+  return /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, usedDate && /*#__PURE__*/React.createElement("div", {
+    className: "live-blog-date"
+  }, featured && /*#__PURE__*/React.createElement(BsPinAngleFill, null), /*#__PURE__*/React.createElement("span", {
+    className: "live-blog-date--date"
+  }, displayedDate), /*#__PURE__*/React.createElement("span", {
+    className: "live-blog-date--time"
+  }, displayedTime)), /*#__PURE__*/React.createElement("div", {
+    ref: contentRef,
+    className: `live-blog-content ${isCollapsed ? 'live-blog-content--collapsed' : 'live-blog-content--opened'}`
+  }, children), shouldShowButton && /*#__PURE__*/React.createElement("div", {
+    className: "live-blog-button-wrapper"
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: "live-blog-toggle",
+    onClick: toggleExpanded,
+    type: "button"
+  }, isExpanded ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FaMinus, {
+    className: "toggle-icon"
+  }), " Show Less") : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FaPlus, {
+    className: "toggle-icon"
+  }), " Show More"))));
+};
+export default LiveBlogList;
+//# sourceMappingURL=LiveBlogList.js.map

package/lib-es/variants/LiveBlogList/LiveBlogList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveBlogList.js","names":["React","useRef","useState","useEffect","dayjs","relativeTime","Button","FaPlus","FaMinus","BsPinAngleFill","extend","LiveBlogList","props","children","date","published","featured","isExpanded","setIsExpanded","shouldShowButton","setShouldShowButton","displayedDate","displayedTime","setDisplayedDate","displayTime","usedDate","contentRef","timeout","setTimeout","current","contentHeight","scrollHeight","clearTimeout","newDate","diffInDays","diff","fromNow","format","toggleExpanded","isCollapsed","baseClass","modifier","className","createElement","ref","onClick","type","Fragment"],"sources":["../../../src/variants/LiveBlogList/LiveBlogList.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport dayjs from 'dayjs';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport Button from '@blaze-react/button';\nimport { FaPlus, FaMinus } from 'react-icons/fa';\nimport { BsPinAngleFill } from 'react-icons/bs';\n\ndayjs.extend(relativeTime);\n\nconst LiveBlogList = props => {\n  const { children, date, published, featured } = props;\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [shouldShowButton, setShouldShowButton] = useState(false);\n  const [{ displayedDate, displayedTime }, setDisplayedDate] = useState({\n    displayedDate: '&nbsp;',\n    displayTime: ''\n  });\n  const usedDate = date || published;\n\n  const contentRef = useRef(null);\n\n  useEffect(\n    () => {\n      const timeout = setTimeout(() => {\n        if (contentRef.current) {\n          const contentHeight = contentRef.current.scrollHeight;\n          if (contentHeight > 380) {\n            setShouldShowButton(true);\n          }\n        }\n      }, 500); // delay to wait for content load\n      // todo: change to use mutation observer\n\n      return () => {\n        clearTimeout(timeout);\n      };\n    },\n    [children]\n  );\n\n  useEffect(\n    () => {\n      // delay setting time so no SSR issues based on timezone\n      let newDate = '';\n      if (usedDate) {\n        const diffInDays = dayjs().diff(dayjs(usedDate), 'day');\n        if (diffInDays < 1) {\n          newDate = dayjs(usedDate).fromNow();\n        } else if (diffInDays < 365) {\n          newDate = dayjs(usedDate).format('DD MMM');\n        } else {\n          newDate = dayjs(usedDate).format('DD MMM YYYY');\n        }\n        setDisplayedDate({\n          displayedDate: newDate,\n          displayedTime: dayjs(usedDate).format('HH:mm')\n        });\n      }\n    },\n    [date, published, usedDate]\n  );\n\n  const toggleExpanded = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const isCollapsed = !isExpanded;\n  const baseClass = 'live-blog-container';\n  const modifier = featured ? ` ${baseClass}--featured` : '';\n  const className = `${baseClass}${modifier}`;\n\n  return (\n    <div className={className}>\n      {usedDate && (\n        <div className=\"live-blog-date\">\n          {featured && <BsPinAngleFill />}\n          <span className=\"live-blog-date--date\">{displayedDate}</span>\n          <span className=\"live-blog-date--time\">{displayedTime}</span>\n        </div>\n      )}\n\n      <div\n        ref={contentRef}\n        className={`live-blog-content ${\n          isCollapsed ? 'live-blog-content--collapsed' : 'live-blog-content--opened'\n        }`}>\n        {children}\n      </div>\n\n      {shouldShowButton && (\n        <div className=\"live-blog-button-wrapper\">\n          <Button className=\"live-blog-toggle\" onClick={toggleExpanded} type=\"button\">\n            {isExpanded ? (\n              <>\n                <FaMinus className=\"toggle-icon\" /> Show Less\n              </>\n            ) : (\n              <>\n                <FaPlus className=\"toggle-icon\" /> Show More\n              </>\n            )}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default LiveBlogList;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/variants/LiveBlogList/index.js

@@ -0,0 +1,12 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import dynamic from 'next/dynamic';
+const liveBlogList = {
+  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbliveBlogList" */'./LiveBlogList')),
+  getSettings: componentSettings => _objectSpread(_objectSpread({}, componentSettings), {}, {
+    modifier: 'liveBlogList'
+  })
+};
+export default liveBlogList;
+//# sourceMappingURL=index.js.map

package/lib-es/variants/LiveBlogList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["dynamic","liveBlogList","VariantComponent","getSettings","componentSettings","_objectSpread","modifier"],"sources":["../../../src/variants/LiveBlogList/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst liveBlogList = {\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbliveBlogList\" */ './LiveBlogList')\n  ),\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'liveBlogList'\n  })\n};\n\nexport default liveBlogList;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,YAAY,GAAG;EACnBC,gBAAgB,EAAEF,OAAO,CAAC,MACxB,MAAM,CAAC,6CAA8C,gBAAgB,CACvE,CAAC;EACDG,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAc;AAE5B,CAAC;AAED,eAAeL,YAAY","ignoreList":[]}

package/lib-es/variants/index.js

@@ -6,6 +6,7 @@ import parallaxImageTextRight from './ParallaxImageTextRight';
 import thumbnailCarousel from './ThumbnailCarousel';
 import slideSummary from './SlideSummary';
 import floatingSideButton from './FloatingSideButton';
+import liveBlogList from './LiveBlogList';
 export default {
   heroImage,
   infographic,
@@ -14,6 +15,7 @@ export default {
   parallaxImageTextRight,
   thumbnailCarousel,
   slideSummary,
-  floatingSideButton
+  floatingSideButton,
+  liveBlogList
 };
 //# sourceMappingURL=index.js.map

package/lib-es/variants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["heroImage","infographic","longformGallery","longformRow","parallaxImageTextRight","thumbnailCarousel","slideSummary","floatingSideButton"],"sources":["../../src/variants/index.js"],"sourcesContent":["import heroImage from './HeroImage';\nimport infographic from './Infographic';\nimport longformGallery from './LongformGallery';\nimport longformRow from './LongformRow';\nimport parallaxImageTextRight from './ParallaxImageTextRight';\nimport thumbnailCarousel from './ThumbnailCarousel';\nimport slideSummary from './SlideSummary';\nimport floatingSideButton from './FloatingSideButton';\n\nexport default {\n  heroImage,\n  infographic,\n  longformGallery,\n  longformRow,\n  parallaxImageTextRight,\n  thumbnailCarousel,\n  slideSummary,\n  floatingSideButton\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AACnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,kBAAkB,MAAM,sBAAsB;AAErD,eAAe;EACbP,SAAS;EACTC,WAAW;EACXC,eAAe;EACfC,WAAW;EACXC,sBAAsB;EACtBC,iBAAiB;EACjBC,YAAY;EACZC;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["heroImage","infographic","longformGallery","longformRow","parallaxImageTextRight","thumbnailCarousel","slideSummary","floatingSideButton","liveBlogList"],"sources":["../../src/variants/index.js"],"sourcesContent":["import heroImage from './HeroImage';\nimport infographic from './Infographic';\nimport longformGallery from './LongformGallery';\nimport longformRow from './LongformRow';\nimport parallaxImageTextRight from './ParallaxImageTextRight';\nimport thumbnailCarousel from './ThumbnailCarousel';\nimport slideSummary from './SlideSummary';\nimport floatingSideButton from './FloatingSideButton';\nimport liveBlogList from './LiveBlogList';\n\nexport default {\n  heroImage,\n  infographic,\n  longformGallery,\n  longformRow,\n  parallaxImageTextRight,\n  thumbnailCarousel,\n  slideSummary,\n  floatingSideButton,\n  liveBlogList\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AACnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,eAAe;EACbR,SAAS;EACTC,WAAW;EACXC,eAAe;EACfC,WAAW;EACXC,sBAAsB;EACtBC,iBAAiB;EACjBC,YAAY;EACZC,kBAAkB;EAClBC;AACF,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.146.0-core-styles.45",
+  "version": "0.146.0-core-styles.52",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,14 +27,14 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/core-auth-ui": "0.146.0-core-styles.41",
-    "@blaze-cms/core-errors": "0.146.0-core-styles.41",
+    "@blaze-cms/core-auth-ui": "0.146.0-core-styles.52",
+    "@blaze-cms/core-errors": "0.146.0-core-styles.52",
     "@blaze-cms/core-errors-ui": "0.145.1-core-styles.0",
     "@blaze-cms/image-cdn-react": "0.3.0-alpha.7",
     "@blaze-cms/nextjs-components": "0.146.0-core-styles.42",
-    "@blaze-cms/plugin-search-ui": "0.146.0-core-styles.45",
+    "@blaze-cms/plugin-search-ui": "0.146.0-core-styles.52",
     "@blaze-cms/setup-ui": "0.145.1-core-styles.0",
-    "@blaze-cms/utils": "0.146.0-core-styles.41",
+    "@blaze-cms/utils": "0.146.0-core-styles.52",
     "@blaze-cms/utils-handlebars": "0.146.0-core-styles.42",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
     "@blaze-react/button": "0.8.0-alpha.82",
@@ -90,5 +90,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "01005273be941f3c0e666090bbe6fbca8afa41ba"
+  "gitHead": "b3ac6c631d3363ef099165ca1a055d2a09b3705b"
 }

package/src/application/query/index.js

@@ -29,6 +29,15 @@ const getUser = userProps => gql`
   }
 `;
 
+const getCurrentUser = userProps => gql`
+  query {
+    getUser: getCurrentUser {
+      id
+      ${userProps}
+    }
+  }
+`;
+
 const getEntitySchema = gql`
   query getEntitySchemas($identifier: String!) {
     getEntitySchemas(identifier: $identifier) {
@@ -201,5 +210,6 @@ export {
   getRecordParents,
   getItemList,
   addItemsToList,
-  removeItemsFromList
+  removeItemsFromList,
+  getCurrentUser
 };

package/src/components/Card/Card.js

@@ -284,9 +284,10 @@ const getImageDefinedProps = ({ image, displayThumbnail, name }) => {
 
 const getInitialModifiers = ({ modifier, style, otherProps }) => {
   const modifiers = [modifier, style];
-  const { sponsored, featured } = otherProps;
+  const { sponsored, featured, live } = otherProps;
   if (sponsored) modifiers.push('sponsored');
   if (featured) modifiers.push('featured');
+  if (live) modifiers.push('live');
 
   return modifiers;
 };

package/src/components/ItemList/ItemListButton/ItemListButton.js

@@ -1,12 +1,13 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import {
-  BsBookmarkStarFill,
-  BsBookmarkCheckFill,
-  BsBookmarkStar,
-  BsBookmarkXFill
-} from 'react-icons/bs';
 import { useQuery, useMutation } from '@apollo/client';
+import {
+  AddedBookmark,
+  BaseBookmark,
+  FocusedBookmark,
+  HoverBookmark,
+  RemoveBookmark
+} from '../icons';
 import { getItemList, addItemsToList, removeItemsFromList } from '../../../application/query';
 import { getItemListData, setItemListId } from '../helpers';
 import { useItemListId } from '../hooks';
@@ -14,13 +15,9 @@ import { useItemListId } from '../hooks';
 const ItemListButton = ({ listName, parent, modifier }) => {
   const { itemId, itemEntity } = parent;
   const [isHover, setIsHover] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
   const { listId } = useItemListId({ listName });
 
-  const getIcon = () => {
-    if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;
-    return isHover ? BsBookmarkStarFill : BsBookmarkStar;
-  };
-
   const { data, error, loading } = useQuery(getItemList, {
     variables: { id: listId },
     skip: !listId
@@ -42,6 +39,7 @@ const ItemListButton = ({ listName, parent, modifier }) => {
 
   const clickHandler = () => {
     setIsHover(false);
+    setIsFocused(false);
     isInList
       ? removeListItem({
           variables: { listId, listItems: [{ itemId, itemEntity }] },
@@ -61,6 +59,17 @@ const ItemListButton = ({ listName, parent, modifier }) => {
     ({ itemId: idToCheck, itemEntity: entityToCheck }) =>
       idToCheck === itemId && entityToCheck === itemEntity
   );
+
+  const getIcon = () => {
+    if (isFocused && !isHover) {
+      return FocusedBookmark;
+    }
+    if (isInList) {
+      return isHover ? RemoveBookmark : AddedBookmark;
+    }
+    return isHover ? HoverBookmark : BaseBookmark;
+  };
+
   const Icon = getIcon();
   const stateClassName = isInList ? 'item-list-button--selected' : '';
   const className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');
@@ -69,10 +78,12 @@ const ItemListButton = ({ listName, parent, modifier }) => {
     <div
       className={className}
       role="button"
+      tabIndex="0"
       onClick={clickHandler}
       onMouseEnter={() => setIsHover(true)}
       onMouseLeave={() => setIsHover(false)}
-      aria-label={`Add to ${listName}`}>
+      onFocus={() => setIsFocused(true)}
+      onBlur={() => setIsFocused(false)}>
       <i>
         <Icon />
       </i>

package/src/components/ItemList/ItemListCounter/ItemListCounter.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useRouter } from 'next/router';
 import { useQuery } from '@apollo/client';
-import { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';
+import { AddedBookmark, BaseBookmark } from '../icons';
 import { getItemList } from '../../../application/query';
 import { useItemListId } from '../hooks';
 import { getItemListData } from '../helpers';
@@ -21,7 +21,7 @@ const ItemListCounter = ({ listName, modifier, url }) => {
 
   const listItems = getItemListData(data);
   const listLength = listItems.length;
-  const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;
+  const CounterIcon = listLength ? AddedBookmark : BaseBookmark;
 
   const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);
 

package/src/components/ItemList/icons/AddedBookmark.js

@@ -0,0 +1,33 @@
+import React from 'react';
+
+function AddedBookmark({ width = '24px', height = '33px' }) {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 33"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg">
+      <title>wishlist-button/added</title>
+      <g id="Wishlist" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+        <g id="components" transform="translate(-417, -433)">
+          <g id="Group" transform="translate(417, 433.0588)">
+            <path
+              d="M2.68249844e-07,30.9992911 L2.68249844e-07,3.99990852 C2.68249844e-07,1.79082005 1.79082058,0 3.99990906,0 L19.9995432,0 C22.2086316,0 23.9994519,1.79082005 23.9994519,3.99990852 L23.9994519,30.9992911 C23.9997102,31.3525836 23.8135276,31.6797933 23.5096796,31.860049 C23.2058317,32.0403048 22.829418,32.0468515 22.5194855,31.877271 L11.9997261,26.1374022 L1.47996669,31.877271 C1.17003424,32.0468515 0.79362051,32.0403048 0.489772584,31.860049 C0.185924659,31.6797933 -0.000257952496,31.3525836 2.68249844e-07,30.9992911 Z"
+              id="Shape"
+              fill="#C31629"
+              fillRule="nonzero"
+            />
+            <path
+              d="M19.5735342,9.48562495 C20.1421553,8.91700384 20.1421553,7.99508691 19.5735342,7.42646583 C19.0049131,6.85784474 18.0829962,6.85784472 17.514375,7.42646579 L9.81870394,15.1250453 L6.48565817,11.7890911 C6.11782481,11.4212578 5.58169601,11.2776025 5.0792263,11.4122388 C4.57675658,11.5468752 4.18428306,11.9393487 4.04964671,12.4418184 C3.91501035,12.9442881 4.05866564,13.4804169 4.42649901,13.8482503 L8.78912435,18.2108756 C9.06194626,18.4843881 9.43238689,18.638104 9.81870394,18.638104 C10.205021,18.638104 10.5754616,18.4843881 10.8482835,18.2108756 L19.5735342,9.48562495 Z"
+              id="Path"
+              fill="#FFFFFF"
+            />
+          </g>
+        </g>
+      </g>
+    </svg>
+  );
+}
+
+export default AddedBookmark;