@twreporter/react-components 8.15.1-rc.3 → 8.15.1-rc.5

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 (10) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/lib/bookmark-list/bookmarks.js +3 -3
  3. package/lib/listing-page/components/list-item.js +1 -1
  4. package/lib/listing-page/components/list.js +19 -11
  5. package/lib/listing-page/components/topics/index.js +5 -11
  6. package/lib/listing-page/components/{page-content.js → topics/page-content.js} +4 -4
  7. package/lib/listing-page/components/topics/section.js +15 -9
  8. package/lib/listing-page/constants/mockup-spec.js +1 -1
  9. package/lib/title-bar/components/bar.js +3 -3
  10. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,32 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [8.15.1-rc.5](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.15.1-rc.4...@twreporter/react-components@8.15.1-rc.5) (2023-01-04)
7
+
8
+
9
+ ### Reverts
10
+
11
+ * Revert "Revert "Revert "Jason/refinement new arch""" ([94f13a2](https://github.com/twreporter/twreporter-npm-packages/commit/94f13a29c8f051f8956b583ef31b86578f5d0daf))
12
+ * Revert "fix: fix defects" ([9b5f28c](https://github.com/twreporter/twreporter-npm-packages/commit/9b5f28c41fc4f05c33f37e248a3c63679071ed18))
13
+ * Revert "fix: remove curly brackets when value is static" ([bdca1f4](https://github.com/twreporter/twreporter-npm-packages/commit/bdca1f4ce624ec1ebc9ad5ec0033ab4e982beebf))
14
+ * Revert "fix: fix mobile rwd issue" ([15fdbf7](https://github.com/twreporter/twreporter-npm-packages/commit/15fdbf7e25815d21a7a034b2728df2b532d35a05))
15
+ * Revert "fix: fix width" ([680a690](https://github.com/twreporter/twreporter-npm-packages/commit/680a690cb7c71861b83d23eea5df245996988d18))
16
+
17
+
18
+
19
+
20
+
21
+ ## [8.15.1-rc.4](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.15.1-rc.3...@twreporter/react-components@8.15.1-rc.4) (2022-12-26)
22
+
23
+
24
+ ### Bug Fixes
25
+
26
+ * fix width ([2a7cf0a](https://github.com/twreporter/twreporter-npm-packages/commit/2a7cf0aa8013a5f3ead5a6bd31f76155fa728a65))
27
+
28
+
29
+
30
+
31
+
6
32
  ## [8.15.1-rc.3](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.15.1-rc.2...@twreporter/react-components@8.15.1-rc.3) (2022-12-23)
7
33
 
8
34
 
package/lib/bookmark-list/bookmarks.js CHANGED
@@ -33,7 +33,7 @@ var _get = _interopRequireDefault(require("lodash/get"));
33
33
 
34
34
  var _map = _interopRequireDefault(require("lodash/map"));
35
35
 
36
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
36
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
37
37
 
38
38
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
39
39
 
@@ -52,12 +52,12 @@ var PageContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
52
52
  var Column = /*#__PURE__*/_styledComponents["default"].div.withConfig({
53
53
  displayName: "bookmarks__Column",
54
54
  componentId: "sc-1m95x6z-1"
55
- })(["margin:0 auto;width:97%;max-width:922px;", " ", ""], _mediaQuery["default"].tabletOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n max-width: 698px;\n "]))), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 100%;\n "]))));
55
+ })(["margin:0 auto;width:97%;max-width:834px;", " ", ""], _mediaQuery["default"].tabletOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n max-width: 707px;\n "]))), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 100%;\n "]))));
56
56
 
57
57
  var StatusBar = /*#__PURE__*/_styledComponents["default"].div.withConfig({
58
58
  displayName: "bookmarks__StatusBar",
59
59
  componentId: "sc-1m95x6z-2"
60
- })(["", " ", " padding-bottom:64px;width:stretch;"], _mediaQuery["default"].mobileOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n padding-left: 24px;\n padding-right: 24px;\n padding-bottom: 24px;\n "]))), _mediaQuery["default"].tabletOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n padding-bottom: 32px;\n "]))));
60
+ })(["", " padding-bottom:64px;width:stretch;"], _mediaQuery["default"].mobileOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n padding-left: 1em;\n padding-right: 1em;\n "]))));
61
61
 
62
62
  var TitleContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
63
63
  displayName: "bookmarks__TitleContainer",
package/lib/listing-page/components/list-item.js CHANGED
@@ -69,7 +69,7 @@ var _ = {
69
69
  var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
70
70
  displayName: "list-item__Container",
71
71
  componentId: "sc-1dx5lew-0"
72
- })(["width:", "px;", " ", " ", " a{color:", ";}"], _mockupSpec["default"].hd.cardWidth, _mediaQuery["default"].desktopOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: ", "px;\n "])), _mockupSpec["default"].desktop.cardWidth), _mediaQuery["default"].tabletOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: ", "px;\n "])), _mockupSpec["default"].tablet.cardWidth), _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n "]))), _color["default"].darkGray);
72
+ })(["width:", "px;", " ", " ", " a{color:", ";}"], _mockupSpec["default"].hd.cardWidth, _mediaQuery["default"].desktopOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: ", "px;\n "])), _mockupSpec["default"].desktop.cardWidth), _mediaQuery["default"].tabletOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: ", "px;\n "])), _mockupSpec["default"].tablet.cardWidth), _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: ", "%;\n "])), _mockupSpec["default"].mobile.cardWidth / _mockupSpec["default"].mobile.maxWidth * 100), _color["default"].darkGray);
73
73
 
