@twreporter/react-article-components 2.7.1 → 2.8.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/lib/components/leading/embedded.js +3 -2
  2. package/lib/components/leading/fullscreen.js +3 -2
  3. package/lib/components/leading/normal.js +3 -2
  4. package/lib/components/leading/pink.js +3 -2
  5. package/lib/constants/prop-types/leading.js +2 -1
  6. package/lib/managers/layout-manager.js +2 -1
  7. package/package.json +2 -2
package/lib/components/leading/embedded.js CHANGED
@@ -84,7 +84,8 @@ var Embedded = function Embedded(_ref) {
84
84
  topicHref = _ref.topicHref,
85
85
  shortTitle = _ref.shortTitle,
86
86
  isTopicPublished = _ref.isTopicPublished,
87
- embedded = _ref.embedded;
87
+ embedded = _ref.embedded,
88
+ isHideTitleBlock = _ref.isHideTitleBlock;
88
89
  var navigate = (0, _reactRouterDom.useHistory)();
89
90
  var _useState = (0, _react.useState)(''),
90
91
  _useState2 = _slicedToArray(_useState, 2),
@@ -131,7 +132,7 @@ var Embedded = function Embedded(_ref) {
131
132
  data: embeddedCode,
132
133
  showCaption: !captionText,
133
134
  handleFinishLoaded: handleFinishLoaded
134
- })) : null, /*#__PURE__*/_react["default"].createElement(ContentBlock, null, /*#__PURE__*/_react["default"].createElement(TitleBlock, null, isTopicPublished && shortTitle ? /*#__PURE__*/_react["default"].createElement(TopicTitle, {
135
+ })) : null, /*#__PURE__*/_react["default"].createElement(ContentBlock, null, isHideTitleBlock ? null : /*#__PURE__*/_react["default"].createElement(TitleBlock, null, isTopicPublished && shortTitle ? /*#__PURE__*/_react["default"].createElement(TopicTitle, {
135
136
  onClick: onTopicClick
136
137
  }, /*#__PURE__*/_react["default"].createElement(_paragraph.P2, {
137
138
  text: shortTitle,
package/lib/components/leading/fullscreen.js CHANGED
@@ -101,7 +101,8 @@ var FullScreenLeading = exports["default"] = /*#__PURE__*/function (_React$PureC
101
101
  title = _this$props.title,
102
102
  topicHref = _this$props.topicHref,
103
103
  shortTitle = _this$props.shortTitle,
104
- isTopicPublished = _this$props.isTopicPublished;
104
+ isTopicPublished = _this$props.isTopicPublished,
105
+ isHideTitleBlock = _this$props.isHideTitleBlock;
105
106
  var portraitPosterJSX = null;
106
107
  var posterJSX = /*#__PURE__*/_react["default"].createElement(FigureBlock, null, /*#__PURE__*/_react["default"].createElement(_imgWithPlaceholder["default"], {
107
108
  className: "leading-image",
@@ -125,7 +126,7 @@ var FullScreenLeading = exports["default"] = /*#__PURE__*/function (_React$PureC
125
126
  alt: portraitPoster.alt
126
127
  })));
127
128
  }
128
- return /*#__PURE__*/_react["default"].createElement(FullScreenBlock, null, portraitPosterJSX ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, portraitPosterJSX, /*#__PURE__*/_react["default"].createElement(DisplayOnLandscape, null, posterJSX)) : posterJSX, /*#__PURE__*/_react["default"].createElement(FigureOverlayMask, null), /*#__PURE__*/_react["default"].createElement(TextBlock, null, isTopicPublished && shortTitle ? /*#__PURE__*/_react["default"].createElement(_dynamicComponentsContext["default"].Consumer, null, function (components) {
129
+ return /*#__PURE__*/_react["default"].createElement(FullScreenBlock, null, portraitPosterJSX ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, portraitPosterJSX, /*#__PURE__*/_react["default"].createElement(DisplayOnLandscape, null, posterJSX)) : posterJSX, /*#__PURE__*/_react["default"].createElement(FigureOverlayMask, null), isHideTitleBlock ? null : /*#__PURE__*/_react["default"].createElement(TextBlock, null, isTopicPublished && shortTitle ? /*#__PURE__*/_react["default"].createElement(_dynamicComponentsContext["default"].Consumer, null, function (components) {
129
130
  return /*#__PURE__*/_react["default"].createElement(components.Link, {
130
131
  to: topicHref
131
132
  }, /*#__PURE__*/_react["default"].createElement(Topic, null, shortTitle, /*#__PURE__*/_react["default"].createElement(RightArrow, null)));
package/lib/components/leading/normal.js CHANGED
@@ -114,8 +114,9 @@ var NormalLeading = exports["default"] = /*#__PURE__*/function (_React$PureCompo
114
114
  title = _this$props.title,
115
115
  topicHref = _this$props.topicHref,
116
116
  shortTitle = _this$props.shortTitle,
117
- isTopicPublished = _this$props.isTopicPublished;
118
- return /*#__PURE__*/_react["default"].createElement(BackgroundBlock, null, /*#__PURE__*/_react["default"].createElement(ContentBlock, null, /*#__PURE__*/_react["default"].createElement(TextBlock, null, isTopicPublished && shortTitle ? /*#__PURE__*/_react["default"].createElement(_dynamicComponentsContext["default"].Consumer, null, function (components) {
117
+ isTopicPublished = _this$props.isTopicPublished,
118
+ isHideTitleBlock = _this$props.isHideTitleBlock;
119
+ return /*#__PURE__*/_react["default"].createElement(BackgroundBlock, null, /*#__PURE__*/_react["default"].createElement(ContentBlock, null, isHideTitleBlock ? null : /*#__PURE__*/_react["default"].createElement(TextBlock, null, isTopicPublished && shortTitle ? /*#__PURE__*/_react["default"].createElement(_dynamicComponentsContext["default"].Consumer, null, function (components) {
119
120
  return /*#__PURE__*/_react["default"].createElement(components.Link, {
120
121
  to: topicHref
121
122
  }, /*#__PURE__*/_react["default"].createElement(Topic, null, shortTitle));
package/lib/components/leading/pink.js CHANGED
@@ -109,10 +109,11 @@ var LeadingBlock = exports["default"] = /*#__PURE__*/function (_PureComponent) {
109
109
  title = _this$props.title,
110
110
  topicHref = _this$props.topicHref,
111
111
  shortTitle = _this$props.shortTitle,
112
- isTopicPublished = _this$props.isTopicPublished;
112
+ isTopicPublished = _this$props.isTopicPublished,
113
+ isHideTitleBlock = _this$props.isHideTitleBlock;
113
114
  return /*#__PURE__*/_react["default"].createElement(BackgroundBlock, {
114
115
  $paddingTop: paddingTop
115
- }, /*#__PURE__*/_react["default"].createElement(ContentBlock, null, /*#__PURE__*/_react["default"].createElement(TextBlock, null, isTopicPublished && shortTitle ? /*#__PURE__*/_react["default"].createElement(_dynamicComponentsContext["default"].Consumer, null, function (components) {
116
+ }, /*#__PURE__*/_react["default"].createElement(ContentBlock, null, isHideTitleBlock ? null : /*#__PURE__*/_react["default"].createElement(TextBlock, null, isTopicPublished && shortTitle ? /*#__PURE__*/_react["default"].createElement(_dynamicComponentsContext["default"].Consumer, null, function (components) {
116
117
  return /*#__PURE__*/_react["default"].createElement(components.Link, {
117
118
  to: topicHref
118
119
  }, /*#__PURE__*/_react["default"].createElement(TopicTextBlock, null, shortTitle));
package/lib/constants/prop-types/leading.js CHANGED
@@ -24,7 +24,8 @@ var leading = {
24
24
  subtitle: _propTypes["default"].string,
25
25
  shortTitle: _propTypes["default"].string,
26
26
  topicHref: _propTypes["default"].string,
27
- isTopicPublished: _propTypes["default"].bool
27
+ isTopicPublished: _propTypes["default"].bool,
28
+ isHideTitleBlock: _propTypes["default"].bool
28
29
  };
29
30
  var _default = exports["default"] = {
30
31
  pink: _objectSpread(_objectSpread({}, leading), {}, {
package/lib/managers/layout-manager.js CHANGED
@@ -120,7 +120,8 @@ var LayoutManager = exports["default"] = /*#__PURE__*/function () {
120
120
  mobile: _.get(post, 'leading_image_portrait.resized_targets.mobile'),
121
121
  alt: _.get(post, 'leading_image_description', '')
122
122
  },
123
- embedded: _.get(post, 'leading_embedded.api_data', [])
123
+ embedded: _.get(post, 'leading_embedded.api_data', []),
124
+ isHideTitleBlock: _.get(post, 'is_hide_title_block', false)
124
125
  };
125
126
  }
126
127
  }]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@twreporter/react-article-components",
3
- "version": "2.7.1",
3
+ "version": "2.8.0-rc.0",
4
4
  "description": "The Reporter react article components, which are used in article page",
5
5
  "main": "lib/components/article-page.js",
6
6
  "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
@@ -42,5 +42,5 @@
42
42
  "files": [
43
43
  "lib"
44
44
  ],
45
- "gitHead": "e409bdb13679b1a923430e498d689fa31fc054ac"
45
+ "gitHead": "835f8337473cc4bdb8d246331567d1b407fae11e"
46
46
  }