@twreporter/react-article-components 1.8.0 → 1.9.0-rc.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.9.0-rc.0...@twreporter/react-article-components@1.9.0-rc.1) (2023-10-24)
+
+**Note:** Version bump only for package @twreporter/react-article-components
+
+
+
+
+
+# [1.9.0-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.8.0...@twreporter/react-article-components@1.9.0-rc.0) (2023-10-24)
+
+
+### Features
+
+* emit onToggleTabExpanded ([73a37c1](https://github.com/twreporter/twreporter-npm-packages/commit/73a37c1822eb93aeb4a8712a3c711ac3c77c7035))
+
+
+
+
+
 # [1.8.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.8.0-rc.3...@twreporter/react-article-components@1.8.0) (2023-10-11)
 
 **Note:** Version bump only for package @twreporter/react-article-components

package/lib/components/article-page.js

@@ -315,7 +315,8 @@ var Article = /*#__PURE__*/function (_PureComponent) {
           relatedTopic = _this$props2.relatedTopic,
           hasMoreRelateds = _this$props2.hasMoreRelateds,
           loadMoreRelateds = _this$props2.loadMoreRelateds,
-          releaseBranch = _this$props2.releaseBranch;
+          releaseBranch = _this$props2.releaseBranch,
+          onToggleTabExpanded = _this$props2.onToggleTabExpanded;
       var articleMetaForBookmark = {
         slug: _.get(post, 'slug', ''),
         title: _.get(post, 'title', ''),
@@ -378,7 +379,8 @@ var Article = /*#__PURE__*/function (_PureComponent) {
       })), metadataAndToolsJSX, /*#__PURE__*/_react["default"].createElement(ContentBlock, null, /*#__PURE__*/_react["default"].createElement(_body["default"], {
         key: _.get(post, 'slug', 'article-page-body-key'),
         brief: _.get(post, 'brief.api_data'),
-        content: _.get(post, 'content.api_data')
+        content: _.get(post, 'content.api_data'),
+        onToggleTabExpanded: onToggleTabExpanded
       })), metadataAndToolsJSX), /*#__PURE__*/_react["default"].createElement(_donationBox["default"], null), /*#__PURE__*/_react["default"].createElement(_license["default"], {
         license: post.copyright,
         publishedDate: post.published_date,
@@ -407,7 +409,8 @@ _defineProperty(Article, "propTypes", {
   onFontLevelChange: _propTypes["default"].func,
   hasMoreRelateds: _propTypes["default"].bool,
   loadMoreRelateds: _propTypes["default"].func,
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _propTypes2["default"].releaseBranch,
+  onToggleTabExpanded: _propTypes["default"].func
 });
 
 _defineProperty(Article, "defaultProps", {
@@ -417,5 +420,6 @@ _defineProperty(Article, "defaultProps", {
   relatedTopic: {},
   hasMoreRelateds: false,
   loadMoreRelateds: noop,
-  releaseBranch: _releaseBranch["default"].master
+  releaseBranch: _releaseBranch["default"].master,
+  onToggleTabExpanded: function onToggleTabExpanded() {}
 });

package/lib/components/body/index.js

@@ -468,7 +468,8 @@ var Body = /*#__PURE__*/function (_Component) {
 
       var _this$props = this.props,
           brief = _this$props.brief,
-          content = _this$props.content;
+          content = _this$props.content,
+          onToggleTabExpanded = _this$props.onToggleTabExpanded;
       var enableTOC = false;
       var contentJsx = Array.isArray(content) ? _.map(content, function (data, index) {
         var elementJSX = _this2._buildContentElement(data, index);
@@ -490,7 +491,8 @@ var Body = /*#__PURE__*/function (_Component) {
         data: brief
       }), contentJsx, /*#__PURE__*/_react["default"].createElement(ClearFloat, null), enableTOC ? /*#__PURE__*/_react["default"].createElement(_tableOfContents["default"].React.TableOfContents, {
         manager: this.tocManager,
-        onStartScrollingToAnchor: this._onStartScrollingToAnchor
+        onStartScrollingToAnchor: this._onStartScrollingToAnchor,
+        onToggleTabExpanded: onToggleTabExpanded
       }) : null);
     }
   }]);
@@ -502,10 +504,12 @@ exports["default"] = Body;
 
 _defineProperty(Body, "propTypes", {
   brief: _propTypes["default"].arrayOf(_body["default"].elementData),
-  content: _propTypes["default"].arrayOf(_body["default"].elementData)
+  content: _propTypes["default"].arrayOf(_body["default"].elementData),
+  onToggleTabExpanded: _propTypes["default"].func
 });
 
 _defineProperty(Body, "defaultProps", {
   brief: [],
-  content: []
+  content: [],
+  onToggleTabExpanded: function onToggleTabExpanded() {}
 });

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

@@ -104,6 +104,13 @@ var TableOfContents = /*#__PURE__*/function (_React$PureComponent) {
         capture: true
       });
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(_prevProps, prevStates) {
+      if (prevStates.isExpanded !== this.state.isExpanded) {
+        this.props.onToggleTabExpanded(this.state.isExpanded);
+      }
+    }
   }, {
     key: "_setIsExpanded",
     value: function _setIsExpanded(isExpanded) {
@@ -190,7 +197,8 @@ var TableOfContents = /*#__PURE__*/function (_React$PureComponent) {
 _defineProperty(TableOfContents, "propTypes", {
   className: _propTypes["default"].string,
   manager: _tableOfContents["default"].React.TableOfContents.propTypes.manager,
-  onStartScrollingToAnchor: _propTypes["default"].func
+  onStartScrollingToAnchor: _propTypes["default"].func,
+  onToggleTabExpanded: _propTypes["default"].func
 });
 
 _defineProperty(TableOfContents, "defaultProps", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-article-components",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.1",
   "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",
@@ -24,10 +24,10 @@
     "webpack-dev-server": "^3.7.2"
   },
   "dependencies": {
-    "@twreporter/core": "^1.12.0",
-    "@twreporter/react-components": "^8.20.0",
-    "@twreporter/redux": "^7.7.1",
-    "@twreporter/universal-header": "^2.7.2",
+    "@twreporter/core": "^1.13.0-rc.0",
+    "@twreporter/react-components": "^8.20.1-rc.0",
+    "@twreporter/redux": "^7.8.0-rc.0",
+    "@twreporter/universal-header": "^2.7.3-rc.0",
     "howler": "^2.2.3",
     "lodash": "^4.17.11",
     "memoize-one": "^5.0.5",
@@ -40,5 +40,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "f74d4369ca1f6856e28a10fb714cd53ecb37ee7c"
+  "gitHead": "5a160eb5e0e0499d84c4ad95a152b4929320d751"
 }