74
74
  var HoverEffect = /*#__PURE__*/_styledComponents["default"].div.withConfig({
75
75
  displayName: "list-item__HoverEffect",
package/lib/listing-page/components/list.js CHANGED
@@ -19,13 +19,13 @@ var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/med
19
19
 
20
20
  var _date = require("@twreporter/core/lib/utils/date");
21
21
 
22
- var _mockupSpec = _interopRequireDefault(require("../constants/mockup-spec"));
22
+ var _font = require("@twreporter/core/lib/constants/font");
23
23
 
24
- var _listItem = _interopRequireDefault(require("./list-item"));
24
+ var _mockupSpec = _interopRequireDefault(require("../constants/mockup-spec"));
25
25
 
26
- var _pageContent = _interopRequireDefault(require("./page-content"));
26
+ var _color = _interopRequireDefault(require("../constants/color"));
27
27
 
28
- var _titleBar = require("../../title-bar");
28
+ var _listItem = _interopRequireDefault(require("./list-item"));
29
29
 
30
30
  var _isFetchingWrapper = _interopRequireDefault(require("../../is-fetching-wrapper"));
31
31
 
@@ -35,7 +35,7 @@ var _get = _interopRequireDefault(require("lodash/get"));
35
35
 
36
36
  var _map = _interopRequireDefault(require("lodash/map"));
37
37
 
38
- var _templateObject, _templateObject2, _templateObject3;
38
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
39
39
 
40
40
  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); }
41
41
 
@@ -71,10 +71,20 @@ var _ = {
71
71
  map: _map["default"]
72
72
  };
73
73
 
74
+ var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
75
+ displayName: "list__Container",
76
+ componentId: "sc-1olquk4-0"
77
+ })(["margin:45px auto 0 auto;"]);
78
+
79
+ var Header = /*#__PURE__*/_styledComponents["default"].div.withConfig({
80
+ displayName: "list__Header",
81
+ componentId: "sc-1olquk4-1"
82
+ })(["font-size:36px;font-weight:", ";color:", ";margin:0 auto 45px auto;text-align:center;", ""], _font.fontWeight.bold, _color["default"].darkDarkGray, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: ", "%;\n text-align: left;\n "])), _mockupSpec["default"].mobile.cardWidth / _mockupSpec["default"].mobile.maxWidth * 100));
83
+
74
84
  var FlexItems = /*#__PURE__*/_styledComponents["default"].div.withConfig({
75
85
  displayName: "list__FlexItems",
76
- componentId: "sc-1olquk4-0"
77
- })(["width:", "px;margin:64px auto 0;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;> div:nth-child(odd){margin-right:", "px;}", " ", " ", ""], _mockupSpec["default"].hd.maxWidth, _mockupSpec["default"].marginBetweenItems, _mediaQuery["default"].desktopOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: ", "px;\n "])), _mockupSpec["default"].desktop.maxWidth), _mediaQuery["default"].tabletOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: ", "px;\n margin-top: 32px;\n "])), _mockupSpec["default"].tablet.maxWidth), _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n margin-top: 24px;\n > div:nth-child(odd) {\n margin-right: 0;\n }\n justify-content: center;\n "]))));
86
+ componentId: "sc-1olquk4-2"
87
+ })(["width:", "px;margin:0 auto;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;> div:nth-child(odd){margin-right:", "px;}", " ", " ", ""], _mockupSpec["default"].hd.maxWidth, _mockupSpec["default"].marginBetweenItems, _mediaQuery["default"].desktopOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: ", "px;\n "])), _mockupSpec["default"].desktop.maxWidth), _mediaQuery["default"].tabletOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: ", "px;\n "])), _mockupSpec["default"].tablet.maxWidth), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 100%;\n > div:nth-child(odd) {\n margin-right: 0;\n }\n justify-content: center;\n "]))));
78
88
 
