@twreporter/universal-header 2.7.0-rc.9 → 2.7.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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,49 @@
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
+ # [2.7.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.7.0-rc.13...@twreporter/universal-header@2.7.0) (2023-08-31)
7
+
8
+ **Note:** Version bump only for package @twreporter/universal-header
9
+
10
+
11
+
12
+
13
+
14
+ # [2.7.0-rc.13](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.7.0-rc.12...@twreporter/universal-header@2.7.0-rc.13) (2023-08-25)
15
+
16
+ **Note:** Version bump only for package @twreporter/universal-header
17
+
18
+
19
+
20
+
21
+
22
+ # [2.7.0-rc.12](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.7.0-rc.11...@twreporter/universal-header@2.7.0-rc.12) (2023-08-22)
23
+
24
+
25
+ ### Bug Fixes
26
+
27
+ * add `hamburgerContext` props ([d7d2f51](https://github.com/twreporter/twreporter-npm-packages/commit/d7d2f51cce33958fcf38c36f39b4d17be8840b25))
28
+
29
+
30
+
31
+
32
+
33
+ # [2.7.0-rc.11](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.7.0-rc.10...@twreporter/universal-header@2.7.0-rc.11) (2023-08-21)
34
+
35
+ **Note:** Version bump only for package @twreporter/universal-header
36
+
37
+
38
+
39
+
40
+
41
+ # [2.7.0-rc.10](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.7.0-rc.9...@twreporter/universal-header@2.7.0-rc.10) (2023-08-16)
42
+
43
+ **Note:** Version bump only for package @twreporter/universal-header
44
+
45
+
46
+
47
+
48
+
6
49
  # [2.7.0-rc.9](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.7.0-rc.8...@twreporter/universal-header@2.7.0-rc.9) (2023-08-16)
7
50
 
8
51
  **Note:** Version bump only for package @twreporter/universal-header
@@ -9,6 +9,8 @@ exports["default"] = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
+ var _propTypes = _interopRequireDefault(require("prop-types"));
13
+
12
14
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
13
15
 
14
16
  var _CSSTransition = _interopRequireDefault(require("react-transition-group/CSSTransition"));
@@ -228,7 +230,10 @@ var PrevButton = /*#__PURE__*/_styledComponents["default"].div.withConfig({
228
230
  return props.isShow ? '' : 'display: none;';
229
231
  });
230
232
 
231
- var Header = function Header() {
233
+ var Header = function Header(_ref) {
234
+ var _ref$hamburgerContext = _ref.hamburgerContext,
235
+ hamburgerContext = _ref$hamburgerContext === void 0 ? {} : _ref$hamburgerContext;
236
+
232
237
  var _useContext = (0, _react.useContext)(_headerContext["default"]),
233
238
  releaseBranch = _useContext.releaseBranch,
234
239
  isLinkExternal = _useContext.isLinkExternal,
@@ -240,9 +245,11 @@ var Header = function Header() {
240
245
 
241
246
  var _useState = (0, _react.useState)(false),
242
247
  _useState2 = _slicedToArray(_useState, 2),
243
- showHamburger = _useState2[0],
244
- setShowHamburger = _useState2[1];
248
+ defaultShowHamburger = _useState2[0],
249
+ setDefaultShowHamburger = _useState2[1];
245
250
 
251
+ var showHamburger = (hamburgerContext === null || hamburgerContext === void 0 ? void 0 : hamburgerContext.showHamburger) || defaultShowHamburger;
252
+ var setShowHamburger = (hamburgerContext === null || hamburgerContext === void 0 ? void 0 : hamburgerContext.setShowHamburger) || setDefaultShowHamburger;
246
253
  var logoLink = (0, _links.getLogoLink)(isLinkExternal, releaseBranch);
247
254
  var logoType = (0, _theme.selectLogoType)(theme);
248
255
 
@@ -269,6 +276,9 @@ var Header = function Header() {
269
276
  closeHamburgerMenu: closeHamburger,
270
277
  isHamburgerMenuOpen: showHamburger
271
278
  };
279
+ (0, _react.useEffect)(function () {
280
+ closeHamburger();
281
+ }, [pathname]);
272
282
 
273
283
  var isOnArticlePage = _.includes(pathname, _entityPath["default"].article);
274
284
 
@@ -376,5 +386,8 @@ var Header = function Header() {
376
386
  })))));
377
387
  };
378
388
 
389
+ Header.propTypes = {
390
+ hamburgerContext: _propTypes["default"].object
391
+ };
379
392
  var _default = Header;
380
393
  exports["default"] = _default;
