@twreporter/react-article-components 1.7.0-rc.3 → 1.7.0-rc.5

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.7.0-rc.5](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.7.0-rc.4...@twreporter/react-article-components@1.7.0-rc.5) (2022-10-26)
+
+**Note:** Version bump only for package @twreporter/react-article-components
+
+
+
+
+
+# [1.7.0-rc.4](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.7.0-rc.3...@twreporter/react-article-components@1.7.0-rc.4) (2022-10-25)
+
+**Note:** Version bump only for package @twreporter/react-article-components
+
+
+
+
+
 # [1.7.0-rc.3](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.7.0-rc.2...@twreporter/react-article-components@1.7.0-rc.3) (2022-10-21)
 
 **Note:** Version bump only for package @twreporter/react-article-components

package/lib/components/img-with-placeholder/index.js

@@ -238,8 +238,7 @@ var Img = /*#__PURE__*/function (_React$PureComponent) {
           defaultImage = _this$props2.defaultImage,
           objectFit = _this$props2.objectFit,
           objectPosition = _this$props2.objectPosition,
-          sizes = _this$props2.sizes,
-          isLazyLoaded = _this$props2.isLazyLoaded;
+          sizes = _this$props2.sizes;
       var appendedClassName = className + ' avoid-break';
 
       var defaultImageOriginalUrl = _.get(defaultImage, 'url');
@@ -277,8 +276,7 @@ var Img = /*#__PURE__*/function (_React$PureComponent) {
         sizes: this._supportObjectFit ? sizes : '',
         src: defaultImageSrc,
         srcSet: this._supportObjectFit ? srcset : '',
-        hide: !this._supportObjectFit,
-        loading: isLazyLoaded ? 'lazy' : 'eager'
+        hide: !this._supportObjectFit
       }, imgProps)), this._supportObjectFit ? null : /*#__PURE__*/_react["default"].createElement(FallbackObjectFitImg, {
         url: _.get(defaultImage, 'url'),
         objectFit: objectFit,
@@ -289,8 +287,7 @@ var Img = /*#__PURE__*/function (_React$PureComponent) {
         ref: this._img,
         sizes: sizes,
         src: defaultImageSrc,
-        srcSet: srcset,
-        loading: isLazyLoaded ? 'lazy' : 'eager'
+        srcSet: srcset
       }, imgProps))));
     }
   }]);
@@ -316,8 +313,7 @@ _defineProperty(Img, "propTypes", {
   imageSet: _propTypes["default"].arrayOf(_imgWithPlaceholder["default"].imagePropType),
   objectFit: _propTypes["default"].oneOf([objectFitConsts.cover, objectFitConsts.contain]),
   objectPosition: _propTypes["default"].string,
-  sizes: _propTypes["default"].string.isRequired,
-  isLazyLoaded: _propTypes["default"].bool
+  sizes: _propTypes["default"].string.isRequired
 });
 
 _defineProperty(Img, "defaultProps", {
@@ -329,6 +325,5 @@ _defineProperty(Img, "defaultProps", {
   imgProps: {},
   placeholderNoBlur: false,
   noImgPlaceholder: false,
-  sizes: '',
-  isLazyLoaded: true
+  sizes: ''
 });

package/lib/components/leading/fullscreen.js

@@ -147,8 +147,7 @@ var FullScreenLeading = /*#__PURE__*/function (_React$PureComponent) {
         defaultImage: poster.mobile,
         objectFit: "cover",
         objectPostion: "center center",
-        sizes: "(max-width: 800px) 800px, (max-width: 1200px) 1200px, 2000px",
-        isLazyLoaded: false
+        sizes: "(max-width: 800px) 800px, (max-width: 1200px) 1200px, 2000px"
       }));
 
       if (!this.isEmptyPortraitPoster(portraitPoster)) {
@@ -158,8 +157,7 @@ var FullScreenLeading = /*#__PURE__*/function (_React$PureComponent) {
           imageSet: [portraitPoster.mobile],
           defaultImage: portraitPoster.mobile,
           objectFit: "cover",
-          objectPostion: "center center",
-          isLazyLoaded: false
+          objectPostion: "center center"
         })));
       }
 

package/lib/components/leading/normal.js

@@ -163,8 +163,7 @@ var NormalLeading = /*#__PURE__*/function (_React$PureComponent) {
         imgPlaceholderSrc: _.get(poster, 'tiny.url', ''),
         imageSet: [poster.mobile, poster.tablet, poster.desktop],
         defaultImage: poster.mobile,
-        sizes: "(max-width: 800px) 800px, (max-width: 1200px) 1200px, 2000px",
-        isLazyLoaded: false
+        sizes: "(max-width: 800px) 800px, (max-width: 1200px) 1200px, 2000px"
       }), figureCaption ? /*#__PURE__*/_react["default"].createElement(FigCaption, null, figureCaption) : null)));
     }
   }]);

package/lib/components/leading/pink.js

@@ -157,8 +157,7 @@ var LeadingBlock = /*#__PURE__*/function (_PureComponent) {
         defaultImage: poster.mobile,
         objectFit: "cover",
         objectPostion: "center center",
-        sizes: "(max-width: 800px) 800px, (max-width: 1200px) 1200px, 2000px",
-        isLazyLoaded: false
+        sizes: "(max-width: 800px) 800px, (max-width: 1200px) 1200px, 2000px"
       }))));
     }
   }]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-article-components",
-  "version": "1.7.0-rc.3",
+  "version": "1.7.0-rc.5",
   "description": "The Reporter react article components, which are used in article page",
   "main": "lib/components/article-page.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
@@ -25,9 +25,9 @@
   },
   "dependencies": {
     "@twreporter/core": "^1.7.0-rc.3",
-    "@twreporter/react-components": "^8.14.0-rc.1",
+    "@twreporter/react-components": "^8.14.0-rc.2",
     "@twreporter/redux": "^7.4.0-rc.3",
-    "@twreporter/universal-header": "^2.3.0-rc.1",
+    "@twreporter/universal-header": "^2.3.0-rc.2",
     "howler": "^2.2.3",
     "lodash": "^4.17.11",
     "memoize-one": "^5.0.5",
@@ -40,5 +40,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "e2f78f6541c0b728f05a9ba77b056db35aee7a6e"
+  "gitHead": "106b538158beb11beb359cc901e6dc6649b0bcc8"
 }