@twreporter/react-article-components 1.13.0-rc.2 → 1.13.0-rc.4

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 (6) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/lib/components/article-page.js +1 -1
  3. package/lib/components/aside/mobile-tool-bar-old.js +5 -3
  4. package/lib/components/aside/mobile-tool-bar.js +5 -3
  5. package/lib/components/aside/utils/theme.js +2 -0
  6. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,26 @@
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
+ # [1.13.0-rc.4](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.13.0-rc.3...@twreporter/react-article-components@1.13.0-rc.4) (2024-03-12)
7
+
8
+ **Note:** Version bump only for package @twreporter/react-article-components
9
+
10
+
11
+
12
+
13
+
14
+ # [1.13.0-rc.3](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.13.0-rc.2...@twreporter/react-article-components@1.13.0-rc.3) (2024-03-11)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * share container bg color & scroll throttle ([a337754](https://github.com/twreporter/twreporter-npm-packages/commit/a337754fca0f4b9cdf2810bb9ff4aaa8363cfa75))
20
+ * translateY 200% ([b07f024](https://github.com/twreporter/twreporter-npm-packages/commit/b07f0241c0c90cb141967e2f57ffff89215a6507))
21
+
22
+
23
+
24
+
25
+
6
26
  # [1.13.0-rc.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.13.0-rc.1...@twreporter/react-article-components@1.13.0-rc.2) (2024-03-11)
7
27
 
8
28
  **Note:** Version bump only for package @twreporter/react-article-components
package/lib/components/article-page.js CHANGED
@@ -292,7 +292,7 @@ var Article = /*#__PURE__*/function (_PureComponent) {
292
292
  };
293
293
  _this.lastY = 0;
294
294
  _this.currentY = 0;
295
- _this.handleScroll = _.throttle(_this._handleScroll.bind(_assertThisInitialized(_this)), 50);
295
+ _this.handleScroll = _.throttle(_this._handleScroll.bind(_assertThisInitialized(_this)), 500);
296
296
  return _this;
297
297
  }
298
298
 
package/lib/components/aside/mobile-tool-bar-old.js CHANGED
@@ -101,13 +101,13 @@ var ToolBarWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
101
101
  })(["display:flex;width:100%;justify-content:center;padding:8px;position:fixed;left:0px;bottom:env(safe-area-inset-bottom,0);height:", ";transform:", ";transition:height 200ms,transform 200ms ease-in-out;background-color:", ";border-top:1px solid ", ";z-index:", ";", "{background-color:", ";box-shadow:", ";}", "{bottom:", ";}"], function (props) {
102
102
  return props.hideText ? '40px' : '55px';
103
103
  }, function (props) {
104
- return props.isHidden ? 'translateY(100%)' : 'tanslateY(0%)';
104
+ return props.isHidden ? 'translateY(200%)' : 'tanslateY(0%)';
105
105
  }, function (props) {
106
106
  return props.bgColor;
107
107
  }, function (props) {
108
108
  return props.borderColor;
109
109
  }, _zIndex["default"].mobileToolBar, ShareContainer, function (props) {
110
- return props.bgColor;
110
+ return props.shareByBgColor;
111
111
  }, function (props) {
112
112
  return props.shadow;
113
113
  }, SnackBarContainer, function (props) {
@@ -481,7 +481,8 @@ var ToolBar = function ToolBar(_ref9) {
481
481
 
482
482
  var _getToolBarTheme = (0, _theme2.getToolBarTheme)(themeContext.name),
483
483
  bgColor = _getToolBarTheme.bgColor,
484
- borderColor = _getToolBarTheme.borderColor;
484
+ borderColor = _getToolBarTheme.borderColor,
485
+ shareByBgColor = _getToolBarTheme.shareByBgColor;
485
486
 
486
487
  var _useSnackBar = (0, _snackBar.useSnackBar)(),
487
488
  showSnackBar = _useSnackBar.showSnackBar,
@@ -501,6 +502,7 @@ var ToolBar = function ToolBar(_ref9) {
501
502
  value: contextValue
502
503
  }, /*#__PURE__*/_react["default"].createElement(ToolBarWrapper, {
503
504
  bgColor: bgColor,
505
+ shareByBgColor: shareByBgColor,
504
506
  borderColor: borderColor,
505
507
  hideText: hideText,
506
508
  className: className,
package/lib/components/aside/mobile-tool-bar.js CHANGED
@@ -101,13 +101,13 @@ var ToolBarWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
101
101
  })(["display:flex;width:100%;justify-content:center;padding:8px;position:fixed;left:0px;bottom:env(safe-area-inset-bottom,0);height:", ";transform:", ";transition:height 200ms,transform 200ms ease-in-out;background-color:", ";border-top:1px solid ", ";z-index:", ";", "{background-color:", ";box-shadow:", ";}", "{bottom:", ";}"], function (props) {
102
102
  return props.hideText ? '40px' : '55px';
103
103
  }, function (props) {
104
- return props.isHidden ? 'translateY(100%)' : 'tanslateY(0%)';
104
+ return props.isHidden ? 'translateY(200%)' : 'tanslateY(0%)';
105
105
  }, function (props) {
106
106
  return props.bgColor;
107
107
  }, function (props) {
108
108
  return props.borderColor;
109
109
  }, _zIndex["default"].mobileToolBar, ShareContainer, function (props) {
110
- return props.bgColor;
110
+ return props.shareByBgColor;
111
111
  }, function (props) {
112
112
  return props.shadow;
113
113
  }, SnackBarContainer, function (props) {
@@ -481,7 +481,8 @@ var ToolBar = function ToolBar(_ref9) {
481
481
 
482
482
  var _getToolBarTheme = (0, _theme2.getToolBarTheme)(themeContext.name),
483
483
  bgColor = _getToolBarTheme.bgColor,
484
- borderColor = _getToolBarTheme.borderColor;
484
+ borderColor = _getToolBarTheme.borderColor,
485
+ shareByBgColor = _getToolBarTheme.shareByBgColor;
485
486
 
486
487
  var _useSnackBar = (0, _snackBar.useSnackBar)(),
487
488
  showSnackBar = _useSnackBar.showSnackBar,
@@ -501,6 +502,7 @@ var ToolBar = function ToolBar(_ref9) {
501
502
  value: contextValue
502
503
  }, /*#__PURE__*/_react["default"].createElement(ToolBarWrapper, {
503
504
  bgColor: bgColor,
505
+ shareByBgColor: shareByBgColor,
504
506
  borderColor: borderColor,
505
507
  hideText: hideText,
506
508
  className: className,
package/lib/components/aside/utils/theme.js CHANGED
@@ -18,6 +18,7 @@ var getToolBarTheme = function getToolBarTheme(theme) {
18
18
  case _theme["default"].article.v2.photo:
19
19
  return {
20
20
  bgColor: _color.colorPhoto.dark,
21
+ shareByBgColor: _color.colorPhoto.dark,
21
22
  borderColor: _color.colorPhoto.heavy
22
23
  };
23
24
 
@@ -25,6 +26,7 @@ var getToolBarTheme = function getToolBarTheme(theme) {
25
26
  default:
26
27
  return {
27
28
  bgColor: _color.colorGrayscale.gray100,
29
+ shareByBgColor: _color.colorGrayscale.white,
28
30
  borderColor: _color.colorGrayscale.gray300
29
31
  };
30
32
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@twreporter/react-article-components",
3
- "version": "1.13.0-rc.2",
3
+ "version": "1.13.0-rc.4",
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",
@@ -25,9 +25,9 @@
25
25
  },
26
26
  "dependencies": {
27
27
  "@twreporter/core": "^1.19.0-rc.0",
28
- "@twreporter/react-components": "^8.26.0-rc.3",
28
+ "@twreporter/react-components": "^8.26.0-rc.4",
29
29
  "@twreporter/redux": "^7.11.2-rc.2",
30
- "@twreporter/universal-header": "^2.12.0-rc.3",
30
+ "@twreporter/universal-header": "^2.12.0-rc.4",
31
31
  "howler": "^2.2.3",
32
32
  "lodash": "^4.17.11",
33
33
  "memoize-one": "^5.0.5",
@@ -40,5 +40,5 @@
40
40
  "files": [
41
41
  "lib"
42
42
  ],
43
- "gitHead": "2c56f3e507422a81486863f8b165ecc2487bf563"
43
+ "gitHead": "dfe858a4e32c5ad5d928d9b0a60b8d5352ca6e96"
44
44
  }