@blaze-cms/react-page-builder 0.127.0-project-admin-customisations.3 → 0.127.0

package/src/components/Code/Code.js

@@ -7,10 +7,10 @@ import { getClassModifiers } from '../../utils';
 import { CODE } from '../../constants';
 import { wrapScriptTags } from './helpers';
 
-const Code = memo(({ code: embedCode, ...otherProps }) => {
+const Code = memo(({ code: embedCode, parserOptions, ...otherProps }) => {
   if (!embedCode) return null;
 
-  const parsedCode = parseHTML(embedCode);
+  const parsedCode = parseHTML(embedCode, parserOptions);
   const wrappedCode = wrapScriptTags(parsedCode);
   const modifiers = getClassModifiers(CODE, { ...otherProps });
 
@@ -19,12 +19,14 @@ const Code = memo(({ code: embedCode, ...otherProps }) => {
 
 Code.propTypes = {
   code: PropTypes.string,
-  modifier: PropTypes.string
+  modifier: PropTypes.string,
+  parserOptions: PropTypes.object
 };
 
 Code.defaultProps = {
   code: '',
-  modifier: ''
+  modifier: '',
+  parserOptions: {}
 };
 
 export default withTitle(Code);

package/src/components/Code/helpers/wrap-script-tags.js

@@ -17,9 +17,13 @@ function getWrappedScriptTag(child) {
 function wrapScriptTags(parsedCode) {
   if (Array.isArray(parsedCode)) {
     parsedCode.forEach((child, index) => {
-      // modify children array as we just want to wrap single components
-      // eslint-disable-next-line no-param-reassign
-      parsedCode[index] = getWrappedScriptTag(child);
+      try {
+        // modify children array as we just want to wrap single components
+        // eslint-disable-next-line no-param-reassign
+        parsedCode[index] = getWrappedScriptTag(child);
+      } catch {
+        // catch read-only element errors
+      }
     });
 
     return parsedCode;

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 (
@@ -13,12 +13,9 @@ const ContentGroupSection = ({ children, name }) => {
 };
 
 ContentGroupSection.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-  name: PropTypes.string.isRequired
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
 };
 
-ContentGroupSection.defaultProps = {
-  children: null
-};
+ContentGroupSection.defaultProps = { children: null };
 
 export default ContentGroupSection;

package/src/components/List/components/Cards/CardsRenderItem.js

@@ -86,7 +86,7 @@ const CardsRenderItem = ({
           {...cardProps}
         />
       </div>
-      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}
+      {shouldRenderBanner && <Banner {...bannerProps} renderCounter={bannerIndex} />}
     </>
   );
 };

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

@@ -50,7 +50,7 @@ const FullRenderItem = ({
       {!!parsedPropsToDisplay.length && (
         <>{parsedPropsToDisplay.map(prop => (prop ? <span key={prop}>{prop}</span> : null))}</>
       )}
-      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}
+      {shouldRenderBanner && <Banner {...bannerProps} renderCounter={bannerIndex} />}
     </>
   );
 };

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

@@ -99,7 +99,7 @@ const defaultProps = {
   entity: '',
   targetings: '',
   sizes: '',
-  cardBannerIndex: null,
+  renderCounter: null,
   ...otherProps
 };