@blaze-cms/react-page-builder 0.128.0-core-styles.0 → 0.128.0

package/lib-es/components/SearchFilter/components/Select.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Select from '@blaze-react/select';
-import { withTitle } from '../../../HOC';
 import { DEFAULT_OPTION } from '../constants';
 const SelectFilter = ({
   data,
@@ -11,7 +10,8 @@ const SelectFilter = ({
   filterValues,
   shouldSearch,
   displayLabelAsPlaceholder,
-  displayFilterCount
+  displayFilterCount,
+  elementTitle
 }) => {
   const filterValue = filterValues[prop] || '';
   const disabledOptions = [];
@@ -33,7 +33,9 @@ const SelectFilter = ({
     defaultTextValue = labelToUse;
     labelToUse = null;
   }
-  return /*#__PURE__*/React.createElement(Select, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, elementTitle && /*#__PURE__*/React.createElement("div", {
+    className: "heading heading--section"
+  }, elementTitle), /*#__PURE__*/React.createElement(Select, {
     label: labelToUse,
     value: filterValue,
     id: prop,
@@ -50,7 +52,7 @@ const SelectFilter = ({
       }, shouldSearch);
     },
     disabled: disabledOptions
-  });
+  }));
 };
 SelectFilter.propTypes = {
   data: PropTypes.object.isRequired,
@@ -59,6 +61,7 @@ SelectFilter.propTypes = {
   updateFilterValues: PropTypes.func.isRequired,
   shouldSearch: PropTypes.bool,
   label: PropTypes.string,
+  elementTitle: PropTypes.string,
   displayLabelAsPlaceholder: PropTypes.bool,
   displayFilterCount: PropTypes.bool
 };
@@ -66,8 +69,9 @@ SelectFilter.defaultProps = {
   filterValues: {},
   shouldSearch: false,
   label: '',
+  elementTitle: '',
   displayLabelAsPlaceholder: false,
   displayFilterCount: false
 };
-export default withTitle(SelectFilter);
+export default SelectFilter;
 //# sourceMappingURL=Select.js.map

package/lib-es/components/SearchFilter/components/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["React","PropTypes","Select","withTitle","DEFAULT_OPTION","SelectFilter","data","label","prop","updateFilterValues","filterValues","shouldSearch","displayLabelAsPlaceholder","displayFilterCount","filterValue","disabledOptions","buckets","options","map","key","doc_count","count","push","optionLabel","filter","Boolean","sort","labelText","labelToUse","defaultTextValue","createElement","value","id","onChange","valueToUse","disabled","propTypes","object","isRequired","string","func","bool","defaultProps"],"sources":["../../../../src/components/SearchFilter/components/Select.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '@blaze-react/select';\nimport { withTitle } from '../../../HOC';\nimport { DEFAULT_OPTION } from '../constants';\n\nconst SelectFilter = ({\n  data,\n  label,\n  prop,\n  updateFilterValues,\n  filterValues,\n  shouldSearch,\n  displayLabelAsPlaceholder,\n  displayFilterCount\n}) => {\n  const filterValue = filterValues[prop] || '';\n  const disabledOptions = [];\n  const { buckets = [] } = data[prop] || {};\n  const options = buckets\n    .map(({ key, doc_count: count }) => {\n      if (!count) disabledOptions.push(key);\n      const optionLabel = displayFilterCount ? `${key} (${count})` : key;\n      return [key, optionLabel];\n    })\n    .filter(Boolean)\n    .sort();\n\n  const labelText = label || prop;\n  let labelToUse = labelText;\n  let defaultTextValue = DEFAULT_OPTION;\n  if (displayLabelAsPlaceholder) {\n    defaultTextValue = labelToUse;\n    labelToUse = null;\n  }\n\n  return (\n    <Select\n      label={labelToUse}\n      value={filterValue}\n      id={prop}\n      data-testid={`filter-${prop}`}\n      options={options}\n      defaultTextValue={defaultTextValue}\n      onChange={({ value }) => {\n        let valueToUse = value;\n        if (value === defaultTextValue) valueToUse = '';\n        updateFilterValues({ [prop]: valueToUse }, shouldSearch);\n      }}\n      disabled={disabledOptions}\n    />\n  );\n};\n\nSelectFilter.propTypes = {\n  data: PropTypes.object.isRequired,\n  prop: PropTypes.string.isRequired,\n  filterValues: PropTypes.object,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  label: PropTypes.string,\n  displayLabelAsPlaceholder: PropTypes.bool,\n  displayFilterCount: PropTypes.bool\n};\n\nSelectFilter.defaultProps = {\n  filterValues: {},\n  shouldSearch: false,\n  label: '',\n  displayLabelAsPlaceholder: false,\n  displayFilterCount: false\n};\n\nexport default withTitle(SelectFilter);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,QAAQ,cAAc;AAE7C,MAAMC,YAAY,GAAGA,CAAC;EACpBC,IAAI;EACJC,KAAK;EACLC,IAAI;EACJC,kBAAkB;EAClBC,YAAY;EACZC,YAAY;EACZC,yBAAyB;EACzBC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGJ,YAAY,CAACF,IAAI,CAAC,IAAI,EAAE;EAC5C,MAAMO,eAAe,GAAG,EAAE;EAC1B,MAAM;IAAEC,OAAO,GAAG;EAAG,CAAC,GAAGV,IAAI,CAACE,IAAI,CAAC,IAAI,CAAC,CAAC;EACzC,MAAMS,OAAO,GAAGD,OAAO,CACpBE,GAAG,CAAC,CAAC;IAAEC,GAAG;IAAEC,SAAS,EAAEC;EAAM,CAAC,KAAK;IAClC,IAAI,CAACA,KAAK,EAAEN,eAAe,CAACO,IAAI,CAACH,GAAG,CAAC;IACrC,MAAMI,WAAW,GAAGV,kBAAkB,GAAI,GAAEM,GAAI,KAAIE,KAAM,GAAE,GAAGF,GAAG;IAClE,OAAO,CAACA,GAAG,EAAEI,WAAW,CAAC;EAC3B,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,EAAE;EAET,MAAMC,SAAS,GAAGpB,KAAK,IAAIC,IAAI;EAC/B,IAAIoB,UAAU,GAAGD,SAAS;EAC1B,IAAIE,gBAAgB,GAAGzB,cAAc;EACrC,IAAIQ,yBAAyB,EAAE;IAC7BiB,gBAAgB,GAAGD,UAAU;IAC7BA,UAAU,GAAG,IAAI;EACnB;EAEA,oBACE5B,KAAA,CAAA8B,aAAA,CAAC5B,MAAM;IACLK,KAAK,EAAEqB,UAAW;IAClBG,KAAK,EAAEjB,WAAY;IACnBkB,EAAE,EAAExB,IAAK;IACT,eAAc,UAASA,IAAK,EAAE;IAC9BS,OAAO,EAAEA,OAAQ;IACjBY,gBAAgB,EAAEA,gBAAiB;IACnCI,QAAQ,EAAEA,CAAC;MAAEF;IAAM,CAAC,KAAK;MACvB,IAAIG,UAAU,GAAGH,KAAK;MACtB,IAAIA,KAAK,KAAKF,gBAAgB,EAAEK,UAAU,GAAG,EAAE;MAC/CzB,kBAAkB,CAAC;QAAE,CAACD,IAAI,GAAG0B;MAAW,CAAC,EAAEvB,YAAY,CAAC;IAC1D,CAAE;IACFwB,QAAQ,EAAEpB;EAAgB,EAC1B;AAEN,CAAC;AAEDV,YAAY,CAAC+B,SAAS,GAAG;EACvB9B,IAAI,EAAEL,SAAS,CAACoC,MAAM,CAACC,UAAU;EACjC9B,IAAI,EAAEP,SAAS,CAACsC,MAAM,CAACD,UAAU;EACjC5B,YAAY,EAAET,SAAS,CAACoC,MAAM;EAC9B5B,kBAAkB,EAAER,SAAS,CAACuC,IAAI,CAACF,UAAU;EAC7C3B,YAAY,EAAEV,SAAS,CAACwC,IAAI;EAC5BlC,KAAK,EAAEN,SAAS,CAACsC,MAAM;EACvB3B,yBAAyB,EAAEX,SAAS,CAACwC,IAAI;EACzC5B,kBAAkB,EAAEZ,SAAS,CAACwC;AAChC,CAAC;AAEDpC,YAAY,CAACqC,YAAY,GAAG;EAC1BhC,YAAY,EAAE,CAAC,CAAC;EAChBC,YAAY,EAAE,KAAK;EACnBJ,KAAK,EAAE,EAAE;EACTK,yBAAyB,EAAE,KAAK;EAChCC,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAeV,SAAS,CAACE,YAAY,CAAC"}
+{"version":3,"file":"Select.js","names":["React","PropTypes","Select","DEFAULT_OPTION","SelectFilter","data","label","prop","updateFilterValues","filterValues","shouldSearch","displayLabelAsPlaceholder","displayFilterCount","elementTitle","filterValue","disabledOptions","buckets","options","map","key","doc_count","count","push","optionLabel","filter","Boolean","sort","labelText","labelToUse","defaultTextValue","createElement","Fragment","className","value","id","onChange","valueToUse","disabled","propTypes","object","isRequired","string","func","bool","defaultProps"],"sources":["../../../../src/components/SearchFilter/components/Select.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '@blaze-react/select';\nimport { DEFAULT_OPTION } from '../constants';\n\nconst SelectFilter = ({\n  data,\n  label,\n  prop,\n  updateFilterValues,\n  filterValues,\n  shouldSearch,\n  displayLabelAsPlaceholder,\n  displayFilterCount,\n  elementTitle\n}) => {\n  const filterValue = filterValues[prop] || '';\n  const disabledOptions = [];\n  const { buckets = [] } = data[prop] || {};\n  const options = buckets\n    .map(({ key, doc_count: count }) => {\n      if (!count) disabledOptions.push(key);\n      const optionLabel = displayFilterCount ? `${key} (${count})` : key;\n      return [key, optionLabel];\n    })\n    .filter(Boolean)\n    .sort();\n\n  const labelText = label || prop;\n  let labelToUse = labelText;\n  let defaultTextValue = DEFAULT_OPTION;\n  if (displayLabelAsPlaceholder) {\n    defaultTextValue = labelToUse;\n    labelToUse = null;\n  }\n\n  return (\n    <>\n      {elementTitle && <div className=\"heading heading--section\">{elementTitle}</div>}\n      <Select\n        label={labelToUse}\n        value={filterValue}\n        id={prop}\n        data-testid={`filter-${prop}`}\n        options={options}\n        defaultTextValue={defaultTextValue}\n        onChange={({ value }) => {\n          let valueToUse = value;\n          if (value === defaultTextValue) valueToUse = '';\n          updateFilterValues({ [prop]: valueToUse }, shouldSearch);\n        }}\n        disabled={disabledOptions}\n      />\n    </>\n  );\n};\n\nSelectFilter.propTypes = {\n  data: PropTypes.object.isRequired,\n  prop: PropTypes.string.isRequired,\n  filterValues: PropTypes.object,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  label: PropTypes.string,\n  elementTitle: PropTypes.string,\n\n  displayLabelAsPlaceholder: PropTypes.bool,\n  displayFilterCount: PropTypes.bool\n};\n\nSelectFilter.defaultProps = {\n  filterValues: {},\n  shouldSearch: false,\n  label: '',\n  elementTitle: '',\n  displayLabelAsPlaceholder: false,\n  displayFilterCount: false\n};\n\nexport default SelectFilter;\n"],"mappings":"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"}

package/lib-es/components/SearchFilter/components/TextSearch.js

@@ -2,13 +2,15 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Input from '@blaze-react/input';
 import { MdSearch } from 'react-icons/md';
-import { withTitle } from '../../../HOC';
 import { SEARCH_TERM } from '../constants';
 const TextSearch = ({
   label,
   searchValue,
-  updateFilterValues
-}) => /*#__PURE__*/React.createElement("div", {
+  updateFilterValues,
+  elementTitle
+}) => /*#__PURE__*/React.createElement(React.Fragment, null, elementTitle && /*#__PURE__*/React.createElement("div", {
+  className: "heading heading--section"
+}, elementTitle), /*#__PURE__*/React.createElement("div", {
   className: "search"
 }, /*#__PURE__*/React.createElement("div", {
   className: "search__wrapper"
@@ -34,14 +36,16 @@ const TextSearch = ({
       [SEARCH_TERM]: searchValue
     }, true);
   }
-}, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(MdSearch, null)))));
+}, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(MdSearch, null))))));
 TextSearch.propTypes = {
   searchValue: PropTypes.string.isRequired,
   updateFilterValues: PropTypes.func.isRequired,
+  elementTitle: PropTypes.string,
   label: PropTypes.string
 };
 TextSearch.defaultProps = {
+  elementTitle: '',
   label: ''
 };
