@quintype/components 2.31.4-lazy-iframe.10 → 2.31.4-lazy-load.2

package/dist/cjs/index.js

@@ -2360,15 +2360,15 @@ function isLibraryLoaded() {
   return DailyMotion !== null;
 }
 
-var StoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
-  _inherits(StoryElementDailyMotion, _React$Component);
+var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
+  _inherits(CustomStoryElementDailyMotion, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$e(StoryElementDailyMotion);
+  var _super = /*#__PURE__*/_createSuper$e(CustomStoryElementDailyMotion);
 
-  function StoryElementDailyMotion(props) {
+  function CustomStoryElementDailyMotion(props) {
     var _this;
 
-    _classCallCheck(this, StoryElementDailyMotion);
+    _classCallCheck(this, CustomStoryElementDailyMotion);
 
     _this = _super.call(this, props);
 
@@ -2415,7 +2415,7 @@ var StoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(StoryElementDailyMotion, [{
+  _createClass(CustomStoryElementDailyMotion, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (!this.props.loadIframeOnClick) {
@@ -2458,13 +2458,9 @@ var StoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
           onClick: this.renderVideo,
           src: "https://www.dailymotion.com/thumbnail/video/".concat(videoId),
           alt: "daily-motion-video"
-        })), this.state.showVideo && isLibraryLoaded() && /*#__PURE__*/React__default.createElement(WithLazy, {
-          margin: "0px"
-        }, function () {
-          return /*#__PURE__*/React__default.createElement("div", {
-            className: "dailymotion-iframe-wrapper"
-          }, dailymotionIframe());
-        }));
+        })), this.state.showVideo && isLibraryLoaded() && /*#__PURE__*/React__default.createElement("div", {
+          className: "dailymotion-iframe-wrapper"
+        }, dailymotionIframe()));
       } else if (!this.props.loadIframeOnClick && isLibraryLoaded()) {
         return /*#__PURE__*/React__default.createElement(DailyMotion, {
           video: videoId,
@@ -2477,9 +2473,17 @@ var StoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 
-  return StoryElementDailyMotion;
+  return CustomStoryElementDailyMotion;
 }(React__default.Component);
 
+var StoryElementDailyMotion = function StoryElementDailyMotion(props) {
+  return /*#__PURE__*/React__default.createElement(WithLazy, {
+    margin: "0px"
+  }, function () {
+    return /*#__PURE__*/React__default.createElement(CustomStoryElementDailyMotion, props);
+  });
+};
+
 function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$f() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -2509,22 +2513,22 @@ function replaceScriptNodes(node) {
   }
 }
 
-var JSEmbed = /*#__PURE__*/function (_React$Component) {
-  _inherits(JSEmbed, _React$Component);
+var CustomJSEmbed = /*#__PURE__*/function (_React$Component) {
+  _inherits(CustomJSEmbed, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$f(JSEmbed);
+  var _super = /*#__PURE__*/_createSuper$f(CustomJSEmbed);
 
-  function JSEmbed(props) {
+  function CustomJSEmbed(props) {
     var _this;
 
-    _classCallCheck(this, JSEmbed);
+    _classCallCheck(this, CustomJSEmbed);
 
     _this = _super.call(this, props);
     _this.uniqueId = "anagh";
     return _this;
   }
 
-  _createClass(JSEmbed, [{
+  _createClass(CustomJSEmbed, [{
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(nextProps) {
       return !(this.props.id === nextProps.id && this.props.embedJS === nextProps.embedJS);
@@ -2550,22 +2554,18 @@ var JSEmbed = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      return /*#__PURE__*/React__default.createElement(WithLazy, {
-        margin: "0px"
-      }, function () {
-        return /*#__PURE__*/React__default.createElement("div", {
-          ref: function ref(jsembed) {
-            _this2.JSEmbed = jsembed;
-          },
-          dangerouslySetInnerHTML: {
-            __html: _this2.getEmbedJS()
-          }
-        });
+      return /*#__PURE__*/React__default.createElement("div", {
+        ref: function ref(jsembed) {
+          _this2.JSEmbed = jsembed;
+        },
+        dangerouslySetInnerHTML: {
+          __html: this.getEmbedJS()
+        }
       });
     }
   }]);
 
-  return JSEmbed;
+  return CustomJSEmbed;
 }(React__default.Component);
 
 function _createSuper$g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$g(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -2761,15 +2761,15 @@ function isLibraryLoaded$1() {
   return YouTube !== null;
 }
 
-var StoryElementYoutube = /*#__PURE__*/function (_React$Component) {
-  _inherits(StoryElementYoutube, _React$Component);
+var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
+  _inherits(CustomStoryElementYoutube, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper$i(StoryElementYoutube);
+  var _super = /*#__PURE__*/_createSuper$i(CustomStoryElementYoutube);
 
-  function StoryElementYoutube(props) {
+  function CustomStoryElementYoutube(props) {
     var _this;
 
-    _classCallCheck(this, StoryElementYoutube);
+    _classCallCheck(this, CustomStoryElementYoutube);
 
     _this = _super.call(this, props);
 
@@ -2847,7 +2847,7 @@ var StoryElementYoutube = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(StoryElementYoutube, [{
+  _createClass(CustomStoryElementYoutube, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (!this.props.loadIframeOnClick) {
@@ -2878,7 +2878,7 @@ var StoryElementYoutube = /*#__PURE__*/function (_React$Component) {
       if (this.props.loadIframeOnClick) {
         return /*#__PURE__*/React__default.createElement("div", {
           className: "thumbnail-wrapper"
-        }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("button", {
+        }, /*#__PURE__*/React__default.createElement("button", {
           className: "youtube-playBtn",
           onClick: this.renderVideo,
           "aria-label": "Play Video"
@@ -2887,13 +2887,9 @@ var StoryElementYoutube = /*#__PURE__*/function (_React$Component) {
           onClick: this.renderVideo,
           src: "https://img.youtube.com/vi/".concat(getYouTubeID(this.props.element.url), "/sddefault.jpg"),
           alt: "video"
-        })), this.state.showVideo && isLibraryLoaded$1() && /*#__PURE__*/React__default.createElement(WithLazy, {
-          margin: "0px"
-        }, function () {
-          return /*#__PURE__*/React__default.createElement("div", {
-            className: "youtube-iframe-wrapper"
-          }, youtubeIframe());
-        }));
+        }), this.state.showVideo && isLibraryLoaded$1() && /*#__PURE__*/React__default.createElement("div", {
+          className: "youtube-iframe-wrapper"
+        }, youtubeIframe()));
       } else if (!this.props.loadIframeOnClick && isLibraryLoaded$1()) {
         return /*#__PURE__*/React__default.createElement(YouTube, {
           videoId: getYouTubeID(this.props.element.url),
@@ -2906,9 +2902,17 @@ var StoryElementYoutube = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 
-  return StoryElementYoutube;
+  return CustomStoryElementYoutube;
 }(React__default.Component);
 
+var StoryElementYoutube = function StoryElementYoutube(props) {
+  return /*#__PURE__*/React__default.createElement(WithLazy, {
+    margin: "0px"
+  }, function () {
+    return /*#__PURE__*/React__default.createElement(CustomStoryElementYoutube, props);
+  });
+};
+
 function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -3067,12 +3071,10 @@ function StoryElementSoundCloud(_ref5) {
 }
 
 function StoryElementJsembed(_ref6) {
-  var element = _ref6.element,
-      loadEmbed = _ref6.loadEmbed;
-  return /*#__PURE__*/React__default.createElement(JSEmbed, {
+  var element = _ref6.element;
+  return /*#__PURE__*/React__default.createElement(CustomJSEmbed, {
     embedJS: element["embed-js"],
-    id: element["id"],
-    loadEmbed: loadEmbed
+    id: element["id"]
   });
 }
 

package/dist/es/components/story-element.js

@@ -177,12 +177,10 @@ function StoryElementSoundCloud(_ref5) {
 }
 
 function StoryElementJsembed(_ref6) {
-  var element = _ref6.element,
-      loadEmbed = _ref6.loadEmbed;
+  var element = _ref6.element;
   return /*#__PURE__*/React.createElement(JSEmbed, {
     embedJS: element["embed-js"],
-    id: element["id"],
-    loadEmbed: loadEmbed
+    id: element["id"]
   });
 }
 

package/dist/es/components/story-elements/dailymotion.js

@@ -36,15 +36,15 @@ function isLibraryLoaded() {
   return DailyMotion !== null;
 }
 
-var StoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
-  _inherits(StoryElementDailyMotion, _React$Component);
+var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
+  _inherits(CustomStoryElementDailyMotion, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper(StoryElementDailyMotion);
+  var _super = /*#__PURE__*/_createSuper(CustomStoryElementDailyMotion);
 
-  function StoryElementDailyMotion(props) {
+  function CustomStoryElementDailyMotion(props) {
     var _this;
 
-    _classCallCheck(this, StoryElementDailyMotion);
+    _classCallCheck(this, CustomStoryElementDailyMotion);
 
     _this = _super.call(this, props);
 
@@ -91,7 +91,7 @@ var StoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(StoryElementDailyMotion, [{
+  _createClass(CustomStoryElementDailyMotion, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (!this.props.loadIframeOnClick) {
@@ -134,13 +134,9 @@ var StoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
           onClick: this.renderVideo,
           src: "https://www.dailymotion.com/thumbnail/video/".concat(videoId),
           alt: "daily-motion-video"
-        })), this.state.showVideo && isLibraryLoaded() && /*#__PURE__*/React.createElement(WithLazy, {
-          margin: "0px"
-        }, function () {
-          return /*#__PURE__*/React.createElement("div", {
-            className: "dailymotion-iframe-wrapper"
-          }, dailymotionIframe());
-        }));
+        })), this.state.showVideo && isLibraryLoaded() && /*#__PURE__*/React.createElement("div", {
+          className: "dailymotion-iframe-wrapper"
+        }, dailymotionIframe()));
       } else if (!this.props.loadIframeOnClick && isLibraryLoaded()) {
         return /*#__PURE__*/React.createElement(DailyMotion, {
           video: videoId,
@@ -153,7 +149,15 @@ var StoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 
-  return StoryElementDailyMotion;
+  return CustomStoryElementDailyMotion;
 }(React.Component);
 
-export { StoryElementDailyMotion as default };
+var StoryElementDailyMotion = function StoryElementDailyMotion(props) {
+  return /*#__PURE__*/React.createElement(WithLazy, {
+    margin: "0px"
+  }, function () {
+    return /*#__PURE__*/React.createElement(CustomStoryElementDailyMotion, props);
+  });
+};
+
+export default StoryElementDailyMotion;

package/dist/es/components/story-elements/jsembed.js

@@ -9,8 +9,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import atob from "atob";
+import { PropTypes } from "prop-types";
 import React from "react";
-import { WithLazy } from "../with-lazy";
 
 function cloneScriptNode(node) {
   var script = document.createElement("script");
@@ -37,22 +37,22 @@ function replaceScriptNodes(node) {
   }
 }
 
-var JSEmbed = /*#__PURE__*/function (_React$Component) {
-  _inherits(JSEmbed, _React$Component);
+var CustomJSEmbed = /*#__PURE__*/function (_React$Component) {
+  _inherits(CustomJSEmbed, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper(JSEmbed);
+  var _super = /*#__PURE__*/_createSuper(CustomJSEmbed);
 
-  function JSEmbed(props) {
+  function CustomJSEmbed(props) {
     var _this;
 
-    _classCallCheck(this, JSEmbed);
+    _classCallCheck(this, CustomJSEmbed);
 
     _this = _super.call(this, props);
     _this.uniqueId = "anagh";
     return _this;
   }
 
-  _createClass(JSEmbed, [{
+  _createClass(CustomJSEmbed, [{
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(nextProps) {
       return !(this.props.id === nextProps.id && this.props.embedJS === nextProps.embedJS);
@@ -78,22 +78,18 @@ var JSEmbed = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      return /*#__PURE__*/React.createElement(WithLazy, {
-        margin: "0px"
-      }, function () {
-        return /*#__PURE__*/React.createElement("div", {
-          ref: function ref(jsembed) {
-            _this2.JSEmbed = jsembed;
-          },
-          dangerouslySetInnerHTML: {
-            __html: _this2.getEmbedJS()
-          }
-        });
+      return /*#__PURE__*/React.createElement("div", {
+        ref: function ref(jsembed) {
+          _this2.JSEmbed = jsembed;
+        },
+        dangerouslySetInnerHTML: {
+          __html: this.getEmbedJS()
+        }
       });
     }
   }]);
 
-  return JSEmbed;
+  return CustomJSEmbed;
 }(React.Component);
 
-export { JSEmbed as default };
+export { CustomJSEmbed as default };

package/dist/es/components/story-elements/youtube.js

@@ -41,15 +41,15 @@ function isLibraryLoaded() {
   return YouTube !== null;
 }
 
-var StoryElementYoutube = /*#__PURE__*/function (_React$Component) {
-  _inherits(StoryElementYoutube, _React$Component);
+var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
+  _inherits(CustomStoryElementYoutube, _React$Component);
 
-  var _super = /*#__PURE__*/_createSuper(StoryElementYoutube);
+  var _super = /*#__PURE__*/_createSuper(CustomStoryElementYoutube);
 
-  function StoryElementYoutube(props) {
+  function CustomStoryElementYoutube(props) {
     var _this;
 
-    _classCallCheck(this, StoryElementYoutube);
+    _classCallCheck(this, CustomStoryElementYoutube);
 
     _this = _super.call(this, props);
 
@@ -127,7 +127,7 @@ var StoryElementYoutube = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(StoryElementYoutube, [{
+  _createClass(CustomStoryElementYoutube, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (!this.props.loadIframeOnClick) {
@@ -158,7 +158,7 @@ var StoryElementYoutube = /*#__PURE__*/function (_React$Component) {
       if (this.props.loadIframeOnClick) {
         return /*#__PURE__*/React.createElement("div", {
           className: "thumbnail-wrapper"
-        }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+        }, /*#__PURE__*/React.createElement("button", {
           className: "youtube-playBtn",
           onClick: this.renderVideo,
           "aria-label": "Play Video"
@@ -167,13 +167,9 @@ var StoryElementYoutube = /*#__PURE__*/function (_React$Component) {
           onClick: this.renderVideo,
           src: "https://img.youtube.com/vi/".concat(getYouTubeID(this.props.element.url), "/sddefault.jpg"),
           alt: "video"
-        })), this.state.showVideo && isLibraryLoaded() && /*#__PURE__*/React.createElement(WithLazy, {
-          margin: "0px"
-        }, function () {
-          return /*#__PURE__*/React.createElement("div", {
-            className: "youtube-iframe-wrapper"
-          }, youtubeIframe());
-        }));
+        }), this.state.showVideo && isLibraryLoaded() && /*#__PURE__*/React.createElement("div", {
+          className: "youtube-iframe-wrapper"
+        }, youtubeIframe()));
       } else if (!this.props.loadIframeOnClick && isLibraryLoaded()) {
         return /*#__PURE__*/React.createElement(YouTube, {
           videoId: getYouTubeID(this.props.element.url),
@@ -186,7 +182,15 @@ var StoryElementYoutube = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 
-  return StoryElementYoutube;
+  return CustomStoryElementYoutube;
 }(React.Component);
 
-export { StoryElementYoutube as default };
+var StoryElementYoutube = function StoryElementYoutube(props) {
+  return /*#__PURE__*/React.createElement(WithLazy, {
+    margin: "0px"
+  }, function () {
+    return /*#__PURE__*/React.createElement(CustomStoryElementYoutube, props);
+  });
+};
+
+export default StoryElementYoutube;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/components",
-  "version": "2.31.4-lazy-iframe.10",
+  "version": "2.31.4-lazy-load.2",
   "description": "Components to help build Quintype Node.js apps",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",