@twreporter/universal-header 2.2.9-rc.6 → 2.2.10-rc.0

package/CHANGELOG.md

@@ -3,6 +3,34 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.2.10-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.2.9...@twreporter/universal-header@2.2.10-rc.0) (2022-06-08)
+
+
+### Bug Fixes
+
+* address eslint warning ([775026f](https://github.com/twreporter/twreporter-npm-packages/commit/775026fcc83423fab43ce809c9dcaa21d6d777c0))
+* adjustment style & animation ([1694069](https://github.com/twreporter/twreporter-npm-packages/commit/1694069e769e685b6ec892e0d736111023c1319a))
+
+
+
+
+
+## [2.2.9](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.2.9-rc.7...@twreporter/universal-header@2.2.9) (2022-06-07)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+
+
+
+
+## [2.2.9-rc.7](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.2.9-rc.6...@twreporter/universal-header@2.2.9-rc.7) (2022-06-06)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+
+
+
+
 ## [2.2.9-rc.6](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.2.9-rc.5...@twreporter/universal-header@2.2.9-rc.6) (2022-05-30)
 
 

package/lib/components/action-button.js

@@ -11,20 +11,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _css = require("@twreporter/core/lib/utils/css");
-
 var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
 
-var _fonts = _interopRequireDefault(require("../constants/fonts"));
-
-var _actions = _interopRequireDefault(require("../constants/actions"));
-
 var _links = _interopRequireDefault(require("../utils/links"));
 
 var _theme = _interopRequireDefault(require("../utils/theme"));
 
+var _fonts = _interopRequireDefault(require("../constants/fonts"));
+
+var _actions = require("../constants/actions");
+
 var _customizedLink = _interopRequireDefault(require("./customized-link"));
 
+var _css = require("@twreporter/core/lib/utils/css");
+
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
 var _color = require("@twreporter/core/lib/constants/color");
@@ -145,7 +145,7 @@ var ActionButtonItem = function ActionButtonItem(_ref) {
       callback = _ref.callback;
   var actionKey = action.key;
   var isActive = (_action$active = action.active) !== null && _action$active !== void 0 ? _action$active : true;
-  var actionLabel = _actions["default"].actionLabels[actionKey];
+  var actionLabel = _actions.actionLabels[actionKey];
 
   var actionLink = _links["default"].getActionLinks()[actionKey];
 

package/lib/components/channels.js

@@ -21,7 +21,7 @@ var _theme = _interopRequireDefault(require("../utils/theme"));
 
 var _propTypes2 = _interopRequireDefault(require("../constants/prop-types"));
 
-var _channels = _interopRequireDefault(require("../constants/channels"));
+var _channels = require("../constants/channels");
 
 var _fonts = _interopRequireDefault(require("../constants/fonts"));
 
@@ -291,7 +291,7 @@ var Channels = /*#__PURE__*/function (_React$PureComponent) {
       var channelType = channelItem.type;
       var channelLink = channelItem.link;
 
-      if (channelType === _channels["default"].channelDropDownType) {
+      if (channelType === _channels.channelDropDownType) {
         var _this$props = this.props,
             data = _this$props.data,
             direction = _this$props.direction;
@@ -398,7 +398,7 @@ _defineProperty(Channels, "propTypes", {
     label: _propTypes["default"].string,
     link: _propTypes["default"].shape(_propTypes2["default"].link.propTypes),
     pathname: _propTypes["default"].string,
-    type: _propTypes["default"].oneOf([_channels["default"].channelDropDownType, _channels["default"].channelLinkType])
+    type: _propTypes["default"].oneOf([_channels.channelDropDownType, _channels.channelLinkType])
   }, dropDownMenuKey, _dropDownMenu["default"].propTypes.data))),
   direction: _propTypes["default"].string,
   borderWidth: _propTypes["default"].array,

package/lib/containers/header.js

@@ -7,31 +7,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _header = _interopRequireDefault(require("../components/header"));
-
-var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
-
-var _mobileHeader = _interopRequireDefault(require("../components/mobile-header"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _categories = _interopRequireDefault(require("../constants/categories"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _channels = _interopRequireDefault(require("../constants/channels"));
+var _reactRedux = require("react-redux");
 
-var _actions = _interopRequireDefault(require("../constants/actions"));
+var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
 
 var _links = _interopRequireDefault(require("../utils/links"));
 
-var _services = _interopRequireDefault(require("../constants/services"));
+var _categories = require("../constants/categories");
 
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _channels = require("../constants/channels");
+
+var _actions = require("../constants/actions");
+
+var _services = require("../constants/services");
 
 var _propTypes2 = _interopRequireDefault(require("../constants/prop-types"));
 
-var _reactRedux = require("react-redux");
+var _header = _interopRequireDefault(require("../components/header"));
+
+var _mobileHeader = _interopRequireDefault(require("../components/mobile-header"));
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
@@ -87,7 +87,7 @@ var _ = {
   get: _get["default"],
   map: _map["default"]
 };
-var HIDE_HEADER_THRESHOLD = 46;
+var HIDE_HEADER_THRESHOLD = 8;
 var TRANSFORM_HEADER_THRESHOLD = 40;
 var TRANSFORM_TIMEOUT = 800;
 var stickyTop = /*#__PURE__*/(0, _styledComponents.css)(["position:sticky;top:0;z-index:1000;"]);
@@ -233,19 +233,19 @@ var Container = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "__prepareServiceProps",
     value: function __prepareServiceProps(isAuthed) {
-      var serviceProps = _.map(_services["default"].serviceOrder, function (key) {
+      var serviceProps = _.map(_services.serviceOrder, function (key) {
         return {
           key: key
         };
       });
 
       if (isAuthed) {
-        var logoutKey = _services["default"].serviceKeys.logout;
+        var logoutKey = _services.serviceKeys.logout;
         serviceProps.push({
           key: logoutKey
         });
       } else {
-        var loginKey = _services["default"].serviceKeys.login;
+        var loginKey = _services.serviceKeys.login;
         serviceProps.push({
           key: loginKey
         });
@@ -256,12 +256,12 @@ var Container = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "__prepareChannelProps",
     value: function __prepareChannelProps(releaseBranch, isLinkExternal) {
-      var channelProps = _.map(_channels["default"].channelOrder, function (key) {
+      var channelProps = _.map(_channels.channelOrder, function (key) {
         return {
           key: key,
-          label: _channels["default"].channelLabels[key],
-          type: _channels["default"].channelTypes[key],
-          pathname: _channels["default"].channelPathnames[key],
+          label: _channels.channelLabels[key],
+          type: _channels.channelTypes[key],
+          pathname: _channels.channelPathnames[key],
           link: _links["default"].getChannelLinks(isLinkExternal, releaseBranch)[key]
         };
       });
@@ -271,11 +271,11 @@ var Container = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "__prepareCategoriesProps",
     value: function __prepareCategoriesProps(releaseBranch, isLinkExternal, channelProps) {
-      channelProps[channelProps.length - 1].dropDownMenu = _.map(_categories["default"].categoryOrder, function (key) {
+      channelProps[channelProps.length - 1].dropDownMenu = _.map(_categories.categoryOrder, function (key) {
         return {
           key: key,
-          label: _categories["default"].categoryLabels[key],
-          pathname: _categories["default"].categoryPathnames[key],
+          label: _categories.categoryLabels[key],
+          pathname: _categories.categoryPathnames[key],
           link: _links["default"].getCategoryLinks(isLinkExternal, releaseBranch)[key]
         };
       });
@@ -283,21 +283,21 @@ var Container = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "__prepareActionProps",
     value: function __prepareActionProps() {
-      var isActive = _actions["default"].actionActive;
+      var isActive = _actions.actionActive;
 
-      var mobileActionProps = _.map(_actions["default"].actionOrder.mobile, function (key) {
+      var mobileActionProps = _.map(_actions.actionOrder.mobile, function (key) {
         return {
           key: key
         };
       });
 
-      var desktopAndTabletActionProps = _.map(_actions["default"].actionOrder.desktop, function (key) {
+      var desktopAndTabletActionProps = _.map(_actions.actionOrder.desktop, function (key) {
         return {
           key: key
         };
       });
 
-      var narrowActionProps = _.map(_actions["default"].actionOrder.desktop, function (key) {
+      var narrowActionProps = _.map(_actions.actionOrder.desktop, function (key) {
         return {
           key: key,
           active: isActive.narrow[key]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/universal-header",
-  "version": "2.2.9-rc.6",
+  "version": "2.2.10-rc.0",
   "description": "Universal header of TWReporter sites",
   "main": "lib/index.js",
   "scripts": {
@@ -18,8 +18,8 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@twreporter/core": "^1.4.0",
-    "@twreporter/react-components": "^8.9.0-rc.5",
+    "@twreporter/core": "^1.4.1",
+    "@twreporter/react-components": "^8.10.0-rc.0",
     "lodash": "^4.17.11",
     "prop-types": "^15.6.2",
     "querystring": "^0.2.0",
@@ -34,5 +34,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "0e39ea46c6e86d9599a0c2f076aecc988e1b1bc6"
+  "gitHead": "9cc4e642f326544d628a042ae83496476d150b8d"
 }