@mjhls/mjh-framework 1.0.1066 → 1.0.1067-iframe-test

package/dist/cjs/{index-9ec837cc.js → index-50be6759.js}

@@ -35,9 +35,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
 var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 /*!
-  Copyright (c) 2017 Jed Watson.
+  Copyright (c) 2018 Jed Watson.
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames
 */
@@ -47,7 +56,7 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 
 	var hasOwn = {}.hasOwnProperty;
 
-	function classNames () {
+	function classNames() {
 		var classes = [];
 
 		for (var i = 0; i < arguments.length; i++) {
@@ -58,16 +67,22 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 
 			if (argType === 'string' || argType === 'number') {
 				classes.push(arg);
-			} else if (Array.isArray(arg) && arg.length) {
-				var inner = classNames.apply(null, arg);
-				if (inner) {
-					classes.push(inner);
+			} else if (Array.isArray(arg)) {
+				if (arg.length) {
+					var inner = classNames.apply(null, arg);
+					if (inner) {
+						classes.push(inner);
+					}
 				}
 			} else if (argType === 'object') {
-				for (var key in arg) {
-					if (hasOwn.call(arg, key) && arg[key]) {
-						classes.push(key);
+				if (arg.toString === Object.prototype.toString) {
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
 					}
+				} else {
+					classes.push(arg.toString());
 				}
 			}
 		}
@@ -86,4 +101,5 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 
 exports._extends = _extends;
 exports._objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
+exports._setPrototypeOf = _setPrototypeOf;
 exports.classnames = classnames;

package/dist/cjs/{index-4e9a219e.js → index-825c2c02.js}

@@ -4,14 +4,14 @@ var React = require('react');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var reactBootstrap = require('react-bootstrap');
 var urlFor = require('./urlFor.js');
-var index = require('./index-7435b964.js');
+var index = require('./index-d2a6ef75.js');
 var Router = require('next/router');
 var index$1 = require('./index-187c967e.js');
 var PropTypes = require('prop-types');
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 require('./Beam.js');
 var Segment = require('./Segment.js');
-var main = require('./main-ae8472f3.js');
+var main = require('./main-47be4f9f.js');
 var BlockContent = require('./BlockContent-96b44364.js');
 var _extends = require('./extends-be0d85bc.js');
 var urlForFile = require('./urlForFile-5084fc48.js');
@@ -39,7 +39,7 @@ var Col = require('react-bootstrap/Col');
 var Head = require('next/head');
 var inherits$2 = require('./inherits-e47b5342.js');
 var index_esm = require('./index.esm-d81454e7.js');
-var Figure$1 = require('react-bootstrap/Figure');
+var Figure = require('react-bootstrap/Figure');
 var OverlayTrigger = require('react-bootstrap/OverlayTrigger');
 var Tooltip = require('react-bootstrap/Tooltip');
 var Popover = require('react-bootstrap/Popover');
@@ -58,7 +58,7 @@ var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
 var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
 var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
 var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
-var Figure__default = /*#__PURE__*/_interopDefaultLegacy(Figure$1);
+var Figure__default = /*#__PURE__*/_interopDefaultLegacy(Figure);
 var OverlayTrigger__default = /*#__PURE__*/_interopDefaultLegacy(OverlayTrigger);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
@@ -2807,14 +2807,32 @@ var Media = function Media(_ref) {
 var IFrame = function IFrame(_ref) {
   var url = _ref.url,
       _ref$needSegmentSuppo = _ref.needSegmentSupport,
-      needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo;
+      needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo,
+      node = _ref.node;
 
+  console.log('node', node);
   url = Segment.getURL(url, { needSegmentSupport: needSegmentSupport });
+  // if (node.height) return null
+  // else {
   return React__default["default"].createElement(
     'div',
-    { className: 'd-block text-center mb-3' },
-    React__default["default"].createElement('iframe', { className: 'w-100 iFrame-block', src: url, allowFullScreen: true, webkitallowfullscreen: 'true', mozallowfullscreen: 'true', frameBorder: '0' })
+    null,
+    node.height ? React__default["default"].createElement(
+      'div',
+      null,
+      React__default["default"].createElement('iframe', { id: 'iframe-block', className: 'w-100 iFrame-block', src: url, allowFullScreen: true, webkitallowfullscreen: 'true', mozallowfullscreen: 'true', frameBorder: '0' })
+    ) : React__default["default"].createElement(
+      'div',
+      { className: 'd-block text-center mb-3' },
+      React__default["default"].createElement('iframe', { className: 'w-100 iFrame-block', src: url, allowFullScreen: true, webkitallowfullscreen: 'true', mozallowfullscreen: 'true', frameBorder: '0' })
+    ),
+    React__default["default"].createElement(
+      'style',
+      { jsx: 'true' },
+      '\n      #iframe-block {\n        height: ' + node.height + ' !important;\n      }\n      '
+    )
   );
+  // }
 };
 
 // https://github.com/tc39/proposal-object-values-entries
@@ -10090,17 +10108,11 @@ var LightBox = function LightBox(_ref) {
     React__default["default"].createElement(
       'style',
       { jsx: 'true' },
-      '\n        /*Eliminates padding, centers the thumbnail */\n\n        /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n        .lightbox-target {\n          position: fixed;\n          top: -100%;\n          width: 100%;\n          background: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          opacity: 0;\n          -webkit-transition: opacity 0.5s ease-in-out;\n          -moz-transition: opacity 0.5s ease-in-out;\n          -o-transition: opacity 0.5s ease-in-out;\n          transition: opacity 0.5s ease-in-out;\n          overflow: hidden;\n        }\n\n        .lightbox-target.close {\n          opacity: 0;\n        }\n\n        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n        .lightbox-target img {\n          margin: auto;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          max-height: 0%;\n          max-width: 0%;\n          border: 3px solid white;\n          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n          box-sizing: border-box;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Styles the close link, adds the slide down transition */\n\n        a.lightbox-close {\n          display: block;\n          width: 50px;\n          height: 50px;\n          box-sizing: border-box;\n          background: white;\n          color: black;\n          text-decoration: none;\n          position: absolute;\n          top: -80px;\n          right: 0;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:before {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(45deg);\n          -moz-transform: rotate(45deg);\n          -o-transform: rotate(45deg);\n          transform: rotate(45deg);\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:after {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(-45deg);\n          -moz-transform: rotate(-45deg);\n          -o-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n        }\n\n        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n        .lightbox-target.open {\n          opacity: 1;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 3000000;\n        }\n\n        .lightbox-target.open img {\n          max-height: 100%;\n          max-width: 100%;\n        }\n\n        .lightbox-target.open a.lightbox-close {\n          top: 0px;\n        }\n      '
+      '\n        /*Eliminates padding, centers the thumbnail */\n\n        /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n        .lightbox-target {\n          position: fixed;\n          top: -100%;\n          width: 100%;\n          background: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          opacity: 0;\n          -webkit-transition: opacity 0.5s ease-in-out;\n          -moz-transition: opacity 0.5s ease-in-out;\n          -o-transition: opacity 0.5s ease-in-out;\n          transition: opacity 0.5s ease-in-out;\n          overflow: hidden;\n        }\n\n        .lightbox-target.close {\n          opacity: 0;\n        }\n\n        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n        .lightbox-target img {\n          margin: auto;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          max-height: 0%;\n          max-width: 0%;\n          border: 3px solid white;\n          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n          box-sizing: border-box;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Styles the close link, adds the slide down transition */\n\n        // a.lightbox-close {\n        //   display: block;\n        //   width: 50px;\n        //   height: 50px;\n        //   box-sizing: border-box;\n        //   background: white;\n        //   color: black;\n        //   text-decoration: none;\n        //   position: absolute;\n        //   top: -80px;\n        //   right: 0;\n        //   -webkit-transition: 0.5s ease-in-out;\n        //   -moz-transition: 0.5s ease-in-out;\n        //   -o-transition: 0.5s ease-in-out;\n        //   transition: 0.5s ease-in-out;\n        // }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        // a.lightbox-close:before {\n        //   content: \'\';\n        //   display: block;\n        //   height: 30px;\n        //   width: 1px;\n        //   background: black;\n        //   position: absolute;\n        //   left: 26px;\n        //   top: 10px;\n        //   -webkit-transform: rotate(45deg);\n        //   -moz-transform: rotate(45deg);\n        //   -o-transform: rotate(45deg);\n        //   transform: rotate(45deg);\n        // }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        // a.lightbox-close:after {\n        //   content: \'\';\n        //   display: block;\n        //   height: 30px;\n        //   width: 1px;\n        //   background: black;\n        //   position: absolute;\n        //   left: 26px;\n        //   top: 10px;\n        //   -webkit-transform: rotate(-45deg);\n        //   -moz-transform: rotate(-45deg);\n        //   -o-transform: rotate(-45deg);\n        //   transform: rotate(-45deg);\n        // }\n\n        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n        .lightbox-target.open {\n          opacity: 1;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 3000000;\n        }\n\n        .lightbox-target.open img {\n          max-height: 100%;\n          max-width: 100%;\n        }\n\n        .lightbox-target.open a.lightbox-close {\n          top: 0px;\n        }\n      '
     )
   );
 };
 
-var compareProps = function compareProps(prevProps, nextProps) {
-  if (nextProps.node.asset && nextProps.node.asset._ref) {
-    return prevProps.node.asset._ref === nextProps.node.asset._ref;
-  }
-};
-
 var FigureImage$1 = React__default["default"].memo(function (_ref2) {
   var node = _ref2.node,
       client = _ref2.client,
@@ -10129,6 +10141,8 @@ var FigureImage$1 = React__default["default"].memo(function (_ref2) {
 });
 
 var FigureComponent = function FigureComponent(props) {
+  console.log('props in Figure Component', props);
+
   var _useState = React.useState(false),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       showLightbox = _useState2[0],
@@ -10140,7 +10154,7 @@ var FigureComponent = function FigureComponent(props) {
       setLightboxImgSrc = _useState4[1];
 
   if (typeof window === 'undefined') return null;
-
+  console.log('props in FigureComp', props);
   var node = props.node,
       client = props.client,
       getSerializers = props.getSerializers;
@@ -10197,6 +10211,8 @@ var FigureComponent = function FigureComponent(props) {
         link = _ref3.link,
         handleClickFigure = _ref3.handleClickFigure;
 
+    console.log('node in FImage', node);
+
     var figureImageStyle = link ? { maxWidth: '100%' } : { maxWidth: '100%', cursor: 'pointer', width: 'auto' };
     var triggerAction = main.main_42 ? 'click' : 'hover';
     var placementLocation = main.main_42 ? 'top' : infoBox[0].alignment ? infoBox[0].alignment : 'right';
@@ -10353,8 +10369,6 @@ var FigureComponent = function FigureComponent(props) {
   );
 };
 
-var Figure = React__default["default"].memo(FigureComponent, compareProps);
-
 function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   React.useEffect(function () {
     function handleClickOutside(event) {
@@ -11211,7 +11225,7 @@ var getSerializers = function getSerializers() {
       figure: function figure(_ref4) {
         var node = _ref4.node;
 
-        return React__default["default"].createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default["default"].createElement(FigureComponent, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
       },
       multifigure: function multifigure(_ref5) {
         var node = _ref5.node;
@@ -11245,7 +11259,7 @@ var getSerializers = function getSerializers() {
       iframe: function iframe(_ref10) {
         var node = _ref10.node;
 
-        return React__default["default"].createElement(IFrame, { url: node.url, needSegmentSupport: node.needSegmentSupport });
+        return React__default["default"].createElement(IFrame, { url: node.url, node: node, needSegmentSupport: node.needSegmentSupport });
       },
       video: function video(_ref11) {
         var node = _ref11.node;