@twreporter/react-article-components 2.1.0-rc.0 → 2.1.0-rc.2

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-rc.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@2.1.0-rc.1...@twreporter/react-article-components@2.1.0-rc.2) (2024-05-28)
+
+
+### Bug Fixes
+
+* add clickable prop for image ([fcf3d6c](https://github.com/twreporter/twreporter-npm-packages/commit/fcf3d6c5ba152936f24ee8eb33745f856b22bf0f))
+
+
+
+
+
+# [2.1.0-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@2.1.0-rc.0...@twreporter/react-article-components@2.1.0-rc.1) (2024-05-28)
+
+
+### Bug Fixes
+
+* src => lib ([16f42fd](https://github.com/twreporter/twreporter-npm-packages/commit/16f42fd5ce8c0db9014df27bd18d2009714a6e68))
+
+
+
+
+
 # [2.1.0-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@2.0.0...@twreporter/react-article-components@2.1.0-rc.0) (2024-05-27)
 
 

package/lib/components/body/image.js

@@ -92,7 +92,8 @@ var Image = /*#__PURE__*/function (_PureComponent) {
         alt: alt,
         imgProps: imgProps,
         imageSet: [image.mobile, image.tablet, image.desktop, image.tiny],
-        defaultImage: image.mobile
+        defaultImage: image.mobile,
+        clickable: true
         /* TODO: add sizes */
 
       }), caption ? /*#__PURE__*/_react["default"].createElement(Caption, {

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

@@ -23,7 +23,7 @@ var _icon = require("@twreporter/react-components/lib/icon");
 
 var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
 
-var _zIndex = _interopRequireDefault(require("@twreporter/core/src/constants/z-index"));
+var _zIndex = _interopRequireDefault(require("@twreporter/core/lib/constants/z-index"));
 
 var _image = require("../../utils/image");
 
@@ -273,10 +273,13 @@ var Img = /*#__PURE__*/function (_React$PureComponent) {
           defaultImage = _this$props2.defaultImage,
           objectFit = _this$props2.objectFit,
           objectPosition = _this$props2.objectPosition,
-          sizes = _this$props2.sizes;
+          sizes = _this$props2.sizes,
+          clickable = _this$props2.clickable;
       var releaseBranch = (this === null || this === void 0 ? void 0 : (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.releaseBranch) || _releaseBranch["default"].release;
 
       var openFullScreen = function openFullScreen() {
+        if (!clickable) return;
+
         _this3.setState({
           showFullScreenImg: true
         });
@@ -379,7 +382,8 @@ _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
+  sizes: _propTypes["default"].string.isRequired,
+  clickable: _propTypes["default"].bool
 });
 
 _defineProperty(Img, "defaultProps", {
@@ -391,5 +395,6 @@ _defineProperty(Img, "defaultProps", {
   imgProps: {},
   placeholderNoBlur: false,
   noImgPlaceholder: false,
-  sizes: ''
+  sizes: '',
+  clickable: false
 });

package/lib/components/leading/fullscreen.js

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

package/lib/components/leading/normal.js

@@ -168,7 +168,8 @@ 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"
+        sizes: "(max-width: 800px) 800px, (max-width: 1200px) 1200px, 2000px",
+        clickable: true
       }), figureCaption ? /*#__PURE__*/_react["default"].createElement(FigCaption, null, figureCaption) : null)));
     }
   }]);

package/lib/components/leading/pink.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-article-components",
-  "version": "2.1.0-rc.0",
+  "version": "2.1.0-rc.2",
   "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",
@@ -41,5 +41,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "7e9bb7b3ac2991d660649e25e99982adae6f0f52"
+  "gitHead": "9c4e9f08523a0746274ea6ea14e2398bdf8101b6"
 }