@blaze-cms/react-page-builder 0.146.0-core-styles.6 → 0.146.0-core-styles.7

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.146.0-core-styles.7](https://github.com/thebyte9/blaze/compare/v0.146.0-core-styles.6...v0.146.0-core-styles.7) (2024-09-20)
+
+
+### Bug Fixes
+
+* use modal adapter in frontend ([#4485](https://github.com/thebyte9/blaze/issues/4485)) ([f35adbc](https://github.com/thebyte9/blaze/commit/f35adbcd9a76a069000126a30b3c680c169a5357))
+
+
+
+
+
 # [0.146.0-core-styles.6](https://github.com/thebyte9/blaze/compare/v0.146.0-core-styles.5...v0.146.0-core-styles.6) (2024-09-20)
 
 

package/lib/components/Image/Lightbox/Lightbox.js

@@ -19,9 +19,9 @@ require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.object.keys.js");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _modal = _interopRequireDefault(require("@blaze-react/modal"));
 var _customHooks = require("@blaze-react/utils/lib/customHooks");
 var _imageCdnReact = require("@blaze-cms/image-cdn-react");
+var _ModalAdapter = _interopRequireDefault(require("../../ModalAdapter"));
 var _BlazeLink = _interopRequireDefault(require("../../BlazeLink"));
 var _constants = require("../../../constants");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -40,7 +40,7 @@ var Lightbox = function Lightbox(_ref) {
     outerRef = _useInView2[1];
   var hasLink = Object.keys(imgWrapperProps).length;
   var ImgWrapper = hasLink ? _BlazeLink["default"] : _react.Fragment;
-  return /*#__PURE__*/_react["default"].createElement(_modal["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_ModalAdapter["default"], {
     title: name,
     onClose: closeModal,
     isFullScreen: true

package/lib/components/Image/Lightbox/Lightbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_modal","_customHooks","_imageCdnReact","_BlazeLink","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Lightbox","_ref","name","imageUrl","altTxt","closeModal","imageCaption","imgWrapperProps","_useInView","useInView","IN_VIEW_CONFIG","_useInView2","_slicedToArray2","isIntersecting","outerRef","hasLink","keys","length","ImgWrapper","BlazeLink","Fragment","createElement","title","onClose","isFullScreen","className","ref","_extends2","role","ResponsiveImage","src","alt","sizeKey","propTypes","PropTypes","string","func","isRequired","object","modifier","defaultProps","_default","exports"],"sources":["../../../../src/components/Image/Lightbox/Lightbox.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from '@blaze-react/modal';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport BlazeLink from '../../BlazeLink';\nimport { IN_VIEW_CONFIG } from '../../../constants';\n\n// add for full screen modal based on blaze, and pass modifiers(lightbox)\nconst Lightbox = ({ name, imageUrl, altTxt, closeModal, imageCaption, imgWrapperProps }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const hasLink = Object.keys(imgWrapperProps).length;\n  const ImgWrapper = hasLink ? BlazeLink : Fragment;\n\n  return (\n    <Modal title={name} onClose={closeModal} isFullScreen>\n      <div className=\"row row--display-row\">\n        <div className=\"column column--two-thirds\">\n          <div ref={outerRef} className=\"image\">\n            {isIntersecting && (\n              <ImgWrapper {...imgWrapperProps} role={hasLink ? 'link' : ''}>\n                <ResponsiveImage src={imageUrl} alt={altTxt} sizeKey=\"lightbox\" />\n              </ImgWrapper>\n            )}\n          </div>\n        </div>\n      </div>\n      {imageCaption && (\n        <div className=\"row row--display-row\">\n          <div className=\"caption\">{imageCaption}</div>\n        </div>\n      )}\n    </Modal>\n  );\n};\n\nLightbox.propTypes = {\n  name: PropTypes.string,\n  closeModal: PropTypes.func.isRequired,\n  imgWrapperProps: PropTypes.object,\n  imageUrl: PropTypes.string,\n  imageCaption: PropTypes.string,\n  altTxt: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nLightbox.defaultProps = {\n  name: '',\n  imgWrapperProps: {},\n  modifier: '',\n  imageCaption: '',\n  altTxt: '',\n  imageUrl: ''\n};\n\nexport default Lightbox;\n"],"mappings":"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"}
+{"version":3,"file":"Lightbox.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_customHooks","_imageCdnReact","_ModalAdapter","_BlazeLink","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Lightbox","_ref","name","imageUrl","altTxt","closeModal","imageCaption","imgWrapperProps","_useInView","useInView","IN_VIEW_CONFIG","_useInView2","_slicedToArray2","isIntersecting","outerRef","hasLink","keys","length","ImgWrapper","BlazeLink","Fragment","createElement","title","onClose","isFullScreen","className","ref","_extends2","role","ResponsiveImage","src","alt","sizeKey","propTypes","PropTypes","string","func","isRequired","object","modifier","defaultProps","_default","exports"],"sources":["../../../../src/components/Image/Lightbox/Lightbox.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Modal from '../../ModalAdapter';\nimport BlazeLink from '../../BlazeLink';\nimport { IN_VIEW_CONFIG } from '../../../constants';\n\n// add for full screen modal based on blaze, and pass modifiers(lightbox)\nconst Lightbox = ({ name, imageUrl, altTxt, closeModal, imageCaption, imgWrapperProps }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const hasLink = Object.keys(imgWrapperProps).length;\n  const ImgWrapper = hasLink ? BlazeLink : Fragment;\n\n  return (\n    <Modal title={name} onClose={closeModal} isFullScreen>\n      <div className=\"row row--display-row\">\n        <div className=\"column column--two-thirds\">\n          <div ref={outerRef} className=\"image\">\n            {isIntersecting && (\n              <ImgWrapper {...imgWrapperProps} role={hasLink ? 'link' : ''}>\n                <ResponsiveImage src={imageUrl} alt={altTxt} sizeKey=\"lightbox\" />\n              </ImgWrapper>\n            )}\n          </div>\n        </div>\n      </div>\n      {imageCaption && (\n        <div className=\"row row--display-row\">\n          <div className=\"caption\">{imageCaption}</div>\n        </div>\n      )}\n    </Modal>\n  );\n};\n\nLightbox.propTypes = {\n  name: PropTypes.string,\n  closeModal: PropTypes.func.isRequired,\n  imgWrapperProps: PropTypes.object,\n  imageUrl: PropTypes.string,\n  imageCaption: PropTypes.string,\n  altTxt: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nLightbox.defaultProps = {\n  name: '',\n  imgWrapperProps: {},\n  modifier: '',\n  imageCaption: '',\n  altTxt: '',\n  imageUrl: ''\n};\n\nexport default Lightbox;\n"],"mappings":"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"}

package/lib/components/Modal/Modal.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _modal = _interopRequireDefault(require("@blaze-react/modal"));
+var _ModalAdapter = _interopRequireDefault(require("../ModalAdapter"));
 var _helpers = require("../../helpers");
 var _excluded = ["children", "elementTitle", "onClose"];
 var Modal = function Modal(_ref) {
@@ -19,7 +19,7 @@ var Modal = function Modal(_ref) {
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   if (!(0, _helpers.hasChildren)(children)) return null;
   (0, _helpers.updateChildrensParent)(children, otherProps.parent.itemId, otherProps.parent.itemEntity);
-  return /*#__PURE__*/_react["default"].createElement(_modal["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_ModalAdapter["default"], {
     title: elementTitle,
     onClose: onClose
   }, (0, _helpers.renderChildren)(children));

package/lib/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["_react","_interopRequireDefault","require","_propTypes","_modal","_helpers","_excluded","Modal","_ref","children","elementTitle","onClose","otherProps","_objectWithoutProperties2","hasChildren","updateChildrensParent","parent","itemId","itemEntity","createElement","title","renderChildren","propTypes","PropTypes","func","string","oneOfType","arrayOf","node","defaultProps","_default","exports"],"sources":["../../../src/components/Modal/Modal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeModal from '@blaze-react/modal';\nimport { renderChildren, updateChildrensParent, hasChildren } from '../../helpers';\n\nconst Modal = ({ children, elementTitle, onClose, ...otherProps }) => {\n  if (!hasChildren(children)) return null;\n\n  updateChildrensParent(children, otherProps.parent.itemId, otherProps.parent.itemEntity);\n  return (\n    <BlazeModal title={elementTitle} onClose={onClose}>\n      {renderChildren(children)}\n    </BlazeModal>\n  );\n};\n\nModal.propTypes = {\n  onClose: PropTypes.func,\n  elementTitle: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nModal.defaultProps = {\n  onClose: () => {},\n  elementTitle: '',\n  children: []\n};\n\nexport default Modal;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAmF,IAAAI,SAAA;AAEnF,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAA2D;EAAA,IAArDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAKC,UAAU,OAAAC,yBAAA,aAAAL,IAAA,EAAAF,SAAA;EAC7D,IAAI,CAAC,IAAAQ,oBAAW,EAACL,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvC,IAAAM,8BAAqB,EAACN,QAAQ,EAAEG,UAAU,CAACI,MAAM,CAACC,MAAM,EAAEL,UAAU,CAACI,MAAM,CAACE,UAAU,CAAC;EACvF,oBACElB,MAAA,YAAAmB,aAAA,CAACf,MAAA,WAAU;IAACgB,KAAK,EAAEV,YAAa;IAACC,OAAO,EAAEA;EAAQ,GAC/C,IAAAU,uBAAc,EAACZ,QAAQ,CACd,CAAC;AAEjB,CAAC;AAEDF,KAAK,CAACe,SAAS,GAAG;EAChBX,OAAO,EAAEY,qBAAS,CAACC,IAAI;EACvBd,YAAY,EAAEa,qBAAS,CAACE,MAAM;EAC9BhB,QAAQ,EAAEc,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACI,OAAO,CAACJ,qBAAS,CAACK,IAAI,CAAC,EAAEL,qBAAS,CAACK,IAAI,CAAC;AACnF,CAAC;AAEDrB,KAAK,CAACsB,YAAY,GAAG;EACnBlB,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC,CAAC;EACjBD,YAAY,EAAE,EAAE;EAChBD,QAAQ,EAAE;AACZ,CAAC;AAAC,IAAAqB,QAAA,GAAAC,OAAA,cAEaxB,KAAK"}
+{"version":3,"file":"Modal.js","names":["_react","_interopRequireDefault","require","_propTypes","_ModalAdapter","_helpers","_excluded","Modal","_ref","children","elementTitle","onClose","otherProps","_objectWithoutProperties2","hasChildren","updateChildrensParent","parent","itemId","itemEntity","createElement","title","renderChildren","propTypes","PropTypes","func","string","oneOfType","arrayOf","node","defaultProps","_default","exports"],"sources":["../../../src/components/Modal/Modal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeModal from '../ModalAdapter';\nimport { renderChildren, updateChildrensParent, hasChildren } from '../../helpers';\n\nconst Modal = ({ children, elementTitle, onClose, ...otherProps }) => {\n  if (!hasChildren(children)) return null;\n\n  updateChildrensParent(children, otherProps.parent.itemId, otherProps.parent.itemEntity);\n  return (\n    <BlazeModal title={elementTitle} onClose={onClose}>\n      {renderChildren(children)}\n    </BlazeModal>\n  );\n};\n\nModal.propTypes = {\n  onClose: PropTypes.func,\n  elementTitle: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nModal.defaultProps = {\n  onClose: () => {},\n  elementTitle: '',\n  children: []\n};\n\nexport default Modal;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAmF,IAAAI,SAAA;AAEnF,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAA2D;EAAA,IAArDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAKC,UAAU,OAAAC,yBAAA,aAAAL,IAAA,EAAAF,SAAA;EAC7D,IAAI,CAAC,IAAAQ,oBAAW,EAACL,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvC,IAAAM,8BAAqB,EAACN,QAAQ,EAAEG,UAAU,CAACI,MAAM,CAACC,MAAM,EAAEL,UAAU,CAACI,MAAM,CAACE,UAAU,CAAC;EACvF,oBACElB,MAAA,YAAAmB,aAAA,CAACf,aAAA,WAAU;IAACgB,KAAK,EAAEV,YAAa;IAACC,OAAO,EAAEA;EAAQ,GAC/C,IAAAU,uBAAc,EAACZ,QAAQ,CACd,CAAC;AAEjB,CAAC;AAEDF,KAAK,CAACe,SAAS,GAAG;EAChBX,OAAO,EAAEY,qBAAS,CAACC,IAAI;EACvBd,YAAY,EAAEa,qBAAS,CAACE,MAAM;EAC9BhB,QAAQ,EAAEc,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACI,OAAO,CAACJ,qBAAS,CAACK,IAAI,CAAC,EAAEL,qBAAS,CAACK,IAAI,CAAC;AACnF,CAAC;AAEDrB,KAAK,CAACsB,YAAY,GAAG;EACnBlB,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC,CAAC;EACjBD,YAAY,EAAE,EAAE;EAChBD,QAAQ,EAAE;AACZ,CAAC;AAAC,IAAAqB,QAAA,GAAAC,OAAA,cAEaxB,KAAK"}

package/lib/components/ModalAdapter/ModalAdapter.js

@@ -0,0 +1,21 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _react = _interopRequireDefault(require("react"));
+var _modal = _interopRequireDefault(require("@blaze-react/modal"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _hooks = require("../../hooks");
+var ModalAdapter = function ModalAdapter(_ref) {
+  var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
+  var target = (0, _hooks.usePortal)();
+  return /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement(_modal["default"], props), target);
+};
+var _default = exports["default"] = ModalAdapter;
+//# sourceMappingURL=ModalAdapter.js.map

package/lib/components/ModalAdapter/ModalAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalAdapter.js","names":["_react","_interopRequireDefault","require","_modal","_reactDom","_hooks","ModalAdapter","_ref","props","_extends2","_objectDestructuringEmpty2","target","usePortal","ReactDOM","createPortal","createElement","_default","exports"],"sources":["../../../src/components/ModalAdapter/ModalAdapter.js"],"sourcesContent":["import React from 'react';\nimport Modal from '@blaze-react/modal';\nimport ReactDOM from 'react-dom';\nimport { usePortal } from '../../hooks';\n\nconst ModalAdapter = ({ ...props }) => {\n  const target = usePortal();\n\n  return ReactDOM.createPortal(<Modal {...props} />, target);\n};\n\nexport default ModalAdapter;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAMI,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAqB;EAAA,IAAZC,KAAK,OAAAC,SAAA,sBAAAC,0BAAA,aAAAH,IAAA,GAAAA,IAAA;EAC9B,IAAMI,MAAM,GAAG,IAAAC,gBAAS,EAAC,CAAC;EAE1B,oBAAOC,oBAAQ,CAACC,YAAY,eAACd,MAAA,YAAAe,aAAA,CAACZ,MAAA,WAAK,EAAKK,KAAQ,CAAC,EAAEG,MAAM,CAAC;AAC5D,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,cAEaX,YAAY"}

package/lib/components/ModalAdapter/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _ModalAdapter = _interopRequireDefault(require("./ModalAdapter"));
+var _default = exports["default"] = _ModalAdapter["default"];
+//# sourceMappingURL=index.js.map

package/lib/components/ModalAdapter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ModalAdapter","_interopRequireDefault","require","_default","exports","ModalAdapter"],"sources":["../../../src/components/ModalAdapter/index.js"],"sourcesContent":["import ModalAdapter from './ModalAdapter';\n\nexport default ModalAdapter;\n"],"mappings":";;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0C,IAAAC,QAAA,GAAAC,OAAA,cAE3BC,wBAAY"}

package/lib/components/Video/VideoModal.js

@@ -17,7 +17,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _react = _interopRequireWildcard(require("react"));
-var _modal = _interopRequireDefault(require("@blaze-react/modal"));
+var _ModalAdapter = _interopRequireDefault(require("../ModalAdapter"));
 var _VideoRender = _interopRequireDefault(require("./VideoRender"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -36,7 +36,7 @@ var VideoModal = function VideoModal(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_VideoRender["default"], (0, _extends2["default"])({
     placeholderOnly: true,
     autoplay: false
-  }, props))), displayModal && /*#__PURE__*/_react["default"].createElement(_modal["default"], {
+  }, props))), displayModal && /*#__PURE__*/_react["default"].createElement(_ModalAdapter["default"], {
     className: "modal--video",
     isFullScreen: true,
     showFooter: false,

package/lib/components/Video/VideoModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoModal.js","names":["_react","_interopRequireWildcard","require","_modal","_interopRequireDefault","_VideoRender","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","VideoModal","_ref","props","_extends2","_objectDestructuringEmpty2","_useState","useState","_useState2","_slicedToArray2","displayModal","setDisplayModal","createElement","Fragment","role","onClick","placeholderOnly","autoplay","className","isFullScreen","showFooter","isSimple","onClose","_default","exports"],"sources":["../../../src/components/Video/VideoModal.js"],"sourcesContent":["import React, { useState } from 'react';\nimport Modal from '@blaze-react/modal';\nimport VideoRender from './VideoRender';\n\nconst VideoModal = ({ ...props }) => {\n  const [displayModal, setDisplayModal] = useState(false);\n\n  return (\n    <>\n      <div\n        role=\"button\"\n        aria-label=\"Open video\"\n        onClick={() => {\n          setDisplayModal(!displayModal);\n        }}>\n        <VideoRender placeholderOnly autoplay={false} {...props} />\n      </div>\n      {displayModal && (\n        <Modal\n          className=\"modal--video\"\n          isFullScreen\n          showFooter={false}\n          isSimple\n          onClose={() => setDisplayModal(!displayModal)}>\n          <VideoRender {...props} placeholderOnly={false} autoplay />\n        </Modal>\n      )}\n    </>\n  );\n};\n\nexport default VideoModal;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAwC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAExC,IAAMY,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAqB;EAAA,IAAZC,KAAK,OAAAC,SAAA,sBAAAC,0BAAA,aAAAH,IAAA,GAAAA,IAAA;EAC5B,IAAAI,SAAA,GAAwC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAhDI,YAAY,GAAAF,UAAA;IAAEG,eAAe,GAAAH,UAAA;EAEpC,oBACElC,MAAA,YAAAsC,aAAA,CAAAtC,MAAA,YAAAuC,QAAA,qBACEvC,MAAA,YAAAsC,aAAA;IACEE,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbJ,eAAe,CAAC,CAACD,YAAY,CAAC;IAChC;EAAE,gBACFpC,MAAA,YAAAsC,aAAA,CAACjC,YAAA,WAAW,MAAAyB,SAAA;IAACY,eAAe;IAACC,QAAQ,EAAE;EAAM,GAAKd,KAAK,CAAG,CACvD,CAAC,EACLO,YAAY,iBACXpC,MAAA,YAAAsC,aAAA,CAACnC,MAAA,WAAK;IACJyC,SAAS,EAAC,cAAc;IACxBC,YAAY;IACZC,UAAU,EAAE,KAAM;IAClBC,QAAQ;IACRC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMX,eAAe,CAAC,CAACD,YAAY,CAAC;IAAA;EAAC,gBAC9CpC,MAAA,YAAAsC,aAAA,CAACjC,YAAA,WAAW,MAAAyB,SAAA,iBAAKD,KAAK;IAAEa,eAAe,EAAE,KAAM;IAACC,QAAQ;EAAA,EAAE,CACrD,CAET,CAAC;AAEP,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEavB,UAAU"}
+{"version":3,"file":"VideoModal.js","names":["_react","_interopRequireWildcard","require","_ModalAdapter","_interopRequireDefault","_VideoRender","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","VideoModal","_ref","props","_extends2","_objectDestructuringEmpty2","_useState","useState","_useState2","_slicedToArray2","displayModal","setDisplayModal","createElement","Fragment","role","onClick","placeholderOnly","autoplay","className","isFullScreen","showFooter","isSimple","onClose","_default","exports"],"sources":["../../../src/components/Video/VideoModal.js"],"sourcesContent":["import React, { useState } from 'react';\nimport Modal from '../ModalAdapter';\nimport VideoRender from './VideoRender';\n\nconst VideoModal = ({ ...props }) => {\n  const [displayModal, setDisplayModal] = useState(false);\n\n  return (\n    <>\n      <div\n        role=\"button\"\n        aria-label=\"Open video\"\n        onClick={() => {\n          setDisplayModal(!displayModal);\n        }}>\n        <VideoRender placeholderOnly autoplay={false} {...props} />\n      </div>\n      {displayModal && (\n        <Modal\n          className=\"modal--video\"\n          isFullScreen\n          showFooter={false}\n          isSimple\n          onClose={() => setDisplayModal(!displayModal)}>\n          <VideoRender {...props} placeholderOnly={false} autoplay />\n        </Modal>\n      )}\n    </>\n  );\n};\n\nexport default VideoModal;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAwC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAExC,IAAMY,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAqB;EAAA,IAAZC,KAAK,OAAAC,SAAA,sBAAAC,0BAAA,aAAAH,IAAA,GAAAA,IAAA;EAC5B,IAAAI,SAAA,GAAwC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAhDI,YAAY,GAAAF,UAAA;IAAEG,eAAe,GAAAH,UAAA;EAEpC,oBACElC,MAAA,YAAAsC,aAAA,CAAAtC,MAAA,YAAAuC,QAAA,qBACEvC,MAAA,YAAAsC,aAAA;IACEE,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbJ,eAAe,CAAC,CAACD,YAAY,CAAC;IAChC;EAAE,gBACFpC,MAAA,YAAAsC,aAAA,CAACjC,YAAA,WAAW,MAAAyB,SAAA;IAACY,eAAe;IAACC,QAAQ,EAAE;EAAM,GAAKd,KAAK,CAAG,CACvD,CAAC,EACLO,YAAY,iBACXpC,MAAA,YAAAsC,aAAA,CAACnC,aAAA,WAAK;IACJyC,SAAS,EAAC,cAAc;IACxBC,YAAY;IACZC,UAAU,EAAE,KAAM;IAClBC,QAAQ;IACRC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMX,eAAe,CAAC,CAACD,YAAY,CAAC;IAAA;EAAC,gBAC9CpC,MAAA,YAAAsC,aAAA,CAACjC,YAAA,WAAW,MAAAyB,SAAA,iBAAKD,KAAK;IAAEa,eAAe,EAAE,KAAM;IAACC,QAAQ;EAAA,EAAE,CACrD,CAET,CAAC;AAEP,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEavB,UAAU"}

package/lib/hooks/index.js

@@ -59,6 +59,12 @@ Object.defineProperty(exports, "usePageBuilder", {
     return _usePageBuilder["default"];
   }
 });
+Object.defineProperty(exports, "usePortal", {
+  enumerable: true,
+  get: function get() {
+    return _usePortal["default"];
+  }
+});
 var _useGetEntitySchema = _interopRequireDefault(require("./use-get-entity-schema"));
 var _useGetEntitySchemasAsObj = _interopRequireDefault(require("./use-get-entity-schemas-as-obj"));
 var _useGetImageIdFromRelation = _interopRequireDefault(require("./use-get-image-id-from-relation"));
@@ -68,4 +74,5 @@ var _useGetSingleEntitySchema = _interopRequireDefault(require("./use-get-single
 var _useCheckMobileScreen = _interopRequireDefault(require("./use-check-mobile-screen"));
 var _useBannerInsertion = _interopRequireDefault(require("./use-banner-insertion"));
 var _useAppSyncEventHook = _interopRequireDefault(require("./use-app-sync-event-hook"));
+var _usePortal = _interopRequireDefault(require("./use-portal"));
 //# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_useGetEntitySchema","_interopRequireDefault","require","_useGetEntitySchemasAsObj","_useGetImageIdFromRelation","_useGetImages","_usePageBuilder","_useGetSingleEntitySchema","_useCheckMobileScreen","_useBannerInsertion","_useAppSyncEventHook"],"sources":["../../src/hooks/index.js"],"sourcesContent":["export { default as useGetEntitySchema } from './use-get-entity-schema';\nexport { default as useGetEntitySchemasAsObj } from './use-get-entity-schemas-as-obj';\nexport { default as useGetImageIdFromRelation } from './use-get-image-id-from-relation';\nexport { default as useGetImages } from './use-get-images';\nexport { default as usePageBuilder } from './use-page-builder';\nexport { default as useGetSingleEntitySchema } from './use-get-single-entity-schema';\nexport { default as useCheckMobileScreen } from './use-check-mobile-screen';\nexport { default as useBannerInsertion } from './use-banner-insertion';\nexport { default as useAppSyncEventHook } from './use-app-sync-event-hook';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,0BAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,yBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,qBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,mBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,oBAAA,GAAAT,sBAAA,CAAAC,OAAA"}
+{"version":3,"file":"index.js","names":["_useGetEntitySchema","_interopRequireDefault","require","_useGetEntitySchemasAsObj","_useGetImageIdFromRelation","_useGetImages","_usePageBuilder","_useGetSingleEntitySchema","_useCheckMobileScreen","_useBannerInsertion","_useAppSyncEventHook","_usePortal"],"sources":["../../src/hooks/index.js"],"sourcesContent":["export { default as useGetEntitySchema } from './use-get-entity-schema';\nexport { default as useGetEntitySchemasAsObj } from './use-get-entity-schemas-as-obj';\nexport { default as useGetImageIdFromRelation } from './use-get-image-id-from-relation';\nexport { default as useGetImages } from './use-get-images';\nexport { default as usePageBuilder } from './use-page-builder';\nexport { default as useGetSingleEntitySchema } from './use-get-single-entity-schema';\nexport { default as useCheckMobileScreen } from './use-check-mobile-screen';\nexport { default as useBannerInsertion } from './use-banner-insertion';\nexport { default as useAppSyncEventHook } from './use-app-sync-event-hook';\nexport { default as usePortal } from './use-portal';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,0BAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,yBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,qBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,mBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,oBAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,UAAA,GAAAV,sBAAA,CAAAC,OAAA"}

package/lib/hooks/use-portal.js

@@ -0,0 +1,30 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function usePortal() {
+  var rootElemRef = _react["default"].useRef(document.createElement('div'));
+  (0, _react.useEffect)(function () {
+    document.body.appendChild(rootElemRef.current);
+    var element = rootElemRef.current;
+    return function removeElement() {
+      element.remove();
+    };
+  }, []);
+  return rootElemRef.current;
+}
+var _default = exports["default"] = usePortal;
+//# sourceMappingURL=use-portal.js.map

package/lib/hooks/use-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-portal.js","names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","usePortal","rootElemRef","React","useRef","document","createElement","useEffect","body","appendChild","current","element","removeElement","remove","_default","exports"],"sources":["../../src/hooks/use-portal.js"],"sourcesContent":["import React, { useEffect } from 'react';\n\nfunction usePortal() {\n  const rootElemRef = React.useRef(document.createElement('div'));\n\n  useEffect(() => {\n    document.body.appendChild(rootElemRef.current);\n\n    const element = rootElemRef.current;\n    return function removeElement() {\n      element.remove();\n    };\n  }, []);\n\n  return rootElemRef.current;\n}\n\nexport default usePortal;\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAyC,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEzC,SAASY,SAASA,CAAA,EAAG;EACnB,IAAMC,WAAW,GAAGC,iBAAK,CAACC,MAAM,CAACC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,CAAC;EAE/D,IAAAC,gBAAS,EAAC,YAAM;IACdF,QAAQ,CAACG,IAAI,CAACC,WAAW,CAACP,WAAW,CAACQ,OAAO,CAAC;IAE9C,IAAMC,OAAO,GAAGT,WAAW,CAACQ,OAAO;IACnC,OAAO,SAASE,aAAaA,CAAA,EAAG;MAC9BD,OAAO,CAACE,MAAM,CAAC,CAAC;IAClB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOX,WAAW,CAACQ,OAAO;AAC5B;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEcd,SAAS"}

package/lib-es/components/Image/Lightbox/Lightbox.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
-import Modal from '@blaze-react/modal';
 import { useInView } from '@blaze-react/utils/lib/customHooks';
 import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
+import Modal from '../../ModalAdapter';
 import BlazeLink from '../../BlazeLink';
 import { IN_VIEW_CONFIG } from '../../../constants';
 

package/lib-es/components/Image/Lightbox/Lightbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.js","names":["React","Fragment","PropTypes","Modal","useInView","ResponsiveImage","BlazeLink","IN_VIEW_CONFIG","Lightbox","name","imageUrl","altTxt","closeModal","imageCaption","imgWrapperProps","isIntersecting","outerRef","hasLink","Object","keys","length","ImgWrapper","createElement","title","onClose","isFullScreen","className","ref","_extends","role","src","alt","sizeKey","propTypes","string","func","isRequired","object","modifier","defaultProps"],"sources":["../../../../src/components/Image/Lightbox/Lightbox.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from '@blaze-react/modal';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport BlazeLink from '../../BlazeLink';\nimport { IN_VIEW_CONFIG } from '../../../constants';\n\n// add for full screen modal based on blaze, and pass modifiers(lightbox)\nconst Lightbox = ({ name, imageUrl, altTxt, closeModal, imageCaption, imgWrapperProps }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const hasLink = Object.keys(imgWrapperProps).length;\n  const ImgWrapper = hasLink ? BlazeLink : Fragment;\n\n  return (\n    <Modal title={name} onClose={closeModal} isFullScreen>\n      <div className=\"row row--display-row\">\n        <div className=\"column column--two-thirds\">\n          <div ref={outerRef} className=\"image\">\n            {isIntersecting && (\n              <ImgWrapper {...imgWrapperProps} role={hasLink ? 'link' : ''}>\n                <ResponsiveImage src={imageUrl} alt={altTxt} sizeKey=\"lightbox\" />\n              </ImgWrapper>\n            )}\n          </div>\n        </div>\n      </div>\n      {imageCaption && (\n        <div className=\"row row--display-row\">\n          <div className=\"caption\">{imageCaption}</div>\n        </div>\n      )}\n    </Modal>\n  );\n};\n\nLightbox.propTypes = {\n  name: PropTypes.string,\n  closeModal: PropTypes.func.isRequired,\n  imgWrapperProps: PropTypes.object,\n  imageUrl: PropTypes.string,\n  imageCaption: PropTypes.string,\n  altTxt: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nLightbox.defaultProps = {\n  name: '',\n  imgWrapperProps: {},\n  modifier: '',\n  imageCaption: '',\n  altTxt: '',\n  imageUrl: ''\n};\n\nexport default Lightbox;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,oBAAoB;AACtC,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,OAAOC,SAAS,MAAM,iBAAiB;AACvC,SAASC,cAAc,QAAQ,oBAAoB;;AAEnD;AACA,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,UAAU;EAAEC,YAAY;EAAEC;AAAgB,CAAC,KAAK;EAC1F,MAAM,CAACC,cAAc,EAAEC,QAAQ,CAAC,GAAGZ,SAAS,CAACG,cAAc,CAAC;EAE5D,MAAMU,OAAO,GAAGC,MAAM,CAACC,IAAI,CAACL,eAAe,CAAC,CAACM,MAAM;EACnD,MAAMC,UAAU,GAAGJ,OAAO,GAAGX,SAAS,GAAGL,QAAQ;EAEjD,oBACED,KAAA,CAAAsB,aAAA,CAACnB,KAAK;IAACoB,KAAK,EAAEd,IAAK;IAACe,OAAO,EAAEZ,UAAW;IAACa,YAAY;EAAA,gBACnDzB,KAAA,CAAAsB,aAAA;IAAKI,SAAS,EAAC;EAAsB,gBACnC1B,KAAA,CAAAsB,aAAA;IAAKI,SAAS,EAAC;EAA2B,gBACxC1B,KAAA,CAAAsB,aAAA;IAAKK,GAAG,EAAEX,QAAS;IAACU,SAAS,EAAC;EAAO,GAClCX,cAAc,iBACbf,KAAA,CAAAsB,aAAA,CAACD,UAAU,EAAAO,QAAA,KAAKd,eAAe;IAAEe,IAAI,EAAEZ,OAAO,GAAG,MAAM,GAAG;EAAG,iBAC3DjB,KAAA,CAAAsB,aAAA,CAACjB,eAAe;IAACyB,GAAG,EAAEpB,QAAS;IAACqB,GAAG,EAAEpB,MAAO;IAACqB,OAAO,EAAC;EAAU,CAAE,CACvD,CAEX,CACF,CACF,CAAC,EACLnB,YAAY,iBACXb,KAAA,CAAAsB,aAAA;IAAKI,SAAS,EAAC;EAAsB,gBACnC1B,KAAA,CAAAsB,aAAA;IAAKI,SAAS,EAAC;EAAS,GAAEb,YAAkB,CACzC,CAEF,CAAC;AAEZ,CAAC;AAEDL,QAAQ,CAACyB,SAAS,GAAG;EACnBxB,IAAI,EAAEP,SAAS,CAACgC,MAAM;EACtBtB,UAAU,EAAEV,SAAS,CAACiC,IAAI,CAACC,UAAU;EACrCtB,eAAe,EAAEZ,SAAS,CAACmC,MAAM;EACjC3B,QAAQ,EAAER,SAAS,CAACgC,MAAM;EAC1BrB,YAAY,EAAEX,SAAS,CAACgC,MAAM;EAC9BvB,MAAM,EAAET,SAAS,CAACgC,MAAM;EACxBI,QAAQ,EAAEpC,SAAS,CAACgC;AACtB,CAAC;AAED1B,QAAQ,CAAC+B,YAAY,GAAG;EACtB9B,IAAI,EAAE,EAAE;EACRK,eAAe,EAAE,CAAC,CAAC;EACnBwB,QAAQ,EAAE,EAAE;EACZzB,YAAY,EAAE,EAAE;EAChBF,MAAM,EAAE,EAAE;EACVD,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,QAAQ"}
+{"version":3,"file":"Lightbox.js","names":["React","Fragment","PropTypes","useInView","ResponsiveImage","Modal","BlazeLink","IN_VIEW_CONFIG","Lightbox","name","imageUrl","altTxt","closeModal","imageCaption","imgWrapperProps","isIntersecting","outerRef","hasLink","Object","keys","length","ImgWrapper","createElement","title","onClose","isFullScreen","className","ref","_extends","role","src","alt","sizeKey","propTypes","string","func","isRequired","object","modifier","defaultProps"],"sources":["../../../../src/components/Image/Lightbox/Lightbox.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Modal from '../../ModalAdapter';\nimport BlazeLink from '../../BlazeLink';\nimport { IN_VIEW_CONFIG } from '../../../constants';\n\n// add for full screen modal based on blaze, and pass modifiers(lightbox)\nconst Lightbox = ({ name, imageUrl, altTxt, closeModal, imageCaption, imgWrapperProps }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const hasLink = Object.keys(imgWrapperProps).length;\n  const ImgWrapper = hasLink ? BlazeLink : Fragment;\n\n  return (\n    <Modal title={name} onClose={closeModal} isFullScreen>\n      <div className=\"row row--display-row\">\n        <div className=\"column column--two-thirds\">\n          <div ref={outerRef} className=\"image\">\n            {isIntersecting && (\n              <ImgWrapper {...imgWrapperProps} role={hasLink ? 'link' : ''}>\n                <ResponsiveImage src={imageUrl} alt={altTxt} sizeKey=\"lightbox\" />\n              </ImgWrapper>\n            )}\n          </div>\n        </div>\n      </div>\n      {imageCaption && (\n        <div className=\"row row--display-row\">\n          <div className=\"caption\">{imageCaption}</div>\n        </div>\n      )}\n    </Modal>\n  );\n};\n\nLightbox.propTypes = {\n  name: PropTypes.string,\n  closeModal: PropTypes.func.isRequired,\n  imgWrapperProps: PropTypes.object,\n  imageUrl: PropTypes.string,\n  imageCaption: PropTypes.string,\n  altTxt: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nLightbox.defaultProps = {\n  name: '',\n  imgWrapperProps: {},\n  modifier: '',\n  imageCaption: '',\n  altTxt: '',\n  imageUrl: ''\n};\n\nexport default Lightbox;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,OAAOC,KAAK,MAAM,oBAAoB;AACtC,OAAOC,SAAS,MAAM,iBAAiB;AACvC,SAASC,cAAc,QAAQ,oBAAoB;;AAEnD;AACA,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,UAAU;EAAEC,YAAY;EAAEC;AAAgB,CAAC,KAAK;EAC1F,MAAM,CAACC,cAAc,EAAEC,QAAQ,CAAC,GAAGb,SAAS,CAACI,cAAc,CAAC;EAE5D,MAAMU,OAAO,GAAGC,MAAM,CAACC,IAAI,CAACL,eAAe,CAAC,CAACM,MAAM;EACnD,MAAMC,UAAU,GAAGJ,OAAO,GAAGX,SAAS,GAAGL,QAAQ;EAEjD,oBACED,KAAA,CAAAsB,aAAA,CAACjB,KAAK;IAACkB,KAAK,EAAEd,IAAK;IAACe,OAAO,EAAEZ,UAAW;IAACa,YAAY;EAAA,gBACnDzB,KAAA,CAAAsB,aAAA;IAAKI,SAAS,EAAC;EAAsB,gBACnC1B,KAAA,CAAAsB,aAAA;IAAKI,SAAS,EAAC;EAA2B,gBACxC1B,KAAA,CAAAsB,aAAA;IAAKK,GAAG,EAAEX,QAAS;IAACU,SAAS,EAAC;EAAO,GAClCX,cAAc,iBACbf,KAAA,CAAAsB,aAAA,CAACD,UAAU,EAAAO,QAAA,KAAKd,eAAe;IAAEe,IAAI,EAAEZ,OAAO,GAAG,MAAM,GAAG;EAAG,iBAC3DjB,KAAA,CAAAsB,aAAA,CAAClB,eAAe;IAAC0B,GAAG,EAAEpB,QAAS;IAACqB,GAAG,EAAEpB,MAAO;IAACqB,OAAO,EAAC;EAAU,CAAE,CACvD,CAEX,CACF,CACF,CAAC,EACLnB,YAAY,iBACXb,KAAA,CAAAsB,aAAA;IAAKI,SAAS,EAAC;EAAsB,gBACnC1B,KAAA,CAAAsB,aAAA;IAAKI,SAAS,EAAC;EAAS,GAAEb,YAAkB,CACzC,CAEF,CAAC;AAEZ,CAAC;AAEDL,QAAQ,CAACyB,SAAS,GAAG;EACnBxB,IAAI,EAAEP,SAAS,CAACgC,MAAM;EACtBtB,UAAU,EAAEV,SAAS,CAACiC,IAAI,CAACC,UAAU;EACrCtB,eAAe,EAAEZ,SAAS,CAACmC,MAAM;EACjC3B,QAAQ,EAAER,SAAS,CAACgC,MAAM;EAC1BrB,YAAY,EAAEX,SAAS,CAACgC,MAAM;EAC9BvB,MAAM,EAAET,SAAS,CAACgC,MAAM;EACxBI,QAAQ,EAAEpC,SAAS,CAACgC;AACtB,CAAC;AAED1B,QAAQ,CAAC+B,YAAY,GAAG;EACtB9B,IAAI,EAAE,EAAE;EACRK,eAAe,EAAE,CAAC,CAAC;EACnBwB,QAAQ,EAAE,EAAE;EACZzB,YAAY,EAAE,EAAE;EAChBF,MAAM,EAAE,EAAE;EACVD,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,QAAQ"}

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

@@ -2,7 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 const _excluded = ["children", "elementTitle", "onClose"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import BlazeModal from '@blaze-react/modal';
+import BlazeModal from '../ModalAdapter';
 import { renderChildren, updateChildrensParent, hasChildren } from '../../helpers';
 const Modal = _ref => {
   let {

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","PropTypes","BlazeModal","renderChildren","updateChildrensParent","hasChildren","Modal","_ref","children","elementTitle","onClose","otherProps","_objectWithoutProperties","_excluded","parent","itemId","itemEntity","createElement","title","propTypes","func","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Modal/Modal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeModal from '@blaze-react/modal';\nimport { renderChildren, updateChildrensParent, hasChildren } from '../../helpers';\n\nconst Modal = ({ children, elementTitle, onClose, ...otherProps }) => {\n  if (!hasChildren(children)) return null;\n\n  updateChildrensParent(children, otherProps.parent.itemId, otherProps.parent.itemEntity);\n  return (\n    <BlazeModal title={elementTitle} onClose={onClose}>\n      {renderChildren(children)}\n    </BlazeModal>\n  );\n};\n\nModal.propTypes = {\n  onClose: PropTypes.func,\n  elementTitle: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nModal.defaultProps = {\n  onClose: () => {},\n  elementTitle: '',\n  children: []\n};\n\nexport default Modal;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,cAAc,EAAEC,qBAAqB,EAAEC,WAAW,QAAQ,eAAe;AAElF,MAAMC,KAAK,GAAGC,IAAA,IAAwD;EAAA,IAAvD;MAAEC,QAAQ;MAAEC,YAAY;MAAEC;IAAuB,CAAC,GAAAH,IAAA;IAAZI,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC7D,IAAI,CAACR,WAAW,CAACG,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvCJ,qBAAqB,CAACI,QAAQ,EAAEG,UAAU,CAACG,MAAM,CAACC,MAAM,EAAEJ,UAAU,CAACG,MAAM,CAACE,UAAU,CAAC;EACvF,oBACEhB,KAAA,CAAAiB,aAAA,CAACf,UAAU;IAACgB,KAAK,EAAET,YAAa;IAACC,OAAO,EAAEA;EAAQ,GAC/CP,cAAc,CAACK,QAAQ,CACd,CAAC;AAEjB,CAAC;AAEDF,KAAK,CAACa,SAAS,GAAG;EAChBT,OAAO,EAAET,SAAS,CAACmB,IAAI;EACvBX,YAAY,EAAER,SAAS,CAACoB,MAAM;EAC9Bb,QAAQ,EAAEP,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,IAAI,CAAC,EAAEvB,SAAS,CAACuB,IAAI,CAAC;AACnF,CAAC;AAEDlB,KAAK,CAACmB,YAAY,GAAG;EACnBf,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBD,YAAY,EAAE,EAAE;EAChBD,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,KAAK"}
+{"version":3,"file":"Modal.js","names":["React","PropTypes","BlazeModal","renderChildren","updateChildrensParent","hasChildren","Modal","_ref","children","elementTitle","onClose","otherProps","_objectWithoutProperties","_excluded","parent","itemId","itemEntity","createElement","title","propTypes","func","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Modal/Modal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeModal from '../ModalAdapter';\nimport { renderChildren, updateChildrensParent, hasChildren } from '../../helpers';\n\nconst Modal = ({ children, elementTitle, onClose, ...otherProps }) => {\n  if (!hasChildren(children)) return null;\n\n  updateChildrensParent(children, otherProps.parent.itemId, otherProps.parent.itemEntity);\n  return (\n    <BlazeModal title={elementTitle} onClose={onClose}>\n      {renderChildren(children)}\n    </BlazeModal>\n  );\n};\n\nModal.propTypes = {\n  onClose: PropTypes.func,\n  elementTitle: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nModal.defaultProps = {\n  onClose: () => {},\n  elementTitle: '',\n  children: []\n};\n\nexport default Modal;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,iBAAiB;AACxC,SAASC,cAAc,EAAEC,qBAAqB,EAAEC,WAAW,QAAQ,eAAe;AAElF,MAAMC,KAAK,GAAGC,IAAA,IAAwD;EAAA,IAAvD;MAAEC,QAAQ;MAAEC,YAAY;MAAEC;IAAuB,CAAC,GAAAH,IAAA;IAAZI,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC7D,IAAI,CAACR,WAAW,CAACG,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvCJ,qBAAqB,CAACI,QAAQ,EAAEG,UAAU,CAACG,MAAM,CAACC,MAAM,EAAEJ,UAAU,CAACG,MAAM,CAACE,UAAU,CAAC;EACvF,oBACEhB,KAAA,CAAAiB,aAAA,CAACf,UAAU;IAACgB,KAAK,EAAET,YAAa;IAACC,OAAO,EAAEA;EAAQ,GAC/CP,cAAc,CAACK,QAAQ,CACd,CAAC;AAEjB,CAAC;AAEDF,KAAK,CAACa,SAAS,GAAG;EAChBT,OAAO,EAAET,SAAS,CAACmB,IAAI;EACvBX,YAAY,EAAER,SAAS,CAACoB,MAAM;EAC9Bb,QAAQ,EAAEP,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,IAAI,CAAC,EAAEvB,SAAS,CAACuB,IAAI,CAAC;AACnF,CAAC;AAEDlB,KAAK,CAACmB,YAAY,GAAG;EACnBf,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBD,YAAY,EAAE,EAAE;EAChBD,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,KAAK"}

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

@@ -0,0 +1,13 @@
+import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Modal from '@blaze-react/modal';
+import ReactDOM from 'react-dom';
+import { usePortal } from '../../hooks';
+const ModalAdapter = _ref => {
+  let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  const target = usePortal();
+  return ReactDOM.createPortal( /*#__PURE__*/React.createElement(Modal, props), target);
+};
+export default ModalAdapter;
+//# sourceMappingURL=ModalAdapter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalAdapter.js","names":["React","Modal","ReactDOM","usePortal","ModalAdapter","_ref","props","_extends","_objectDestructuringEmpty","target","createPortal","createElement"],"sources":["../../../src/components/ModalAdapter/ModalAdapter.js"],"sourcesContent":["import React from 'react';\nimport Modal from '@blaze-react/modal';\nimport ReactDOM from 'react-dom';\nimport { usePortal } from '../../hooks';\n\nconst ModalAdapter = ({ ...props }) => {\n  const target = usePortal();\n\n  return ReactDOM.createPortal(<Modal {...props} />, target);\n};\n\nexport default ModalAdapter;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,oBAAoB;AACtC,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,SAAS,QAAQ,aAAa;AAEvC,MAAMC,YAAY,GAAGC,IAAA,IAAkB;EAAA,IAAZC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAH,IAAA,GAAAA,IAAA;EAC9B,MAAMI,MAAM,GAAGN,SAAS,CAAC,CAAC;EAE1B,OAAOD,QAAQ,CAACQ,YAAY,eAACV,KAAA,CAAAW,aAAA,CAACV,KAAK,EAAKK,KAAQ,CAAC,EAAEG,MAAM,CAAC;AAC5D,CAAC;AAED,eAAeL,YAAY"}

package/lib-es/components/ModalAdapter/index.js

@@ -0,0 +1,3 @@
+import ModalAdapter from './ModalAdapter';
+export default ModalAdapter;
+//# sourceMappingURL=index.js.map

package/lib-es/components/ModalAdapter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ModalAdapter"],"sources":["../../../src/components/ModalAdapter/index.js"],"sourcesContent":["import ModalAdapter from './ModalAdapter';\n\nexport default ModalAdapter;\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,gBAAgB;AAEzC,eAAeA,YAAY"}

package/lib-es/components/Video/VideoModal.js

@@ -1,7 +1,7 @@
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useState } from 'react';
-import Modal from '@blaze-react/modal';
+import Modal from '../ModalAdapter';
 import VideoRender from './VideoRender';
 const VideoModal = _ref => {
   let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));

package/lib-es/components/Video/VideoModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoModal.js","names":["React","useState","Modal","VideoRender","VideoModal","_ref","props","_extends","_objectDestructuringEmpty","displayModal","setDisplayModal","createElement","Fragment","role","onClick","placeholderOnly","autoplay","className","isFullScreen","showFooter","isSimple","onClose"],"sources":["../../../src/components/Video/VideoModal.js"],"sourcesContent":["import React, { useState } from 'react';\nimport Modal from '@blaze-react/modal';\nimport VideoRender from './VideoRender';\n\nconst VideoModal = ({ ...props }) => {\n  const [displayModal, setDisplayModal] = useState(false);\n\n  return (\n    <>\n      <div\n        role=\"button\"\n        aria-label=\"Open video\"\n        onClick={() => {\n          setDisplayModal(!displayModal);\n        }}>\n        <VideoRender placeholderOnly autoplay={false} {...props} />\n      </div>\n      {displayModal && (\n        <Modal\n          className=\"modal--video\"\n          isFullScreen\n          showFooter={false}\n          isSimple\n          onClose={() => setDisplayModal(!displayModal)}>\n          <VideoRender {...props} placeholderOnly={false} autoplay />\n        </Modal>\n      )}\n    </>\n  );\n};\n\nexport default VideoModal;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,KAAK,MAAM,oBAAoB;AACtC,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,UAAU,GAAGC,IAAA,IAAkB;EAAA,IAAZC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAH,IAAA,GAAAA,IAAA;EAC5B,MAAM,CAACI,YAAY,EAAEC,eAAe,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAEvD,oBACED,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACEZ,KAAA,CAAAW,aAAA;IACEE,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBC,OAAO,EAAEA,CAAA,KAAM;MACbJ,eAAe,CAAC,CAACD,YAAY,CAAC;IAChC;EAAE,gBACFT,KAAA,CAAAW,aAAA,CAACR,WAAW,EAAAI,QAAA;IAACQ,eAAe;IAACC,QAAQ,EAAE;EAAM,GAAKV,KAAK,CAAG,CACvD,CAAC,EACLG,YAAY,iBACXT,KAAA,CAAAW,aAAA,CAACT,KAAK;IACJe,SAAS,EAAC,cAAc;IACxBC,YAAY;IACZC,UAAU,EAAE,KAAM;IAClBC,QAAQ;IACRC,OAAO,EAAEA,CAAA,KAAMX,eAAe,CAAC,CAACD,YAAY;EAAE,gBAC9CT,KAAA,CAAAW,aAAA,CAACR,WAAW,EAAAI,QAAA,KAAKD,KAAK;IAAES,eAAe,EAAE,KAAM;IAACC,QAAQ;EAAA,EAAE,CACrD,CAET,CAAC;AAEP,CAAC;AAED,eAAeZ,UAAU"}
+{"version":3,"file":"VideoModal.js","names":["React","useState","Modal","VideoRender","VideoModal","_ref","props","_extends","_objectDestructuringEmpty","displayModal","setDisplayModal","createElement","Fragment","role","onClick","placeholderOnly","autoplay","className","isFullScreen","showFooter","isSimple","onClose"],"sources":["../../../src/components/Video/VideoModal.js"],"sourcesContent":["import React, { useState } from 'react';\nimport Modal from '../ModalAdapter';\nimport VideoRender from './VideoRender';\n\nconst VideoModal = ({ ...props }) => {\n  const [displayModal, setDisplayModal] = useState(false);\n\n  return (\n    <>\n      <div\n        role=\"button\"\n        aria-label=\"Open video\"\n        onClick={() => {\n          setDisplayModal(!displayModal);\n        }}>\n        <VideoRender placeholderOnly autoplay={false} {...props} />\n      </div>\n      {displayModal && (\n        <Modal\n          className=\"modal--video\"\n          isFullScreen\n          showFooter={false}\n          isSimple\n          onClose={() => setDisplayModal(!displayModal)}>\n          <VideoRender {...props} placeholderOnly={false} autoplay />\n        </Modal>\n      )}\n    </>\n  );\n};\n\nexport default VideoModal;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,UAAU,GAAGC,IAAA,IAAkB;EAAA,IAAZC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAH,IAAA,GAAAA,IAAA;EAC5B,MAAM,CAACI,YAAY,EAAEC,eAAe,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAEvD,oBACED,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACEZ,KAAA,CAAAW,aAAA;IACEE,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBC,OAAO,EAAEA,CAAA,KAAM;MACbJ,eAAe,CAAC,CAACD,YAAY,CAAC;IAChC;EAAE,gBACFT,KAAA,CAAAW,aAAA,CAACR,WAAW,EAAAI,QAAA;IAACQ,eAAe;IAACC,QAAQ,EAAE;EAAM,GAAKV,KAAK,CAAG,CACvD,CAAC,EACLG,YAAY,iBACXT,KAAA,CAAAW,aAAA,CAACT,KAAK;IACJe,SAAS,EAAC,cAAc;IACxBC,YAAY;IACZC,UAAU,EAAE,KAAM;IAClBC,QAAQ;IACRC,OAAO,EAAEA,CAAA,KAAMX,eAAe,CAAC,CAACD,YAAY;EAAE,gBAC9CT,KAAA,CAAAW,aAAA,CAACR,WAAW,EAAAI,QAAA,KAAKD,KAAK;IAAES,eAAe,EAAE,KAAM;IAACC,QAAQ;EAAA,EAAE,CACrD,CAET,CAAC;AAEP,CAAC;AAED,eAAeZ,UAAU"}

package/lib-es/hooks/index.js

@@ -7,4 +7,5 @@ export { default as useGetSingleEntitySchema } from './use-get-single-entity-sch
 export { default as useCheckMobileScreen } from './use-check-mobile-screen';
 export { default as useBannerInsertion } from './use-banner-insertion';
 export { default as useAppSyncEventHook } from './use-app-sync-event-hook';
+export { default as usePortal } from './use-portal';
 //# sourceMappingURL=index.js.map

package/lib-es/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","useGetEntitySchema","useGetEntitySchemasAsObj","useGetImageIdFromRelation","useGetImages","usePageBuilder","useGetSingleEntitySchema","useCheckMobileScreen","useBannerInsertion","useAppSyncEventHook"],"sources":["../../src/hooks/index.js"],"sourcesContent":["export { default as useGetEntitySchema } from './use-get-entity-schema';\nexport { default as useGetEntitySchemasAsObj } from './use-get-entity-schemas-as-obj';\nexport { default as useGetImageIdFromRelation } from './use-get-image-id-from-relation';\nexport { default as useGetImages } from './use-get-images';\nexport { default as usePageBuilder } from './use-page-builder';\nexport { default as useGetSingleEntitySchema } from './use-get-single-entity-schema';\nexport { default as useCheckMobileScreen } from './use-check-mobile-screen';\nexport { default as useBannerInsertion } from './use-banner-insertion';\nexport { default as useAppSyncEventHook } from './use-app-sync-event-hook';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAAkB,QAAQ,yBAAyB;AACvE,SAASD,OAAO,IAAIE,wBAAwB,QAAQ,iCAAiC;AACrF,SAASF,OAAO,IAAIG,yBAAyB,QAAQ,kCAAkC;AACvF,SAASH,OAAO,IAAII,YAAY,QAAQ,kBAAkB;AAC1D,SAASJ,OAAO,IAAIK,cAAc,QAAQ,oBAAoB;AAC9D,SAASL,OAAO,IAAIM,wBAAwB,QAAQ,gCAAgC;AACpF,SAASN,OAAO,IAAIO,oBAAoB,QAAQ,2BAA2B;AAC3E,SAASP,OAAO,IAAIQ,kBAAkB,QAAQ,wBAAwB;AACtE,SAASR,OAAO,IAAIS,mBAAmB,QAAQ,2BAA2B"}
+{"version":3,"file":"index.js","names":["default","useGetEntitySchema","useGetEntitySchemasAsObj","useGetImageIdFromRelation","useGetImages","usePageBuilder","useGetSingleEntitySchema","useCheckMobileScreen","useBannerInsertion","useAppSyncEventHook","usePortal"],"sources":["../../src/hooks/index.js"],"sourcesContent":["export { default as useGetEntitySchema } from './use-get-entity-schema';\nexport { default as useGetEntitySchemasAsObj } from './use-get-entity-schemas-as-obj';\nexport { default as useGetImageIdFromRelation } from './use-get-image-id-from-relation';\nexport { default as useGetImages } from './use-get-images';\nexport { default as usePageBuilder } from './use-page-builder';\nexport { default as useGetSingleEntitySchema } from './use-get-single-entity-schema';\nexport { default as useCheckMobileScreen } from './use-check-mobile-screen';\nexport { default as useBannerInsertion } from './use-banner-insertion';\nexport { default as useAppSyncEventHook } from './use-app-sync-event-hook';\nexport { default as usePortal } from './use-portal';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAAkB,QAAQ,yBAAyB;AACvE,SAASD,OAAO,IAAIE,wBAAwB,QAAQ,iCAAiC;AACrF,SAASF,OAAO,IAAIG,yBAAyB,QAAQ,kCAAkC;AACvF,SAASH,OAAO,IAAII,YAAY,QAAQ,kBAAkB;AAC1D,SAASJ,OAAO,IAAIK,cAAc,QAAQ,oBAAoB;AAC9D,SAASL,OAAO,IAAIM,wBAAwB,QAAQ,gCAAgC;AACpF,SAASN,OAAO,IAAIO,oBAAoB,QAAQ,2BAA2B;AAC3E,SAASP,OAAO,IAAIQ,kBAAkB,QAAQ,wBAAwB;AACtE,SAASR,OAAO,IAAIS,mBAAmB,QAAQ,2BAA2B;AAC1E,SAAST,OAAO,IAAIU,SAAS,QAAQ,cAAc"}

package/lib-es/hooks/use-portal.js

@@ -0,0 +1,14 @@
+import React, { useEffect } from 'react';
+function usePortal() {
+  const rootElemRef = React.useRef(document.createElement('div'));
+  useEffect(() => {
+    document.body.appendChild(rootElemRef.current);
+    const element = rootElemRef.current;
+    return function removeElement() {
+      element.remove();
+    };
+  }, []);
+  return rootElemRef.current;
+}
+export default usePortal;
+//# sourceMappingURL=use-portal.js.map

package/lib-es/hooks/use-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-portal.js","names":["React","useEffect","usePortal","rootElemRef","useRef","document","createElement","body","appendChild","current","element","removeElement","remove"],"sources":["../../src/hooks/use-portal.js"],"sourcesContent":["import React, { useEffect } from 'react';\n\nfunction usePortal() {\n  const rootElemRef = React.useRef(document.createElement('div'));\n\n  useEffect(() => {\n    document.body.appendChild(rootElemRef.current);\n\n    const element = rootElemRef.current;\n    return function removeElement() {\n      element.remove();\n    };\n  }, []);\n\n  return rootElemRef.current;\n}\n\nexport default usePortal;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,SAASA,CAAA,EAAG;EACnB,MAAMC,WAAW,GAAGH,KAAK,CAACI,MAAM,CAACC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,CAAC;EAE/DL,SAAS,CAAC,MAAM;IACdI,QAAQ,CAACE,IAAI,CAACC,WAAW,CAACL,WAAW,CAACM,OAAO,CAAC;IAE9C,MAAMC,OAAO,GAAGP,WAAW,CAACM,OAAO;IACnC,OAAO,SAASE,aAAaA,CAAA,EAAG;MAC9BD,OAAO,CAACE,MAAM,CAAC,CAAC;IAClB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOT,WAAW,CAACM,OAAO;AAC5B;AAEA,eAAeP,SAAS"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.146.0-core-styles.6",
+  "version": "0.146.0-core-styles.7",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -90,5 +90,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "3f52f398335d7b4682838c0122e7dc1407d0f813"
+  "gitHead": "b811f3e32b6d7faaaf35fad93a76a0b7bbf76468"
 }

package/src/components/Image/Lightbox/Lightbox.js

@@ -1,8 +1,8 @@
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
-import Modal from '@blaze-react/modal';
 import { useInView } from '@blaze-react/utils/lib/customHooks';
 import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
+import Modal from '../../ModalAdapter';
 import BlazeLink from '../../BlazeLink';
 import { IN_VIEW_CONFIG } from '../../../constants';
 

package/src/components/Modal/Modal.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import BlazeModal from '@blaze-react/modal';
+import BlazeModal from '../ModalAdapter';
 import { renderChildren, updateChildrensParent, hasChildren } from '../../helpers';
 
 const Modal = ({ children, elementTitle, onClose, ...otherProps }) => {

package/src/components/ModalAdapter/ModalAdapter.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import Modal from '@blaze-react/modal';
+import ReactDOM from 'react-dom';
+import { usePortal } from '../../hooks';
+
+const ModalAdapter = ({ ...props }) => {
+  const target = usePortal();
+
+  return ReactDOM.createPortal(<Modal {...props} />, target);
+};
+
+export default ModalAdapter;

package/src/components/ModalAdapter/index.js

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

package/src/components/Video/VideoModal.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import Modal from '@blaze-react/modal';
+import Modal from '../ModalAdapter';
 import VideoRender from './VideoRender';
 
 const VideoModal = ({ ...props }) => {

package/src/hooks/index.js

@@ -7,3 +7,4 @@ export { default as useGetSingleEntitySchema } from './use-get-single-entity-sch
 export { default as useCheckMobileScreen } from './use-check-mobile-screen';
 export { default as useBannerInsertion } from './use-banner-insertion';
 export { default as useAppSyncEventHook } from './use-app-sync-event-hook';
+export { default as usePortal } from './use-portal';

package/src/hooks/use-portal.js

@@ -0,0 +1,18 @@
+import React, { useEffect } from 'react';
+
+function usePortal() {
+  const rootElemRef = React.useRef(document.createElement('div'));
+
+  useEffect(() => {
+    document.body.appendChild(rootElemRef.current);
+
+    const element = rootElemRef.current;
+    return function removeElement() {
+      element.remove();
+    };
+  }, []);
+
+  return rootElemRef.current;
+}
+
+export default usePortal;

package/tests/unit/src/components/Image/Lightbox/Lightbox.test.js

@@ -10,6 +10,10 @@ jest.mock('../../../../../../src/components/Banner', () =>
   jest.fn().mockImplementation(() => <span>Banner</span>)
 );
 
+jest.mock('../../../../../../src/components/ModalAdapter', () =>
+  jest.fn().mockImplementation(({ children }) => children)
+);
+
 const mockProps = {
   imageUrl: 'some-url',
   altTxt: 'atl text',

package/tests/unit/src/components/Image/Lightbox/__snapshots__/Lightbox.test.js.snap

@@ -3,48 +3,13 @@
 exports[`LightBox component should render without throwing an error and match snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="overlay"
-  />
-  <div
-    class=" modal modal--show modal--full-screen"
+    class="row row--display-row"
   >
     <div
-      class="modal__header"
-    >
-      <div
-        class="modal__title"
-      />
-      <div
-        class="modal__close"
-        role="button"
-      >
-        <i
-          class="material-icons"
-        >
-          close
-        </i>
-      </div>
-    </div>
-    <div
-      class="modal__content"
-    >
-      <div
-        class="row row--display-row"
-      >
-        <div
-          class="column column--two-thirds"
-        >
-          <div
-            class="image"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="modal__footer"
+      class="column column--two-thirds"
     >
       <div
-        class="modal__button"
+        class="image"
       />
     </div>
   </div>

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

@@ -19,6 +19,10 @@ const props = {
   ]
 };
 
+jest.mock('../../../../../src/components/ModalAdapter', () =>
+  jest.fn().mockImplementation(({ children }) => children)
+);
+
 describe('Modal component', () => {
   it('should be defined', () => {
     expect(Modal).toBeDefined();

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

@@ -3,50 +3,15 @@
 exports[`Modal component should render without throwing an error and match snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="overlay"
-  />
+    class="child_1"
+  >
+    some stuff
+  </div>
   <div
-    class=" modal modal--show"
+    class="child_2"
+    modifier="child-modi"
   >
-    <div
-      class="modal__header"
-    >
-      <div
-        class="modal__title"
-      />
-      <div
-        class="modal__close"
-        role="button"
-      >
-        <i
-          class="material-icons"
-        >
-          close
-        </i>
-      </div>
-    </div>
-    <div
-      class="modal__content"
-    >
-      <div
-        class="child_1"
-      >
-        some stuff
-      </div>
-      <div
-        class="child_2"
-        modifier="child-modi"
-      >
-        another child
-      </div>
-    </div>
-    <div
-      class="modal__footer"
-    >
-      <div
-        class="modal__button"
-      />
-    </div>
+    another child
   </div>
 </DocumentFragment>
 `;