lazy-react 2.0.4 → 3.0.0

package/demo/index.js.LICENSE.txt

@@ -0,0 +1,32 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/** @license React v0.20.2
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/dist/index.js

@@ -1 +1,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.LazyReact=t(require("react")):e.LazyReact=t(e.React)}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=7)}([function(t,n){t.exports=e},function(e,t,n){"use strict";(function(e){function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var u=n(0),a=(n.n(u),function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}()),c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s=function(e){var t=e.offset,n=e.top,r=e.left;return window.scrollY+window.innerHeight+t>n&&window.scrollX+window.innerWidth+t>r},l=function(e){var t=e.element.domNode,n=t.getBoundingClientRect(),r=n.top,o=n.left,i=n.right;return c({},e,{top:r,left:o,right:i})},f=function(e){function t(e){r(this,t);var n=o(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={link:"",visible:!1},n.makeItVisible=n.makeItVisible.bind(n),n}return i(t,e),a(t,[{key:"makeItVisible",value:function(){this.setState({link:this.props.link,visible:!0})}},{key:"componentDidMount",value:function(){t.addElement(this)}},{key:"componentWillUnmount",value:function(){t.removeElementFromList(this)}}]),t}(u.Component);f.elements=[],f.eventHandler=function(){0===f.elements.length?f.removeScrollHandler():!function(){for(var e=[],t=0;t<f.elements.length;t++)s(f.elements[t])&&(e.push(t),f.elements[t].element.makeItVisible());e.length>0&&(f.elements=f.elements.filter(function(t,n){return!e.includes(n)})),f.elements=f.elements.map(function(e){return l(e)}),f.isListenerAttached=window.requestAnimationFrame(f.eventHandler)}()},f.addElement=function(e){var t=e.domNode.getBoundingClientRect(),n=t.top,r=t.left,o=t.right;f.elements.push({element:e,top:n,left:r,right:o,offset:e.props.offset||100}),"function"!=typeof f.isListenerAttached&&(f.isListenerAttached=window.requestAnimationFrame(f.eventHandler))},f.removeScrollHandler=function(){window.cancelAnimationFrame(f.isListenerAttached)},f.removeElementFromList=function(e){f.elements=f.elements.filter(function(t){return t.element!==e})},f.isListenerAttached=!1,"production"===!e.NODE_ENV&&(f.propTypes={link:u.PropTypes.string.isRequired}),t.a=f}).call(t,n(6))},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var u=n(0),a=n.n(u),c=n(1),s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),f=function(e){function t(e){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return i(t,e),l(t,[{key:"render",value:function(){var e=this;return a.a.createElement("div",{className:this.props.className,style:this.style,ref:function(t){return e.domNode=t}})}},{key:"componentWillMount",value:function(){this.style=s({backgroundImage:"url("+this.state.link+")"},this.props.style)}},{key:"componentWillUpdate",value:function(e,t){this.style=s({},this.style,{backgroundImage:"url("+t.link+")"})}}]),t}(c.a);t.a=f,f.defaultProps={className:"",style:{}}},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var u=n(0),a=n.n(u),c=n(1),s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=function(e){function t(e){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return i(t,e),s(t,[{key:"render",value:function(){var e=this,t=this.state.visible?this.props.children:a.a.createElement("div",null);return a.a.createElement("div",{style:this.style,className:this.props.className,ref:function(t){return e.domNode=t}},t)}},{key:"componentWillMount",value:function(){this.style=Object.assign({},this.props.style),this.state.link||this.props.className||this.style.height||(this.style.height="300px")}}]),t}(c.a);t.a=l,l.defaultProps={style:{},className:""}},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var u=n(0),a=n.n(u),c=n(1),s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),f=function(e){function t(e){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return i(t,e),l(t,[{key:"render",value:function(){var e=this;return a.a.createElement("iframe",{height:this.props.height,scrolling:this.props.scrolling,src:this.state.link,frameBorder:this.props.frameBorder,allowTransparency:this.props.allowTransparency,allowFullScreen:this.props.allowFullScreen,style:this.style,ref:function(t){return e.domNode=t}})}},{key:"componentWillMount",value:function(){this.style=s({minWidth:"100%"},this.props.style)}}]),t}(c.a);t.a=f,f.defaultProps={height:"500",scrolling:"no",frameBorder:"no",allowTransparency:"true",allowFullScreen:"true"}},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var u=n(0),a=n.n(u),c=n(1),s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),f=function(e){function t(e){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return i(t,e),l(t,[{key:"render",value:function(){var e=this;return a.a.createElement("img",{src:this.state.link,alt:this.props.alt,style:this.style,className:this.props.className,ref:function(t){return e.domNode=t}})}},{key:"componentWillMount",value:function(){""===this.props.className&&this.props.preserveAspect===!1&&(this.style=s({minHeight:"300px",minWidth:"300px"},this.props.style))}}]),t}(c.a);t.a=f,f.defaultProps={style:{},className:"",preserveAspect:!0}},function(e,t){function n(){throw new Error("setTimeout has not been defined")}function r(){throw new Error("clearTimeout has not been defined")}function o(e){if(l===setTimeout)return setTimeout(e,0);if((l===n||!l)&&setTimeout)return l=setTimeout,setTimeout(e,0);try{return l(e,0)}catch(t){try{return l.call(null,e,0)}catch(t){return l.call(this,e,0)}}}function i(e){if(f===clearTimeout)return clearTimeout(e);if((f===r||!f)&&clearTimeout)return f=clearTimeout,clearTimeout(e);try{return f(e)}catch(t){try{return f.call(null,e)}catch(t){return f.call(this,e)}}}function u(){m&&h&&(m=!1,h.length?y=h.concat(y):b=-1,y.length&&a())}function a(){if(!m){var e=o(u);m=!0;for(var t=y.length;t;){for(h=y,y=[];++b<t;)h&&h[b].run();b=-1,t=y.length}h=null,m=!1,i(e)}}function c(e,t){this.fun=e,this.array=t}function s(){}var l,f,p=e.exports={};!function(){try{l="function"==typeof setTimeout?setTimeout:n}catch(e){l=n}try{f="function"==typeof clearTimeout?clearTimeout:r}catch(e){f=r}}();var h,y=[],m=!1,b=-1;p.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];y.push(new c(e,t)),1!==y.length||m||o(a)},c.prototype.run=function(){this.fun.apply(null,this.array)},p.title="browser",p.browser=!0,p.env={},p.argv=[],p.version="",p.versions={},p.on=s,p.addListener=s,p.once=s,p.off=s,p.removeListener=s,p.removeAllListeners=s,p.emit=s,p.binding=function(e){throw new Error("process.binding is not supported")},p.cwd=function(){return"/"},p.chdir=function(e){throw new Error("process.chdir is not supported")},p.umask=function(){return 0}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),o=n(5),i=n(4),u=n(3);n.d(t,"LazyBackgroundImage",function(){return r.a}),n.d(t,"LazyImage",function(){return o.a}),n.d(t,"LazyFrame",function(){return i.a}),n.d(t,"LazyComponent",function(){return u.a})}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.LazyReact=t(require("react")):e.LazyReact=t(e.React)}(self,(function(e){return(()=>{"use strict";var t={787:t=>{t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var l=r[e]={exports:{}};return t[e](l,l.exports,n),l.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{n.r(o),n.d(o,{LazyBackgroundImage:()=>u,LazyComponent:()=>f,LazyFrame:()=>s,LazyImage:()=>c});var e=n(787),t=n.n(e);function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function l(t,n){var o,l,a=(o=(0,e.useState)({link:"",visible:!1}),l=2,function(e){if(Array.isArray(e))return e}(o)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l=[],i=!0,a=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(a)throw o}}return l}}(o,l)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(o,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=a[0],c=a[1];function s(){c({visible:!0,link:n.link})}return(0,e.useEffect)((function(){return void 0!==t.current&&i.addElement({element:t.current,props:n,makeItVisible:s}),function(){return i.removeElementFromList({element:t.current,props:n,makeItVisible:s})}}),[]),u}var i={elements:[]};function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function u(r){var n,o,i=(0,e.useRef)(),u=l(i,r),c=(n=(0,e.useState)(Object.assign({backgroundImage:"url(".concat(u.link,")")},r.style)),o=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l=[],i=!0,a=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(a)throw o}}return l}}(n,o)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}(n,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),s=c[0],f=c[1];return(0,e.useEffect)((function(){f(Object.assign({backgroundImage:"url(".concat(u.link,")")},r.style))}),[u]),t().createElement("div",{className:r.className,style:s,ref:i})}function c(r){var n=(0,e.useRef)(),o=l(n,r);return t().createElement("img",{src:o.link,alt:r.alt,style:r.style,className:r.className,ref:n})}function s(r){var n=(0,e.useRef)(),o=l(n,r);return t().createElement("iframe",{height:r.height||"500",scrolling:r.scrolling||"no",src:o.link,frameBorder:r.frameBorder||"no",allowtransparency:r.allowTransparency||"true",allowFullScreen:r.allowFullScreen||!0,style:r.style||{},ref:n})}function f(r){var n=(0,e.useRef)(),o=l(n,r),i=t().createElement("div",{style:r.style?r.style:{heigt:"300px",width:"300px"}});return t().createElement("div",{ref:n},o.visible?r.children:i)}i.isInViewPort=function(e){var t=e.offset,r=e.top,n=e.left;return window.scrollY+window.innerHeight+t>r&&window.scrollX+window.innerWidth+t>n},i.calculateNewPosition=function(e){var t=e.element.getBoundingClientRect(),r=t.top,n=t.left,o=t.right;return Object.assign({},e,{top:r,left:n,right:o})},i.addElement=function(e){var t=e.element,r=e.props,n=e.makeItVisible,o=t.getBoundingClientRect(),l=o.top,a=o.left,u=o.right;i.elements.push({element:t,top:l,left:a,right:u,offset:r.offset||100,makeItVisible:n}),"function"!=typeof i.isListenerAttached&&(i.isListenerAttached=window.requestAnimationFrame(i.eventHandler))},i.eventHandler=function(){if(0===i.elements.length)i.removeScrollHandler();else{for(var e=[],t=0;t<i.elements.length;t++)i.isInViewPort(i.elements[t])&&(e.push(t),i.elements[t].makeItVisible());e.length>0&&(i.elements=i.elements.filter((function(t,r){return!e.includes(r)}))),i.elements=i.elements.map((function(e){return i.calculateNewPosition(e)})),i.isListenerAttached=window.requestAnimationFrame(i.eventHandler)}},i.removeScrollHandler=function(){window.cancelAnimationFrame(i.isListenerAttached)},i.removeElementFromList=function(e){i.elements=i.elements.filter((function(t){return t!==e}))},i.isListenerAttached=!1})(),o})()}));
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///dist/index.js","webpack:///webpack/bootstrap 72955e84d166bbff5def","webpack:///./src/index.js","webpack:///external {\"root\":\"React\",\"commonjs2\":\"react\",\"commonjs\":\"react\",\"amd\":\"react\"}","webpack:///./src/baseClass.js","webpack:///./src/lazyLoadBackgroundImage.js","webpack:///./src/lazyLoadFrame.js","webpack:///./src/lazyLoadImage.js","webpack:///external {\"root\":\"ReactDOM\",\"commonjs2\":\"react-dom\",\"commonjs\":\"react-dom\",\"amd\":\"react-dom\"}"],"names":["root","factory","exports","module","require","define","amd","this","__WEBPACK_EXTERNAL_MODULE_1__","__WEBPACK_EXTERNAL_MODULE_6__","modules","__webpack_require__","moduleId","installedModules","id","loaded","call","m","c","p","_interopRequireDefault","obj","__esModule","default","_lazyLoadBackgroundImage","_lazyLoadBackgroundImage2","_lazyLoadImage","_lazyLoadImage2","_lazyLoadFrame","_lazyLoadFrame2","LazyBackgroundImage","LazyImage","LazyFrame","_classCallCheck","instance","Constructor","TypeError","_possibleConstructorReturn","self","ReferenceError","_inherits","subClass","superClass","prototype","Object","create","constructor","value","enumerable","writable","configurable","setPrototypeOf","__proto__","defineProperty","_createClass","defineProperties","target","props","i","length","descriptor","key","protoProps","staticProps","_react","_reactDom","CheckIfRender","_Component","_this","getPrototypeOf","state","link","listener","bind","removeListener","isInViewPort","_this2","requestAnimationFrame","setState","offset","verticalViewPort","window","scrollY","innerHeight","top","orizzontalViewPort","scrollX","innerWidth","left","removeEventListener","element","findDOMNode","_element$getBoundingC","getBoundingClientRect","Component","propTypes","PropTypes","string","isRequired","_react2","_baseClass","_baseClass2","_CheckIfRender","style","assign","backgroundImage","createElement","className","defaultProps","width","height","scrolling","src","frameBorder","allowTransparency","allowFullScreen","alt"],"mappings":"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","file":"./dist/index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"), require(\"react-dom\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\", \"react-dom\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"LazyReact\"] = factory(require(\"react\"), require(\"react-dom\"));\n\telse\n\t\troot[\"LazyReact\"] = factory(root[\"React\"], root[\"ReactDOM\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_6__) {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"), require(\"react-dom\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\", \"react-dom\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"LazyReact\"] = factory(require(\"react\"), require(\"react-dom\"));\n\telse\n\t\troot[\"LazyReact\"] = factory(root[\"React\"], root[\"ReactDOM\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_6__) {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tvar _lazyLoadBackgroundImage = __webpack_require__(3);\n\t\n\tvar _lazyLoadBackgroundImage2 = _interopRequireDefault(_lazyLoadBackgroundImage);\n\t\n\tvar _lazyLoadImage = __webpack_require__(5);\n\t\n\tvar _lazyLoadImage2 = _interopRequireDefault(_lazyLoadImage);\n\t\n\tvar _lazyLoadFrame = __webpack_require__(4);\n\t\n\tvar _lazyLoadFrame2 = _interopRequireDefault(_lazyLoadFrame);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tmodule.exports = {\n\t\tLazyBackgroundImage: _lazyLoadBackgroundImage2.default,\n\t\tLazyImage: _lazyLoadImage2.default,\n\t\tLazyFrame: _lazyLoadFrame2.default\n\t};\n\n/***/ },\n/* 1 */\n/***/ function(module, exports) {\n\n\tmodule.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n/***/ },\n/* 2 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t\tvalue: true\n\t});\n\t\n\tvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\t\n\tvar _react = __webpack_require__(1);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _reactDom = __webpack_require__(6);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\t\n\tfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\t\n\tfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\t\n\tvar CheckIfRender = function (_Component) {\n\t\t_inherits(CheckIfRender, _Component);\n\t\n\t\tfunction CheckIfRender(props) {\n\t\t\t_classCallCheck(this, CheckIfRender);\n\t\n\t\t\t//initialize to an empty link to stop loading the resource\n\t\t\tvar _this = _possibleConstructorReturn(this, (CheckIfRender.__proto__ || Object.getPrototypeOf(CheckIfRender)).call(this, props));\n\t\n\t\t\t_this.state = {\n\t\t\t\tlink: ''\n\t\t\t};\n\t\t\t//binding everything to 'this'\n\t\t\t_this.listener = _this.listener.bind(_this);\n\t\t\t_this.removeListener = _this.removeListener.bind(_this);\n\t\t\t_this.isInViewPort = _this.isInViewPort.bind(_this);\n\t\t\treturn _this;\n\t\t}\n\t\n\t\t_createClass(CheckIfRender, [{\n\t\t\tkey: 'listener',\n\t\t\tvalue: function listener() {\n\t\t\t\tvar _this2 = this;\n\t\n\t\t\t\t//check if the element is vertically visible\n\t\t\t\trequestAnimationFrame(function () {\n\t\t\t\t\tif (_this2.isInViewPort()) {\n\t\t\t\t\t\t//if it's visible update the state with the link provided in the props\n\t\t\t\t\t\t_this2.setState({ link: _this2.props.link });\n\t\t\t\t\t\t//remove the event listener\n\t\t\t\t\t\t_this2.removeListener();\n\t\t\t\t\t} else {\n\t\t\t\t\t\trequestAnimationFrame(function () {\n\t\t\t\t\t\t\t_this2.listener();\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t}, {\n\t\t\tkey: 'isInViewPort',\n\t\t\tvalue: function isInViewPort() {\n\t\t\t\t//checks if the element is in both orizzontal and vertial viewport\n\t\t\t\tvar offset = this.props.offset || 100;\n\t\t\t\tvar verticalViewPort = window.scrollY + window.innerHeight + offset > this.state.top;\n\t\t\t\tvar orizzontalViewPort = window.scrollX + window.innerWidth + offset > this.state.left;\n\t\t\t\treturn verticalViewPort && orizzontalViewPort;\n\t\t\t}\n\t\t}, {\n\t\t\tkey: 'removeListener',\n\t\t\tvalue: function removeListener() {\n\t\t\t\twindow.removeEventListener('scroll', this.listener);\n\t\t\t}\n\t\t}, {\n\t\t\tkey: 'componentDidMount',\n\t\t\tvalue: function componentDidMount() {\n\t\t\t\tvar element = (0, _reactDom.findDOMNode)(this);\n\t\t\t\t//the distance from the pixel 0,0 and the top of the element\n\t\n\t\t\t\tvar _element$getBoundingC = element.getBoundingClientRect(),\n\t\t\t\t    top = _element$getBoundingC.top,\n\t\t\t\t    left = _element$getBoundingC.left;\n\t\n\t\t\t\tthis.setState({ top: top, left: left });\n\t\t\t\tthis.listener();\n\t\t\t\t//window.addEventListener('scroll',this.listener);\n\t\t\t}\n\t\t}, {\n\t\t\tkey: 'componentWillUnmount',\n\t\t\tvalue: function componentWillUnmount() {\n\t\t\t\tthis.removeListener();\n\t\t\t}\n\t\t}]);\n\t\n\t\treturn CheckIfRender;\n\t}(_react.Component);\n\t\n\tCheckIfRender.propTypes = {\n\t\tlink: _react.PropTypes.string.isRequired\n\t};\n\t\n\texports.default = CheckIfRender;\n\n/***/ },\n/* 3 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t\tvalue: true\n\t});\n\t\n\tvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\t\n\tvar _react = __webpack_require__(1);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _baseClass = __webpack_require__(2);\n\t\n\tvar _baseClass2 = _interopRequireDefault(_baseClass);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\t\n\tfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\t\n\tfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\t\n\tvar LazyBackgroundImage = function (_CheckIfRender) {\n\t\t_inherits(LazyBackgroundImage, _CheckIfRender);\n\t\n\t\tfunction LazyBackgroundImage(props) {\n\t\t\t_classCallCheck(this, LazyBackgroundImage);\n\t\n\t\t\treturn _possibleConstructorReturn(this, (LazyBackgroundImage.__proto__ || Object.getPrototypeOf(LazyBackgroundImage)).call(this, props));\n\t\t}\n\t\n\t\t_createClass(LazyBackgroundImage, [{\n\t\t\tkey: 'render',\n\t\t\tvalue: function render() {\n\t\t\t\tvar style = Object.assign({}, this.props.style, {\n\t\t\t\t\tbackgroundImage: 'url(' + this.state.link + ')'\n\t\t\t\t});\n\t\t\t\treturn _react2.default.createElement('div', { className: this.props.className, style: style });\n\t\t\t}\n\t\t}]);\n\t\n\t\treturn LazyBackgroundImage;\n\t}(_baseClass2.default);\n\t\n\tLazyBackgroundImage.defaultProps = {\n\t\tclassName: '',\n\t\tstyle: {}\n\t};\n\t\n\texports.default = LazyBackgroundImage;\n\n/***/ },\n/* 4 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t\tvalue: true\n\t});\n\t\n\tvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\t\n\tvar _react = __webpack_require__(1);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _baseClass = __webpack_require__(2);\n\t\n\tvar _baseClass2 = _interopRequireDefault(_baseClass);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\t\n\tfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\t\n\tfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\t\n\tvar LazyFrame = function (_CheckIfRender) {\n\t\t_inherits(LazyFrame, _CheckIfRender);\n\t\n\t\tfunction LazyFrame(props) {\n\t\t\t_classCallCheck(this, LazyFrame);\n\t\n\t\t\treturn _possibleConstructorReturn(this, (LazyFrame.__proto__ || Object.getPrototypeOf(LazyFrame)).call(this, props));\n\t\t}\n\t\n\t\t_createClass(LazyFrame, [{\n\t\t\tkey: 'render',\n\t\t\tvalue: function render() {\n\t\t\t\tvar style = Object.assign({}, {\n\t\t\t\t\twidth: '100%'\n\t\t\t\t}, this.props.style);\n\t\t\t\treturn _react2.default.createElement('iframe', { height: this.props.height,\n\t\t\t\t\tscrolling: this.props.scrolling,\n\t\t\t\t\tsrc: this.state.link,\n\t\t\t\t\tframeBorder: this.props.frameBorder,\n\t\t\t\t\tallowTransparency: this.props.allowTransparency,\n\t\t\t\t\tallowFullScreen: this.props.allowFullScreen,\n\t\t\t\t\tstyle: style });\n\t\t\t}\n\t\t}]);\n\t\n\t\treturn LazyFrame;\n\t}(_baseClass2.default);\n\t\n\tLazyFrame.defaultProps = {\n\t\theight: '500',\n\t\tscrolling: 'no',\n\t\tframeBorder: 'no',\n\t\tallowTransparency: 'true',\n\t\tallowFullScreen: 'true'\n\t};\n\t\n\texports.default = LazyFrame;\n\n/***/ },\n/* 5 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t\tvalue: true\n\t});\n\t\n\tvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\t\n\tvar _react = __webpack_require__(1);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _baseClass = __webpack_require__(2);\n\t\n\tvar _baseClass2 = _interopRequireDefault(_baseClass);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\t\n\tfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\t\n\tfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\t\n\tvar LazyImage = function (_CheckIfRender) {\n\t\t_inherits(LazyImage, _CheckIfRender);\n\t\n\t\tfunction LazyImage(props) {\n\t\t\t_classCallCheck(this, LazyImage);\n\t\n\t\t\treturn _possibleConstructorReturn(this, (LazyImage.__proto__ || Object.getPrototypeOf(LazyImage)).call(this, props));\n\t\t}\n\t\n\t\t_createClass(LazyImage, [{\n\t\t\tkey: 'render',\n\t\t\tvalue: function render() {\n\t\t\t\treturn _react2.default.createElement('img', { src: this.state.link, alt: this.props.alt, style: this.props.style });\n\t\t\t}\n\t\t}]);\n\t\n\t\treturn LazyImage;\n\t}(_baseClass2.default);\n\t\n\texports.default = LazyImage;\n\n/***/ },\n/* 6 */\n/***/ function(module, exports) {\n\n\tmodule.exports = __WEBPACK_EXTERNAL_MODULE_6__;\n\n/***/ }\n/******/ ])\n});\n;\n\n\n// WEBPACK FOOTER //\n// dist/index.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 72955e84d166bbff5def","import LazyBackgroundImage from './lazyLoadBackgroundImage'\nimport LazyImage from './lazyLoadImage'\nimport LazyFrame from './lazyLoadFrame'\n\nmodule.exports = {\n\tLazyBackgroundImage,\n\tLazyImage,\n\tLazyFrame\n}\n\n\n// WEBPACK FOOTER //\n// ./src/index.js","module.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external {\"root\":\"React\",\"commonjs2\":\"react\",\"commonjs\":\"react\",\"amd\":\"react\"}\n// module id = 1\n// module chunks = 0","import React,{Component,PropTypes} from 'react'\nimport {findDOMNode} from 'react-dom'\n\nclass CheckIfRender extends Component {\n\tconstructor(props) {\n\t\tsuper(props)\n\t\t//initialize to an empty link to stop loading the resource\n\t\tthis.state = {\n\t\t\tlink:''\n\t\t}\n\t\t//binding everything to 'this'\n\t\tthis.listener = this.listener.bind(this)\n\t\tthis.removeListener = this.removeListener.bind(this)\n\t\tthis.isInViewPort = this.isInViewPort.bind(this)\n\t}\n\tlistener() {\n\t\t//check if the element is vertically visible\n\t\trequestAnimationFrame(()=>{\n\t\t\tif(this.isInViewPort()) {\n\t\t\t\t//if it's visible update the state with the link provided in the props\n\t\t\t\tthis.setState({link:this.props.link})\n\t\t\t\t//remove the event listener\n\t\t\t\tthis.removeListener()\n\t\t\t} else {\n\t\t\t\trequestAnimationFrame(()=>{\n\t\t\t\t\tthis.listener()\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\tisInViewPort() {\n\t\t//checks if the element is in both orizzontal and vertial viewport\n\t\tlet offset = this.props.offset || 100\n\t\tlet verticalViewPort = window.scrollY + window.innerHeight + offset > this.state.top\n\t\tlet orizzontalViewPort = window.scrollX + window.innerWidth + offset > this.state.left\n\t\treturn verticalViewPort && orizzontalViewPort\n\t}\n\tremoveListener() {\n\t\twindow.removeEventListener('scroll',this.listener)\n\t}\n\tcomponentDidMount() {\n\t\tconst element = findDOMNode(this);\n\t\t//the distance from the pixel 0,0 and the top of the element\n\t\tconst {top,left} = element.getBoundingClientRect();\n\t\tthis.setState({top,left})\n\t\tthis.listener()\n\t\t//window.addEventListener('scroll',this.listener);\n\t}\n\tcomponentWillUnmount() {\n\t\tthis.removeListener()\n\t}\n}\n\nCheckIfRender.propTypes = {\n\tlink: PropTypes.string.isRequired\n}\n\nexport default CheckIfRender\n\n\n// WEBPACK FOOTER //\n// ./src/baseClass.js","import React from 'react'\nimport CheckIfRender from './baseClass'\n\nclass LazyBackgroundImage extends CheckIfRender {\n\tconstructor(props) {\n\t\tsuper(props)\n\t}\n\trender() {\n\t\tlet style = Object.assign({}, this.props.style, {\n\t\t\tbackgroundImage:`url(${this.state.link})`\n\t\t})\n\t\treturn <div className={this.props.className} style={style}></div>\n\t}\n}\n\nLazyBackgroundImage.defaultProps = {\n\tclassName:'',\n\tstyle:{}\n}\n\nexport default LazyBackgroundImage\n\n\n// WEBPACK FOOTER //\n// ./src/lazyLoadBackgroundImage.js","import React from 'react'\nimport CheckIfRender from './baseClass'\n\nclass LazyFrame extends CheckIfRender {\n\tconstructor(props) {\n\t\tsuper(props)\n\t}\n\trender() {\n\t\tlet style = Object.assign({}, {\n\t\t\twidth:'100%'\n\t\t}, this.props.style)\n\t\treturn <iframe height={this.props.height}\n\t\t\tscrolling={this.props.scrolling}\n\t\t\tsrc={this.state.link}\n\t\t\tframeBorder={this.props.frameBorder}\n\t\t\tallowTransparency={this.props.allowTransparency}\n\t\t\tallowFullScreen={this.props.allowFullScreen}\n\t\t\tstyle={style} >\n\t\t</iframe>\n\t}\n}\n\nLazyFrame.defaultProps = {\n\theight:'500',\n\tscrolling:'no',\n\tframeBorder:'no',\n\tallowTransparency:'true',\n\tallowFullScreen:'true'\n}\n\nexport default  LazyFrame\n\n\n// WEBPACK FOOTER //\n// ./src/lazyLoadFrame.js","import React from 'react'\nimport CheckIfRender from './baseClass'\n\nexport default class LazyImage extends CheckIfRender {\n\tconstructor(props) {\n\t\tsuper(props)\n\t}\n\trender(){\n\t\treturn <img src={this.state.link} alt={this.props.alt} style={this.props.style}></img>\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/lazyLoadImage.js","module.exports = __WEBPACK_EXTERNAL_MODULE_6__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external {\"root\":\"ReactDOM\",\"commonjs2\":\"react-dom\",\"commonjs\":\"react-dom\",\"amd\":\"react-dom\"}\n// module id = 6\n// module chunks = 0"],"sourceRoot":""}
+{"version":3,"file":"./dist/index.js","mappings":"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","sources":["webpack://LazyReact/webpack/universalModuleDefinition","webpack://LazyReact/external umd {\"root\":\"React\",\"commonjs2\":\"react\",\"commonjs\":\"react\",\"amd\":\"react\"}","webpack://LazyReact/webpack/bootstrap","webpack://LazyReact/webpack/runtime/compat get default export","webpack://LazyReact/webpack/runtime/define property getters","webpack://LazyReact/webpack/runtime/hasOwnProperty shorthand","webpack://LazyReact/webpack/runtime/make namespace object","webpack://LazyReact/./src/baseClass.js","webpack://LazyReact/./src/lazyLoadBackgroundImage.js","webpack://LazyReact/./src/lazyLoadImage.js","webpack://LazyReact/./src/lazyLoadFrame.js","webpack://LazyReact/./src/lazyLoadComponent.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"LazyReact\"] = factory(require(\"react\"));\n\telse\n\t\troot[\"LazyReact\"] = factory(root[\"React\"]);\n})(self, function(__WEBPACK_EXTERNAL_MODULE__787__) {\nreturn ","module.exports = __WEBPACK_EXTERNAL_MODULE__787__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { useState, useEffect } from 'react' // eslint-disable-line no-unused-vars\n\nexport default function useRenderIfInViewPort(element, props) {\n  const [state, setState] = useState({\n    link: '',\n    visible: false,\n  })\n\n  function makeItVisible() {\n    setState({\n      visible: true,\n      link: props.link,\n    })\n  }\n\n  useEffect(() => {\n    if (element.current !== undefined)\n      CheckIfRender.addElement({\n        element: element.current,\n        props,\n        makeItVisible,\n      })\n    return () =>\n      CheckIfRender.removeElementFromList({\n        element: element.current,\n        props,\n        makeItVisible,\n      })\n  }, [])\n\n  return state\n}\n\nconst CheckIfRender = {\n  elements: [],\n}\n\nCheckIfRender.isInViewPort = ({ offset, top, left }) =>\n  window.scrollY + window.innerHeight + offset > top &&\n  window.scrollX + window.innerWidth + offset > left\n\nCheckIfRender.calculateNewPosition = (elem) => {\n  const reference = elem.element\n  const { top, left, right } = reference.getBoundingClientRect()\n  return {\n    ...elem,\n    top,\n    left,\n    right,\n  }\n}\n\nCheckIfRender.addElement = function ({ element, props, makeItVisible }) {\n  //the distance from the pixel 0,0 and the top of the element\n  const { top, left, right } = element.getBoundingClientRect()\n  CheckIfRender.elements.push({\n    element,\n    top,\n    left,\n    right,\n    offset: props.offset || 100,\n    makeItVisible,\n  })\n  //check if has already been started the rAF cycle\n  if (typeof CheckIfRender.isListenerAttached !== 'function') {\n    CheckIfRender.isListenerAttached = window.requestAnimationFrame(\n      CheckIfRender.eventHandler\n    )\n  }\n}\n\nCheckIfRender.eventHandler = function () {\n  //if there is no more element to lazy load just remove the listeners/rAF\n  if (CheckIfRender.elements.length === 0) {\n    CheckIfRender.removeScrollHandler()\n  } else {\n    //save every index of elements that has been loaded\n    let savedIndexs = []\n    for (let i = 0; i < CheckIfRender.elements.length; i++) {\n      if (CheckIfRender.isInViewPort(CheckIfRender.elements[i])) {\n        savedIndexs.push(i)\n        //make the element visible\n        CheckIfRender.elements[i].makeItVisible()\n      }\n    }\n    //remove elements that has already been loaded from the list of the elements\n    if (savedIndexs.length > 0)\n      CheckIfRender.elements = CheckIfRender.elements.filter(\n        (elem, index) => !savedIndexs.includes(index)\n      )\n    //update the coordinates of the elements\n    CheckIfRender.elements = CheckIfRender.elements.map((elem) =>\n      CheckIfRender.calculateNewPosition(elem)\n    )\n    CheckIfRender.isListenerAttached = window.requestAnimationFrame(\n      CheckIfRender.eventHandler\n    )\n  }\n}\n\nCheckIfRender.removeScrollHandler = function () {\n  window.cancelAnimationFrame(CheckIfRender.isListenerAttached)\n}\n\n//When an element is unloaded remove it from the list of elements that are waiting to be lazy-loaded\nCheckIfRender.removeElementFromList = function (toRemove) {\n  CheckIfRender.elements = CheckIfRender.elements.filter(\n    (elem) => elem !== toRemove\n  )\n}\n\nCheckIfRender.isListenerAttached = false\n\nexport { CheckIfRender }\n","import React, { useState, useEffect, useRef } from 'react' // eslint-disable-line no-unused-vars\nimport useIsInViewPort from './baseClass'\n\nexport default function LazyBackgroundImage(props) {\n  const ref = useRef()\n  let isViewable = useIsInViewPort(ref, props)\n  const [style, setStyle] = useState({\n    backgroundImage: `url(${isViewable.link})`,\n    ...props.style,\n  })\n\n  useEffect(() => {\n    setStyle({\n      backgroundImage: `url(${isViewable.link})`,\n      ...props.style,\n    })\n  }, [isViewable])\n\n  return <div className={props.className} style={style} ref={ref} />\n}\n","import React, { useRef } from 'react' // eslint-disable-line no-unused-vars\nimport useIsInViewPort from './baseClass'\n\nexport default function LazyImage(props) {\n  const ref = useRef()\n  const isViewable = useIsInViewPort(ref, props)\n\n  return (\n    <img\n      src={isViewable.link}\n      alt={props.alt}\n      style={props.style}\n      className={props.className}\n      ref={ref}\n    />\n  )\n}\n","import React, { useRef } from 'react' // eslint-disable-line no-unused-vars\nimport useIsInViewPort from './baseClass'\n\nexport default function LazyFrame(props) {\n  const ref = useRef()\n  let isViewable = useIsInViewPort(ref, props)\n\n  return (\n    <iframe\n      height={props.height || '500'}\n      scrolling={props.scrolling || 'no'}\n      src={isViewable.link}\n      frameBorder={props.frameBorder || 'no'}\n      allowtransparency={props.allowTransparency || 'true'}\n      allowFullScreen={props.allowFullScreen || true}\n      style={props.style || {}}\n      ref={ref}\n    />\n  )\n}\n","import React, { useRef } from 'react' // eslint-disable-line no-unused-vars\nimport useIsInViewPort from './baseClass'\n\nexport default function LazyComponent(props) {\n  const ref = useRef()\n  let isViewable = useIsInViewPort(ref, props)\n\n  const placeHolder = (\n    <div\n      style={\n        props.style\n          ? props.style\n          : {\n              heigt: '300px',\n              width: '300px',\n            }\n      }\n    />\n  )\n\n  return (\n    <div ref={ref}>{isViewable.visible ? props.children : placeHolder}</div>\n  )\n}\n"],"names":["root","factory","exports","module","require","define","amd","self","__WEBPACK_EXTERNAL_MODULE__787__","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","useRenderIfInViewPort","element","props","useState","link","visible","state","setState","makeItVisible","useEffect","current","CheckIfRender","addElement","removeElementFromList","elements","LazyBackgroundImage","ref","useRef","isViewable","useIsInViewPort","backgroundImage","style","setStyle","className","LazyImage","src","alt","LazyFrame","height","scrolling","frameBorder","allowtransparency","allowTransparency","allowFullScreen","LazyComponent","placeHolder","heigt","width","children","isInViewPort","offset","top","left","window","scrollY","innerHeight","scrollX","innerWidth","calculateNewPosition","elem","getBoundingClientRect","right","push","isListenerAttached","requestAnimationFrame","eventHandler","length","removeScrollHandler","savedIndexs","i","filter","index","includes","map","cancelAnimationFrame","toRemove"],"sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lazy-react",
-  "version": "2.0.4",
+  "version": "3.0.0",
   "description": "components to lazy load iframes, images and images as backgrounds",
   "main": "./dist/index.js",
   "scripts": {
@@ -10,10 +10,11 @@
     "lint": "eslint src/*",
     "lint:fix": "eslint --fix src/*",
     "prettify": "prettier --write  --single-quote --no-semi ./src/*.js",
-    "precommit": "lint-staged"
+    "precommit": "lint-staged",
+    "test": "jest"
   },
   "lint-staged": {
-    "*.js": [
+    "src/*.js": [
       "prettier --write --single-quote --no-semi",
       "git add"
     ]
@@ -29,25 +30,29 @@
     "url": "https://github.com/jonathanobino/react-lazy"
   },
   "devDependencies": {
-    "babel-cli": "^6.24.1",
-    "babel-core": "^6.24.1",
-    "babel-loader": "^7.0.0",
-    "babel-plugin-transform-object-rest-spread": "^6.23.0",
-    "babel-preset-es2015": "^6.24.1",
-    "babel-preset-react": "^6.24.1",
-    "eslint": "^3.19.0",
-    "eslint-plugin-react": "^6.10.3",
-    "husky": "^0.13.3",
-    "lint-staged": "^3.4.0",
-    "prettier": "^1.2.2",
-    "webpack": "^2.4.1"
+    "@babel/core": "^7.11.6",
+    "@babel/plugin-proposal-object-rest-spread": "^7.11.0",
+    "@babel/preset-env": "^7.11.5",
+    "@babel/preset-react": "^7.10.4",
+    "@types/jest": "^27.4.0",
+    "babel-cli": "^6.26.0",
+    "babel-loader": "^8.1.0",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "eslint": "^7.10.0",
+    "eslint-plugin-react": "^7.21.3",
+    "husky": "^4.3.0",
+    "jest": "^27.5.1",
+    "lint-staged": "^10.4.0",
+    "prettier": "^2.1.2",
+    "webpack": "^5.66.0",
+    "webpack-cli": "^4.9.1"
   },
   "dependencies": {
-    "react": "^15.4.2",
-    "react-dom": "^15.4.2"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "peerDependencies": {
-    "react": "^15.4.2",
-    "react-dom": "^15.4.2"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   }
 }

package/src/baseClass.js

@@ -1,47 +1,75 @@
-import React, { Component, PropTypes } from 'react' // eslint-disable-line no-unused-vars
+import React, { useState, useEffect } from 'react' // eslint-disable-line no-unused-vars
 
-const isInViewPort = ({ offset, top, left }) =>
+export default function useRenderIfInViewPort(element, props) {
+  const [state, setState] = useState({
+    link: '',
+    visible: false,
+  })
+
+  function makeItVisible() {
+    setState({
+      visible: true,
+      link: props.link,
+    })
+  }
+
+  useEffect(() => {
+    if (element.current !== undefined)
+      CheckIfRender.addElement({
+        element: element.current,
+        props,
+        makeItVisible,
+      })
+    return () =>
+      CheckIfRender.removeElementFromList({
+        element: element.current,
+        props,
+        makeItVisible,
+      })
+  }, [])
+
+  return state
+}
+
+const CheckIfRender = {
+  elements: [],
+}
+
+CheckIfRender.isInViewPort = ({ offset, top, left }) =>
   window.scrollY + window.innerHeight + offset > top &&
   window.scrollX + window.innerWidth + offset > left
 
-const calculateNewPosition = elem => {
-  const reference = elem.element.domNode
+CheckIfRender.calculateNewPosition = (elem) => {
+  const reference = elem.element
   const { top, left, right } = reference.getBoundingClientRect()
   return {
     ...elem,
     top,
     left,
-    right
+    right,
   }
 }
 
-class CheckIfRender extends Component {
-  constructor(props) {
-    super(props)
-    //initialize to an empty link to prevent loading the resource
-    this.state = {
-      link: '',
-      visible: false
-    }
-    this.makeItVisible = this.makeItVisible.bind(this)
-  }
-  makeItVisible() {
-    this.setState({
-      link: this.props.link,
-      visible: true
-    })
-  }
-  componentDidMount() {
-    CheckIfRender.addElement(this)
-  }
-  componentWillUnmount() {
-    CheckIfRender.removeElementFromList(this)
+CheckIfRender.addElement = function ({ element, props, makeItVisible }) {
+  //the distance from the pixel 0,0 and the top of the element
+  const { top, left, right } = element.getBoundingClientRect()
+  CheckIfRender.elements.push({
+    element,
+    top,
+    left,
+    right,
+    offset: props.offset || 100,
+    makeItVisible,
+  })
+  //check if has already been started the rAF cycle
+  if (typeof CheckIfRender.isListenerAttached !== 'function') {
+    CheckIfRender.isListenerAttached = window.requestAnimationFrame(
+      CheckIfRender.eventHandler
+    )
   }
 }
 
-CheckIfRender.elements = []
-
-CheckIfRender.eventHandler = function() {
+CheckIfRender.eventHandler = function () {
   //if there is no more element to lazy load just remove the listeners/rAF
   if (CheckIfRender.elements.length === 0) {
     CheckIfRender.removeScrollHandler()
@@ -49,10 +77,10 @@ CheckIfRender.eventHandler = function() {
     //save every index of elements that has been loaded
     let savedIndexs = []
     for (let i = 0; i < CheckIfRender.elements.length; i++) {
-      if (isInViewPort(CheckIfRender.elements[i])) {
+      if (CheckIfRender.isInViewPort(CheckIfRender.elements[i])) {
         savedIndexs.push(i)
         //make the element visible
-        CheckIfRender.elements[i].element.makeItVisible()
+        CheckIfRender.elements[i].makeItVisible()
       }
     }
     //remove elements that has already been loaded from the list of the elements
@@ -61,8 +89,8 @@ CheckIfRender.eventHandler = function() {
         (elem, index) => !savedIndexs.includes(index)
       )
     //update the coordinates of the elements
-    CheckIfRender.elements = CheckIfRender.elements.map(elem =>
-      calculateNewPosition(elem)
+    CheckIfRender.elements = CheckIfRender.elements.map((elem) =>
+      CheckIfRender.calculateNewPosition(elem)
     )
     CheckIfRender.isListenerAttached = window.requestAnimationFrame(
       CheckIfRender.eventHandler
@@ -70,41 +98,17 @@ CheckIfRender.eventHandler = function() {
   }
 }
 
-CheckIfRender.addElement = function(element) {
-  //the distance from the pixel 0,0 and the top of the element
-  const { top, left, right } = element.domNode.getBoundingClientRect()
-  CheckIfRender.elements.push({
-    element,
-    top,
-    left,
-    right,
-    offset: element.props.offset || 100
-  })
-  //check if has already been started the rAF cycle
-  if (typeof CheckIfRender.isListenerAttached !== 'function') {
-    CheckIfRender.isListenerAttached = window.requestAnimationFrame(
-      CheckIfRender.eventHandler
-    )
-  }
-}
-
-CheckIfRender.removeScrollHandler = function() {
+CheckIfRender.removeScrollHandler = function () {
   window.cancelAnimationFrame(CheckIfRender.isListenerAttached)
 }
 
 //When an element is unloaded remove it from the list of elements that are waiting to be lazy-loaded
-CheckIfRender.removeElementFromList = function(toRemove) {
+CheckIfRender.removeElementFromList = function (toRemove) {
   CheckIfRender.elements = CheckIfRender.elements.filter(
-    elem => elem.element !== toRemove
+    (elem) => elem !== toRemove
   )
 }
 
 CheckIfRender.isListenerAttached = false
 
-if (!process.NODE_ENV === 'production') {
-  CheckIfRender.propTypes = {
-    link: PropTypes.string.isRequired
-  }
-}
-
-export default CheckIfRender
+export { CheckIfRender }

package/src/lazyLoadBackgroundImage.js

@@ -1,35 +1,20 @@
-import React from 'react' // eslint-disable-line no-unused-vars
-import CheckIfRender from './baseClass'
+import React, { useState, useEffect, useRef } from 'react' // eslint-disable-line no-unused-vars
+import useIsInViewPort from './baseClass'
 
-export default class LazyBackgroundImage extends CheckIfRender {
-  constructor(props) {
-    super(props)
-  }
-  render() {
-    return (
-      <div
-        className={this.props.className}
-        style={this.style}
-        ref={node => (this.domNode = node)}
-      />
-    )
-  }
-  componentWillMount() {
-    this.style = {
-      backgroundImage: `url(${this.state.link})`,
-      ...this.props.style
-    }
-  }
+export default function LazyBackgroundImage(props) {
+  const ref = useRef()
+  let isViewable = useIsInViewPort(ref, props)
+  const [style, setStyle] = useState({
+    backgroundImage: `url(${isViewable.link})`,
+    ...props.style,
+  })
 
-  componentWillUpdate(nextProps, nextState) {
-    this.style = {
-      ...this.style,
-      backgroundImage: `url(${nextState.link})`
-    }
-  }
-}
+  useEffect(() => {
+    setStyle({
+      backgroundImage: `url(${isViewable.link})`,
+      ...props.style,
+    })
+  }, [isViewable])
 
-LazyBackgroundImage.defaultProps = {
-  className: '',
-  style: {}
+  return <div className={props.className} style={style} ref={ref} />
 }

package/src/lazyLoadComponent.js

@@ -1,32 +1,24 @@
-import React from 'react' // eslint-disable-line no-unused-vars
-import CheckIfRender from './baseClass'
+import React, { useRef } from 'react' // eslint-disable-line no-unused-vars
+import useIsInViewPort from './baseClass'
 
-export default class LazyComponent extends CheckIfRender {
-  constructor(props) {
-    super(props)
-  }
-  render() {
-    let toRender = this.state.visible ? this.props.children : <div />
+export default function LazyComponent(props) {
+  const ref = useRef()
+  let isViewable = useIsInViewPort(ref, props)
 
-    return (
-      <div
-        style={this.style}
-        className={this.props.className}
-        ref={node => (this.domNode = node)}
-      >
-        {toRender}
-      </div>
-    )
-  }
+  const placeHolder = (
+    <div
+      style={
+        props.style
+          ? props.style
+          : {
+              heigt: '300px',
+              width: '300px',
+            }
+      }
+    />
+  )
 
-  componentWillMount() {
-    this.style = Object.assign({}, this.props.style)
-    if (!this.state.link && !this.props.className && !this.style.height)
-      this.style.height = '300px'
-  }
-}
-
-LazyComponent.defaultProps = {
-  style: {},
-  className: ''
+  return (
+    <div ref={ref}>{isViewable.visible ? props.children : placeHolder}</div>
+  )
 }

package/src/lazyLoadFrame.js

@@ -1,36 +1,20 @@
-import React from 'react' // eslint-disable-line no-unused-vars
-import CheckIfRender from './baseClass'
+import React, { useRef } from 'react' // eslint-disable-line no-unused-vars
+import useIsInViewPort from './baseClass'
 
-export default class LazyFrame extends CheckIfRender {
-  constructor(props) {
-    super(props)
-  }
-  render() {
-    return (
-      <iframe
-        height={this.props.height}
-        scrolling={this.props.scrolling}
-        src={this.state.link}
-        frameBorder={this.props.frameBorder}
-        allowTransparency={this.props.allowTransparency}
-        allowFullScreen={this.props.allowFullScreen}
-        style={this.style}
-        ref={node => (this.domNode = node)}
-      />
-    )
-  }
-  componentWillMount() {
-    this.style = {
-      minWidth: '100%',
-      ...this.props.style
-    }
-  }
-}
+export default function LazyFrame(props) {
+  const ref = useRef()
+  let isViewable = useIsInViewPort(ref, props)
 
-LazyFrame.defaultProps = {
-  height: '500',
-  scrolling: 'no',
-  frameBorder: 'no',
-  allowTransparency: 'true',
-  allowFullScreen: 'true'
+  return (
+    <iframe
+      height={props.height || '500'}
+      scrolling={props.scrolling || 'no'}
+      src={isViewable.link}
+      frameBorder={props.frameBorder || 'no'}
+      allowtransparency={props.allowTransparency || 'true'}
+      allowFullScreen={props.allowFullScreen || true}
+      style={props.style || {}}
+      ref={ref}
+    />
+  )
 }