@twreporter/react-article-components 1.4.7-rc.4 → 1.4.8

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.4.8](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.4.8-rc.0...@twreporter/react-article-components@1.4.8) (2022-03-22)
+
+**Note:** Version bump only for package @twreporter/react-article-components
+
+
+
+
+
+## [1.4.8-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.4.7...@twreporter/react-article-components@1.4.8-rc.0) (2022-03-18)
+
+**Note:** Version bump only for package @twreporter/react-article-components
+
+
+
+
+
+## [1.4.7](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.4.7-rc.4...@twreporter/react-article-components@1.4.7) (2022-03-16)
+
+**Note:** Version bump only for package @twreporter/react-article-components
+
+
+
+
+
 ## [1.4.7-rc.4](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.4.7-rc.3...@twreporter/react-article-components@1.4.7-rc.4) (2022-03-15)
 
 

package/lib/components/article-page.js

@@ -119,7 +119,7 @@ var BodyBackground = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var BodyBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "article-page__BodyBlock",
   componentId: "sc-1wuywdb-4"
-})(["position:relative;width:100%;@media print{.hidden-print{display:none;}}", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    max-width: 1024px;\n    margin: 0 auto;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    max-width: 1440px;\n    margin: 0 auto;\n  "]))));
+})(["position:relative;width:100%;", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    max-width: 1024px;\n    margin: 0 auto;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    max-width: 1440px;\n    margin: 0 auto;\n  "]))));
 
 var DesktopAsideBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "article-page__DesktopAsideBlock",
@@ -154,7 +154,7 @@ var RelatedBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var BackgroundBlock = /*#__PURE__*/(0, _styledComponents["default"])(BorderBox).withConfig({
   displayName: "article-page__BackgroundBlock",
   componentId: "sc-1wuywdb-11"
-})(["", " ", " padding-left:10px;padding-right:10px;"], fontFamilyCss, function (props) {
+})(["", " ", " @media print{.hidden-print{display:none;}.avoid-break{break-inside:avoid;}}padding-left:10px;padding-right:10px;"], fontFamilyCss, function (props) {
   return getBackgroundBlockStyles(props.theme.name);
 });
 

package/lib/components/aside/mobile-aside.js

@@ -21,8 +21,6 @@ var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _featureFlags = _interopRequireDefault(require("../../constants/feature-flags"));
-
 var _templateObject, _templateObject2;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -183,7 +181,7 @@ var MobileAside = /*#__PURE__*/function (_React$PureComponent) {
           articleMetaForBookmark = _this$props.articleMetaForBookmark;
       var toShow = this.state.toShow;
       return /*#__PURE__*/_react["default"].createElement(Container, {
-        className: _featureFlags["default"].disableHiddenPrint ? '' : 'hidden-print',
+        className: "hidden-print",
         toShow: toShow
       }, backToTopic ? /*#__PURE__*/_react["default"].createElement(BackToTopicBtn, {
         href: backToTopic

package/lib/components/body/slideshow/index.js

@@ -491,8 +491,9 @@ var Slideshow = /*#__PURE__*/function (_PureComponent) {
 
       var desc = _.get(images, [curSlideIndex, 'description']);
 
+      var appendedClassName = className + ' avoid-break';
       return /*#__PURE__*/_react["default"].createElement(SlideshowFlexBox, {
-        className: className
+        className: appendedClassName
       }, /*#__PURE__*/_react["default"].createElement(SlidesSection, null, /*#__PURE__*/_react["default"].createElement(SlidesFlexBox, {
         translateXUint: translateXUint,
         duration: duration,

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

@@ -239,6 +239,7 @@ var Img = /*#__PURE__*/function (_React$PureComponent) {
           objectFit = _this$props2.objectFit,
           objectPosition = _this$props2.objectPosition,
           sizes = _this$props2.sizes;
+      var appendedClassName = className + ' avoid-break';
 
       var defaultImageOriginalUrl = _.get(defaultImage, 'url');
       /* Render placeholder only if no valid image is given */
@@ -246,7 +247,7 @@ var Img = /*#__PURE__*/function (_React$PureComponent) {
 
       if (!defaultImageOriginalUrl && (!imageSet || imageSet.length === 0)) {
         return /*#__PURE__*/_react["default"].createElement(ImgContainer, {
-          className: className,
+          className: appendedClassName,
           heightString: "height: 100%;"
         }, this._renderImagePlaceholder());
       }
@@ -262,7 +263,7 @@ var Img = /*#__PURE__*/function (_React$PureComponent) {
 
       var defaultImageSrc = (0, _storageUrlProcessor.replaceGCSUrlOrigin)(_.get(defaultImage, 'url'));
       return /*#__PURE__*/_react["default"].createElement(ImgContainer, {
-        className: className,
+        className: appendedClassName,
         heightString: isObjectFit ? "height: 100%;" : "padding-top: ".concat(heightWidthRatio * 100, "%;")
       }, this._renderImagePlaceholder(), /*#__PURE__*/_react["default"].createElement(ImgBox, {
         toShow: isLoaded

package/lib/components/table-of-contents/index.js

@@ -17,8 +17,6 @@ var _tableOfContents = _interopRequireDefault(require("@twreporter/react-compone
 
 var _map = _interopRequireDefault(require("lodash/map"));
 
-var _featureFlags = _interopRequireDefault(require("../../constants/feature-flags"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -141,7 +139,7 @@ var TableOfContents = /*#__PURE__*/function (_React$PureComponent) {
           manager = _this$props.manager;
       var isExpanded = this.state.isExpanded;
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: _featureFlags["default"].disableHiddenPrint ? '' : 'hidden-print',
+        className: "hidden-print",
         ref: this._ref
       }, /*#__PURE__*/_react["default"].createElement(_tableOfContents["default"].React.TableOfContents, {
         className: className,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-article-components",
-  "version": "1.4.7-rc.4",
+  "version": "1.4.8",
   "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",
@@ -39,5 +39,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "9ce40d34abef730e1f5d808161565f21dd6f9032"
+  "gitHead": "c3b7c794f5b83f5c7f0de7100e0070d449b7b325"
 }

package/lib/constants/feature-flags.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-// TODO: delete this flag after hot fix of liveblog
-var disableHiddenPrint = true;
-var _default = {
-  disableHiddenPrint: disableHiddenPrint
-};
-exports["default"] = _default;