@blaze-cms/react-page-builder 0.147.0-rc-eagle.4 → 0.147.0-rc-eagle.6

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["contentType", "isFaqContent", "children", "customHtmlProps"],
+const _excluded = ["contentType", "isFaqContent", "children", "customHtmlProps", "simpleData", "dataProperty"],
   _excluded2 = ["topWrapperProps"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -10,7 +10,8 @@ import PropTypes from 'prop-types';
 import { CONTENT_GROUP_TYPES } from './constants';
 import ContentGroupTabs from './ContentGroupTabs';
 import ContentGroupAccordion from './ContentGroupAccordion';
-import { getSectionsData } from './helpers';
+import ContentGroupDataFetcher from './ContentGroupDataFetcher';
+import { getSectionsData, buildDataSections } from './helpers';
 import getStructuredDataProperties from './helpers/get-structured-data-properties';
 import { getCustomHtmlProperties } from '../../helpers';
 const VALID_TYPES = Object.values(CONTENT_GROUP_TYPES);
@@ -20,10 +21,15 @@ const ContentGroup = _ref => {
       contentType,
       isFaqContent,
       children,
-      customHtmlProps
+      customHtmlProps,
+      simpleData,
+      dataProperty
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  const groupSections = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : (_children$props$child = _children$props.children) === null || _children$props$child === void 0 ? void 0 : _children$props$child[1];
+  const hasSimpleData = Array.isArray(simpleData) && simpleData.length > 0;
+  const dataPropertyName = Array.isArray(dataProperty) ? dataProperty[0] : dataProperty;
+  const hasDataProperty = !!dataPropertyName;
+  const childGroupSections = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : (_children$props$child = _children$props.children) === null || _children$props$child === void 0 ? void 0 : _children$props$child[1];
   const GroupComponent = useMemo(() => contentType === CONTENT_GROUP_TYPES.ACCORDION ? ContentGroupAccordion : ContentGroupTabs, [contentType]);
   const WrapperComponent = useMemo(() => !isFaqContent ? Fragment : 'div', [isFaqContent]);
   const _useMemo = useMemo(() => {
@@ -38,8 +44,26 @@ const ContentGroup = _ref => {
       topWrapperProps
     } = _useMemo,
     schemaProperties = _objectWithoutProperties(_useMemo, _excluded2);
-  if (!groupSections || !groupSections.length || !VALID_TYPES.includes(contentType)) return '';
-  const sectionsData = getSectionsData(groupSections);
+  if (!VALID_TYPES.includes(contentType)) return '';
+  if (!hasSimpleData && hasDataProperty) {
+    return /*#__PURE__*/React.createElement(WrapperComponent, topWrapperProps, /*#__PURE__*/React.createElement(ContentGroupDataFetcher, _extends({
+      dataProperty: dataPropertyName,
+      contentType: contentType
+    }, props, schemaProperties)));
+  }
+  let groupSections;
+  let sectionsData;
+  if (hasSimpleData) {
+    ({
+      groupSections,
+      sectionsData
+    } = buildDataSections(simpleData));
+  } else {
+    groupSections = childGroupSections;
+    if (!groupSections || !groupSections.length) return '';
+    sectionsData = getSectionsData(groupSections);
+  }
+  if (!groupSections || !groupSections.length) return '';
   return /*#__PURE__*/React.createElement(WrapperComponent, topWrapperProps, /*#__PURE__*/React.createElement(GroupComponent, _extends({
     contentType: contentType,
     groupSections: groupSections,
@@ -47,17 +71,25 @@ const ContentGroup = _ref => {
   }, props, schemaProperties)));
 };
 ContentGroup.propTypes = {
-  children: PropTypes.object.isRequired,
+  children: PropTypes.object,
   contentType: PropTypes.oneOf(VALID_TYPES).isRequired,
   isFaqContent: PropTypes.bool,
   customHtmlProps: PropTypes.arrayOf(PropTypes.shape({
     name: PropTypes.string,
     value: PropTypes.string
-  }))
+  })),
+  simpleData: PropTypes.arrayOf(PropTypes.shape({
+    label: PropTypes.string,
+    text: PropTypes.string
+  })),
+  dataProperty: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)])
 };
 ContentGroup.defaultProps = {
+  children: null,
   isFaqContent: false,
-  customHtmlProps: []
+  customHtmlProps: [],
+  simpleData: null,
+  dataProperty: null
 };
 export default ContentGroup;
 //# sourceMappingURL=ContentGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentGroup.js","names":["React","Fragment","useMemo","PropTypes","CONTENT_GROUP_TYPES","ContentGroupTabs","ContentGroupAccordion","getSectionsData","getStructuredDataProperties","getCustomHtmlProperties","VALID_TYPES","Object","values","ContentGroup","_ref","_children$props","_children$props$child","contentType","isFaqContent","children","customHtmlProps","props","_objectWithoutProperties","_excluded","groupSections","GroupComponent","ACCORDION","WrapperComponent","_useMemo","structuredDataProperties","_objectSpread","topWrapperProps","schemaProperties","_excluded2","length","includes","sectionsData","createElement","_extends","propTypes","object","isRequired","oneOf","bool","arrayOf","shape","name","string","value","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroup.js"],"sourcesContent":["import React, { Fragment, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { CONTENT_GROUP_TYPES } from './constants';\nimport ContentGroupTabs from './ContentGroupTabs';\nimport ContentGroupAccordion from './ContentGroupAccordion';\nimport { getSectionsData } from './helpers';\nimport getStructuredDataProperties from './helpers/get-structured-data-properties';\nimport { getCustomHtmlProperties } from '../../helpers';\n\nconst VALID_TYPES = Object.values(CONTENT_GROUP_TYPES);\n\nconst ContentGroup = ({ contentType, isFaqContent, children, customHtmlProps, ...props }) => {\n  const groupSections = children?.props?.children?.[1];\n\n  const GroupComponent = useMemo(\n    () =>\n      contentType === CONTENT_GROUP_TYPES.ACCORDION ? ContentGroupAccordion : ContentGroupTabs,\n    [contentType]\n  );\n  const WrapperComponent = useMemo(() => (!isFaqContent ? Fragment : 'div'), [isFaqContent]);\n\n  const { topWrapperProps, ...schemaProperties } = useMemo(() => {\n    const structuredDataProperties = getStructuredDataProperties(isFaqContent);\n    return {\n      ...structuredDataProperties,\n      topWrapperProps: {\n        ...structuredDataProperties.topWrapperProps,\n        ...getCustomHtmlProperties({ customHtmlProps })\n      }\n    };\n  }, [isFaqContent, customHtmlProps]);\n\n  if (!groupSections || !groupSections.length || !VALID_TYPES.includes(contentType)) return '';\n\n  const sectionsData = getSectionsData(groupSections);\n\n  return (\n    <WrapperComponent {...topWrapperProps}>\n      <GroupComponent\n        contentType={contentType}\n        groupSections={groupSections}\n        sectionsData={sectionsData}\n        {...props}\n        {...schemaProperties}\n      />\n    </WrapperComponent>\n  );\n};\n\nContentGroup.propTypes = {\n  children: PropTypes.object.isRequired,\n  contentType: PropTypes.oneOf(VALID_TYPES).isRequired,\n  isFaqContent: PropTypes.bool,\n  customHtmlProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      value: PropTypes.string\n    })\n  )\n};\n\nContentGroup.defaultProps = {\n  isFaqContent: false,\n  customHtmlProps: []\n};\n\nexport default ContentGroup;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ContentGroup.js","names":["React","Fragment","useMemo","PropTypes","CONTENT_GROUP_TYPES","ContentGroupTabs","ContentGroupAccordion","ContentGroupDataFetcher","getSectionsData","buildDataSections","getStructuredDataProperties","getCustomHtmlProperties","VALID_TYPES","Object","values","ContentGroup","_ref","_children$props","_children$props$child","contentType","isFaqContent","children","customHtmlProps","simpleData","dataProperty","props","_objectWithoutProperties","_excluded","hasSimpleData","Array","isArray","length","dataPropertyName","hasDataProperty","childGroupSections","GroupComponent","ACCORDION","WrapperComponent","_useMemo","structuredDataProperties","_objectSpread","topWrapperProps","schemaProperties","_excluded2","includes","createElement","_extends","groupSections","sectionsData","propTypes","object","oneOf","isRequired","bool","arrayOf","shape","name","string","value","label","text","oneOfType","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroup.js"],"sourcesContent":["import React, { Fragment, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { CONTENT_GROUP_TYPES } from './constants';\nimport ContentGroupTabs from './ContentGroupTabs';\nimport ContentGroupAccordion from './ContentGroupAccordion';\nimport ContentGroupDataFetcher from './ContentGroupDataFetcher';\nimport { getSectionsData, buildDataSections } from './helpers';\nimport getStructuredDataProperties from './helpers/get-structured-data-properties';\nimport { getCustomHtmlProperties } from '../../helpers';\n\nconst VALID_TYPES = Object.values(CONTENT_GROUP_TYPES);\n\nconst ContentGroup = ({\n  contentType,\n  isFaqContent,\n  children,\n  customHtmlProps,\n  simpleData,\n  dataProperty,\n  ...props\n}) => {\n  const hasSimpleData = Array.isArray(simpleData) && simpleData.length > 0;\n  const dataPropertyName = Array.isArray(dataProperty) ? dataProperty[0] : dataProperty;\n  const hasDataProperty = !!dataPropertyName;\n\n  const childGroupSections = children?.props?.children?.[1];\n\n  const GroupComponent = useMemo(\n    () =>\n      contentType === CONTENT_GROUP_TYPES.ACCORDION ? ContentGroupAccordion : ContentGroupTabs,\n    [contentType]\n  );\n  const WrapperComponent = useMemo(() => (!isFaqContent ? Fragment : 'div'), [isFaqContent]);\n\n  const { topWrapperProps, ...schemaProperties } = useMemo(() => {\n    const structuredDataProperties = getStructuredDataProperties(isFaqContent);\n    return {\n      ...structuredDataProperties,\n      topWrapperProps: {\n        ...structuredDataProperties.topWrapperProps,\n        ...getCustomHtmlProperties({ customHtmlProps })\n      }\n    };\n  }, [isFaqContent, customHtmlProps]);\n\n  if (!VALID_TYPES.includes(contentType)) return '';\n\n  if (!hasSimpleData && hasDataProperty) {\n    return (\n      <WrapperComponent {...topWrapperProps}>\n        <ContentGroupDataFetcher\n          dataProperty={dataPropertyName}\n          contentType={contentType}\n          {...props}\n          {...schemaProperties}\n        />\n      </WrapperComponent>\n    );\n  }\n\n  let groupSections;\n  let sectionsData;\n\n  if (hasSimpleData) {\n    ({ groupSections, sectionsData } = buildDataSections(simpleData));\n  } else {\n    groupSections = childGroupSections;\n    if (!groupSections || !groupSections.length) return '';\n    sectionsData = getSectionsData(groupSections);\n  }\n  if (!groupSections || !groupSections.length) return '';\n\n  return (\n    <WrapperComponent {...topWrapperProps}>\n      <GroupComponent\n        contentType={contentType}\n        groupSections={groupSections}\n        sectionsData={sectionsData}\n        {...props}\n        {...schemaProperties}\n      />\n    </WrapperComponent>\n  );\n};\n\nContentGroup.propTypes = {\n  children: PropTypes.object,\n  contentType: PropTypes.oneOf(VALID_TYPES).isRequired,\n  isFaqContent: PropTypes.bool,\n  customHtmlProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      value: PropTypes.string\n    })\n  ),\n  simpleData: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      text: PropTypes.string\n    })\n  ),\n  dataProperty: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)])\n};\n\nContentGroup.defaultProps = {\n  children: null,\n  isFaqContent: false,\n  customHtmlProps: [],\n  simpleData: null,\n  dataProperty: null\n};\n\nexport default ContentGroup;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/ContentGroup/ContentGroupDataFetcher.js

