@quintype/components 3.0.3-test-react18.0 → 3.0.3-test-react18.1

package/dist/es/components/impl/thumbor-image.js

@@ -3,11 +3,8 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); 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() { 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 React from "react";
 import emptyWebGif from 'empty-web-gif';
 import omit from '@babel/runtime/helpers/objectWithoutProperties';
@@ -16,13 +13,11 @@ import { FocusedImage } from "quintype-js";
 import { USED_PARAMS, hashString } from './image-utils';
 export function responsiveProps(props) {
   var image = new FocusedImage(props.slug, props.metadata);
-
   function generatePath(size) {
     return "//" + props.imageCDN + "/" + image.path(props.aspectRatio, Object.assign({
       w: size
     }, props.imgParams));
   }
-
   return {
     src: generatePath(props.defaultWidth),
     srcSet: props.widths ? props.widths.map(function (size) {
@@ -33,43 +28,34 @@ export function responsiveProps(props) {
 }
 export var ThumborImage = /*#__PURE__*/function (_React$Component) {
   _inherits(ThumborImage, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(ThumborImage);
-
   function ThumborImage(props, context) {
     var _this;
-
     _classCallCheck(this, ThumborImage);
-
     _this = _super.call(this, props, context);
     _this.state = {
       showImage: !_this.shouldLazyLoad()
     };
     return _this;
   }
-
   _createClass(ThumborImage, [{
     key: "shouldLazyLoad",
     value: function shouldLazyLoad() {
       if (this.props.eager === true) {
         return false;
       }
-
       if (this.context.lazyLoadEagerPredicate && this.context.lazyLoadEagerPredicate(this.props.eager)) {
         return false;
       }
-
       if (this.context.lazyLoadObserveImage && this.context.lazyLoadUnobserveImage) {
         return true;
       }
-
       return false;
     }
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var imageProps = this.state.showImage ? responsiveProps(this.props) : {
         src: emptyWebGif
       };
@@ -98,7 +84,6 @@ export var ThumborImage = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return ThumborImage;
 }(React.Component);
 ThumborImage.contextTypes = {

package/dist/es/components/infinite-scroll.js

@@ -5,35 +5,27 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); 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() { 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 React from "react";
 
-import React from "react"; // An item in the infinite scroll
-
+// An item in the infinite scroll
 var ScrollItem = /*#__PURE__*/function (_React$Component) {
   _inherits(ScrollItem, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(ScrollItem);
-
   function ScrollItem(props) {
     var _this;
-
     _classCallCheck(this, ScrollItem);
-
     _this = _super.call(this, props);
     _this.state = {
       minHeight: props.minHeight
     };
     return _this;
   }
-
   _createClass(ScrollItem, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       return /*#__PURE__*/React.createElement("div", {
         ref: function ref(node) {
           return _this2.node = node;
@@ -63,7 +55,6 @@ var ScrollItem = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this3 = this;
-
       this.props.observers.forEach(function (observer) {
         return observer && observer.observe(_this3.node);
       });
@@ -72,33 +63,24 @@ var ScrollItem = /*#__PURE__*/function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this4 = this;
-
       this.props.observers.forEach(function (observer) {
         return observer && observer.unobserve(_this4.node);
       });
     }
   }]);
-
   return ScrollItem;
 }(React.Component); // When this becomes visible, we call loadMore()
-
-
 var ScrollLoadMore = /*#__PURE__*/function (_React$Component2) {
   _inherits(ScrollLoadMore, _React$Component2);
-
   var _super2 = /*#__PURE__*/_createSuper(ScrollLoadMore);
-
   function ScrollLoadMore() {
     _classCallCheck(this, ScrollLoadMore);
-
     return _super2.apply(this, arguments);
   }
-
   _createClass(ScrollLoadMore, [{
     key: "render",
     value: function render() {
       var _this5 = this;
-
       return /*#__PURE__*/React.createElement("div", {
         ref: function ref(node) {
           return _this5.node = node;
@@ -110,7 +92,6 @@ var ScrollLoadMore = /*#__PURE__*/function (_React$Component2) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this6 = this;
-
       this.props.observers.forEach(function (observer) {
         return observer && observer.observe(_this6.node);
       });
@@ -119,27 +100,19 @@ var ScrollLoadMore = /*#__PURE__*/function (_React$Component2) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this7 = this;
-
       this.props.observers.forEach(function (observer) {
         return observer && observer.unobserve(_this7.node);
       });
     }
   }]);
-
   return ScrollLoadMore;
 }(React.Component); // Basic Infinite Scroll, toggles showing items
-
-
 var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
   _inherits(InfiniteScrollBase, _React$Component3);
-
   var _super3 = /*#__PURE__*/_createSuper(InfiniteScrollBase);
-
   function InfiniteScrollBase(props) {
     var _this8;
-
     _classCallCheck(this, InfiniteScrollBase);
-
     _this8 = _super3.call(this, props);
     var initiallyShow = props.initiallyShow || 1;
     _this8.state = {
@@ -148,7 +121,6 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
         return arr;
       }, {})
     };
-
     if (global.IntersectionObserver) {
       _this8.loadObserver = new IntersectionObserver(function (x) {
         return _this8.intersectionCallback(x);
@@ -156,10 +128,8 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
         rootMargin: props.loadMargin || "200px 0px 500px"
       });
     }
-
     return _this8;
   }
-
   _createClass(InfiniteScrollBase, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -169,7 +139,6 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
     key: "intersectionCallback",
     value: function intersectionCallback(entries) {
       var _this9 = this;
-
       var visibleComponents = this.state.visibleComponents;
       entries.forEach(function (entry) {
         // Stupid browsers like UC and Mi don't correctly support the spec
@@ -180,9 +149,7 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
             return;
           }
         }
-
         var item = entry.target.getAttribute("data-infinite-scroll");
-
         if (item == 'load-more' && entry.isIntersecting) {
           _this9.props.loadNext();
         } else {
@@ -198,7 +165,6 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
     key: "render",
     value: function render() {
       var _this10 = this;
-
       return /*#__PURE__*/React.createElement("div", null, this.props.items.map(function (data, index) {
         return /*#__PURE__*/React.createElement(ScrollItem, {
           observers: _this10.props.observers.concat([_this10.loadObserver]),
@@ -214,24 +180,16 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
       }));
     }
   }]);
-
   return InfiniteScrollBase;
 }(React.Component); // Calls a callback when an item covers bottom 20% of the screen (to change URL)
-
-
 function withFocusObserver(Component) {
   return /*#__PURE__*/function (_React$Component4) {
     _inherits(WithFocusObserver, _React$Component4);
-
     var _super4 = _createSuper(WithFocusObserver);
-
     function WithFocusObserver(props) {
       var _this11;
-
       _classCallCheck(this, WithFocusObserver);
-
       _this11 = _super4.call(this, props);
-
       if (global.IntersectionObserver) {
         _this11.focusObserver = new IntersectionObserver(function (x) {
           return _this11.focusCallback(x);
@@ -239,10 +197,8 @@ function withFocusObserver(Component) {
           rootMargin: "-".concat(100 - props.focusCallbackAt, "% 0px -").concat(props.focusCallbackAt, "%")
         });
       }
-
       return _this11;
     }
-
     _createClass(WithFocusObserver, [{
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
@@ -252,10 +208,8 @@ function withFocusObserver(Component) {
       key: "focusCallback",
       value: function focusCallback(entries) {
         var _this12 = this;
-
         entries.forEach(function (entry) {
           var item = entry.target.getAttribute("data-infinite-scroll");
-
           if (entry.isIntersecting) {
             _this12.props.onFocus(item);
           }
@@ -269,16 +223,14 @@ function withFocusObserver(Component) {
         }));
       }
     }]);
-
     return WithFocusObserver;
   }(React.Component);
 }
+
 /**
  * This component can be used to implement InfiniteScroll. This is an internal component.
  * @private
  * @category Other
  * @component
  */
-
-
 export var InfiniteScroll = /*#__PURE__*/withFocusObserver(InfiniteScrollBase);

package/dist/es/components/infinite-story-base.js

@@ -3,15 +3,13 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); 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() { 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 React from "react";
 import get from "lodash/get";
 import { InfiniteScroll } from "./infinite-scroll.js";
 import { removeDuplicateStories } from '../utils';
+
 /**
  * This component can be used to implement InfiniteScroll on the story page. You will need to specify the function which renders the story (which will recieve props.index and props.story), and functions for triggering analytics.
  *
@@ -59,17 +57,12 @@ import { removeDuplicateStories } from '../utils';
  * @component
  * @category Story Page
  */
-
 export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
   _inherits(InfiniteStoryBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(InfiniteStoryBase);
-
   function InfiniteStoryBase(props) {
     var _this;
-
     _classCallCheck(this, InfiniteStoryBase);
-
     _this = _super.call(this, props);
     _this.state = {
       moreItems: [],
@@ -79,7 +72,6 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass(InfiniteStoryBase, [{
     key: "allItems",
     value: function allItems() {
@@ -89,18 +81,14 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
     key: "onFocus",
     value: function onFocus(index) {
       var _this2 = this;
-
       var item = this.allItems()[index];
-
       if (!this.props.doNotChangeUrl) {
         var storyPath = item.story.url ? new URL(item.story.url).pathname : "/" + item.story.slug;
         var metaTitle = get(item, ['story', 'seo', 'meta-title'], item.story.headline);
         var title = get(item, ["customSeo", "title"], metaTitle);
         global.app.maybeSetUrl(storyPath, title);
       }
-
       this.props.onItemFocus && this.props.onItemFocus(item, index);
-
       if (!this.state.seenStoryIds.includes(item.story.id)) {
         this.setState({
           seenStoryIds: this.state.seenStoryIds.concat([item.story.id])
@@ -113,7 +101,6 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
     key: "loadMore",
     value: function loadMore() {
       var _this3 = this;
-
       if (this.state.loading) return;
       var pageNumber = this.state.pageNumber;
       var story = get(this.props.data, ['story'], {});
@@ -135,7 +122,6 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this4 = this;
-
       return /*#__PURE__*/React.createElement(InfiniteScroll, {
         render: this.props.render,
         items: this.allItems(),
@@ -151,6 +137,5 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return InfiniteStoryBase;
 }(React.Component);

package/dist/es/components/lazy-collection.js

@@ -4,6 +4,7 @@ import React from 'react';
 import { InfiniteScroll } from './infinite-scroll';
 import { string, object, func } from 'prop-types';
 import { StoryNotImplemented, CollectionNotImplemented, renderCollectionItem } from './impl/collection-impl';
+
 /**
  * This component can be used to render a collection, but with the components being lazy. This takes all the same options as Collection, but with a `lazyAfter` prop.
  * This Component also accepts extra props, which will be passed down to collection templates.
@@ -27,15 +28,13 @@ import { StoryNotImplemented, CollectionNotImplemented, renderCollectionItem } f
  * @category Collection Page
  * @component
  */
-
 export function LazyCollection(_ref) {
   var className = _ref.className,
-      collection = _ref.collection,
-      collectionTemplates = _ref.collectionTemplates,
-      storyTemplates = _ref.storyTemplates,
-      lazyAfter = _ref.lazyAfter,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+    collection = _ref.collection,
+    collectionTemplates = _ref.collectionTemplates,
+    storyTemplates = _ref.storyTemplates,
+    lazyAfter = _ref.lazyAfter,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement(InfiniteScroll, {
@@ -49,7 +48,8 @@ export function LazyCollection(_ref) {
     },
     initiallyShow: lazyAfter,
     neverHideItem: true,
-    showAllOnLegacyBrowser: true // No Op
+    showAllOnLegacyBrowser: true
+    // No Op
     ,
     focusCallbackAt: 20,
     onFocus: function onFocus() {}

package/dist/es/components/lazy-load-images.js

@@ -4,27 +4,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); 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() { 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 { func, string } from 'prop-types';
 import React from "react";
-
 var IntersectionObserverWrapper = /*#__PURE__*/function () {
   function IntersectionObserverWrapper(callback) {
     _classCallCheck(this, IntersectionObserverWrapper);
-
     this.observedItems = [];
     this.callback = callback;
   }
-
   _createClass(IntersectionObserverWrapper, [{
     key: "start",
     value: function start(margin) {
       var _this = this;
-
       this.observer = new global.IntersectionObserver(function (entries) {
         return _this.onObservation(entries);
       }, {
@@ -33,9 +26,8 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
       });
       this.observedItems.forEach(function (_ref) {
         var _ref2 = _slicedToArray(_ref, 2),
-            dom = _ref2[0],
-            component = _ref2[1];
-
+          dom = _ref2[0],
+          component = _ref2[1];
         return _this.observer.observe(dom);
       });
     }
@@ -43,7 +35,6 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
     key: "onObservation",
     value: function onObservation(entries) {
       var _this2 = this;
-
       entries.filter(function (entry) {
         return entry.isIntersecting === undefined || entry.isIntersecting;
       }).map(function (entry) {
@@ -52,12 +43,9 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
         var index = _this2.observedItems.findIndex(function (x) {
           return x[0] === dom;
         });
-
         if (index > -1) {
           var component = _this2.observedItems[index][1];
-
           _this2.callback(component);
-
           _this2.unregister(dom, component);
         }
       });
@@ -74,7 +62,6 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
       var index = this.observedItems.findIndex(function (x) {
         return x[0] === dom;
       });
-
       if (index > -1) {
         this.observedItems.splice(index, 1);
         this.observer && this.observer.unobserve(dom);
@@ -86,17 +73,13 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
       this.observer.disconnect();
     }
   }]);
-
   return IntersectionObserverWrapper;
 }();
-
 var StubObserverWrapper = /*#__PURE__*/function () {
   function StubObserverWrapper(callback) {
     _classCallCheck(this, StubObserverWrapper);
-
     this.callback = callback;
   }
-
   _createClass(StubObserverWrapper, [{
     key: "register",
     value: function register(dom, component) {
@@ -112,65 +95,54 @@ var StubObserverWrapper = /*#__PURE__*/function () {
     key: "disconnect",
     value: function disconnect() {}
   }]);
-
   return StubObserverWrapper;
-}();
-/**
- * This component will ensure all {@link ResponsiveImages} that are in its descendent path will be loaded async. By default, the image is loaded with an empty gif, and the image becomes visible when the image scrolls 250 from the edge of the screen.
- *
- * You can use {@link EagerLoadImages} or `eager={true}` to force the image to be eager. If `EagerLoadImages` is passed a predicate, then images that pass a matching value to `eager` will be rendered eagerly.
- *
- * Example
- * ```javascript
- * import { LazyLoadImages, EagerLoadImages } from '@quintype/components';
- *
- * function LazyLoadSecondImage() {
- *   return <div>
- *     <ResponsiveImage slug={props["eager-image-1"]} />
- *     <LazyLoadImages margin={"450px"}>
- *       <div>
- *         <UnrelatedContent/>
- *         <ResponsiveImage slug={props["lazy-image-1"]} />
- *         <ResponsiveImage slug={props["lazy-image-forced-to-be-eager"]} eager/>
- *         <ResponsiveImage slug={props["lazy-image-2"]} />
- *         <EagerLoadImages>
- *           <ResponsiveImage slug={props["lazy-image-forced-to-be-eager"]} />
- *         </EagerLoadImages>
- *         <EagerLoadImages predicate={(token) => token % 2 === 0}>
- *           <ResponsiveImage slug={props["lazy-image"]} eager={1} />
- *           <ResponsiveImage slug={props["eager-image"]} eager={2} />
- *         </EagerLoadImages>
- *       </div>
- *     </LazyLoadImages>
- *     <ResponsiveImage slug={props["eager-image-2"]} />
- *   </div>
- * }
- * ```
- * @component
- * @category Images
- */
-
-
+}(); /**
+      * This component will ensure all {@link ResponsiveImages} that are in its descendent path will be loaded async. By default, the image is loaded with an empty gif, and the image becomes visible when the image scrolls 250 from the edge of the screen.
+      *
+      * You can use {@link EagerLoadImages} or `eager={true}` to force the image to be eager. If `EagerLoadImages` is passed a predicate, then images that pass a matching value to `eager` will be rendered eagerly.
+      *
+      * Example
+      * ```javascript
+      * import { LazyLoadImages, EagerLoadImages } from '@quintype/components';
+      *
+      * function LazyLoadSecondImage() {
+      *   return <div>
+      *     <ResponsiveImage slug={props["eager-image-1"]} />
+      *     <LazyLoadImages margin={"450px"}>
+      *       <div>
+      *         <UnrelatedContent/>
+      *         <ResponsiveImage slug={props["lazy-image-1"]} />
+      *         <ResponsiveImage slug={props["lazy-image-forced-to-be-eager"]} eager/>
+      *         <ResponsiveImage slug={props["lazy-image-2"]} />
+      *         <EagerLoadImages>
+      *           <ResponsiveImage slug={props["lazy-image-forced-to-be-eager"]} />
+      *         </EagerLoadImages>
+      *         <EagerLoadImages predicate={(token) => token % 2 === 0}>
+      *           <ResponsiveImage slug={props["lazy-image"]} eager={1} />
+      *           <ResponsiveImage slug={props["eager-image"]} eager={2} />
+      *         </EagerLoadImages>
+      *       </div>
+      *     </LazyLoadImages>
+      *     <ResponsiveImage slug={props["eager-image-2"]} />
+      *   </div>
+      * }
+      * ```
+      * @component
+      * @category Images
+      */
 export var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
   _inherits(LazyLoadImages, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(LazyLoadImages);
-
   function LazyLoadImages(props) {
     var _this3;
-
     _classCallCheck(this, LazyLoadImages);
-
     _this3 = _super.call(this, props);
-
     var callback = function callback(component) {
       return component.showImage();
     };
-
     _this3.observerWrapper = global.IntersectionObserver ? new IntersectionObserverWrapper(callback) : new StubObserverWrapper(callback);
     return _this3;
   }
-
   _createClass(LazyLoadImages, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -185,7 +157,6 @@ export var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
     key: "getChildContext",
     value: function getChildContext() {
       var _this4 = this;
-
       return {
         lazyLoadObserveImage: function lazyLoadObserveImage(dom, component) {
           return dom && _this4.observerWrapper.register(dom, component);
@@ -201,7 +172,6 @@ export var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
-
   return LazyLoadImages;
 }(React.Component);
 LazyLoadImages.childContextTypes = {