-export default withTitle(TextSearch);
+export default TextSearch;
 //# sourceMappingURL=TextSearch.js.map

package/lib-es/components/SearchFilter/components/TextSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextSearch.js","names":["React","PropTypes","Input","MdSearch","withTitle","SEARCH_TERM","TextSearch","label","searchValue","updateFilterValues","createElement","className","id","value","placeholder","onChange","eValue","type","onClick","e","preventDefault","propTypes","string","isRequired","func","defaultProps"],"sources":["../../../../src/components/SearchFilter/components/TextSearch.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Input from '@blaze-react/input';\nimport { MdSearch } from 'react-icons/md';\nimport { withTitle } from '../../../HOC';\nimport { SEARCH_TERM } from '../constants';\n\nconst TextSearch = ({ label, searchValue, updateFilterValues }) => (\n  <div className=\"search\">\n    <div className=\"search__wrapper\">\n      <div className=\"form-field form-field--input form-field--search\">\n        <Input\n          id={SEARCH_TERM}\n          value={searchValue}\n          placeholder={label || 'Search'}\n          onChange={({ value: eValue }) => {\n            updateFilterValues({ [SEARCH_TERM]: eValue }, false);\n          }}\n        />\n      </div>\n      <button\n        type=\"button\"\n        className=\"icon-button icon-button--search\"\n        onClick={e => {\n          e.preventDefault();\n          updateFilterValues({ [SEARCH_TERM]: searchValue }, true);\n        }}>\n        <i>\n          <MdSearch />\n        </i>\n      </button>\n    </div>\n  </div>\n);\n\nTextSearch.propTypes = {\n  searchValue: PropTypes.string.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  label: PropTypes.string\n};\n\nTextSearch.defaultProps = {\n  label: ''\n};\n\nexport default withTitle(TextSearch);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,oBAAoB;AACtC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,WAAW,QAAQ,cAAc;AAE1C,MAAMC,UAAU,GAAGA,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC;AAAmB,CAAC,kBAC5DT,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAQ,gBACrBX,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAiB,gBAC9BX,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAiD,gBAC9DX,KAAA,CAAAU,aAAA,CAACR,KAAK;EACJU,EAAE,EAAEP,WAAY;EAChBQ,KAAK,EAAEL,WAAY;EACnBM,WAAW,EAAEP,KAAK,IAAI,QAAS;EAC/BQ,QAAQ,EAAEA,CAAC;IAAEF,KAAK,EAAEG;EAAO,CAAC,KAAK;IAC/BP,kBAAkB,CAAC;MAAE,CAACJ,WAAW,GAAGW;IAAO,CAAC,EAAE,KAAK,CAAC;EACtD;AAAE,EACF,CACE,eACNhB,KAAA,CAAAU,aAAA;EACEO,IAAI,EAAC,QAAQ;EACbN,SAAS,EAAC,iCAAiC;EAC3CO,OAAO,EAAEC,CAAC,IAAI;IACZA,CAAC,CAACC,cAAc,EAAE;IAClBX,kBAAkB,CAAC;MAAE,CAACJ,WAAW,GAAGG;IAAY,CAAC,EAAE,IAAI,CAAC;EAC1D;AAAE,gBACFR,KAAA,CAAAU,aAAA,yBACEV,KAAA,CAAAU,aAAA,CAACP,QAAQ,OAAG,CACV,CACG,CACL,CAET;AAEDG,UAAU,CAACe,SAAS,GAAG;EACrBb,WAAW,EAAEP,SAAS,CAACqB,MAAM,CAACC,UAAU;EACxCd,kBAAkB,EAAER,SAAS,CAACuB,IAAI,CAACD,UAAU;EAC7ChB,KAAK,EAAEN,SAAS,CAACqB;AACnB,CAAC;AAEDhB,UAAU,CAACmB,YAAY,GAAG;EACxBlB,KAAK,EAAE;AACT,CAAC;AAED,eAAeH,SAAS,CAACE,UAAU,CAAC"}
+{"version":3,"file":"TextSearch.js","names":["React","PropTypes","Input","MdSearch","SEARCH_TERM","TextSearch","label","searchValue","updateFilterValues","elementTitle","createElement","Fragment","className","id","value","placeholder","onChange","eValue","type","onClick","e","preventDefault","propTypes","string","isRequired","func","defaultProps"],"sources":["../../../../src/components/SearchFilter/components/TextSearch.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Input from '@blaze-react/input';\nimport { MdSearch } from 'react-icons/md';\nimport { SEARCH_TERM } from '../constants';\n\nconst TextSearch = ({ label, searchValue, updateFilterValues, elementTitle }) => (\n  <>\n    {elementTitle && <div className=\"heading heading--section\">{elementTitle}</div>}\n    <div className=\"search\">\n      <div className=\"search__wrapper\">\n        <div className=\"form-field form-field--input form-field--search\">\n          <Input\n            id={SEARCH_TERM}\n            value={searchValue}\n            placeholder={label || 'Search'}\n            onChange={({ value: eValue }) => {\n              updateFilterValues({ [SEARCH_TERM]: eValue }, false);\n            }}\n          />\n        </div>\n        <button\n          type=\"button\"\n          className=\"icon-button icon-button--search\"\n          onClick={e => {\n            e.preventDefault();\n            updateFilterValues({ [SEARCH_TERM]: searchValue }, true);\n          }}>\n          <i>\n            <MdSearch />\n          </i>\n        </button>\n      </div>\n    </div>\n  </>\n);\n\nTextSearch.propTypes = {\n  searchValue: PropTypes.string.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  elementTitle: PropTypes.string,\n  label: PropTypes.string\n};\n\nTextSearch.defaultProps = {\n  elementTitle: '',\n  label: ''\n};\n\nexport default TextSearch;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,oBAAoB;AACtC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,WAAW,QAAQ,cAAc;AAE1C,MAAMC,UAAU,GAAGA,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC,kBAAkB;EAAEC;AAAa,CAAC,kBAC1ET,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QACGF,YAAY,iBAAIT,KAAA,CAAAU,aAAA;EAAKE,SAAS,EAAC;AAA0B,GAAEH,YAAY,CAAO,eAC/ET,KAAA,CAAAU,aAAA;EAAKE,SAAS,EAAC;AAAQ,gBACrBZ,KAAA,CAAAU,aAAA;EAAKE,SAAS,EAAC;AAAiB,gBAC9BZ,KAAA,CAAAU,aAAA;EAAKE,SAAS,EAAC;AAAiD,gBAC9DZ,KAAA,CAAAU,aAAA,CAACR,KAAK;EACJW,EAAE,EAAET,WAAY;EAChBU,KAAK,EAAEP,WAAY;EACnBQ,WAAW,EAAET,KAAK,IAAI,QAAS;EAC/BU,QAAQ,EAAEA,CAAC;IAAEF,KAAK,EAAEG;EAAO,CAAC,KAAK;IAC/BT,kBAAkB,CAAC;MAAE,CAACJ,WAAW,GAAGa;IAAO,CAAC,EAAE,KAAK,CAAC;EACtD;AAAE,EACF,CACE,eACNjB,KAAA,CAAAU,aAAA;EACEQ,IAAI,EAAC,QAAQ;EACbN,SAAS,EAAC,iCAAiC;EAC3CO,OAAO,EAAEC,CAAC,IAAI;IACZA,CAAC,CAACC,cAAc,EAAE;IAClBb,kBAAkB,CAAC;MAAE,CAACJ,WAAW,GAAGG;IAAY,CAAC,EAAE,IAAI,CAAC;EAC1D;AAAE,gBACFP,KAAA,CAAAU,aAAA,yBACEV,KAAA,CAAAU,aAAA,CAACP,QAAQ,OAAG,CACV,CACG,CACL,CACF,CAET;AAEDE,UAAU,CAACiB,SAAS,GAAG;EACrBf,WAAW,EAAEN,SAAS,CAACsB,MAAM,CAACC,UAAU;EACxChB,kBAAkB,EAAEP,SAAS,CAACwB,IAAI,CAACD,UAAU;EAC7Cf,YAAY,EAAER,SAAS,CAACsB,MAAM;EAC9BjB,KAAK,EAAEL,SAAS,CAACsB;AACnB,CAAC;AAEDlB,UAAU,CAACqB,YAAY,GAAG;EACxBjB,YAAY,EAAE,EAAE;EAChBH,KAAK,EAAE;AACT,CAAC;AAED,eAAeD,UAAU"}

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

@@ -2,7 +2,7 @@ import { CATEGORY_ID, ID, PREHEADER_PROP, HEADLINE_PROP } from '../constants';
 const defaultProps = [ID, 'name'];
 const categoryProps = 'id publishedListingPage{id, url}';
 const checkProps = props => !!(props && Object.keys(props).filter(prop => prop === CATEGORY_ID).length);
-const buildPropsQuery = (entitySchema, extraProps = [], cardOptions = null) => {
+const buildPropsQuery = (entitySchema, extraProps = [], cardOptions = null, linkProps = []) => {
   const parsedSchema = entitySchema.getEntitySchema ? entitySchema.getEntitySchema : entitySchema;
   const extraPropsHaveCategory = !!extraProps.filter(prop => prop.includes('category.')).length;
   const {
@@ -11,18 +11,33 @@ const buildPropsQuery = (entitySchema, extraProps = [], cardOptions = null) => {
   } = getTypeBaseProps(parsedSchema, cardOptions, extraPropsHaveCategory);
   const allProps = [...typeBasedProps, ...extraProps];
   const uniqueProps = [...new Set([...allProps])];
-  const basicProps = uniqueProps.filter(prop => prop && !prop.includes('.')).filter((prop, i, arr) => arr.indexOf(prop) === i);
-  const complexProps = buildComplexProps(shouldAddCategoryProps, uniqueProps, parsedSchema);
+  const basicProps = [];
+  const nestedProps = {};
+  uniqueProps.forEach(prop => {
+    if (prop) {
+      if (!prop.includes('.')) {
+        basicProps.push(prop);
+        return;
+      }
+      const [base, nested] = prop.split('.');
+      if (!nestedProps[base]) nestedProps[base] = [nested];else nestedProps[base].push(nested);
+    }
+  });
+  const complexProps = buildComplexProps(shouldAddCategoryProps, nestedProps, parsedSchema, linkProps);
   return [...basicProps, ...complexProps].join(',');
 };
 const buildComplexProps = (shouldAddCategoryProps, props, {
-  relations
-}) => props.filter(prop => prop && prop.includes('.')).map(nested => nested.split('.')[0]).filter((prop, i, arr) => arr.indexOf(prop) === i).map(base => {
+  relations = [],
+  dynamicProperties = {}
+}, linkProps) => Object.keys(props).map(base => {
+  const nestedProps = props[base];
+  const hasLink = !!linkProps.find(linkProp => linkProp.includes(base));
   const matchingRelation = relations.find(({
     localField
   }) => localField === base);
-  const nestedProps = props.filter((extraProp, i, arr) => extraProp && extraProp.startsWith(`${base}.`) && arr.indexOf(extraProp) === i).map(nested => nested.split('.')[1]);
+  const matchingDynamicProp = Object.keys(dynamicProperties).find(dynamicKey => dynamicKey === base);
   if (matchingRelation && !nestedProps.includes('id')) nestedProps.push('id');
+  if (hasLink && (!!matchingRelation || !!matchingDynamicProp)) nestedProps.push('url');
   const jointNestedProps = nestedProps.join(',');
   if (base === 'category' && shouldAddCategoryProps) return `${base}{${jointNestedProps}, ${categoryProps}}`;
   if (base.includes('published')) {
@@ -68,9 +83,7 @@ const getContentProps = isContent => isContent ? ['url', 'sponsored', 'featured'
 const getCategoyProps = (shouldAddCategoryProps, hasCategory, hasPreheader) => {
   if (!shouldAddCategoryProps) return [];
   const props = [];
-  if (hasCategory) {
-    props.push('category.name', 'category.listingPageId', 'category.listingPageEntity');
-  }
+  if (hasCategory) props.push('category.name', 'category.listingPageId', 'category.listingPageEntity');
   if (hasPreheader) {
     props.push(`${PREHEADER_PROP}{name}`);
     props.push(HEADLINE_PROP);

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","parsedSchema","getEntitySchema","extraPropsHaveCategory","includes","typeBasedProps","shouldAddCategoryProps","getTypeBaseProps","allProps","uniqueProps","Set","basicProps","i","arr","indexOf","complexProps","buildComplexProps","join","relations","map","nested","split","base","matchingRelation","find","localField","nestedProps","extraProp","startsWith","push","jointNestedProps","isCard","displayCategory","displayThumbnail","interfaces","properties","dynamicProperties","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) => {\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\n  const uniqueProps = [...new Set([...allProps])];\n\n  const basicProps = uniqueProps\n    .filter(prop => prop && !prop.includes('.'))\n    .filter((prop, i, arr) => arr.indexOf(prop) === i);\n  const complexProps = buildComplexProps(shouldAddCategoryProps, uniqueProps, parsedSchema);\n  return [...basicProps, ...complexProps].join(',');\n};\n\nconst buildComplexProps = (shouldAddCategoryProps, props, { relations }) =>\n  props\n    .filter(prop => prop && prop.includes('.'))\n    .map(nested => nested.split('.')[0])\n    .filter((prop, i, arr) => arr.indexOf(prop) === i)\n    .map(base => {\n      const matchingRelation = relations.find(({ localField }) => localField === base);\n      const nestedProps = props\n        .filter(\n          (extraProp, i, arr) =>\n            extraProp && extraProp.startsWith(`${base}.`) && arr.indexOf(extraProp) === i\n        )\n        .map(nested => nested.split('.')[1]);\n      if (matchingRelation && !nestedProps.includes('id')) nestedProps.push('id');\n\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\n  const props = [];\n\n  if (hasCategory) {\n    props.push('category.name', 'category.listingPageId', 'category.listingPageEntity');\n  }\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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"}
+{"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","map","hasLink","find","linkProp","matchingRelation","localField","matchingDynamicProp","dynamicKey","jointNestedProps","isCard","displayCategory","displayThumbnail","interfaces","properties","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 = {} },\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 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 && (!!matchingRelation || !!matchingDynamicProp)) 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":"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"}

package/lib-es/hooks/helpers/RenderComponent.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 const _excluded = ["component", "imageProps", "childComponents", "options", "textBlockBanners", "hasTextBlockBanners", "siblings"];
 import React from 'react';
 import PropTypes from 'prop-types';
+import ErrorBoundary from '@blaze-cms/core-errors-ui';
 import getComponent from './getComponent';
 import appendGtmClassName from './append-gtm-classname';
 import { PB_TYPE_IMAGE, PB_TYPE_BANNER, PB_TYPE_TEXTBLOCK, PB_TYPE_CAROUSEL } from './constants';
@@ -29,7 +30,7 @@ const RenderComponent = _ref => {
   const imageOptions = isImage ? imageProps : {};
   if (!Component) return null;
   const updatedSettings = appendGtmClassName(settings, childComponents);
-  return /*#__PURE__*/React.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Component, _extends({
     key: id,
     type: type
   }, options, imageOptions, nestedComponentsProps, updatedSettings, {
@@ -38,7 +39,7 @@ const RenderComponent = _ref => {
     siblings: siblings,
     banners: textBlockBanners,
     pbOptions: options
-  }, childComponents) : childComponents);
+  }, childComponents) : childComponents));
 };
 RenderComponent.propTypes = {
   component: PropTypes.shape({

package/lib-es/hooks/helpers/RenderComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderComponent.js","names":["React","PropTypes","getComponent","appendGtmClassName","PB_TYPE_IMAGE","PB_TYPE_BANNER","PB_TYPE_TEXTBLOCK","PB_TYPE_CAROUSEL","BannerContextProvider","RenderComponent","_ref","component","imageProps","childComponents","options","textBlockBanners","hasTextBlockBanners","siblings","nestedComponentsProps","_objectWithoutProperties","_excluded","type","settings","id","name","Component","isImage","includes","imageOptions","updatedSettings","createElement","_extends","key","banners","pbOptions","propTypes","shape","string","object","items","array","isRequired","node","bool","defaultProps"],"sources":["../../../src/hooks/helpers/RenderComponent.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getComponent from './getComponent';\nimport appendGtmClassName from './append-gtm-classname';\nimport { PB_TYPE_IMAGE, PB_TYPE_BANNER, PB_TYPE_TEXTBLOCK, PB_TYPE_CAROUSEL } from './constants';\nimport { BannerContextProvider } from '../../BannerContext';\n\nconst RenderComponent = ({\n  component,\n  imageProps,\n  childComponents,\n  options = {},\n  textBlockBanners,\n  hasTextBlockBanners,\n  siblings,\n  ...nestedComponentsProps\n}) => {\n  const { type, settings, id, name } = component;\n  const Component = getComponent(type);\n  const isImage = [PB_TYPE_IMAGE, PB_TYPE_BANNER, PB_TYPE_TEXTBLOCK, PB_TYPE_CAROUSEL].includes(\n    type\n  );\n  const imageOptions = isImage ? imageProps : {};\n  if (!Component) return null;\n  const updatedSettings = appendGtmClassName(settings, childComponents);\n\n  return (\n    <Component\n      key={id}\n      type={type}\n      {...options}\n      {...imageOptions}\n      {...nestedComponentsProps}\n      {...updatedSettings}\n      name={name || settings.name}>\n      {hasTextBlockBanners ? (\n        <BannerContextProvider siblings={siblings} banners={textBlockBanners} pbOptions={options}>\n          {childComponents}\n        </BannerContextProvider>\n      ) : (\n        childComponents\n      )}\n    </Component>\n  );\n};\n\nRenderComponent.propTypes = {\n  component: PropTypes.shape({\n    type: PropTypes.string,\n    id: PropTypes.string,\n    name: PropTypes.string,\n    settings: PropTypes.object,\n    items: PropTypes.array\n  }).isRequired,\n  imageProps: PropTypes.object.isRequired,\n  options: PropTypes.object.isRequired,\n  childComponents: PropTypes.node.isRequired,\n  textBlockBanners: PropTypes.array,\n  hasTextBlockBanners: PropTypes.bool,\n  siblings: PropTypes.array\n};\n\nRenderComponent.defaultProps = { textBlockBanners: null, hasTextBlockBanners: false, siblings: [] };\n\nexport default RenderComponent;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,SAASC,aAAa,EAAEC,cAAc,EAAEC,iBAAiB,EAAEC,gBAAgB,QAAQ,aAAa;AAChG,SAASC,qBAAqB,QAAQ,qBAAqB;AAE3D,MAAMC,eAAe,GAAGC,IAAA,IASlB;EAAA,IATmB;MACvBC,SAAS;MACTC,UAAU;MACVC,eAAe;MACfC,OAAO,GAAG,CAAC,CAAC;MACZC,gBAAgB;MAChBC,mBAAmB;MACnBC;IAEF,CAAC,GAAAP,IAAA;IADIQ,qBAAqB,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAExB,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,EAAE;IAAEC;EAAK,CAAC,GAAGb,SAAS;EAC9C,MAAMc,SAAS,GAAGvB,YAAY,CAACmB,IAAI,CAAC;EACpC,MAAMK,OAAO,GAAG,CAACtB,aAAa,EAAEC,cAAc,EAAEC,iBAAiB,EAAEC,gBAAgB,CAAC,CAACoB,QAAQ,CAC3FN,IAAI,CACL;EACD,MAAMO,YAAY,GAAGF,OAAO,GAAGd,UAAU,GAAG,CAAC,CAAC;EAC9C,IAAI,CAACa,SAAS,EAAE,OAAO,IAAI;EAC3B,MAAMI,eAAe,GAAG1B,kBAAkB,CAACmB,QAAQ,EAAET,eAAe,CAAC;EAErE,oBACEb,KAAA,CAAA8B,aAAA,CAACL,SAAS,EAAAM,QAAA;IACRC,GAAG,EAAET,EAAG;IACRF,IAAI,EAAEA;EAAK,GACPP,OAAO,EACPc,YAAY,EACZV,qBAAqB,EACrBW,eAAe;IACnBL,IAAI,EAAEA,IAAI,IAAIF,QAAQ,CAACE;EAAK,IAC3BR,mBAAmB,gBAClBhB,KAAA,CAAA8B,aAAA,CAACtB,qBAAqB;IAACS,QAAQ,EAAEA,QAAS;IAACgB,OAAO,EAAElB,gBAAiB;IAACmB,SAAS,EAAEpB;EAAQ,GACtFD,eAAe,CACM,GAExBA,eACD,CACS;AAEhB,CAAC;AAEDJ,eAAe,CAAC0B,SAAS,GAAG;EAC1BxB,SAAS,EAAEV,SAAS,CAACmC,KAAK,CAAC;IACzBf,IAAI,EAAEpB,SAAS,CAACoC,MAAM;IACtBd,EAAE,EAAEtB,SAAS,CAACoC,MAAM;IACpBb,IAAI,EAAEvB,SAAS,CAACoC,MAAM;IACtBf,QAAQ,EAAErB,SAAS,CAACqC,MAAM;IAC1BC,KAAK,EAAEtC,SAAS,CAACuC;EACnB,CAAC,CAAC,CAACC,UAAU;EACb7B,UAAU,EAAEX,SAAS,CAACqC,MAAM,CAACG,UAAU;EACvC3B,OAAO,EAAEb,SAAS,CAACqC,MAAM,CAACG,UAAU;EACpC5B,eAAe,EAAEZ,SAAS,CAACyC,IAAI,CAACD,UAAU;EAC1C1B,gBAAgB,EAAEd,SAAS,CAACuC,KAAK;EACjCxB,mBAAmB,EAAEf,SAAS,CAAC0C,IAAI;EACnC1B,QAAQ,EAAEhB,SAAS,CAACuC;AACtB,CAAC;AAED/B,eAAe,CAACmC,YAAY,GAAG;EAAE7B,gBAAgB,EAAE,IAAI;EAAEC,mBAAmB,EAAE,KAAK;EAAEC,QAAQ,EAAE;AAAG,CAAC;AAEnG,eAAeR,eAAe"}
+{"version":3,"file":"RenderComponent.js","names":["React","PropTypes","ErrorBoundary","getComponent","appendGtmClassName","PB_TYPE_IMAGE","PB_TYPE_BANNER","PB_TYPE_TEXTBLOCK","PB_TYPE_CAROUSEL","BannerContextProvider","RenderComponent","_ref","component","imageProps","childComponents","options","textBlockBanners","hasTextBlockBanners","siblings","nestedComponentsProps","_objectWithoutProperties","_excluded","type","settings","id","name","Component","isImage","includes","imageOptions","updatedSettings","createElement","_extends","key","banners","pbOptions","propTypes","shape","string","object","items","array","isRequired","node","bool","defaultProps"],"sources":["../../../src/hooks/helpers/RenderComponent.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ErrorBoundary from '@blaze-cms/core-errors-ui';\nimport getComponent from './getComponent';\nimport appendGtmClassName from './append-gtm-classname';\nimport { PB_TYPE_IMAGE, PB_TYPE_BANNER, PB_TYPE_TEXTBLOCK, PB_TYPE_CAROUSEL } from './constants';\nimport { BannerContextProvider } from '../../BannerContext';\n\nconst RenderComponent = ({\n  component,\n  imageProps,\n  childComponents,\n  options = {},\n  textBlockBanners,\n  hasTextBlockBanners,\n  siblings,\n  ...nestedComponentsProps\n}) => {\n  const { type, settings, id, name } = component;\n  const Component = getComponent(type);\n  const isImage = [PB_TYPE_IMAGE, PB_TYPE_BANNER, PB_TYPE_TEXTBLOCK, PB_TYPE_CAROUSEL].includes(\n    type\n  );\n  const imageOptions = isImage ? imageProps : {};\n  if (!Component) return null;\n  const updatedSettings = appendGtmClassName(settings, childComponents);\n\n  return (\n    <ErrorBoundary>\n      <Component\n        key={id}\n        type={type}\n        {...options}\n        {...imageOptions}\n        {...nestedComponentsProps}\n        {...updatedSettings}\n        name={name || settings.name}>\n        {hasTextBlockBanners ? (\n          <BannerContextProvider siblings={siblings} banners={textBlockBanners} pbOptions={options}>\n            {childComponents}\n          </BannerContextProvider>\n        ) : (\n          childComponents\n        )}\n      </Component>\n    </ErrorBoundary>\n  );\n};\n\nRenderComponent.propTypes = {\n  component: PropTypes.shape({\n    type: PropTypes.string,\n    id: PropTypes.string,\n    name: PropTypes.string,\n    settings: PropTypes.object,\n    items: PropTypes.array\n  }).isRequired,\n  imageProps: PropTypes.object.isRequired,\n  options: PropTypes.object.isRequired,\n  childComponents: PropTypes.node.isRequired,\n  textBlockBanners: PropTypes.array,\n  hasTextBlockBanners: PropTypes.bool,\n  siblings: PropTypes.array\n};\n\nRenderComponent.defaultProps = { textBlockBanners: null, hasTextBlockBanners: false, siblings: [] };\n\nexport default RenderComponent;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,SAASC,aAAa,EAAEC,cAAc,EAAEC,iBAAiB,EAAEC,gBAAgB,QAAQ,aAAa;AAChG,SAASC,qBAAqB,QAAQ,qBAAqB;AAE3D,MAAMC,eAAe,GAAGC,IAAA,IASlB;EAAA,IATmB;MACvBC,SAAS;MACTC,UAAU;MACVC,eAAe;MACfC,OAAO,GAAG,CAAC,CAAC;MACZC,gBAAgB;MAChBC,mBAAmB;MACnBC;IAEF,CAAC,GAAAP,IAAA;IADIQ,qBAAqB,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAExB,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,EAAE;IAAEC;EAAK,CAAC,GAAGb,SAAS;EAC9C,MAAMc,SAAS,GAAGvB,YAAY,CAACmB,IAAI,CAAC;EACpC,MAAMK,OAAO,GAAG,CAACtB,aAAa,EAAEC,cAAc,EAAEC,iBAAiB,EAAEC,gBAAgB,CAAC,CAACoB,QAAQ,CAC3FN,IAAI,CACL;EACD,MAAMO,YAAY,GAAGF,OAAO,GAAGd,UAAU,GAAG,CAAC,CAAC;EAC9C,IAAI,CAACa,SAAS,EAAE,OAAO,IAAI;EAC3B,MAAMI,eAAe,GAAG1B,kBAAkB,CAACmB,QAAQ,EAAET,eAAe,CAAC;EAErE,oBACEd,KAAA,CAAA+B,aAAA,CAAC7B,aAAa,qBACZF,KAAA,CAAA+B,aAAA,CAACL,SAAS,EAAAM,QAAA;IACRC,GAAG,EAAET,EAAG;IACRF,IAAI,EAAEA;EAAK,GACPP,OAAO,EACPc,YAAY,EACZV,qBAAqB,EACrBW,eAAe;IACnBL,IAAI,EAAEA,IAAI,IAAIF,QAAQ,CAACE;EAAK,IAC3BR,mBAAmB,gBAClBjB,KAAA,CAAA+B,aAAA,CAACtB,qBAAqB;IAACS,QAAQ,EAAEA,QAAS;IAACgB,OAAO,EAAElB,gBAAiB;IAACmB,SAAS,EAAEpB;EAAQ,GACtFD,eAAe,CACM,GAExBA,eACD,CACS,CACE;AAEpB,CAAC;AAEDJ,eAAe,CAAC0B,SAAS,GAAG;EAC1BxB,SAAS,EAAEX,SAAS,CAACoC,KAAK,CAAC;IACzBf,IAAI,EAAErB,SAAS,CAACqC,MAAM;IACtBd,EAAE,EAAEvB,SAAS,CAACqC,MAAM;IACpBb,IAAI,EAAExB,SAAS,CAACqC,MAAM;IACtBf,QAAQ,EAAEtB,SAAS,CAACsC,MAAM;IAC1BC,KAAK,EAAEvC,SAAS,CAACwC;EACnB,CAAC,CAAC,CAACC,UAAU;EACb7B,UAAU,EAAEZ,SAAS,CAACsC,MAAM,CAACG,UAAU;EACvC3B,OAAO,EAAEd,SAAS,CAACsC,MAAM,CAACG,UAAU;EACpC5B,eAAe,EAAEb,SAAS,CAAC0C,IAAI,CAACD,UAAU;EAC1C1B,gBAAgB,EAAEf,SAAS,CAACwC,KAAK;EACjCxB,mBAAmB,EAAEhB,SAAS,CAAC2C,IAAI;EACnC1B,QAAQ,EAAEjB,SAAS,CAACwC;AACtB,CAAC;AAED/B,eAAe,CAACmC,YAAY,GAAG;EAAE7B,gBAAgB,EAAE,IAAI;EAAEC,mBAAmB,EAAE,KAAK;EAAEC,QAAQ,EAAE;AAAG,CAAC;AAEnG,eAAeR,eAAe"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.128.0-core-styles.0",
+  "version": "0.128.0",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,14 +27,15 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/core-auth-ui": "0.128.0-core-styles.0",
+    "@blaze-cms/core-auth-ui": "^0.128.0",
     "@blaze-cms/core-errors": "^0.127.0",
-    "@blaze-cms/image-cdn-react": "0.3.0-alpha.3",
-    "@blaze-cms/nextjs-components": "0.128.0-core-styles.0",
-    "@blaze-cms/plugin-search-ui": "0.128.0-core-styles.0",
-    "@blaze-cms/setup-ui": "0.128.0-core-styles.0",
-    "@blaze-cms/utils": "0.128.0-core-styles.0",
-    "@blaze-cms/utils-handlebars": "0.128.0-core-styles.0",
+    "@blaze-cms/core-errors-ui": "^0.128.0",
+    "@blaze-cms/image-cdn-react": "0.3.0-alpha.5",
+    "@blaze-cms/nextjs-components": "^0.128.0",
+    "@blaze-cms/plugin-search-ui": "^0.128.0",
+    "@blaze-cms/setup-ui": "^0.128.0",
+    "@blaze-cms/utils": "^0.128.0",
+    "@blaze-cms/utils-handlebars": "^0.128.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/checkboxes": "0.5.31",
@@ -88,5 +89,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "91cbf4e36ff8860f2e2ef140ee6e132fe2cbf0f6"
+  "gitHead": "fb7948536c8e7ab915cf63397b6885c272f79be2"
 }

package/src/components/Card/Card.js

@@ -134,11 +134,11 @@ const Card = ({
                 <div className="badge badge--label">{label}</div>
               ))}
             {displayTitle && (
-              <h2 className={titleWrapperModifier}>
+              <div className={titleWrapperModifier}>
                 <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>
                   {headline}
                 </BlazeLink>
-              </h2>
+              </div>
             )}
             {!!parsedPropsToDisplay.length && (
               <div className={getModifiers('card__details', modifiers)}>

package/src/components/Card/CardsContainer.js

@@ -9,8 +9,9 @@ import Card from './Card';
 import { getDynamicGridClasses } from './helpers';
 import { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';
 import { getPropsToDisplayModifiers } from '../../utils';
+import { checkIfShouldRenderBanner, checkNewBannerSettings } from '../List/components/helpers';
 
-const CardsContainer = ({
+const CardContainer = ({
   cardData,
   gridModifier,
   style,
@@ -36,14 +37,20 @@ const CardsContainer = ({
   titleOverlayModifier,
   ...cardProps
 }) => {
-  const cardsWithBanners = getEntitiesWithBanner(cardData, cardProps);
   const { itemId } = useContext(MainContext);
+  const { banner } = cardProps;
+  // TODO: remove this check and all associated code once old banner setup is no longer supported
+  const hasNewBannerSettings = checkNewBannerSettings(banner);
+  const parsedCardsData = hasNewBannerSettings
+    ? cardData
+    : getEntitiesWithBanner(cardData, cardProps);
   const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);
   const dynamicWrapperSizes = enableCarousel
     ? ''
     : getDynamicGridClasses('grid', itemsPerRow, designConfig);
-  let renderCounter = 0;
   const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;
+  let bannerIndex = 0;
+  const bannerProps = banner ? { ...cardProps, ...banner, type: 'banner' } : null;
 
   return (
     <CardWrapper
@@ -53,13 +60,48 @@ const CardsContainer = ({
       bannerModifier={bannerModifier}
       enableAutoScroll={enableAutoScroll}
       autoScrollTimer={autoScrollTimer}>
-      {cardsWithBanners.map(({ baseAdunit, id, ...entityProps }, index) => {
+      {parsedCardsData.map((currentEntity, index) => {
+        const { baseAdunit, id, ...entityProps } = currentEntity;
+        const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(index, banner);
         const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);
         const dynamicKey = [itemId, index].join('-');
-        if (baseAdunit) renderCounter += 1;
-
         const priority = priorityLimit > 0 && index + 1 <= priorityLimit;
+        if (hasNewBannerSettings && shouldRenderBanner) bannerIndex += 1;
+        if (!hasNewBannerSettings && baseAdunit) bannerIndex += 1;
+        const parsedCardProps = {
+          key: id,
+          id,
+          enableCarousel,
+          graphqlEntityMap,
+          propsToDisplay,
+          parsedPropsToDisplay: extraProps,
+          propsToDisplayModifiers,
+          modifier,
+          style,
+          cardChildren,
+          gtmChildren,
+          gtmId: name,
+          gridModifier,
+          entityProps,
+          displayCategory,
+          displayThumbnail,
+          displayTitle,
+          priority,
+          enableOverlay,
+          overlayModifier,
+          titleOverlayModifier,
+          ...entityProps
+        };
 
+        if (hasNewBannerSettings)
+          return (
+            <>
+              <Card key={id} {...parsedCardProps} />
+              {shouldRenderBanner && (
+                <Banner key={dynamicKey} {...bannerProps} renderCounter={bannerIndex} />
+              )}
+            </>
+          );
         return baseAdunit ? (
           <Banner
             key={dynamicKey}
@@ -67,44 +109,21 @@ const CardsContainer = ({
             baseAdunit={baseAdunit}
             {...entityProps}
             modifier={modifier}
-            renderCounter={renderCounter}
+            renderCounter={bannerIndex}
           />
         ) : (
-          <Card
-            key={id}
-            id={id}
-            enableCarousel={enableCarousel}
-            graphqlEntityMap={graphqlEntityMap}
-            propsToDisplay={propsToDisplay}
-            parsedPropsToDisplay={extraProps}
-            propsToDisplayModifiers={propsToDisplayModifiers}
-            modifier={modifier}
-            style={style}
-            cardChildren={cardChildren}
-            gtmChildren={gtmChildren}
-            gtmId={name}
-            gridModifier={gridModifier}
-            entityProps={entityProps}
-            displayCategory={displayCategory}
-            displayThumbnail={displayThumbnail}
-            displayTitle={displayTitle}
-            priority={priority}
-            enableOverlay={enableOverlay}
-            overlayModifier={overlayModifier}
-            titleOverlayModifier={titleOverlayModifier}
-            {...entityProps}
-          />
+          <Card key={id} {...parsedCardProps} />
         );
       })}
     </CardWrapper>
   );
 };
 
-CardsContainer.propTypes = {
+CardContainer.propTypes = {
   cardData: PropTypes.array.isRequired,
+  graphqlEntityMap: PropTypes.object.isRequired,
   name: PropTypes.string,
   entity: PropTypes.string.isRequired,
-  graphqlEntityMap: PropTypes.object.isRequired,
   gridModifier: PropTypes.string,
   gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
@@ -126,7 +145,7 @@ CardsContainer.propTypes = {
   autoScrollTimer: PropTypes.number
 };
 
-CardsContainer.defaultProps = {
+CardContainer.defaultProps = {
   gtmChildren: [],
   cardChildren: [],
   name: '',
@@ -149,4 +168,4 @@ CardsContainer.defaultProps = {
   titleOverlayModifier: ''
 };
 
-export default withTitle(CardsContainer);
+export default withTitle(CardContainer);

package/src/components/DataSummary/DataSummaryFactory.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { MainContext } from '@blaze-cms/nextjs-components';
 import { getSingleEntitySchema } from '../../application/query';
 import { buildPropsQuery, checkPropsToUse } from '../../helpers';
-import { getDataSummaryQuery } from './helpers';
+import { getDataSummaryQuery, getLinkProps } from './helpers';
 import DataSummaryRender from './DataSummaryRender';
 
 const DataSummaryFactory = ({
@@ -31,7 +31,8 @@ const DataSummaryFactory = ({
   if (!data) return null;
   if (!propsToDisplay || !propsToDisplay.length) return null;
   const propsToDisplayValues = checkPropsToUse(propsToDisplay);
-  const propsQueryString = buildPropsQuery(data, propsToDisplayValues);
+  const linkProps = getLinkProps(propsToDisplay);
+  const propsQueryString = buildPropsQuery(data, propsToDisplayValues, null, linkProps);
   const dataSummaryQuery = getDataSummaryQuery(data, isPreview, propsQueryString);
   const recordId = dataRecordId[0] || dataSummaryProps.parent.itemId;
 

package/src/components/DataSummary/DataSummaryTypes/ItemDetailsSummary/ItemDetailsSummaryContent.js

@@ -13,7 +13,7 @@ const ItemDetailsSummaryContent = ({ summaryPropsWithContent }) => {
 
     return (
       <span className={modifier} key={dynamicKey}>
-        {wrappedValue}
+        {key && <span className="item-details-summary-label">{key}</span>} {wrappedValue}
       </span>
     );
   });

package/src/components/DataSummary/helpers/get-link-props.js

@@ -0,0 +1,7 @@
+const getLinkProps = (props = []) =>
+  props
+    .map(({ propertiesToDisplay, enableLink }) => enableLink && propertiesToDisplay)
+    .flat()
+    .filter(Boolean);
+
+export default getLinkProps;

package/src/components/DataSummary/helpers/get-link-to-published-content.js

@@ -1,12 +1,8 @@
 const getLinkToPublishedContent = (key = '', props = {}) => {
-  if (key.includes('published')) {
-    const [baseKey] = key.split('.');
-    if (!props[baseKey]) return '';
-
-    const content = Array.isArray(props[baseKey]) ? props[baseKey][0] : props[baseKey];
-    return content && content.url ? content.url : '';
-  }
-  return '';
+  const [baseKey] = key.split('.');
+  if (!props[baseKey]) return '';
+  const content = Array.isArray(props[baseKey]) ? props[baseKey][0] : props[baseKey];
+  return content && content.url ? content.url : '';
 };
 
 export default getLinkToPublishedContent;

package/src/components/DataSummary/helpers/index.js

@@ -5,6 +5,7 @@ import stripSummaryPropsContent from './strip-summary-props-content';
 import buildLoopPropsContent from './build-loop-props-content';
 import parseBooleanValues from './parse-boolean-values';
 import getLinkBasedOnValue from './get-link-based-on-value';
+import getLinkProps from './get-link-props';
 
 export {
   getDataSummaryQuery,
@@ -13,5 +14,6 @@ export {
   stripSummaryPropsContent,
   buildLoopPropsContent,
   parseBooleanValues,
-  getLinkBasedOnValue
+  getLinkBasedOnValue,
+  getLinkProps
 };

package/src/components/Image/Image.js

@@ -78,7 +78,7 @@ const Image = ({
 
   return (
     <Wrapper ref={outerRef} className={wrapperClassName} modifiers={modifiers} {...otherProps}>
-      {elementTitle && <h2 className="heading heading--section">{elementTitle}</h2>}
+      {elementTitle && <div className="heading heading--section">{elementTitle}</div>}
       {shouldDisplayImage && (
         <ImgWrapper {...imgWrapperProps}>
           <ImageRender

package/src/components/List/components/Full/FullRender.js

@@ -17,7 +17,6 @@ const FullRender = ({ orderedListData, omitWrappers, paginationType, ...props })
     ? { hasBanner, parent, entity, propsToDisplay, ...banner, type: BANNER }
     : null;
   let bannerIndex = 0;
-
   const WrapperToUse = omitWrappers ? Fragment : Wrapper;
 
   return (