@@ -0,0 +1,88 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["dataProperty", "parent", "contentType"];
+import React, { useContext, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { useQuery, gql } from '@apollo/client';
+import { MainContext } from '@blaze-cms/nextjs-components';
+import { getSingleEntitySchema, generateSingleItemQuery } from '../../application/query';
+import ContentGroupTabs from './ContentGroupTabs';
+import ContentGroupAccordion from './ContentGroupAccordion';
+import { buildDataSections } from './helpers';
+import { CONTENT_GROUP_TYPES } from './constants';
+const PLACEHOLDER_QUERY = gql`
+  query {
+    __typename
+  }
+`;
+const ContentGroupDataFetcher = _ref => {
+  let {
+      dataProperty,
+      parent,
+      contentType
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const {
+    isPreview
+  } = useContext(MainContext);
+  const dataPropertyName = Array.isArray(dataProperty) ? dataProperty[0] : dataProperty;
+  const {
+    data: schemaData,
+    loading: schemaLoading
+  } = useQuery(getSingleEntitySchema, {
+    variables: {
+      id: parent === null || parent === void 0 ? void 0 : parent.itemEntity
+    },
+    skip: !(parent === null || parent === void 0 ? void 0 : parent.itemEntity) || !dataPropertyName
+  });
+  const dataQuery = useMemo(() => {
+    if (!schemaData) return null;
+    const {
+      getEntitySchema
+    } = schemaData;
+    const {
+      actions: {
+        getPublished,
+        get
+      } = {}
+    } = getEntitySchema;
+    const actionKey = isPreview ? get : getPublished || get;
+    if (!actionKey) return null;
+    return generateSingleItemQuery(actionKey, `${dataPropertyName} { label text }`);
+  }, [schemaData, isPreview, dataPropertyName]);
+  const {
+    data: recordData,
+    loading: recordLoading
+  } = useQuery(dataQuery || PLACEHOLDER_QUERY, {
+    variables: {
+      id: parent === null || parent === void 0 ? void 0 : parent.itemId
+    },
+    skip: !dataQuery || !(parent === null || parent === void 0 ? void 0 : parent.itemId)
+  });
+  if (schemaLoading || recordLoading) return '';
+  if (!(recordData === null || recordData === void 0 ? void 0 : recordData.entityData)) return null;
+  const propertyData = recordData.entityData[dataPropertyName];
+  if (!propertyData || !propertyData.length) return null;
+  const {
+    groupSections,
+    sectionsData
+  } = buildDataSections(propertyData);
+  if (!groupSections.length) return null;
+  const GroupComponent = contentType === CONTENT_GROUP_TYPES.ACCORDION ? ContentGroupAccordion : ContentGroupTabs;
+  return /*#__PURE__*/React.createElement(GroupComponent, _extends({
+    contentType: contentType,
+    groupSections: groupSections,
+    sectionsData: sectionsData
+  }, props));
+};
+ContentGroupDataFetcher.propTypes = {
+  dataProperty: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
+  parent: PropTypes.object,
+  contentType: PropTypes.string.isRequired
+};
+ContentGroupDataFetcher.defaultProps = {
+  dataProperty: null,
+  parent: null
+};
+export default ContentGroupDataFetcher;
+//# sourceMappingURL=ContentGroupDataFetcher.js.map

package/lib-es/components/ContentGroup/ContentGroupDataFetcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroupDataFetcher.js","names":["React","useContext","useMemo","PropTypes","useQuery","gql","MainContext","getSingleEntitySchema","generateSingleItemQuery","ContentGroupTabs","ContentGroupAccordion","buildDataSections","CONTENT_GROUP_TYPES","PLACEHOLDER_QUERY","ContentGroupDataFetcher","_ref","dataProperty","parent","contentType","props","_objectWithoutProperties","_excluded","isPreview","dataPropertyName","Array","isArray","data","schemaData","loading","schemaLoading","variables","id","itemEntity","skip","dataQuery","getEntitySchema","actions","getPublished","get","actionKey","recordData","recordLoading","itemId","entityData","propertyData","length","groupSections","sectionsData","GroupComponent","ACCORDION","createElement","_extends","propTypes","oneOfType","string","arrayOf","object","isRequired","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroupDataFetcher.js"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery, gql } from '@apollo/client';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { getSingleEntitySchema, generateSingleItemQuery } from '../../application/query';\nimport ContentGroupTabs from './ContentGroupTabs';\nimport ContentGroupAccordion from './ContentGroupAccordion';\nimport { buildDataSections } from './helpers';\nimport { CONTENT_GROUP_TYPES } from './constants';\n\nconst PLACEHOLDER_QUERY = gql`\n  query {\n    __typename\n  }\n`;\n\nconst ContentGroupDataFetcher = ({ dataProperty, parent, contentType, ...props }) => {\n  const { isPreview } = useContext(MainContext);\n  const dataPropertyName = Array.isArray(dataProperty) ? dataProperty[0] : dataProperty;\n\n  const { data: schemaData, loading: schemaLoading } = useQuery(getSingleEntitySchema, {\n    variables: { id: parent?.itemEntity },\n    skip: !parent?.itemEntity || !dataPropertyName\n  });\n\n  const dataQuery = useMemo(() => {\n    if (!schemaData) return null;\n    const { getEntitySchema } = schemaData;\n    const { actions: { getPublished, get } = {} } = getEntitySchema;\n    const actionKey = isPreview ? get : getPublished || get;\n    if (!actionKey) return null;\n    return generateSingleItemQuery(actionKey, `${dataPropertyName} { label text }`);\n  }, [schemaData, isPreview, dataPropertyName]);\n\n  const { data: recordData, loading: recordLoading } = useQuery(dataQuery || PLACEHOLDER_QUERY, {\n    variables: { id: parent?.itemId },\n    skip: !dataQuery || !parent?.itemId\n  });\n\n  if (schemaLoading || recordLoading) return '';\n  if (!recordData?.entityData) return null;\n\n  const propertyData = recordData.entityData[dataPropertyName];\n  if (!propertyData || !propertyData.length) return null;\n\n  const { groupSections, sectionsData } = buildDataSections(propertyData);\n\n  if (!groupSections.length) return null;\n\n  const GroupComponent =\n    contentType === CONTENT_GROUP_TYPES.ACCORDION ? ContentGroupAccordion : ContentGroupTabs;\n\n  return (\n    <GroupComponent\n      contentType={contentType}\n      groupSections={groupSections}\n      sectionsData={sectionsData}\n      {...props}\n    />\n  );\n};\n\nContentGroupDataFetcher.propTypes = {\n  dataProperty: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  parent: PropTypes.object,\n  contentType: PropTypes.string.isRequired\n};\n\nContentGroupDataFetcher.defaultProps = {\n  dataProperty: null,\n  parent: null\n};\n\nexport default ContentGroupDataFetcher;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/ContentGroup/helpers/build-data-sections.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import dynamic from 'next/dynamic';
+import getComponentId from '../../../helpers/get-component-id';
+const TextBlock = dynamic(() => import('../../TextBlock'));
+const ContentGroupSection = dynamic(() => import('../../ContentGroupSection'));
+const buildDataSections = (items = []) => {
+  const itemData = items.map((item, i) => {
+    if (!item || !item.text || !item.label) return null;
+    const sectionName = getComponentId(item.label || `section-${i}`, true, true);
+    return {
+      sectionName,
+      label: item.label,
+      sectionContent: /*#__PURE__*/React.createElement(ContentGroupSection, {
+        key: sectionName,
+        name: sectionName,
+        disableChildCheck: true
+      }, /*#__PURE__*/React.createElement(TextBlock, {
+        html: item.text,
+        name: `${sectionName}-text`
+      }))
+    };
+  });
+  return itemData.filter(Boolean).reduce((acc, {
+    sectionName,
+    label,
+    sectionContent
+  }) => {
+    if (!sectionName || !sectionContent) return acc;
+    acc.groupSections.push(sectionContent);
+    acc.sectionsData.push([sectionName, label]);
+    return acc;
+  }, {
+    groupSections: [],
+    sectionsData: []
+  });
+};
+export default buildDataSections;
+//# sourceMappingURL=build-data-sections.js.map

package/lib-es/components/ContentGroup/helpers/build-data-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-data-sections.js","names":["React","dynamic","getComponentId","TextBlock","ContentGroupSection","buildDataSections","items","itemData","map","item","i","text","label","sectionName","sectionContent","createElement","key","name","disableChildCheck","html","filter","Boolean","reduce","acc","groupSections","push","sectionsData"],"sources":["../../../../src/components/ContentGroup/helpers/build-data-sections.js"],"sourcesContent":["import React from 'react';\nimport dynamic from 'next/dynamic';\nimport getComponentId from '../../../helpers/get-component-id';\n\nconst TextBlock = dynamic(() => import('../../TextBlock'));\nconst ContentGroupSection = dynamic(() => import('../../ContentGroupSection'));\n\nconst buildDataSections = (items = []) => {\n  const itemData = items.map((item, i) => {\n    if (!item || !item.text || !item.label) return null;\n\n    const sectionName = getComponentId(item.label || `section-${i}`, true, true);\n    return {\n      sectionName,\n      label: item.label,\n      sectionContent: (\n        <ContentGroupSection key={sectionName} name={sectionName} disableChildCheck>\n          <TextBlock html={item.text} name={`${sectionName}-text`} />\n        </ContentGroupSection>\n      )\n    };\n  });\n\n  return itemData.filter(Boolean).reduce(\n    (acc, { sectionName, label, sectionContent }) => {\n      if (!sectionName || !sectionContent) return acc;\n      acc.groupSections.push(sectionContent);\n      acc.sectionsData.push([sectionName, label]);\n      return acc;\n    },\n    { groupSections: [], sectionsData: [] }\n  );\n};\n\nexport default buildDataSections;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,cAAc;AAClC,OAAOC,cAAc,MAAM,mCAAmC;AAE9D,MAAMC,SAAS,GAAGF,OAAO,CAAC,MAAM,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAC1D,MAAMG,mBAAmB,GAAGH,OAAO,CAAC,MAAM,MAAM,CAAC,2BAA2B,CAAC,CAAC;AAE9E,MAAMI,iBAAiB,GAAGA,CAACC,KAAK,GAAG,EAAE,KAAK;EACxC,MAAMC,QAAQ,GAAGD,KAAK,CAACE,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,KAAK;IACtC,IAAI,CAACD,IAAI,IAAI,CAACA,IAAI,CAACE,IAAI,IAAI,CAACF,IAAI,CAACG,KAAK,EAAE,OAAO,IAAI;IAEnD,MAAMC,WAAW,GAAGX,cAAc,CAACO,IAAI,CAACG,KAAK,IAAI,WAAWF,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC;IAC5E,OAAO;MACLG,WAAW;MACXD,KAAK,EAAEH,IAAI,CAACG,KAAK;MACjBE,cAAc,eACZd,KAAA,CAAAe,aAAA,CAACX,mBAAmB;QAACY,GAAG,EAAEH,WAAY;QAACI,IAAI,EAAEJ,WAAY;QAACK,iBAAiB;MAAA,gBACzElB,KAAA,CAAAe,aAAA,CAACZ,SAAS;QAACgB,IAAI,EAAEV,IAAI,CAACE,IAAK;QAACM,IAAI,EAAE,GAAGJ,WAAW;MAAQ,CAAE,CACvC;IAEzB,CAAC;EACH,CAAC,CAAC;EAEF,OAAON,QAAQ,CAACa,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM,CACpC,CAACC,GAAG,EAAE;IAAEV,WAAW;IAAED,KAAK;IAAEE;EAAe,CAAC,KAAK;IAC/C,IAAI,CAACD,WAAW,IAAI,CAACC,cAAc,EAAE,OAAOS,GAAG;IAC/CA,GAAG,CAACC,aAAa,CAACC,IAAI,CAACX,cAAc,CAAC;IACtCS,GAAG,CAACG,YAAY,CAACD,IAAI,CAAC,CAACZ,WAAW,EAAED,KAAK,CAAC,CAAC;IAC3C,OAAOW,GAAG;EACZ,CAAC,EACD;IAAEC,aAAa,EAAE,EAAE;IAAEE,YAAY,EAAE;EAAG,CACxC,CAAC;AACH,CAAC;AAED,eAAerB,iBAAiB","ignoreList":[]}

package/lib-es/components/ContentGroup/helpers/index.js

@@ -1,4 +1,5 @@
 import getSectionsData from './get-sections-data';
 import getActiveTab from './get-active-tab';
-export { getSectionsData, getActiveTab };
+import buildDataSections from './build-data-sections';
+export { getSectionsData, getActiveTab, buildDataSections };
 //# sourceMappingURL=index.js.map

package/lib-es/components/ContentGroup/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getSectionsData","getActiveTab"],"sources":["../../../../src/components/ContentGroup/helpers/index.js"],"sourcesContent":["import getSectionsData from './get-sections-data';\nimport getActiveTab from './get-active-tab';\n\nexport { getSectionsData, getActiveTab };\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,qBAAqB;AACjD,OAAOC,YAAY,MAAM,kBAAkB;AAE3C,SAASD,eAAe,EAAEC,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getSectionsData","getActiveTab","buildDataSections"],"sources":["../../../../src/components/ContentGroup/helpers/index.js"],"sourcesContent":["import getSectionsData from './get-sections-data';\nimport getActiveTab from './get-active-tab';\nimport buildDataSections from './build-data-sections';\n\nexport { getSectionsData, getActiveTab, buildDataSections };\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,qBAAqB;AACjD,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,iBAAiB,MAAM,uBAAuB;AAErD,SAASF,eAAe,EAAEC,YAAY,EAAEC,iBAAiB","ignoreList":[]}

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

@@ -3,9 +3,10 @@ import PropTypes from 'prop-types';
 import { hasChildren } from '../../helpers';
 const ContentGroupSection = ({
   children,
-  name
+  name,
+  disableChildCheck
 }) => {
-  if (!hasChildren(children)) return null;
+  if (!disableChildCheck && !hasChildren(children)) return null;
   return /*#__PURE__*/React.createElement("div", {
     key: name,
     className: "content-group-section"

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","ignoreList":[]}
+{"version":3,"file":"ContentGroupSection.js","names":["React","PropTypes","hasChildren","ContentGroupSection","children","name","disableChildCheck","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, disableChildCheck }) => {\n  if (!disableChildCheck && !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,IAAI;EAAEC;AAAkB,CAAC,KAAK;EACrE,IAAI,CAACA,iBAAiB,IAAI,CAACJ,WAAW,CAACE,QAAQ,CAAC,EAAE,OAAO,IAAI;EAE7D,oBACEJ,KAAA,CAAAO,aAAA;IAAKC,GAAG,EAAEH,IAAK;IAACI,SAAS,EAAC;EAAuB,GAC9CL,QACE,CAAC;AAEV,CAAC;AAEDD,mBAAmB,CAACO,SAAS,GAAG;EAC9BN,QAAQ,EAAEH,SAAS,CAACU,SAAS,CAAC,CAACV,SAAS,CAACW,OAAO,CAACX,SAAS,CAACY,IAAI,CAAC,EAAEZ,SAAS,CAACY,IAAI,CAAC,CAAC;EAClFR,IAAI,EAAEJ,SAAS,CAACa;AAClB,CAAC;AAEDX,mBAAmB,CAACY,YAAY,GAAG;EAAEX,QAAQ,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE/D,eAAeF,mBAAmB","ignoreList":[]}

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

@@ -1,15 +1,22 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import IframeResizer from 'iframe-resizer-react';
+import { useStringTemplate } from '@blaze-cms/utils-handlebars';
 import { IFRAME_CLASS, DEFAULT_WIDTH } from './constants';
+const UNSAFE_URL_PATTERN = /^(javascript|data):/i;
+const isSafeUrl = url => !UNSAFE_URL_PATTERN.test(url.trim());
 const Iframe = ({
   src,
   modifier,
   width,
   height,
-  enableScrolling
+  enableScrolling,
+  parent
 }) => {
-  if (!src) return null;
+  const {
+    data: [resolvedSrc]
+  } = useStringTemplate(parent, [src || '']);
+  if (!resolvedSrc || !isSafeUrl(resolvedSrc)) return null;
   const modifierString = modifier ? ` ${modifier}` : '';
   const iframeClassName = `${IFRAME_CLASS}${modifierString}`;
   const defaultWidth = !width ? DEFAULT_WIDTH : {};
@@ -18,7 +25,7 @@ const Iframe = ({
   }, /*#__PURE__*/React.createElement(IframeResizer, {
     scrolling: enableScrolling,
     autoResize: true,
-    src: src,
+    src: resolvedSrc,
     sizeHeight: !height,
     height: height,
     width: width,
@@ -26,17 +33,20 @@ const Iframe = ({
   }));
 };
 Iframe.propTypes = {
-  src: PropTypes.string.isRequired,
+  src: PropTypes.string,
   enableScrolling: PropTypes.bool,
   modifier: PropTypes.string,
   width: PropTypes.string,
-  height: PropTypes.string
+  height: PropTypes.string,
+  parent: PropTypes.object
 };
 Iframe.defaultProps = {
+  src: '',
   enableScrolling: false,
   modifier: '',
   width: '',
-  height: ''
+  height: '',
+  parent: {}
 };
 export default Iframe;
 //# sourceMappingURL=Iframe.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Iframe.js","names":["React","PropTypes","IframeResizer","IFRAME_CLASS","DEFAULT_WIDTH","Iframe","src","modifier","width","height","enableScrolling","modifierString","iframeClassName","defaultWidth","createElement","className","scrolling","autoResize","sizeHeight","style","propTypes","string","isRequired","bool","defaultProps"],"sources":["../../../src/components/Iframe/Iframe.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport IframeResizer from 'iframe-resizer-react';\nimport { IFRAME_CLASS, DEFAULT_WIDTH } from './constants';\n\nconst Iframe = ({ src, modifier, width, height, enableScrolling }) => {\n  if (!src) return null;\n  const modifierString = modifier ? ` ${modifier}` : '';\n  const iframeClassName = `${IFRAME_CLASS}${modifierString}`;\n  const defaultWidth = !width ? DEFAULT_WIDTH : {};\n  return (\n    <div className={iframeClassName}>\n      <IframeResizer\n        scrolling={enableScrolling}\n        autoResize\n        src={src}\n        sizeHeight={!height}\n        height={height}\n        width={width}\n        style={defaultWidth}\n      />\n    </div>\n  );\n};\n\nIframe.propTypes = {\n  src: PropTypes.string.isRequired,\n  enableScrolling: PropTypes.bool,\n  modifier: PropTypes.string,\n  width: PropTypes.string,\n  height: PropTypes.string\n};\n\nIframe.defaultProps = { enableScrolling: false, modifier: '', width: '', height: '' };\n\nexport default Iframe;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,sBAAsB;AAChD,SAASC,YAAY,EAAEC,aAAa,QAAQ,aAAa;AAEzD,MAAMC,MAAM,GAAGA,CAAC;EAAEC,GAAG;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAAgB,CAAC,KAAK;EACpE,IAAI,CAACJ,GAAG,EAAE,OAAO,IAAI;EACrB,MAAMK,cAAc,GAAGJ,QAAQ,GAAG,IAAIA,QAAQ,EAAE,GAAG,EAAE;EACrD,MAAMK,eAAe,GAAG,GAAGT,YAAY,GAAGQ,cAAc,EAAE;EAC1D,MAAME,YAAY,GAAG,CAACL,KAAK,GAAGJ,aAAa,GAAG,CAAC,CAAC;EAChD,oBACEJ,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEH;EAAgB,gBAC9BZ,KAAA,CAAAc,aAAA,CAACZ,aAAa;IACZc,SAAS,EAAEN,eAAgB;IAC3BO,UAAU;IACVX,GAAG,EAAEA,GAAI;IACTY,UAAU,EAAE,CAACT,MAAO;IACpBA,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,KAAM;IACbW,KAAK,EAAEN;EAAa,CACrB,CACE,CAAC;AAEV,CAAC;AAEDR,MAAM,CAACe,SAAS,GAAG;EACjBd,GAAG,EAAEL,SAAS,CAACoB,MAAM,CAACC,UAAU;EAChCZ,eAAe,EAAET,SAAS,CAACsB,IAAI;EAC/BhB,QAAQ,EAAEN,SAAS,CAACoB,MAAM;EAC1Bb,KAAK,EAAEP,SAAS,CAACoB,MAAM;EACvBZ,MAAM,EAAER,SAAS,CAACoB;AACpB,CAAC;AAEDhB,MAAM,CAACmB,YAAY,GAAG;EAAEd,eAAe,EAAE,KAAK;EAAEH,QAAQ,EAAE,EAAE;EAAEC,KAAK,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAG,CAAC;AAErF,eAAeJ,MAAM","ignoreList":[]}
+{"version":3,"file":"Iframe.js","names":["React","PropTypes","IframeResizer","useStringTemplate","IFRAME_CLASS","DEFAULT_WIDTH","UNSAFE_URL_PATTERN","isSafeUrl","url","test","trim","Iframe","src","modifier","width","height","enableScrolling","parent","data","resolvedSrc","modifierString","iframeClassName","defaultWidth","createElement","className","scrolling","autoResize","sizeHeight","style","propTypes","string","bool","object","defaultProps"],"sources":["../../../src/components/Iframe/Iframe.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport IframeResizer from 'iframe-resizer-react';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport { IFRAME_CLASS, DEFAULT_WIDTH } from './constants';\n\nconst UNSAFE_URL_PATTERN = /^(javascript|data):/i;\n\nconst isSafeUrl = url => !UNSAFE_URL_PATTERN.test(url.trim());\n\nconst Iframe = ({ src, modifier, width, height, enableScrolling, parent }) => {\n  const {\n    data: [resolvedSrc]\n  } = useStringTemplate(parent, [src || '']);\n  if (!resolvedSrc || !isSafeUrl(resolvedSrc)) return null;\n  const modifierString = modifier ? ` ${modifier}` : '';\n  const iframeClassName = `${IFRAME_CLASS}${modifierString}`;\n  const defaultWidth = !width ? DEFAULT_WIDTH : {};\n  return (\n    <div className={iframeClassName}>\n      <IframeResizer\n        scrolling={enableScrolling}\n        autoResize\n        src={resolvedSrc}\n        sizeHeight={!height}\n        height={height}\n        width={width}\n        style={defaultWidth}\n      />\n    </div>\n  );\n};\n\nIframe.propTypes = {\n  src: PropTypes.string,\n  enableScrolling: PropTypes.bool,\n  modifier: PropTypes.string,\n  width: PropTypes.string,\n  height: PropTypes.string,\n  parent: PropTypes.object\n};\n\nIframe.defaultProps = {\n  src: '',\n  enableScrolling: false,\n  modifier: '',\n  width: '',\n  height: '',\n  parent: {}\n};\n\nexport default Iframe;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,sBAAsB;AAChD,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,YAAY,EAAEC,aAAa,QAAQ,aAAa;AAEzD,MAAMC,kBAAkB,GAAG,sBAAsB;AAEjD,MAAMC,SAAS,GAAGC,GAAG,IAAI,CAACF,kBAAkB,CAACG,IAAI,CAACD,GAAG,CAACE,IAAI,CAAC,CAAC,CAAC;AAE7D,MAAMC,MAAM,GAAGA,CAAC;EAAEC,GAAG;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,MAAM;EAAEC,eAAe;EAAEC;AAAO,CAAC,KAAK;EAC5E,MAAM;IACJC,IAAI,EAAE,CAACC,WAAW;EACpB,CAAC,GAAGhB,iBAAiB,CAACc,MAAM,EAAE,CAACL,GAAG,IAAI,EAAE,CAAC,CAAC;EAC1C,IAAI,CAACO,WAAW,IAAI,CAACZ,SAAS,CAACY,WAAW,CAAC,EAAE,OAAO,IAAI;EACxD,MAAMC,cAAc,GAAGP,QAAQ,GAAG,IAAIA,QAAQ,EAAE,GAAG,EAAE;EACrD,MAAMQ,eAAe,GAAG,GAAGjB,YAAY,GAAGgB,cAAc,EAAE;EAC1D,MAAME,YAAY,GAAG,CAACR,KAAK,GAAGT,aAAa,GAAG,CAAC,CAAC;EAChD,oBACEL,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAEH;EAAgB,gBAC9BrB,KAAA,CAAAuB,aAAA,CAACrB,aAAa;IACZuB,SAAS,EAAET,eAAgB;IAC3BU,UAAU;IACVd,GAAG,EAAEO,WAAY;IACjBQ,UAAU,EAAE,CAACZ,MAAO;IACpBA,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,KAAM;IACbc,KAAK,EAAEN;EAAa,CACrB,CACE,CAAC;AAEV,CAAC;AAEDX,MAAM,CAACkB,SAAS,GAAG;EACjBjB,GAAG,EAAEX,SAAS,CAAC6B,MAAM;EACrBd,eAAe,EAAEf,SAAS,CAAC8B,IAAI;EAC/BlB,QAAQ,EAAEZ,SAAS,CAAC6B,MAAM;EAC1BhB,KAAK,EAAEb,SAAS,CAAC6B,MAAM;EACvBf,MAAM,EAAEd,SAAS,CAAC6B,MAAM;EACxBb,MAAM,EAAEhB,SAAS,CAAC+B;AACpB,CAAC;AAEDrB,MAAM,CAACsB,YAAY,GAAG;EACpBrB,GAAG,EAAE,EAAE;EACPI,eAAe,EAAE,KAAK;EACtBH,QAAQ,EAAE,EAAE;EACZC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVE,MAAM,EAAE,CAAC;AACX,CAAC;AAED,eAAeN,MAAM","ignoreList":[]}

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

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["type", "children", "settings", "modifier", "backgroundImage", "tagType", "dataNoSnippet", "sticky", "VariantComponent", "customHtmlProps"];
+const _excluded = ["type", "children", "settings", "modifier", "backgroundImage", "backgroundImageUrl", "parent", "tagType", "dataNoSnippet", "sticky", "VariantComponent", "customHtmlProps"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import PropTypes from 'prop-types';
+import { useStringTemplate } from '@blaze-cms/utils-handlebars';
 import Wrapper from '../Wrapper';
 import { getClassModifiers } from '../../utils';
 import { useGetImages } from '../../hooks';
@@ -19,6 +20,8 @@ const Layout = React.forwardRef((_ref, ref) => {
       settings,
       modifier,
       backgroundImage,
+      backgroundImageUrl,
+      parent,
       tagType,
       dataNoSnippet,
       sticky,
@@ -26,15 +29,19 @@ const Layout = React.forwardRef((_ref, ref) => {
       customHtmlProps = []
     } = _ref,
     otherProps = _objectWithoutProperties(_ref, _excluded);
+  const {
+    data: [resolvedBackgroundImageUrl]
+  } = useStringTemplate(parent, [backgroundImageUrl || '']);
   const {
     data: {
       getFile: {
         url = null
       } = {}
     }
-  } = useGetImages(backgroundImage);
+  } = useGetImages(backgroundImage, false, !!resolvedBackgroundImageUrl);
+  const backgroundUrl = resolvedBackgroundImageUrl || url;
   const style = getStylesToUpdate({
-    backgroundImage: url
+    backgroundImage: backgroundUrl
   });
   const {
     title
@@ -69,6 +76,8 @@ Layout.propTypes = {
   }),
   modifier: PropTypes.string,
   backgroundImage: PropTypes.string,
+  backgroundImageUrl: PropTypes.string,
+  parent: PropTypes.object,
   tagType: PropTypes.string,
   dataNoSnippet: PropTypes.bool,
   VariantComponent: PropTypes.func,
@@ -83,6 +92,8 @@ Layout.defaultProps = {
     title: ''
   },
   backgroundImage: '',
+  backgroundImageUrl: '',
+  parent: {},
   modifier: '',
   tagType: '',
   dataNoSnippet: false,

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","names":["React","PropTypes","Wrapper","getClassModifiers","useGetImages","getStylesToUpdate","checkIfRowHasColumns","renderChildren","hasChildren","getCustomHtmlProperties","COLUMN","Layout","forwardRef","_ref","ref","type","children","settings","modifier","backgroundImage","tagType","dataNoSnippet","sticky","VariantComponent","customHtmlProps","otherProps","_objectWithoutProperties","_excluded","data","getFile","url","style","title","classModifiers","_objectSpread","additionalRowModifier","otherWrapperProps","customHtmlProperties","WrapperComponent","createElement","_extends","className","modifiers","propTypes","string","isRequired","bool","shape","func","arrayOf","name","value","oneOfType","node","defaultProps"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Wrapper from '../Wrapper';\nimport { getClassModifiers } from '../../utils';\nimport { useGetImages } from '../../hooks';\nimport { getStylesToUpdate, checkIfRowHasColumns } from './helpers';\nimport { renderChildren, hasChildren, getCustomHtmlProperties } from '../../helpers';\nimport { COLUMN } from '../../constants';\n\nconst Layout = React.forwardRef(\n  (\n    {\n      type,\n      children,\n      settings,\n      modifier,\n      backgroundImage,\n      tagType,\n      dataNoSnippet,\n      sticky,\n      VariantComponent,\n      customHtmlProps = [],\n      ...otherProps\n    },\n    ref\n  ) => {\n    const {\n      data: { getFile: { url = null } = {} }\n    } = useGetImages(backgroundImage);\n    const style = getStylesToUpdate({ backgroundImage: url });\n    const { title } = settings;\n    const classModifiers = getClassModifiers(type, { modifier, sticky, ...otherProps });\n    const additionalRowModifier = checkIfRowHasColumns(type, children) ? ' display-row' : '';\n\n    if (type === COLUMN && !hasChildren(children)) return null;\n\n    const otherWrapperProps = {};\n    if (dataNoSnippet) otherWrapperProps['data-nosnippet'] = true;\n\n    const customHtmlProperties = getCustomHtmlProperties({ customHtmlProps });\n\n    const WrapperComponent = VariantComponent || Wrapper;\n\n    return (\n      <WrapperComponent\n        ref={ref}\n        tagType={tagType}\n        className={type}\n        modifiers={`${classModifiers}${additionalRowModifier}`}\n        style={style}\n        {...otherWrapperProps}\n        {...customHtmlProperties}>\n        {title && <h2 className=\"heading heading--section\">{title}</h2>}\n        {renderChildren(children, otherProps)}\n      </WrapperComponent>\n    );\n  }\n);\n\nLayout.propTypes = {\n  type: PropTypes.string.isRequired,\n  sticky: PropTypes.bool,\n  settings: PropTypes.shape({\n    title: PropTypes.string\n  }),\n  modifier: PropTypes.string,\n  backgroundImage: PropTypes.string,\n  tagType: PropTypes.string,\n  dataNoSnippet: PropTypes.bool,\n  VariantComponent: PropTypes.func,\n  customHtmlProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      value: PropTypes.string\n    })\n  ),\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nLayout.defaultProps = {\n  settings: {\n    title: ''\n  },\n  backgroundImage: '',\n  modifier: '',\n  tagType: '',\n  dataNoSnippet: false,\n  sticky: false,\n  VariantComponent: null,\n  customHtmlProps: []\n};\n\nexport default Layout;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Layout.js","names":["React","PropTypes","useStringTemplate","Wrapper","getClassModifiers","useGetImages","getStylesToUpdate","checkIfRowHasColumns","renderChildren","hasChildren","getCustomHtmlProperties","COLUMN","Layout","forwardRef","_ref","ref","type","children","settings","modifier","backgroundImage","backgroundImageUrl","parent","tagType","dataNoSnippet","sticky","VariantComponent","customHtmlProps","otherProps","_objectWithoutProperties","_excluded","data","resolvedBackgroundImageUrl","getFile","url","backgroundUrl","style","title","classModifiers","_objectSpread","additionalRowModifier","otherWrapperProps","customHtmlProperties","WrapperComponent","createElement","_extends","className","modifiers","propTypes","string","isRequired","bool","shape","object","func","arrayOf","name","value","oneOfType","node","defaultProps"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport Wrapper from '../Wrapper';\nimport { getClassModifiers } from '../../utils';\nimport { useGetImages } from '../../hooks';\nimport { getStylesToUpdate, checkIfRowHasColumns } from './helpers';\nimport { renderChildren, hasChildren, getCustomHtmlProperties } from '../../helpers';\nimport { COLUMN } from '../../constants';\n\nconst Layout = React.forwardRef(\n  (\n    {\n      type,\n      children,\n      settings,\n      modifier,\n      backgroundImage,\n      backgroundImageUrl,\n      parent,\n      tagType,\n      dataNoSnippet,\n      sticky,\n      VariantComponent,\n      customHtmlProps = [],\n      ...otherProps\n    },\n    ref\n  ) => {\n    const {\n      data: [resolvedBackgroundImageUrl]\n    } = useStringTemplate(parent, [backgroundImageUrl || '']);\n    const {\n      data: { getFile: { url = null } = {} }\n    } = useGetImages(backgroundImage, false, !!resolvedBackgroundImageUrl);\n    const backgroundUrl = resolvedBackgroundImageUrl || url;\n    const style = getStylesToUpdate({ backgroundImage: backgroundUrl });\n    const { title } = settings;\n    const classModifiers = getClassModifiers(type, { modifier, sticky, ...otherProps });\n    const additionalRowModifier = checkIfRowHasColumns(type, children) ? ' display-row' : '';\n\n    if (type === COLUMN && !hasChildren(children)) return null;\n\n    const otherWrapperProps = {};\n    if (dataNoSnippet) otherWrapperProps['data-nosnippet'] = true;\n\n    const customHtmlProperties = getCustomHtmlProperties({ customHtmlProps });\n\n    const WrapperComponent = VariantComponent || Wrapper;\n\n    return (\n      <WrapperComponent\n        ref={ref}\n        tagType={tagType}\n        className={type}\n        modifiers={`${classModifiers}${additionalRowModifier}`}\n        style={style}\n        {...otherWrapperProps}\n        {...customHtmlProperties}>\n        {title && <h2 className=\"heading heading--section\">{title}</h2>}\n        {renderChildren(children, otherProps)}\n      </WrapperComponent>\n    );\n  }\n);\n\nLayout.propTypes = {\n  type: PropTypes.string.isRequired,\n  sticky: PropTypes.bool,\n  settings: PropTypes.shape({\n    title: PropTypes.string\n  }),\n  modifier: PropTypes.string,\n  backgroundImage: PropTypes.string,\n  backgroundImageUrl: PropTypes.string,\n  parent: PropTypes.object,\n  tagType: PropTypes.string,\n  dataNoSnippet: PropTypes.bool,\n  VariantComponent: PropTypes.func,\n  customHtmlProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      value: PropTypes.string\n    })\n  ),\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nLayout.defaultProps = {\n  settings: {\n    title: ''\n  },\n  backgroundImage: '',\n  backgroundImageUrl: '',\n  parent: {},\n  modifier: '',\n  tagType: '',\n  dataNoSnippet: false,\n  sticky: false,\n  VariantComponent: null,\n  customHtmlProps: []\n};\n\nexport default Layout;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/helpers/get-component-id.js

@@ -1,7 +1,13 @@
 import cssesc from 'cssesc';
 import { COMPONENT_ID_PREFIX } from '../constants';
-const getComponentId = componentName => cssesc(`${COMPONENT_ID_PREFIX}${componentName.replace(/\s+/g, '-')}`, {
-  isIdentifier: true
-});
+const getComponentId = (componentName, noPrefix = false, toLowerCase = false) => {
+  let id = `${noPrefix ? '' : COMPONENT_ID_PREFIX}${componentName.replace(/\s+/g, '-')}`;
+  if (toLowerCase) {
+    id = id.toLowerCase();
+  }
+  return cssesc(id, {
+    isIdentifier: true
+  });
+};
 export default getComponentId;
 //# sourceMappingURL=get-component-id.js.map

package/lib-es/helpers/get-component-id.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-component-id.js","names":["cssesc","COMPONENT_ID_PREFIX","getComponentId","componentName","replace","isIdentifier"],"sources":["../../src/helpers/get-component-id.js"],"sourcesContent":["import cssesc from 'cssesc';\nimport { COMPONENT_ID_PREFIX } from '../constants';\n\nconst getComponentId = componentName =>\n  cssesc(`${COMPONENT_ID_PREFIX}${componentName.replace(/\\s+/g, '-')}`, {\n    isIdentifier: true\n  });\n\nexport default getComponentId;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,QAAQ;AAC3B,SAASC,mBAAmB,QAAQ,cAAc;AAElD,MAAMC,cAAc,GAAGC,aAAa,IAClCH,MAAM,CAAC,GAAGC,mBAAmB,GAAGE,aAAa,CAACC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EAAE;EACpEC,YAAY,EAAE;AAChB,CAAC,CAAC;AAEJ,eAAeH,cAAc","ignoreList":[]}
+{"version":3,"file":"get-component-id.js","names":["cssesc","COMPONENT_ID_PREFIX","getComponentId","componentName","noPrefix","toLowerCase","id","replace","isIdentifier"],"sources":["../../src/helpers/get-component-id.js"],"sourcesContent":["import cssesc from 'cssesc';\nimport { COMPONENT_ID_PREFIX } from '../constants';\n\nconst getComponentId = (componentName, noPrefix = false, toLowerCase = false) => {\n  let id = `${noPrefix ? '' : COMPONENT_ID_PREFIX}${componentName.replace(/\\s+/g, '-')}`;\n  if (toLowerCase) {\n    id = id.toLowerCase();\n  }\n  return cssesc(id, { isIdentifier: true });\n};\n\nexport default getComponentId;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,QAAQ;AAC3B,SAASC,mBAAmB,QAAQ,cAAc;AAElD,MAAMC,cAAc,GAAGA,CAACC,aAAa,EAAEC,QAAQ,GAAG,KAAK,EAAEC,WAAW,GAAG,KAAK,KAAK;EAC/E,IAAIC,EAAE,GAAG,GAAGF,QAAQ,GAAG,EAAE,GAAGH,mBAAmB,GAAGE,aAAa,CAACI,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;EACtF,IAAIF,WAAW,EAAE;IACfC,EAAE,GAAGA,EAAE,CAACD,WAAW,CAAC,CAAC;EACvB;EACA,OAAOL,MAAM,CAACM,EAAE,EAAE;IAAEE,YAAY,EAAE;EAAK,CAAC,CAAC;AAC3C,CAAC;AAED,eAAeN,cAAc","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.147.0-rc-eagle.4",
+  "version": "0.147.0-rc-eagle.6",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -36,11 +36,11 @@
     "@blaze-cms/core-errors": "0.147.0-rc-eagle.4",
     "@blaze-cms/core-errors-ui": "0.147.0-rc-eagle.4",
     "@blaze-cms/image-cdn-react": "0.3.0-alpha.7",
-    "@blaze-cms/nextjs-components": "0.147.0-rc-eagle.4",
-    "@blaze-cms/plugin-search-ui": "0.147.0-rc-eagle.4",
+    "@blaze-cms/nextjs-components": "0.147.0-rc-eagle.6",
+    "@blaze-cms/plugin-search-ui": "0.147.0-rc-eagle.6",
     "@blaze-cms/setup-ui": "0.147.0-rc-eagle.4",
     "@blaze-cms/utils": "0.147.0-rc-eagle.4",
-    "@blaze-cms/utils-handlebars": "0.147.0-rc-eagle.4",
+    "@blaze-cms/utils-handlebars": "0.147.0-rc-eagle.6",
     "@blaze-react/badge": "^0.7.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
     "@blaze-react/button": "0.8.0-alpha.82",
@@ -70,7 +70,6 @@
     "react-jw-player": "^1.19.1",
     "react-player": "^2.10.1",
     "react-waypoint": "^9.0.2",
-    "regenerator-runtime": "^0.13.3",
     "uuid": "^3.3.3",
     "video-react": "0.14.1"
   },
@@ -89,5 +88,6 @@
   "eslintIgnore": [
     "lib/*",
     "lib-es/*"
-  ]
+  ],
+  "gitHead": "bcec507f4cd89a2573e960c326852e44b103feb0"
 }