@@ -13,8 +13,6 @@ var _reactRedux = require("react-redux");
13
13
 
14
14
  var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
15
15
 
16
- var _actions = require("../constants/actions");
17
-
18
16
  var _propTypes = require("../constants/prop-types");
19
17
 
20
18
  var _header = _interopRequireDefault(require("../components/header"));
@@ -25,24 +23,12 @@ var _featureFlag = require("@twreporter/core/lib/constants/feature-flag");
25
23
 
26
24
  var _get = _interopRequireDefault(require("lodash/get"));
27
25
 
28
- var _map = _interopRequireDefault(require("lodash/map"));
29
-
30
- var _reduce = _interopRequireDefault(require("lodash/reduce"));
31
-
32
- var _excluded = ["releaseBranch", "isAuthed", "isLinkExternal", "theme", "pathname", "referrerPath"];
33
-
34
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
35
27
 
36
28
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
37
29
 
38
30
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
39
31
 
40
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
41
-
42
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
43
-
44
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
45
-
46
32
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
47
33
 
48
34
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -66,9 +52,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
66
52
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
67
53
 
68
54
  var _ = {
69
- get: _get["default"],
70
- map: _map["default"],
71
- reduce: _reduce["default"]
55
+ get: _get["default"]
72
56
  };
73
57
  var Header = _featureFlag.MEMBERSHIP ? _header["default"] : _headerOld["default"];
74
58
  var HIDE_HEADER_THRESHOLD = 8;
@@ -198,18 +182,6 @@ var Container = /*#__PURE__*/function (_React$PureComponent) {
198
182
 
199
183
  return scrollState;
200
184
  }
201
- }, {
202
- key: "__prepareActionProps",
203
- value: function __prepareActionProps() {
204
- return _.reduce(_actions.ACTION_ORDER, function (res, value, key) {
205
- res[key] = _.map(value, function (itemKey) {
206
- return {
207
- key: itemKey
208
- };
209
- });
210
- return res;
211
- }, {});
212
- }
213
185
  }, {
214
186
  key: "render",
215
187
  value: function render() {
@@ -220,8 +192,7 @@ var Container = /*#__PURE__*/function (_React$PureComponent) {
220
192
  theme = _this$props.theme,
221
193
  pathname = _this$props.pathname,
222
194
  referrerPath = _this$props.referrerPath,
223
- passThrough = _objectWithoutProperties(_this$props, _excluded);
224
-
195
+ hamburgerContext = _this$props.hamburgerContext;
225
196
  var _this$state = this.state,
226
197
  toUseNarrow = _this$state.toUseNarrow,
227
198
  hideHeader = _this$state.hideHeader;
@@ -235,16 +206,11 @@ var Container = /*#__PURE__*/function (_React$PureComponent) {
235
206
  toUseNarrow: toUseNarrow,
236
207
  hideHeader: hideHeader
237
208
  };
238
-
239
- var actionProps = this.__prepareActionProps();
240
-
241
209
  return /*#__PURE__*/_react["default"].createElement(_headerContext["default"].Provider, {
242
210
  value: contextValue
243
- }, /*#__PURE__*/_react["default"].createElement(Header, _extends({
244
- actions: actionProps.desktop,
245
- mobileActions: actionProps.mobile,
246
- hbActions: actionProps.hamburger
247
- }, passThrough)));
211
+ }, /*#__PURE__*/_react["default"].createElement(Header, {
212
+ hamburgerContext: hamburgerContext
213
+ }));
248
214
  }
249
215
  }]);
250
216
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@twreporter/universal-header",
3
- "version": "2.7.0-rc.9",
3
+ "version": "2.7.0",
4
4
  "description": "Universal header of TWReporter sites",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {
@@ -20,8 +20,8 @@
20
20
  ],
21
21
  "license": "MIT",
22
22
  "dependencies": {
23
- "@twreporter/core": "^1.11.0-rc.4",
24
- "@twreporter/react-components": "^8.18.1-rc.8",
23
+ "@twreporter/core": "^1.11.0",
24
+ "@twreporter/react-components": "^8.18.1",
25
25
  "lodash": "^4.17.11",
26
26
  "prop-types": "^15.6.2",
27
27
  "querystring": "^0.2.0",
@@ -48,5 +48,5 @@
48
48
  "@storybook/testing-library": "^0.0.13",
49
49
  "babel-loader": "^8.2.5"
50
50
  },
51
- "gitHead": "c405c3a97de6b1ee0234d8b24eeaa725463825fa"
51
+ "gitHead": "a3fcc35f1a2534bb4a08d69d636ba53405160c9f"
52
52
  }