79
89
  var Items = (0, _isFetchingWrapper["default"])(FlexItems);
80
90
 
@@ -144,10 +154,8 @@ var List = /*#__PURE__*/function (_PureComponent) {
144
154
  });
145
155
 
146
156
  var headerTitle = catName || (tagName ? "#".concat(tagName) : '');
147
- var headerJSX = headerTitle ? /*#__PURE__*/_react["default"].createElement(_titleBar.TitleBar, {
148
- title: headerTitle !== null && headerTitle !== void 0 ? headerTitle : ''
149
- }) : null;
150
- return /*#__PURE__*/_react["default"].createElement(_pageContent["default"], null, headerJSX, /*#__PURE__*/_react["default"].createElement(Items, {
157
+ var headerJSX = headerTitle ? /*#__PURE__*/_react["default"].createElement(Header, null, headerTitle) : null;
158
+ return /*#__PURE__*/_react["default"].createElement(Container, null, headerJSX, /*#__PURE__*/_react["default"].createElement(Items, {
151
159
  isFetching: isFetching,
152
160
  showSpinner: showSpinner
153
161
  }, listJSX));
package/lib/listing-page/components/topics/index.js CHANGED
@@ -19,7 +19,7 @@ var _postItem = _interopRequireDefault(require("./post-item"));
19
19
 
20
20
  var _topicItem = _interopRequireDefault(require("./topic-item"));
21
21
 
22
- var _pageContent = _interopRequireDefault(require("../page-content"));
22
+ var _pageContent = _interopRequireDefault(require("./page-content"));
23
23
 
24
24
  var _section = require("./section");
25
25
 
@@ -29,8 +29,6 @@ var _color = _interopRequireDefault(require("../../constants/color"));
29
29
 
30
30
  var _font = require("@twreporter/core/lib/constants/font");
31
31
 
32
- var _titleBar = require("@twreporter/react-components/lib/title-bar");
33
-
34
32
  var _get = _interopRequireDefault(require("lodash/get"));
35
33
 
36
34
  var _map = _interopRequireDefault(require("lodash/map"));
@@ -166,11 +164,9 @@ var Topics = /*#__PURE__*/function (_Component) {
166
164
 
167
165
  topTopicName = _.get(topics, [0, 'topic_name'], '');
168
166
  topicUrl = _.get(topics, [0, 'linkTo'], '');
169
- topSectionJSX = [/*#__PURE__*/_react["default"].createElement(_titleBar.TitleBar, {
170
- key: "top-title",
171
- title: "\u6DF1\u5EA6\u5C08\u984C",
172
- subtitle: _topics.TEXT.SECTION_TITLE_FEATURED
173
- }), /*#__PURE__*/_react["default"].createElement(_section.TopSectionContent, {
167
+ topSectionJSX = [/*#__PURE__*/_react["default"].createElement(_section.SectionTitle, {
168
+ key: "top-title"
169
+ }, _topics.TEXT.SECTION_TITLE_FEATURED), /*#__PURE__*/_react["default"].createElement(_section.TopSectionContent, {
174
170
  key: "top-section",
175
171
  topicName: topTopicName,
176
172
  topicUrl: topicUrl
@@ -180,9 +176,7 @@ var Topics = /*#__PURE__*/function (_Component) {
180
176
  }
181
177
 
182
178
  var WrappedListSectionContent = (0, _isFetchingWrapper["default"])( /*#__PURE__*/_react["default"].createElement(_section.ListSectionContent, null, listedTopicsJSX));
183
- return /*#__PURE__*/_react["default"].createElement(_pageContent["default"], null, topSectionJSX, isFetching && isFirstPage ? null : /*#__PURE__*/_react["default"].createElement(_titleBar.TitleBar, {
184
- subtitle: _topics.TEXT.SECTION_TITLE_OTHERS
185
- }), /*#__PURE__*/_react["default"].createElement(WrappedListSectionContent, {
179
+ return /*#__PURE__*/_react["default"].createElement(_pageContent["default"], null, topSectionJSX, isFetching && isFirstPage ? null : /*#__PURE__*/_react["default"].createElement(_section.SectionTitle, null, _topics.TEXT.SECTION_TITLE_OTHERS), /*#__PURE__*/_react["default"].createElement(WrappedListSectionContent, {
186
180
  isFetching: isFetching,
187
181
  showSpinner: showSpinner
188
182
  }));
package/lib/listing-page/components/{page-content.js → topics/page-content.js} RENAMED
@@ -7,7 +7,7 @@ exports["default"] = void 0;
7
7
 
8
8
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
9
 
10
- var _predefinedCss = require("../constants/predefined-css");
10
+ var _predefinedCss = require("../../constants/predefined-css");
11
11
 
12
12
  var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
13
13
 
@@ -23,9 +23,9 @@ var styles = {
23
23
  // px
24
24
  mobile: 95,
25
25
  // %
26
- tablet: 698,
26
+ tablet: 700,
27
27
  // px
28
- desktop: 922 // px
28
+ desktop: 870 // px
29
29
 
30
30
  },
31
31
  titlePadding: 0,
@@ -37,7 +37,7 @@ var styles = {
37
37
 
38
38
  var PageContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
39
39
  displayName: "page-content__PageContent",
40
- componentId: "sc-10tix5l-0"
40
+ componentId: "sc-1x8tj4h-0"
41
41
  })(["min-width:", "px;width:", "%;", " ", " margin:0 auto;", ""], styles.contentWidth.min, styles.contentWidth.mobile, _mediaQuery["default"].tabletOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: ", "px;\n "])), styles.contentWidth.tablet), _mediaQuery["default"].desktopAndAbove(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: ", "px;\n "])), styles.contentWidth.desktop), _predefinedCss.resetLinkStyle);
42
42
 
43
43
  var _default = PageContent;
package/lib/listing-page/components/topics/section.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.ListSectionContent = exports.TopSectionContent = void 0;
6
+ exports.SectionTitle = exports.ListSectionContent = exports.TopSectionContent = void 0;
7
7
 
8
8
  var _reactRouterDom = require("react-router-dom");
9
9
 
@@ -50,14 +50,13 @@ var styles = {
50
50
  goToTopicMargin: [20, 'auto', 0, 'auto'],
51
51
  goToTopicPadding: [14, 0, 14, 0],
52
52
  sectionMargin: {
53
- mobile: [24, 0, 36, 0],
54
- tablet: [32, 0, 64, 0],
55
- desktop: [64, 0, 64, 0]
53
+ mobile: [0, 0, 35, 0],
54
+ tablet: [0, 0, 42, 0],
55
+ desktop: [0, 0, 60, 0]
56
56
  },
57
57
  titleMargin: {
58
58
  mobile: [0, 0, 24, 0],
59
- tablet: [0, 0, 32, 0],
60
- desktop: [0, 0, 64, 0]
59
+ tablet: [0, 0, 42, 0]
61
60
  },
62
61
  titlePadding: [16, 0, 16, 0]
63
62
  };
@@ -66,14 +65,21 @@ var StyledLink = /*#__PURE__*/(0, _styledComponents["default"])(_reactRouterDom.
66
65
  componentId: "sc-125nvxn-0"
67
66
  })(["", " display:block;margin:", ";"], _predefinedCss.resetLinkStyle, (0, _css.arrayToCssShorthand)(styles.goToTopicMargin));
68
67
 
68
+ var SectionTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
69
+ displayName: "section__SectionTitle",
70
+ componentId: "sc-125nvxn-1"
71
+ })(["width:100%;border-bottom:2px solid ", ";padding:", ";color:", ";font-size:18px;font-weight:", ";line-height:1;margin:", ";", ""], _color["default"].gray, (0, _css.arrayToCssShorthand)(styles.titlePadding), _color["default"].darkGray, _font.fontWeight.bold, (0, _css.arrayToCssShorthand)(styles.titleMargin.mobile), _mediaQuery["default"].tabletAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin: ", ";\n "])), (0, _css.arrayToCssShorthand)(styles.titleMargin.tablet)));
72
+
73
+ exports.SectionTitle = SectionTitle;
74
+
69
75
  var SectionContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
70
76
  displayName: "section__SectionContent",
71
- componentId: "sc-125nvxn-1"
72
- })(["width:100%;", " ", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin: ", ";\n "])), (0, _css.arrayToCssShorthand)(styles.sectionMargin.mobile)), _mediaQuery["default"].tabletOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin: ", ";\n "])), (0, _css.arrayToCssShorthand)(styles.sectionMargin.tablet)), _mediaQuery["default"].desktopAndAbove(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin: ", ";\n "])), (0, _css.arrayToCssShorthand)(styles.sectionMargin.desktop)));
77
+ componentId: "sc-125nvxn-2"
78
+ })(["width:100%;margin:", ";", " ", ""], (0, _css.arrayToCssShorthand)(styles.sectionMargin.mobile), _mediaQuery["default"].tabletOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin: ", ";\n "])), (0, _css.arrayToCssShorthand)(styles.sectionMargin.tablet)), _mediaQuery["default"].desktopAndAbove(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin: ", ";\n "])), (0, _css.arrayToCssShorthand)(styles.sectionMargin.desktop)));
73
79
 
