@blaze-cms/react-page-builder 0.134.0-project-admin-customisations.0 → 0.135.0-admin-updates.0

package/CHANGELOG.md

@@ -3,25 +3,32 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [0.134.0-project-admin-customisations.0](https://github.com/thebyte9/blaze/compare/v0.133.0...v0.134.0-project-admin-customisations.0) (2023-10-11)
+# [0.135.0-admin-updates.0](https://github.com/thebyte9/blaze/compare/v0.134.0...v0.135.0-admin-updates.0) (2023-11-17)
 
 
 ### Bug Fixes
 
 * fix typo ([3c87c7f](https://github.com/thebyte9/blaze/commit/3c87c7f50b0c184fc369a3efbac0584fb0af6c09))
 * handle data summary urls in loops correctly ([#3993](https://github.com/thebyte9/blaze/issues/3993)) ([008e1a1](https://github.com/thebyte9/blaze/commit/008e1a1f24f065b4060302c2c32d1aa32dd8a007))
-* searchfilter checkbox duplicate element title ([97ca0b1](https://github.com/thebyte9/blaze/commit/97ca0b1a554f9faa01c6696cb71770b2dc88194e))
 * unwanted space when banner not served ([fb35848](https://github.com/thebyte9/blaze/commit/fb35848b7f91c9c063833d30b37e44996b2a4a56))
 * update ad slot render test ([dc9655f](https://github.com/thebyte9/blaze/commit/dc9655f2a2f9b9b5f5e98c77382561d3c4c4088d))
 * update ad slot render test ([2d12523](https://github.com/thebyte9/blaze/commit/2d12523f79245208e8919b7d90fa6d4294f396da))
 
 
 
-# [0.129.0-project-admin-customisations.1](https://github.com/thebyte9/blaze/compare/v0.129.0-project-admin-customisations.0...v0.129.0-project-admin-customisations.1) (2023-05-05)
 
 
+# [0.134.0](https://github.com/thebyte9/blaze/compare/v0.134.0-alpha.0...v0.134.0) (2023-10-31)
 
-# [0.129.0-project-admin-customisations.0](https://github.com/thebyte9/blaze/compare/v0.128.2...v0.129.0-project-admin-customisations.0) (2023-05-03)
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.134.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.133.0...v0.134.0-alpha.0) (2023-10-23)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
 
 
 

package/lib/HOC/withTitle.js

@@ -14,26 +14,36 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 require("core-js/modules/es.function.name.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utilsHandlebars = require("@blaze-cms/utils-handlebars");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var withTitle = function withTitle(Component) {
   var InnerComponent = function InnerComponent(props) {
     var elementTitle = props.elementTitle,
-      isHeroImg = props.isHeroImg;
+      isHeroImg = props.isHeroImg,
+      parent = props.parent;
     var shouldDisplayTitle = elementTitle && !isHeroImg;
+    var _useStringTemplate = (0, _utilsHandlebars.useStringTemplate)(parent, [elementTitle]),
+      loading = _useStringTemplate.loading,
+      _useStringTemplate$da = (0, _slicedToArray2["default"])(_useStringTemplate.data, 1),
+      elementTitleToUse = _useStringTemplate$da[0];
+    if (loading) return '';
     return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, shouldDisplayTitle && /*#__PURE__*/_react["default"].createElement("h2", {
       className: "heading heading--section"
-    }, elementTitle), /*#__PURE__*/_react["default"].createElement(Component, props));
+    }, elementTitleToUse), /*#__PURE__*/_react["default"].createElement(Component, props));
   };
   InnerComponent.WrappedComponent = Component;
   InnerComponent.displayName = "WithTitle(".concat(Component.displayName || Component.name || 'Component', ")");
   InnerComponent.propTypes = {
+    parent: _propTypes["default"].object,
     elementTitle: _propTypes["default"].string,
     isHeroImg: _propTypes["default"].bool
   };
   InnerComponent.defaultProps = {
+    parent: {},
     elementTitle: '',
     isHeroImg: false
   };

package/lib/HOC/withTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTitle.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","withTitle","Component","InnerComponent","props","elementTitle","isHeroImg","shouldDisplayTitle","createElement","Fragment","className","WrappedComponent","displayName","concat","name","propTypes","PropTypes","string","bool","defaultProps","_default","exports"],"sources":["../../src/HOC/withTitle.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\n\nconst withTitle = Component => {\n  const InnerComponent = props => {\n    const { elementTitle, isHeroImg } = props;\n    const shouldDisplayTitle = elementTitle && !isHeroImg;\n\n    return (\n      <Fragment>\n        {shouldDisplayTitle && <h2 className=\"heading heading--section\">{elementTitle}</h2>}\n        <Component {...props} />\n      </Fragment>\n    );\n  };\n\n  InnerComponent.WrappedComponent = Component;\n\n  InnerComponent.displayName = `WithTitle(${Component.displayName ||\n    Component.name ||\n    'Component'})`;\n\n  InnerComponent.propTypes = {\n    elementTitle: PropTypes.string,\n    isHeroImg: PropTypes.bool\n  };\n  InnerComponent.defaultProps = {\n    elementTitle: '',\n    isHeroImg: false\n  };\n\n  return InnerComponent;\n};\n\nexport default withTitle;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAmC,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAEnC,IAAMW,SAAS,GAAG,SAAZA,SAASA,CAAGC,SAAS,EAAI;EAC7B,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAGC,KAAK,EAAI;IAC9B,IAAQC,YAAY,GAAgBD,KAAK,CAAjCC,YAAY;MAAEC,SAAS,GAAKF,KAAK,CAAnBE,SAAS;IAC/B,IAAMC,kBAAkB,GAAGF,YAAY,IAAI,CAACC,SAAS;IAErD,oBACEhC,MAAA,YAAAkC,aAAA,CAAClC,MAAA,CAAAmC,QAAQ,QACNF,kBAAkB,iBAAIjC,MAAA,YAAAkC,aAAA;MAAIE,SAAS,EAAC;IAA0B,GAAEL,YAAiB,CAAC,eACnF/B,MAAA,YAAAkC,aAAA,CAACN,SAAS,EAAKE,KAAQ,CACf,CAAC;EAEf,CAAC;EAEDD,cAAc,CAACQ,gBAAgB,GAAGT,SAAS;EAE3CC,cAAc,CAACS,WAAW,gBAAAC,MAAA,CAAgBX,SAAS,CAACU,WAAW,IAC7DV,SAAS,CAACY,IAAI,IACd,WAAW,MAAG;EAEhBX,cAAc,CAACY,SAAS,GAAG;IACzBV,YAAY,EAAEW,qBAAS,CAACC,MAAM;IAC9BX,SAAS,EAAEU,qBAAS,CAACE;EACvB,CAAC;EACDf,cAAc,CAACgB,YAAY,GAAG;IAC5Bd,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE;EACb,CAAC;EAED,OAAOH,cAAc;AACvB,CAAC;AAAC,IAAAiB,QAAA,GAEanB,SAAS;AAAAoB,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"withTitle.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_utilsHandlebars","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","withTitle","Component","InnerComponent","props","elementTitle","isHeroImg","parent","shouldDisplayTitle","_useStringTemplate","useStringTemplate","loading","_useStringTemplate$da","_slicedToArray2","data","elementTitleToUse","createElement","Fragment","className","WrappedComponent","displayName","concat","name","propTypes","PropTypes","object","string","bool","defaultProps","_default","exports"],"sources":["../../src/HOC/withTitle.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\n\nconst withTitle = Component => {\n  const InnerComponent = props => {\n    const { elementTitle, isHeroImg, parent } = props;\n\n    const shouldDisplayTitle = elementTitle && !isHeroImg;\n    const {\n      loading,\n      data: [elementTitleToUse]\n    } = useStringTemplate(parent, [elementTitle]);\n\n    if (loading) return '';\n\n    return (\n      <Fragment>\n        {shouldDisplayTitle && <h2 className=\"heading heading--section\">{elementTitleToUse}</h2>}\n        <Component {...props} />\n      </Fragment>\n    );\n  };\n\n  InnerComponent.WrappedComponent = Component;\n\n  InnerComponent.displayName = `WithTitle(${Component.displayName ||\n    Component.name ||\n    'Component'})`;\n\n  InnerComponent.propTypes = {\n    parent: PropTypes.object,\n    elementTitle: PropTypes.string,\n    isHeroImg: PropTypes.bool\n  };\n  InnerComponent.defaultProps = {\n    parent: {},\n    elementTitle: '',\n    isHeroImg: false\n  };\n\n  return InnerComponent;\n};\n\nexport default withTitle;\n"],"mappings":"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"}

package/lib/components/ContentGroupSection/ContentGroupSection.js

@@ -7,12 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 require("core-js/modules/es.function.name.js");
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _helpers = require("../../helpers");
+var _excluded = ["children", "name"];
 var ContentGroupSection = function ContentGroupSection(_ref) {
   var children = _ref.children,
-    name = _ref.name;
+    name = _ref.name,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   if (!(0, _helpers.hasChildren)(children)) return null;
   return /*#__PURE__*/_react["default"].createElement("div", {
     key: name,

package/lib/components/ContentGroupSection/ContentGroupSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentGroupSection.js","names":["_react","_interopRequireDefault","require","_propTypes","_helpers","ContentGroupSection","_ref","children","name","hasChildren","createElement","key","className","propTypes","PropTypes","oneOfType","arrayOf","node","string","defaultProps","_default","exports"],"sources":["../../../src/components/ContentGroupSection/ContentGroupSection.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst ContentGroupSection = ({ children, name }) => {\n  if (!hasChildren(children)) return null;\n\n  return (\n    <div key={name} className=\"content-group-section\">\n      {children}\n    </div>\n  );\n};\n\nContentGroupSection.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  name: PropTypes.string\n};\n\nContentGroupSection.defaultProps = { children: null, name: '' };\n\nexport default ContentGroupSection;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAA2B;EAAA,IAArBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAC3C,IAAI,CAAC,IAAAC,oBAAW,EAACF,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvC,oBACEP,MAAA,YAAAU,aAAA;IAAKC,GAAG,EAAEH,IAAK;IAACI,SAAS,EAAC;EAAuB,GAC9CL,QACE,CAAC;AAEV,CAAC;AAEDF,mBAAmB,CAACQ,SAAS,GAAG;EAC9BN,QAAQ,EAAEO,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC;EAClFT,IAAI,EAAEM,qBAAS,CAACI;AAClB,CAAC;AAEDb,mBAAmB,CAACc,YAAY,GAAG;EAAEZ,QAAQ,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAG,CAAC;AAAC,IAAAY,QAAA,GAEjDf,mBAAmB;AAAAgB,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"ContentGroupSection.js","names":["_react","_interopRequireDefault","require","_propTypes","_helpers","_excluded","ContentGroupSection","_ref","children","name","props","_objectWithoutProperties2","hasChildren","createElement","key","className","propTypes","PropTypes","oneOfType","arrayOf","node","string","defaultProps","_default","exports"],"sources":["../../../src/components/ContentGroupSection/ContentGroupSection.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst ContentGroupSection = ({ children, name, ...props }) => {\n  if (!hasChildren(children)) return null;\n\n  return (\n    <div key={name} className=\"content-group-section\">\n      {children}\n    </div>\n  );\n};\n\nContentGroupSection.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  name: PropTypes.string\n};\n\nContentGroupSection.defaultProps = { children: null, name: '' };\n\nexport default ContentGroupSection;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA4C,IAAAG,SAAA;AAE5C,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAqC;EAAA,IAA/BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAKC,KAAK,OAAAC,yBAAA,aAAAJ,IAAA,EAAAF,SAAA;EACrD,IAAI,CAAC,IAAAO,oBAAW,EAACJ,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvC,oBACER,MAAA,YAAAa,aAAA;IAAKC,GAAG,EAAEL,IAAK;IAACM,SAAS,EAAC;EAAuB,GAC9CP,QACE,CAAC;AAEV,CAAC;AAEDF,mBAAmB,CAACU,SAAS,GAAG;EAC9BR,QAAQ,EAAES,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC;EAClFX,IAAI,EAAEQ,qBAAS,CAACI;AAClB,CAAC;AAEDf,mBAAmB,CAACgB,YAAY,GAAG;EAAEd,QAAQ,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAG,CAAC;AAAC,IAAAc,QAAA,GAEjDjB,mBAAmB;AAAAkB,OAAA,cAAAD,QAAA"}

package/lib/components/SearchFilter/components/Checkbox.js

@@ -82,7 +82,9 @@ var Checkbox = function Checkbox(_ref) {
     });
   });
   var shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === _constants.LIMIT_MIN;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, label ? /*#__PURE__*/_react["default"].createElement("p", null, label) : '', /*#__PURE__*/_react["default"].createElement(_checkboxes.Checkboxes, {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, elementTitle && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "heading heading--section"
+  }, elementTitle), label ? /*#__PURE__*/_react["default"].createElement("p", null, label) : '', /*#__PURE__*/_react["default"].createElement(_checkboxes.Checkboxes, {
     className: "form-checkbox",
     options: multiple,
     onChange: function onChange(_ref3) {

package/lib/components/SearchFilter/components/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_lodash","_checkboxes","_fa","_HOC","_helpers","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Checkbox","_ref","data","prop","updateFilterValues","filterValues","label","elementTitle","shouldSearch","displayFilterCount","_useState","useState","_useState2","_slicedToArray2","checkboxLimit","setCheckboxLimit","handleCheckboxOptions","LIMIT_MIN","_defineProperty2","LIMIT_MAX","checkboxQueryParams","decodeValue","map","val","multiple","sortedValues","buckets","_ref2","count","doc_count","optionLabel","concat","filter","Boolean","sort","forEach","value","i","push","upperFirst","name","checked","includes","id","disabled","shouldDisplayMore","createElement","Fragment","Checkboxes","className","options","onChange","_ref3","eData","newCheckboxValues","_ref4","_ref5","length","role","onClick","FaChevronDown","MORE","FaChevronUp","LESS","propTypes","PropTypes","object","isRequired","string","func","bool","defaultProps","_default","withTitle","exports"],"sources":["../../../../src/components/SearchFilter/components/Checkbox.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport upperFirst from 'lodash.upperfirst';\nimport { Checkboxes } from '@blaze-react/checkboxes';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { withTitle } from '../../../HOC';\nimport { decodeValue } from '../helpers';\nimport { LIMIT_MIN, LIMIT_MAX, MORE, LESS } from '../constants';\n\nconst Checkbox = ({\n  data,\n  prop,\n  updateFilterValues,\n  filterValues,\n  label,\n  elementTitle,\n  shouldSearch,\n  displayFilterCount\n}) => {\n  const [checkboxLimit, setCheckboxLimit] = useState(null);\n  if (!data[prop]) return null;\n\n  const handleCheckboxOptions = () => {\n    if (checkboxLimit[prop] === LIMIT_MIN) {\n      setCheckboxLimit({ [prop]: LIMIT_MAX });\n    } else {\n      setCheckboxLimit({ [prop]: LIMIT_MIN });\n    }\n  };\n\n  if (!checkboxLimit) {\n    setCheckboxLimit({ [prop]: LIMIT_MIN });\n  }\n\n  if (!checkboxLimit) return null;\n\n  let checkboxQueryParams = [];\n\n  if (filterValues && filterValues[prop]) {\n    checkboxQueryParams =\n      typeof filterValues[prop] === 'string'\n        ? [decodeValue(filterValues[prop])]\n        : filterValues[prop].map(val => decodeValue(val));\n  }\n  const multiple = [];\n\n  const sortedValues = data[prop].buckets\n    .map(({ key, doc_count: count }) => {\n      const optionLabel = displayFilterCount ? `${key} (${count})` : key;\n      return [key, optionLabel, !count];\n    })\n    .filter(Boolean)\n    .sort();\n\n  sortedValues.forEach(\n    (value, i) =>\n      i < checkboxLimit[prop] &&\n      multiple.push({\n        label: upperFirst(value[1]),\n        value: value[0],\n        name: prop,\n        checked: checkboxQueryParams.includes(value[0]),\n        id: value[0],\n        disabled: value[2]\n      })\n  );\n\n  const shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === LIMIT_MIN;\n  return (\n    <>\n      {label ? <p>{label}</p> : ''}\n      <Checkboxes\n        className=\"form-checkbox\"\n        options={multiple}\n        onChange={({ data: eData }) => {\n          const newCheckboxValues = eData\n            .filter(({ checked }) => checked)\n            .map(({ value }) => value);\n          updateFilterValues({ [prop]: newCheckboxValues }, shouldSearch);\n        }}\n      />\n      {data[prop].buckets.length > LIMIT_MIN && (\n        <div role=\"button\" className=\"see-more\" onClick={handleCheckboxOptions}>\n          {shouldDisplayMore ? (\n            <>\n              <i>\n                <FaChevronDown className=\"inline-icon\" />\n              </i>\n              {` See ${MORE}`}\n            </>\n          ) : (\n            <>\n              <i>\n                <FaChevronUp className=\"inline-icon\" />\n              </i>\n              {` See ${LESS}`}\n            </>\n          )}\n        </div>\n      )}\n    </>\n  );\n};\n\nCheckbox.propTypes = {\n  data: PropTypes.object.isRequired,\n  prop: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  label: PropTypes.string,\n  elementTitle: PropTypes.string,\n  displayFilterCount: PropTypes.bool\n};\n\nCheckbox.defaultProps = {\n  shouldSearch: false,\n  label: '',\n  elementTitle: '',\n  displayFilterCount: false\n};\n\nexport default withTitle(Checkbox);\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_lodash","_checkboxes","_fa","_HOC","_helpers","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Checkbox","_ref","data","prop","updateFilterValues","filterValues","label","elementTitle","shouldSearch","displayFilterCount","_useState","useState","_useState2","_slicedToArray2","checkboxLimit","setCheckboxLimit","handleCheckboxOptions","LIMIT_MIN","_defineProperty2","LIMIT_MAX","checkboxQueryParams","decodeValue","map","val","multiple","sortedValues","buckets","_ref2","count","doc_count","optionLabel","concat","filter","Boolean","sort","forEach","value","i","push","upperFirst","name","checked","includes","id","disabled","shouldDisplayMore","createElement","Fragment","className","Checkboxes","options","onChange","_ref3","eData","newCheckboxValues","_ref4","_ref5","length","role","onClick","FaChevronDown","MORE","FaChevronUp","LESS","propTypes","PropTypes","object","isRequired","string","func","bool","defaultProps","_default","withTitle","exports"],"sources":["../../../../src/components/SearchFilter/components/Checkbox.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport upperFirst from 'lodash.upperfirst';\nimport { Checkboxes } from '@blaze-react/checkboxes';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { withTitle } from '../../../HOC';\nimport { decodeValue } from '../helpers';\nimport { LIMIT_MIN, LIMIT_MAX, MORE, LESS } from '../constants';\n\nconst Checkbox = ({\n  data,\n  prop,\n  updateFilterValues,\n  filterValues,\n  label,\n  elementTitle,\n  shouldSearch,\n  displayFilterCount\n}) => {\n  const [checkboxLimit, setCheckboxLimit] = useState(null);\n  if (!data[prop]) return null;\n\n  const handleCheckboxOptions = () => {\n    if (checkboxLimit[prop] === LIMIT_MIN) {\n      setCheckboxLimit({ [prop]: LIMIT_MAX });\n    } else {\n      setCheckboxLimit({ [prop]: LIMIT_MIN });\n    }\n  };\n\n  if (!checkboxLimit) {\n    setCheckboxLimit({ [prop]: LIMIT_MIN });\n  }\n\n  if (!checkboxLimit) return null;\n\n  let checkboxQueryParams = [];\n\n  if (filterValues && filterValues[prop]) {\n    checkboxQueryParams =\n      typeof filterValues[prop] === 'string'\n        ? [decodeValue(filterValues[prop])]\n        : filterValues[prop].map(val => decodeValue(val));\n  }\n  const multiple = [];\n\n  const sortedValues = data[prop].buckets\n    .map(({ key, doc_count: count }) => {\n      const optionLabel = displayFilterCount ? `${key} (${count})` : key;\n      return [key, optionLabel, !count];\n    })\n    .filter(Boolean)\n    .sort();\n\n  sortedValues.forEach(\n    (value, i) =>\n      i < checkboxLimit[prop] &&\n      multiple.push({\n        label: upperFirst(value[1]),\n        value: value[0],\n        name: prop,\n        checked: checkboxQueryParams.includes(value[0]),\n        id: value[0],\n        disabled: value[2]\n      })\n  );\n\n  const shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === LIMIT_MIN;\n\n  return (\n    <>\n      {elementTitle && <div className=\"heading heading--section\">{elementTitle}</div>}\n      {label ? <p>{label}</p> : ''}\n      <Checkboxes\n        className=\"form-checkbox\"\n        options={multiple}\n        onChange={({ data: eData }) => {\n          const newCheckboxValues = eData\n            .filter(({ checked }) => checked)\n            .map(({ value }) => value);\n          updateFilterValues({ [prop]: newCheckboxValues }, shouldSearch);\n        }}\n      />\n      {data[prop].buckets.length > LIMIT_MIN && (\n        <div role=\"button\" className=\"see-more\" onClick={handleCheckboxOptions}>\n          {shouldDisplayMore ? (\n            <>\n              <i>\n                <FaChevronDown className=\"inline-icon\" />\n              </i>\n              {` See ${MORE}`}\n            </>\n          ) : (\n            <>\n              <i>\n                <FaChevronUp className=\"inline-icon\" />\n              </i>\n              {` See ${LESS}`}\n            </>\n          )}\n        </div>\n      )}\n    </>\n  );\n};\n\nCheckbox.propTypes = {\n  data: PropTypes.object.isRequired,\n  prop: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  label: PropTypes.string,\n  elementTitle: PropTypes.string,\n  displayFilterCount: PropTypes.bool\n};\n\nCheckbox.defaultProps = {\n  shouldSearch: false,\n  label: '',\n  elementTitle: '',\n  displayFilterCount: false\n};\n\nexport default withTitle(Checkbox);\n"],"mappings":"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"}

package/lib-es/HOC/withTitle.js

@@ -1,23 +1,32 @@
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
+import { useStringTemplate } from '@blaze-cms/utils-handlebars';
 const withTitle = Component => {
   const InnerComponent = props => {
     const {
       elementTitle,
-      isHeroImg
+      isHeroImg,
+      parent
     } = props;
     const shouldDisplayTitle = elementTitle && !isHeroImg;
+    const {
+      loading,
+      data: [elementTitleToUse]
+    } = useStringTemplate(parent, [elementTitle]);
+    if (loading) return '';
     return /*#__PURE__*/React.createElement(Fragment, null, shouldDisplayTitle && /*#__PURE__*/React.createElement("h2", {
       className: "heading heading--section"
-    }, elementTitle), /*#__PURE__*/React.createElement(Component, props));
+    }, elementTitleToUse), /*#__PURE__*/React.createElement(Component, props));
   };
   InnerComponent.WrappedComponent = Component;
   InnerComponent.displayName = `WithTitle(${Component.displayName || Component.name || 'Component'})`;
   InnerComponent.propTypes = {
+    parent: PropTypes.object,
     elementTitle: PropTypes.string,
     isHeroImg: PropTypes.bool
   };
   InnerComponent.defaultProps = {
+    parent: {},
     elementTitle: '',
     isHeroImg: false
   };

package/lib-es/HOC/withTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTitle.js","names":["React","Fragment","PropTypes","withTitle","Component","InnerComponent","props","elementTitle","isHeroImg","shouldDisplayTitle","createElement","className","WrappedComponent","displayName","name","propTypes","string","bool","defaultProps"],"sources":["../../src/HOC/withTitle.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\n\nconst withTitle = Component => {\n  const InnerComponent = props => {\n    const { elementTitle, isHeroImg } = props;\n    const shouldDisplayTitle = elementTitle && !isHeroImg;\n\n    return (\n      <Fragment>\n        {shouldDisplayTitle && <h2 className=\"heading heading--section\">{elementTitle}</h2>}\n        <Component {...props} />\n      </Fragment>\n    );\n  };\n\n  InnerComponent.WrappedComponent = Component;\n\n  InnerComponent.displayName = `WithTitle(${Component.displayName ||\n    Component.name ||\n    'Component'})`;\n\n  InnerComponent.propTypes = {\n    elementTitle: PropTypes.string,\n    isHeroImg: PropTypes.bool\n  };\n  InnerComponent.defaultProps = {\n    elementTitle: '',\n    isHeroImg: false\n  };\n\n  return InnerComponent;\n};\n\nexport default withTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAGC,SAAS,IAAI;EAC7B,MAAMC,cAAc,GAAGC,KAAK,IAAI;IAC9B,MAAM;MAAEC,YAAY;MAAEC;IAAU,CAAC,GAAGF,KAAK;IACzC,MAAMG,kBAAkB,GAAGF,YAAY,IAAI,CAACC,SAAS;IAErD,oBACER,KAAA,CAAAU,aAAA,CAACT,QAAQ,QACNQ,kBAAkB,iBAAIT,KAAA,CAAAU,aAAA;MAAIC,SAAS,EAAC;IAA0B,GAAEJ,YAAiB,CAAC,eACnFP,KAAA,CAAAU,aAAA,CAACN,SAAS,EAAKE,KAAQ,CACf,CAAC;EAEf,CAAC;EAEDD,cAAc,CAACO,gBAAgB,GAAGR,SAAS;EAE3CC,cAAc,CAACQ,WAAW,GAAI,aAAYT,SAAS,CAACS,WAAW,IAC7DT,SAAS,CAACU,IAAI,IACd,WAAY,GAAE;EAEhBT,cAAc,CAACU,SAAS,GAAG;IACzBR,YAAY,EAAEL,SAAS,CAACc,MAAM;IAC9BR,SAAS,EAAEN,SAAS,CAACe;EACvB,CAAC;EACDZ,cAAc,CAACa,YAAY,GAAG;IAC5BX,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE;EACb,CAAC;EAED,OAAOH,cAAc;AACvB,CAAC;AAED,eAAeF,SAAS"}
+{"version":3,"file":"withTitle.js","names":["React","Fragment","PropTypes","useStringTemplate","withTitle","Component","InnerComponent","props","elementTitle","isHeroImg","parent","shouldDisplayTitle","loading","data","elementTitleToUse","createElement","className","WrappedComponent","displayName","name","propTypes","object","string","bool","defaultProps"],"sources":["../../src/HOC/withTitle.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\n\nconst withTitle = Component => {\n  const InnerComponent = props => {\n    const { elementTitle, isHeroImg, parent } = props;\n\n    const shouldDisplayTitle = elementTitle && !isHeroImg;\n    const {\n      loading,\n      data: [elementTitleToUse]\n    } = useStringTemplate(parent, [elementTitle]);\n\n    if (loading) return '';\n\n    return (\n      <Fragment>\n        {shouldDisplayTitle && <h2 className=\"heading heading--section\">{elementTitleToUse}</h2>}\n        <Component {...props} />\n      </Fragment>\n    );\n  };\n\n  InnerComponent.WrappedComponent = Component;\n\n  InnerComponent.displayName = `WithTitle(${Component.displayName ||\n    Component.name ||\n    'Component'})`;\n\n  InnerComponent.propTypes = {\n    parent: PropTypes.object,\n    elementTitle: PropTypes.string,\n    isHeroImg: PropTypes.bool\n  };\n  InnerComponent.defaultProps = {\n    parent: {},\n    elementTitle: '',\n    isHeroImg: false\n  };\n\n  return InnerComponent;\n};\n\nexport default withTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,iBAAiB,QAAQ,6BAA6B;AAE/D,MAAMC,SAAS,GAAGC,SAAS,IAAI;EAC7B,MAAMC,cAAc,GAAGC,KAAK,IAAI;IAC9B,MAAM;MAAEC,YAAY;MAAEC,SAAS;MAAEC;IAAO,CAAC,GAAGH,KAAK;IAEjD,MAAMI,kBAAkB,GAAGH,YAAY,IAAI,CAACC,SAAS;IACrD,MAAM;MACJG,OAAO;MACPC,IAAI,EAAE,CAACC,iBAAiB;IAC1B,CAAC,GAAGX,iBAAiB,CAACO,MAAM,EAAE,CAACF,YAAY,CAAC,CAAC;IAE7C,IAAII,OAAO,EAAE,OAAO,EAAE;IAEtB,oBACEZ,KAAA,CAAAe,aAAA,CAACd,QAAQ,QACNU,kBAAkB,iBAAIX,KAAA,CAAAe,aAAA;MAAIC,SAAS,EAAC;IAA0B,GAAEF,iBAAsB,CAAC,eACxFd,KAAA,CAAAe,aAAA,CAACV,SAAS,EAAKE,KAAQ,CACf,CAAC;EAEf,CAAC;EAEDD,cAAc,CAACW,gBAAgB,GAAGZ,SAAS;EAE3CC,cAAc,CAACY,WAAW,GAAI,aAAYb,SAAS,CAACa,WAAW,IAC7Db,SAAS,CAACc,IAAI,IACd,WAAY,GAAE;EAEhBb,cAAc,CAACc,SAAS,GAAG;IACzBV,MAAM,EAAER,SAAS,CAACmB,MAAM;IACxBb,YAAY,EAAEN,SAAS,CAACoB,MAAM;IAC9Bb,SAAS,EAAEP,SAAS,CAACqB;EACvB,CAAC;EACDjB,cAAc,CAACkB,YAAY,GAAG;IAC5Bd,MAAM,EAAE,CAAC,CAAC;IACVF,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE;EACb,CAAC;EAED,OAAOH,cAAc;AACvB,CAAC;AAED,eAAeF,SAAS"}

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

@@ -1,10 +1,14 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["children", "name"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import { hasChildren } from '../../helpers';
-const ContentGroupSection = ({
-  children,
-  name
-}) => {
+const ContentGroupSection = _ref => {
+  let {
+      children,
+      name
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   if (!hasChildren(children)) return null;
   return /*#__PURE__*/React.createElement("div", {
     key: name,

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

@@ -1 +1 @@
-{"version":3,"file":"ContentGroupSection.js","names":["React","PropTypes","hasChildren","ContentGroupSection","children","name","createElement","key","className","propTypes","oneOfType","arrayOf","node","string","defaultProps"],"sources":["../../../src/components/ContentGroupSection/ContentGroupSection.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst ContentGroupSection = ({ children, name }) => {\n  if (!hasChildren(children)) return null;\n\n  return (\n    <div key={name} className=\"content-group-section\">\n      {children}\n    </div>\n  );\n};\n\nContentGroupSection.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  name: PropTypes.string\n};\n\nContentGroupSection.defaultProps = { children: null, name: '' };\n\nexport default ContentGroupSection;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAK,CAAC,KAAK;EAClD,IAAI,CAACH,WAAW,CAACE,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvC,oBACEJ,KAAA,CAAAM,aAAA;IAAKC,GAAG,EAAEF,IAAK;IAACG,SAAS,EAAC;EAAuB,GAC9CJ,QACE,CAAC;AAEV,CAAC;AAEDD,mBAAmB,CAACM,SAAS,GAAG;EAC9BL,QAAQ,EAAEH,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACU,OAAO,CAACV,SAAS,CAACW,IAAI,CAAC,EAAEX,SAAS,CAACW,IAAI,CAAC,CAAC;EAClFP,IAAI,EAAEJ,SAAS,CAACY;AAClB,CAAC;AAEDV,mBAAmB,CAACW,YAAY,GAAG;EAAEV,QAAQ,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE/D,eAAeF,mBAAmB"}
+{"version":3,"file":"ContentGroupSection.js","names":["React","PropTypes","hasChildren","ContentGroupSection","_ref","children","name","props","_objectWithoutProperties","_excluded","createElement","key","className","propTypes","oneOfType","arrayOf","node","string","defaultProps"],"sources":["../../../src/components/ContentGroupSection/ContentGroupSection.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst ContentGroupSection = ({ children, name, ...props }) => {\n  if (!hasChildren(children)) return null;\n\n  return (\n    <div key={name} className=\"content-group-section\">\n      {children}\n    </div>\n  );\n};\n\nContentGroupSection.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  name: PropTypes.string\n};\n\nContentGroupSection.defaultProps = { children: null, name: '' };\n\nexport default ContentGroupSection;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,mBAAmB,GAAGC,IAAA,IAAkC;EAAA,IAAjC;MAAEC,QAAQ;MAAEC;IAAe,CAAC,GAAAF,IAAA;IAAPG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrD,IAAI,CAACP,WAAW,CAACG,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvC,oBACEL,KAAA,CAAAU,aAAA;IAAKC,GAAG,EAAEL,IAAK;IAACM,SAAS,EAAC;EAAuB,GAC9CP,QACE,CAAC;AAEV,CAAC;AAEDF,mBAAmB,CAACU,SAAS,GAAG;EAC9BR,QAAQ,EAAEJ,SAAS,CAACa,SAAS,CAAC,CAACb,SAAS,CAACc,OAAO,CAACd,SAAS,CAACe,IAAI,CAAC,EAAEf,SAAS,CAACe,IAAI,CAAC,CAAC;EAClFV,IAAI,EAAEL,SAAS,CAACgB;AAClB,CAAC;AAEDd,mBAAmB,CAACe,YAAY,GAAG;EAAEb,QAAQ,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE/D,eAAeH,mBAAmB"}

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

@@ -56,7 +56,9 @@ const Checkbox = ({
     disabled: value[2]
   }));
   const shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === LIMIT_MIN;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, label ? /*#__PURE__*/React.createElement("p", null, label) : '', /*#__PURE__*/React.createElement(Checkboxes, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, elementTitle && /*#__PURE__*/React.createElement("div", {
+    className: "heading heading--section"
+  }, elementTitle), label ? /*#__PURE__*/React.createElement("p", null, label) : '', /*#__PURE__*/React.createElement(Checkboxes, {
     className: "form-checkbox",
     options: multiple,
     onChange: ({

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["React","useState","PropTypes","upperFirst","Checkboxes","FaChevronDown","FaChevronUp","withTitle","decodeValue","LIMIT_MIN","LIMIT_MAX","MORE","LESS","Checkbox","data","prop","updateFilterValues","filterValues","label","elementTitle","shouldSearch","displayFilterCount","checkboxLimit","setCheckboxLimit","handleCheckboxOptions","checkboxQueryParams","map","val","multiple","sortedValues","buckets","key","doc_count","count","optionLabel","filter","Boolean","sort","forEach","value","i","push","name","checked","includes","id","disabled","shouldDisplayMore","createElement","Fragment","className","options","onChange","eData","newCheckboxValues","length","role","onClick","propTypes","object","isRequired","string","func","bool","defaultProps"],"sources":["../../../../src/components/SearchFilter/components/Checkbox.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport upperFirst from 'lodash.upperfirst';\nimport { Checkboxes } from '@blaze-react/checkboxes';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { withTitle } from '../../../HOC';\nimport { decodeValue } from '../helpers';\nimport { LIMIT_MIN, LIMIT_MAX, MORE, LESS } from '../constants';\n\nconst Checkbox = ({\n  data,\n  prop,\n  updateFilterValues,\n  filterValues,\n  label,\n  elementTitle,\n  shouldSearch,\n  displayFilterCount\n}) => {\n  const [checkboxLimit, setCheckboxLimit] = useState(null);\n  if (!data[prop]) return null;\n\n  const handleCheckboxOptions = () => {\n    if (checkboxLimit[prop] === LIMIT_MIN) {\n      setCheckboxLimit({ [prop]: LIMIT_MAX });\n    } else {\n      setCheckboxLimit({ [prop]: LIMIT_MIN });\n    }\n  };\n\n  if (!checkboxLimit) {\n    setCheckboxLimit({ [prop]: LIMIT_MIN });\n  }\n\n  if (!checkboxLimit) return null;\n\n  let checkboxQueryParams = [];\n\n  if (filterValues && filterValues[prop]) {\n    checkboxQueryParams =\n      typeof filterValues[prop] === 'string'\n        ? [decodeValue(filterValues[prop])]\n        : filterValues[prop].map(val => decodeValue(val));\n  }\n  const multiple = [];\n\n  const sortedValues = data[prop].buckets\n    .map(({ key, doc_count: count }) => {\n      const optionLabel = displayFilterCount ? `${key} (${count})` : key;\n      return [key, optionLabel, !count];\n    })\n    .filter(Boolean)\n    .sort();\n\n  sortedValues.forEach(\n    (value, i) =>\n      i < checkboxLimit[prop] &&\n      multiple.push({\n        label: upperFirst(value[1]),\n        value: value[0],\n        name: prop,\n        checked: checkboxQueryParams.includes(value[0]),\n        id: value[0],\n        disabled: value[2]\n      })\n  );\n\n  const shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === LIMIT_MIN;\n  return (\n    <>\n      {label ? <p>{label}</p> : ''}\n      <Checkboxes\n        className=\"form-checkbox\"\n        options={multiple}\n        onChange={({ data: eData }) => {\n          const newCheckboxValues = eData\n            .filter(({ checked }) => checked)\n            .map(({ value }) => value);\n          updateFilterValues({ [prop]: newCheckboxValues }, shouldSearch);\n        }}\n      />\n      {data[prop].buckets.length > LIMIT_MIN && (\n        <div role=\"button\" className=\"see-more\" onClick={handleCheckboxOptions}>\n          {shouldDisplayMore ? (\n            <>\n              <i>\n                <FaChevronDown className=\"inline-icon\" />\n              </i>\n              {` See ${MORE}`}\n            </>\n          ) : (\n            <>\n              <i>\n                <FaChevronUp className=\"inline-icon\" />\n              </i>\n              {` See ${LESS}`}\n            </>\n          )}\n        </div>\n      )}\n    </>\n  );\n};\n\nCheckbox.propTypes = {\n  data: PropTypes.object.isRequired,\n  prop: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  label: PropTypes.string,\n  elementTitle: PropTypes.string,\n  displayFilterCount: PropTypes.bool\n};\n\nCheckbox.defaultProps = {\n  shouldSearch: false,\n  label: '',\n  elementTitle: '',\n  displayFilterCount: false\n};\n\nexport default withTitle(Checkbox);\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["React","useState","PropTypes","upperFirst","Checkboxes","FaChevronDown","FaChevronUp","withTitle","decodeValue","LIMIT_MIN","LIMIT_MAX","MORE","LESS","Checkbox","data","prop","updateFilterValues","filterValues","label","elementTitle","shouldSearch","displayFilterCount","checkboxLimit","setCheckboxLimit","handleCheckboxOptions","checkboxQueryParams","map","val","multiple","sortedValues","buckets","key","doc_count","count","optionLabel","filter","Boolean","sort","forEach","value","i","push","name","checked","includes","id","disabled","shouldDisplayMore","createElement","Fragment","className","options","onChange","eData","newCheckboxValues","length","role","onClick","propTypes","object","isRequired","string","func","bool","defaultProps"],"sources":["../../../../src/components/SearchFilter/components/Checkbox.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport upperFirst from 'lodash.upperfirst';\nimport { Checkboxes } from '@blaze-react/checkboxes';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { withTitle } from '../../../HOC';\nimport { decodeValue } from '../helpers';\nimport { LIMIT_MIN, LIMIT_MAX, MORE, LESS } from '../constants';\n\nconst Checkbox = ({\n  data,\n  prop,\n  updateFilterValues,\n  filterValues,\n  label,\n  elementTitle,\n  shouldSearch,\n  displayFilterCount\n}) => {\n  const [checkboxLimit, setCheckboxLimit] = useState(null);\n  if (!data[prop]) return null;\n\n  const handleCheckboxOptions = () => {\n    if (checkboxLimit[prop] === LIMIT_MIN) {\n      setCheckboxLimit({ [prop]: LIMIT_MAX });\n    } else {\n      setCheckboxLimit({ [prop]: LIMIT_MIN });\n    }\n  };\n\n  if (!checkboxLimit) {\n    setCheckboxLimit({ [prop]: LIMIT_MIN });\n  }\n\n  if (!checkboxLimit) return null;\n\n  let checkboxQueryParams = [];\n\n  if (filterValues && filterValues[prop]) {\n    checkboxQueryParams =\n      typeof filterValues[prop] === 'string'\n        ? [decodeValue(filterValues[prop])]\n        : filterValues[prop].map(val => decodeValue(val));\n  }\n  const multiple = [];\n\n  const sortedValues = data[prop].buckets\n    .map(({ key, doc_count: count }) => {\n      const optionLabel = displayFilterCount ? `${key} (${count})` : key;\n      return [key, optionLabel, !count];\n    })\n    .filter(Boolean)\n    .sort();\n\n  sortedValues.forEach(\n    (value, i) =>\n      i < checkboxLimit[prop] &&\n      multiple.push({\n        label: upperFirst(value[1]),\n        value: value[0],\n        name: prop,\n        checked: checkboxQueryParams.includes(value[0]),\n        id: value[0],\n        disabled: value[2]\n      })\n  );\n\n  const shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === LIMIT_MIN;\n\n  return (\n    <>\n      {elementTitle && <div className=\"heading heading--section\">{elementTitle}</div>}\n      {label ? <p>{label}</p> : ''}\n      <Checkboxes\n        className=\"form-checkbox\"\n        options={multiple}\n        onChange={({ data: eData }) => {\n          const newCheckboxValues = eData\n            .filter(({ checked }) => checked)\n            .map(({ value }) => value);\n          updateFilterValues({ [prop]: newCheckboxValues }, shouldSearch);\n        }}\n      />\n      {data[prop].buckets.length > LIMIT_MIN && (\n        <div role=\"button\" className=\"see-more\" onClick={handleCheckboxOptions}>\n          {shouldDisplayMore ? (\n            <>\n              <i>\n                <FaChevronDown className=\"inline-icon\" />\n              </i>\n              {` See ${MORE}`}\n            </>\n          ) : (\n            <>\n              <i>\n                <FaChevronUp className=\"inline-icon\" />\n              </i>\n              {` See ${LESS}`}\n            </>\n          )}\n        </div>\n      )}\n    </>\n  );\n};\n\nCheckbox.propTypes = {\n  data: PropTypes.object.isRequired,\n  prop: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  label: PropTypes.string,\n  elementTitle: PropTypes.string,\n  displayFilterCount: PropTypes.bool\n};\n\nCheckbox.defaultProps = {\n  shouldSearch: false,\n  label: '',\n  elementTitle: '',\n  displayFilterCount: false\n};\n\nexport default withTitle(Checkbox);\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.134.0-project-admin-customisations.0",
+  "version": "0.135.0-admin-updates.0",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,15 +27,15 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/core-auth-ui": "0.134.0-project-admin-customisations.0",
-    "@blaze-cms/core-errors": "0.134.0-project-admin-customisations.0",
-    "@blaze-cms/core-errors-ui": "0.134.0-project-admin-customisations.0",
-    "@blaze-cms/image-cdn-react": "0.3.0-alpha.5",
-    "@blaze-cms/nextjs-components": "0.134.0-project-admin-customisations.0",
-    "@blaze-cms/plugin-search-ui": "0.134.0-project-admin-customisations.0",
-    "@blaze-cms/setup-ui": "0.134.0-project-admin-customisations.0",
-    "@blaze-cms/utils": "0.134.0-project-admin-customisations.0",
-    "@blaze-cms/utils-handlebars": "0.134.0-project-admin-customisations.0",
+    "@blaze-cms/core-auth-ui": "0.135.0-admin-updates.0",
+    "@blaze-cms/core-errors": "0.135.0-admin-updates.0",
+    "@blaze-cms/core-errors-ui": "0.135.0-admin-updates.0",
+    "@blaze-cms/image-cdn-react": "0.3.0-alpha.6",
+    "@blaze-cms/nextjs-components": "0.135.0-admin-updates.0",
+    "@blaze-cms/plugin-search-ui": "0.135.0-admin-updates.0",
+    "@blaze-cms/setup-ui": "0.135.0-admin-updates.0",
+    "@blaze-cms/utils": "0.135.0-admin-updates.0",
+    "@blaze-cms/utils-handlebars": "0.135.0-admin-updates.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/checkboxes": "0.5.31",
@@ -89,5 +89,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "ed7ba9d56aee2c4913b8204b0181fdc8c5975d94"
+  "gitHead": "229dc9d0f9fc4500a5a51aa148809729888ac96a"
 }

package/src/HOC/withTitle.js

@@ -1,14 +1,22 @@
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
+import { useStringTemplate } from '@blaze-cms/utils-handlebars';
 
 const withTitle = Component => {
   const InnerComponent = props => {
-    const { elementTitle, isHeroImg } = props;
+    const { elementTitle, isHeroImg, parent } = props;
+
     const shouldDisplayTitle = elementTitle && !isHeroImg;
+    const {
+      loading,
+      data: [elementTitleToUse]
+    } = useStringTemplate(parent, [elementTitle]);
+
+    if (loading) return '';
 
     return (
       <Fragment>
-        {shouldDisplayTitle && <h2 className="heading heading--section">{elementTitle}</h2>}
+        {shouldDisplayTitle && <h2 className="heading heading--section">{elementTitleToUse}</h2>}
         <Component {...props} />
       </Fragment>
     );
@@ -21,10 +29,12 @@ const withTitle = Component => {
     'Component'})`;
 
   InnerComponent.propTypes = {
+    parent: PropTypes.object,
     elementTitle: PropTypes.string,
     isHeroImg: PropTypes.bool
   };
   InnerComponent.defaultProps = {
+    parent: {},
     elementTitle: '',
     isHeroImg: false
   };

package/src/components/ContentGroupSection/ContentGroupSection.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { hasChildren } from '../../helpers';
 
-const ContentGroupSection = ({ children, name }) => {
+const ContentGroupSection = ({ children, name, ...props }) => {
   if (!hasChildren(children)) return null;
 
   return (

package/src/components/SearchFilter/components/Checkbox.js

@@ -66,8 +66,10 @@ const Checkbox = ({
   );
 
   const shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === LIMIT_MIN;
+
   return (
     <>
+      {elementTitle && <div className="heading heading--section">{elementTitle}</div>}
       {label ? <p>{label}</p> : ''}
       <Checkboxes
         className="form-checkbox"

package/tests/unit/src/HOC/withTitle.test.js

@@ -6,13 +6,13 @@ import '@testing-library/jest-dom/extend-expect';
 import { shallow } from 'enzyme';
 import { withTitle } from '../../../../src/HOC';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 const MockComponent = () => <div>MockedComponent</div>;
 
 describe('withTitle HOC', () => {
-  it('should be a function', () => {
-    expect(typeof withTitle).toEqual('function');
-  });
-
   it('should return h2 based on elementTitle prop', () => {
     const WrappedComponent = withTitle(MockComponent);
     const shallowWrapper = shallow(<WrappedComponent />);

package/tests/unit/src/components/Banner/BannerRender.test.js

@@ -14,6 +14,10 @@ import {
   PUBLISHED
 } from '../../../../../src/constants';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 const actionKey = 'getPublishedPage';
 const id = 'record id';
 const action = getAction(actionKey, 'id, name');

package/tests/unit/src/components/Button.test.js

@@ -6,6 +6,10 @@ import { act, render, fireEvent, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import Button from '../../../../src/components/Button';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('@apollo/client', () => ({
   ...jest.requireActual('@apollo/client'),
   useApolloClient: jest.fn(() => ({ resetStore: () => null }))

package/tests/unit/src/components/Card/CardContainer.test.js

@@ -8,6 +8,10 @@ import '@testing-library/jest-dom/extend-expect';
 import CardsContainer from '../../../../../src/components/Card/CardsContainer';
 import { cardDataMockedOptions } from './mockData';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 // eslint-disable-next-line react/prop-types
 jest.mock('../../../../../src/components/LazyImage', () => () => null);
 

package/tests/unit/src/components/Carousel/CarouselRender/CarouselRender.test.js

@@ -7,6 +7,10 @@ import { shallow } from 'enzyme';
 import CarouselImage from '../../../../../../src/components/Carousel/CarouselImage';
 import CarouselRender from '../../../../../../src/components/Carousel/CarouselRender';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 const getMockedProps = overrides => ({
   imageIds: ['test-id', 'test-altText', 'test-caption'],
   displayCount: true,

package/tests/unit/src/components/Code/Code.test.js

@@ -5,6 +5,10 @@ import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import Code from '../../../../../src/components/Code/Code';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('../../../../../src/components/Code/ScriptTag', () => () => (
   <span data-testid="scriptTag" />
 ));

package/tests/unit/src/components/Code.test.js

@@ -4,6 +4,10 @@
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import Code from '../../../../src/components/Code';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 const props = {
   code: '<p>Lorem ipsum</p>',
   parent: {

package/tests/unit/src/components/DataSummary/DataSummaryTypes/ItemDetailsSummary.test.js

@@ -6,6 +6,10 @@ import '@testing-library/jest-dom/extend-expect';
 import ItemDetailsSummary from '../../../../../../src/components/DataSummary/DataSummaryTypes/ItemDetailsSummary';
 import { propsDataSummary } from '../mockData';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 describe('ItemDetailsSummary component', () => {
   it('should render without throwing an error and match snapshot', () => {
     const { asFragment } = render(ItemDetailsSummary, propsDataSummary);

package/tests/unit/src/components/DataSummary/DataSummaryTypes/LargeSummary.test.js

@@ -6,6 +6,10 @@ import '@testing-library/jest-dom/extend-expect';
 import LargeSummary from '../../../../../../src/components/DataSummary/DataSummaryTypes/LargeSummary/LargeSummary';
 import { propsDataSummary } from '../mockData';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 describe('LargeSummary component', () => {
   it('should render without throwing an error and match snapshot', () => {
     const { asFragment } = render(LargeSummary, propsDataSummary);

package/tests/unit/src/components/DataSummary/DataSummaryTypes/ListSummary.test.js

@@ -6,6 +6,10 @@ import ListSummary from '../../../../../../src/components/DataSummary/DataSummar
 import { propsDataSummary } from '../mockData';
 import '@testing-library/jest-dom/extend-expect';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 describe('ListSummary component', () => {
   it('should render without throwing an error and match snapshot', () => {
     const { asFragment } = render(ListSummary, propsDataSummary);

package/tests/unit/src/components/DataSummary/DataSummaryTypes/TextSummary.test.js

@@ -6,6 +6,10 @@ import TextSummary from '../../../../../../src/components/DataSummary/DataSummar
 import { propsDataSummary } from '../mockData';
 import '@testing-library/jest-dom/extend-expect';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 describe('TextSummary component', () => {
   it('should render without throwing an error and match snapshot', () => {
     const { asFragment } = render(TextSummary, propsDataSummary);

package/tests/unit/src/components/List/components/Cards/CardsRender.test.js

@@ -6,6 +6,10 @@ import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import CardsRender from '../../../../../../../src/components/List/components/Cards';
 import { MOCKED_LIST_OPTIONS } from '../mocks';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('../../../../../../../src/hooks', () => ({
   useGetImages: jest.fn(() => ({ data: {}, loading: false }))
 }));

package/tests/unit/src/components/List/components/Cards/CardsRenderWrapper.test.js

@@ -7,6 +7,10 @@ import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import CardsRenderWrapper from '../../../../../../../src/components/List/components/Cards/CardsRenderWrapper';
 import { MOCKED_LIST_OPTIONS } from '../mocks';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('../../../../../../../src/components/List/components/Cards/CardsRenderItem', () =>
   jest.fn().mockImplementation(({ id }) => <div>{id}</div>)
 );

package/tests/unit/src/components/PlaceholderIcon/__snapshots__/index.test.js.snap

@@ -9,9 +9,10 @@ exports[`Placeholder component should render PlaceholderIcon 1`] = `
     <svg
       height="25px"
       version="1.1"
-      viewBox="0 0 16 16"
+      viewBox="0 0 20 20"
       width="25px"
       xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
     >
       <title>
         card
@@ -25,41 +26,55 @@ exports[`Placeholder component should render PlaceholderIcon 1`] = `
       >
         <g
           id="card"
-          transform="translate(-261.000000, -216.000000)"
+          transform="translate(-259, -214)"
         >
           <g
-            transform="translate(261.000000, 216.000000)"
+            transform="translate(259, 214)"
           >
-            <path
-              d="M15,1 L15,9.53124644 L14.998,9.531 L14.9986024,7.67959976 L11.4210663,4.62547112 L7.4590683,8.08893259 C7.08560181,8.77082265 6.07591438,8.77082265 5.51715851,8.27688661 L3.50145721,6.5 L1,8.77 L1,7.323 L2.58011188,5.9054667 C3.10161735,5.44445974 3.91799869,5.41372594 4.47882094,5.81326531 L4.59488493,5.9054667 L6.4402744,7.56106172 L10.4252459,3.98593625 C10.9840017,3.49200022 11.8812631,3.49200022 12.4400189,3.98593625 L14.9986024,6.28137475 L14.998,1 Z M6.14778213,2.60821539 C6.69719001,2.60821539 7.14257312,3.0379169 7.14257312,3.56798059 C7.14257312,4.09804429 6.69719002,4.52774581 6.14778213,4.52774581 C5.88422964,4.52580316 5.6316942,4.42547921 5.44313851,4.24781429 C5.25594548,4.06784498 5.15142164,3.82293899 5.15297371,3.56798059 C5.15297371,3.0379169 5.59837425,2.60821539 6.14778213,2.60821539 Z"
-              fill="#63779C"
-              fill-rule="nonzero"
-              id="Combined-Shape"
-            />
-            <path
-              d="M3,13 C3,12.7238576 3.22385763,12.5 3.5,12.5 L12.5,12.5 C12.7761424,12.5 13,12.7238576 13,13 C13,13.2761424 12.7761424,13.5 12.5,13.5 L3.5,13.5 C3.22385763,13.5 3,13.2761424 3,13 Z"
-              fill="#899BBC"
-              fill-rule="nonzero"
-              id="Shape"
-            />
-            <rect
-              height="15"
-              id="Rectangle"
-              rx="2"
-              stroke="#899BBC"
-              width="15"
-              x="0.5"
-              y="0.5"
-            />
-            <line
-              id="Line-2"
-              stroke="#63779C"
-              stroke-linecap="square"
-              x1="0.5"
-              x2="15.5"
-              y1="10.5"
-              y2="10.5"
-            />
+            <g
+              id="Group-7"
+              transform="translate(1, 1)"
+            >
+              <path
+                d="M1.07,10 C3.04212623,8.18723771 4.14171262,7.28085657 4.36875916,7.28085657 C4.79707626,7.28085657 7,9 7.5,9 C8.40867615,9 12.0764465,4.56171314 12.9,4.56171314 C13.4490356,4.56171314 14.8390356,5.81447543 17.07,8.32"
+                fill-rule="nonzero"
+                id="Path-3"
+                stroke="none"
+                stroke-width="1.3"
+              />
+              <path
+                d="M5.00003877,4.07973585 C5.00003879,3.4834142 5.50109477,3 6.11917864,3 C6.73726251,3 7.2383185,3.4834142 7.2383185,4.07973585 C7.2383185,4.6760575 6.73726252,5.15947172 6.11917864,5.15947172 C5.82268209,5.15728623 5.53857972,5.04442179 5.32645457,4.84454876 C5.11586241,4.64208328 4.99827309,4.36656405 5.00003877,4.07973585 Z"
+                fill="#899BBC"
+                fill-rule="nonzero"
+                id="Path"
+              />
+              <path
+                d="M3.375,14.625 C3.375,14.3143398 3.62683983,14.0625 3.9375,14.0625 L14.0625,14.0625 C14.3731602,14.0625 14.625,14.3143398 14.625,14.625 C14.625,14.9356602 14.3731602,15.1875 14.0625,15.1875 L3.9375,15.1875 C3.62683983,15.1875 3.375,14.9356602 3.375,14.625 Z"
+                fill="#899BBC"
+                fill-rule="nonzero"
+                id="Shape"
+              />
+              <rect
+                height="16.7"
+                id="Rectangle"
+                rx="2"
+                stroke="#899BBC"
+                stroke-width="1.3"
+                width="16.7"
+                x="0.65"
+                y="0.65"
+              />
+              <line
+                id="Line-2"
+                stroke="#899BBC"
+                stroke-linecap="square"
+                stroke-width="1.3"
+                x1="1"
+                x2="16.5625"
+                y1="11.8125"
+                y2="11.8125"
+              />
+            </g>
           </g>
         </g>
       </g>

package/tests/unit/src/components/PlaceholderIcon/index.test.js

@@ -4,7 +4,7 @@
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 
 import PlaceholderIcon from '../../../../../../blaze-plugin-page-builder-ui/src/components/EditorView/PlaceholderIcon';
-import { CardIcon } from '../../../../../../blaze-plugin-page-builder-ui/src/components/EditorView/Icons';
+import { CardIcon } from '../../../../../../blaze-plugin-page-builder-ui/src/Icons';
 
 const mockedProps = {
   type: 'card',

package/tests/unit/src/components/SearchFilter/components/Checkbox.test.js

@@ -5,6 +5,10 @@ import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';
 import { Checkbox } from '../../../../../../src/components/SearchFilter/components';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('next/router', () => ({
   useRouter: jest.fn(() => ({ asPath: 'test-url' }))
 }));

package/tests/unit/src/components/SearchFilter/components/Select.test.js

@@ -7,6 +7,10 @@ import '@testing-library/jest-dom/extend-expect';
 import { SelectFilter } from '../../../../../../src/components/SearchFilter/components';
 import { DEFAULT_OPTION } from '../../../../../../src/components/SearchFilter/constants';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('next/router', () => ({
   useRouter: jest.fn(() => ({ asPath: 'test-url' }))
 }));

package/tests/unit/src/components/SearchFilter/components/TextSearch.test.js

@@ -6,6 +6,10 @@ import { screen } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import { TextSearch } from '../../../../../../src/components/SearchFilter/components';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('next/router', () => ({
   useRouter: jest.fn(() => ({ asPath: 'test-url' }))
 }));

package/tests/unit/src/components/SearchFilterSort/SearchFilterSort.test.js

@@ -5,6 +5,10 @@ import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';
 import SearchFilterSort from '../../../../../src/components/SearchFilterSort/SearchFilterSort';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 jest.mock('next/router', () => ({
   useRouter: jest.fn(() => ({ asPath: 'test-url' }))
 }));

package/tests/unit/src/components/SocialFollow/SocialFollow.test.js

@@ -5,6 +5,10 @@ import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';
 import SocialFollow from '../../../../../src/components/SocialFollow';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 const MOCKED_SOCIAL_NETWORKS = {
   facebook: 'facebook value',
   twitter: 'twitter value'

package/tests/unit/src/components/TextBlock/TextBlock.test.js

@@ -5,6 +5,10 @@ import '@testing-library/jest-dom/extend-expect';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import TextBlock from '../../../../../src/components/TextBlock';
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
+}));
+
 const { setEnvs, deleteEnvs } = require('@blaze-cms/tools/test-helpers/test-files/test-env');
 
 const getMockedProps = overrides => ({