@blaze-cms/react-page-builder 0.126.0 → 0.127.0-admin-updates.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.126.0",
+  "version": "0.127.0-admin-updates.0",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,14 +27,14 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/core-auth-ui": "^0.125.0",
+    "@blaze-cms/core-auth-ui": "0.127.0-admin-updates.0",
     "@blaze-cms/core-errors": "^0.118.0",
     "@blaze-cms/image-cdn-react": "0.3.0-alpha.3",
-    "@blaze-cms/nextjs-components": "^0.125.0",
-    "@blaze-cms/plugin-search-ui": "^0.125.0",
+    "@blaze-cms/nextjs-components": "0.127.0-admin-updates.0",
+    "@blaze-cms/plugin-search-ui": "0.127.0-admin-updates.0",
     "@blaze-cms/setup-ui": "^0.92.0",
-    "@blaze-cms/utils": "^0.125.0",
-    "@blaze-cms/utils-handlebars": "^0.125.0",
+    "@blaze-cms/utils": "0.127.0-admin-updates.0",
+    "@blaze-cms/utils-handlebars": "0.127.0-admin-updates.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/checkboxes": "0.5.31",
@@ -46,6 +46,7 @@
     "core-js": "^3.2.1",
     "entities": "^2.0.0",
     "html-react-parser": "^0.10.0",
+    "iframe-resizer-react": "^1.1.0",
     "lodash.at": "^4.6.0",
     "lodash.camelcase": "^4.3.0",
     "lodash.clonedeep": "^4.5.0",
@@ -87,5 +88,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "3426eb3c15ca8bf9c601ebfccff00ad695b9a83a"
+  "gitHead": "ea29a84e65872f21b486ee450a11a63e53754641"
 }

package/src/components/ContentGroupSection/ContentGroupSection.js

@@ -13,9 +13,10 @@ const ContentGroupSection = ({ children, name, ...props }) => {
 };
 
 ContentGroupSection.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+  name: PropTypes.string
 };
 
-ContentGroupSection.defaultProps = { children: null };
+ContentGroupSection.defaultProps = { children: null, name: '' };
 
 export default ContentGroupSection;

package/src/components/Iframe/Iframe.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import IframeResizer from 'iframe-resizer-react';
+import { IFRAME_CLASS, DEFAULT_WIDTH } from './constants';
+
+const Iframe = ({ src, modifier, width, height, enableScrolling }) => {
+  if (!src) return null;
+  const modifierString = modifier ? ` ${modifier}` : '';
+  const iframeClassName = `${IFRAME_CLASS}${modifierString}`;
+  const defaultWidth = !width ? DEFAULT_WIDTH : {};
+  return (
+    <div className={iframeClassName}>
+      <IframeResizer
+        scrolling={enableScrolling}
+        autoResize
+        src={src}
+        sizeHeight={!height}
+        height={height}
+        width={width}
+        style={defaultWidth}
+      />
+    </div>
+  );
+};
+
+Iframe.propTypes = {
+  src: PropTypes.string.isRequired,
+  enableScrolling: PropTypes.bool,
+  modifier: PropTypes.string,
+  width: PropTypes.string,
+  height: PropTypes.string
+};
+
+Iframe.defaultProps = { enableScrolling: false, modifier: '', width: '', height: '' };
+
+export default Iframe;

package/src/components/Iframe/constants.js

@@ -0,0 +1,4 @@
+const IFRAME_CLASS = 'iframe-container';
+const DEFAULT_WIDTH = { width: '1px', minWidth: '100%' };
+
+export { IFRAME_CLASS, DEFAULT_WIDTH };

package/src/components/Iframe/index.js

@@ -0,0 +1,3 @@
+import Iframe from './Iframe';
+
+export default Iframe;

package/src/components/index.js

@@ -51,5 +51,6 @@ export default {
   ),
   contentgroupsection: dynamic(() =>
     import(/* webpackChunkName: "blazePbContentGroupSection" */ './ContentGroupSection')
-  )
+  ),
+  iframe: dynamic(() => import(/* webpackChunkName: "blazePbIframe" */ './Iframe'))
 };

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

@@ -0,0 +1,18 @@
+import { render } from '@blaze-cms/tools/test-helpers/test-functions';
+import Iframe from '../../../../../src/components/Iframe/Iframe';
+
+describe('Iframe component', () => {
+  it('should not render if no src is passed', () => {
+    const { asFragment: iFrame } = render(Iframe);
+    expect(iFrame()).toMatchSnapshot();
+  });
+
+  it('should not render otherwise', () => {
+    const { asFragment: iFrame } = render(Iframe, {
+      src: 'www.someurl.com',
+      height: '200',
+      width: '100'
+    });
+    expect(iFrame()).toMatchSnapshot();
+  });
+});

package/tests/unit/src/components/Iframe/__snapshots__/Iframe.test.js.snap

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Iframe component should not render if no src is passed 1`] = `<DocumentFragment />`;
+
+exports[`Iframe component should not render otherwise 1`] = `
+<DocumentFragment>
+  <div
+    class="iframe-container"
+  >
+    <iframe
+      height="200"
+      id="iFrameResizer0"
+      scrolling="no"
+      src="www.someurl.com"
+      style="overflow: hidden;"
+      title="iframe"
+      width="100"
+    />
+  </div>
+</DocumentFragment>
+`;

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

@@ -50,6 +50,10 @@ Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
   },
+  "iframe": Object {
+    "$$typeof": Symbol(react.forward_ref),
+    "render": [Function],
+  },
   "image": Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],