74
80
  var GoToTopic = /*#__PURE__*/_styledComponents["default"].div.withConfig({
75
81
  displayName: "section__GoToTopic",
76
- componentId: "sc-125nvxn-2"
82
+ componentId: "sc-125nvxn-3"
77
83
  })(["color:", ";text-align:center;line-height:1;padding:", ";span{display:inline-block;max-width:400px;", " white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0.1px;font-size:16px;font-weight:", ";}svg{height:16px;vertical-align:baseline;margin-left:0.5em;}"], _color["default"].blue, (0, _css.arrayToCssShorthand)(styles.goToTopicPadding), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n max-width: 290px;\n "]))), _font.fontWeight.normal);
78
84
 
79
85
  var TopSectionContent = function TopSectionContent(props) {
package/lib/listing-page/constants/mockup-spec.js CHANGED
@@ -9,7 +9,7 @@ var marginBetweenItems = 20;
9
9
  var _default = {
10
10
  marginBetweenItems: marginBetweenItems,
11
11
  mobile: {
12
- maxWidth: 325 * 2 + marginBetweenItems,
12
+ maxWidth: 375,
13
13
  cardWidth: 325,
14
14
  tagsWidth: 240,
15
15
  imgHeight: 205
package/lib/title-bar/components/bar.js CHANGED
@@ -33,12 +33,12 @@ var TitleBar = function TitleBar(_ref) {
33
33
  title = _ref$title === void 0 ? '' : _ref$title,
34
34
  _ref$subtitle = _ref.subtitle,
35
35
  subtitle = _ref$subtitle === void 0 ? '' : _ref$subtitle;
36
- return /*#__PURE__*/_react["default"].createElement(BarContainer, null, title ? /*#__PURE__*/_react["default"].createElement(_headline.H1, {
36
+ return /*#__PURE__*/_react["default"].createElement(BarContainer, null, /*#__PURE__*/_react["default"].createElement(_headline.H1, {
37
37
  text: title
38
- }) : null, subtitle ? /*#__PURE__*/_react["default"].createElement(_paragraph.P1, {
38
+ }), /*#__PURE__*/_react["default"].createElement(_paragraph.P1, {
39
39
  text: subtitle,
40
40
  weight: "bold"
41
- }) : null, /*#__PURE__*/_react["default"].createElement(_divider["default"], {
41
+ }), /*#__PURE__*/_react["default"].createElement(_divider["default"], {
42
42
  direction: "horizontal"
43
43
  }));
44
44
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@twreporter/react-components",
3
- "version": "8.15.1-rc.3",
3
+ "version": "8.15.1-rc.5",
4
4
  "main": "lib/index.js",
5
5
  "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
6
6
  "author": "twreporter <developer@twreporter.org>",
@@ -44,5 +44,5 @@
44
44
  "babel-loader": "^8.2.4",
45
45
  "chromatic": "^6.5.4"
46
46
  },
47
- "gitHead": "62122593a0e7f40e9de8787e366851f257bddb89"
47
+ "gitHead": "639a32b20ec7cd552c1dfa1900ea7ea903e7eef7"
48
48
  }