@twreporter/universal-header 2.2.0-rc.10 → 2.2.0-rc.11

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.2.0-rc.11](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.2.0-rc.10...@twreporter/universal-header@2.2.0-rc.11) (2021-10-08)
+
+
+### Bug Fixes
+
+* **universal-header:** fix ui defect ([a1592da](https://github.com/twreporter/twreporter-npm-packages/commit/a1592da85a0f3f9e38fe86b0f5ef86a8a1c83ba6))
+
+
+
+
+
 # [2.2.0-rc.10](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.2.0-rc.9...@twreporter/universal-header@2.2.0-rc.10) (2021-10-07)
 
 **Note:** Version bump only for package @twreporter/universal-header

package/lib/components/action-button.js

@@ -105,15 +105,17 @@ var ActionsContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig(
 var ActionContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "action-button__ActionContainer",
   componentId: "sc-4wc24t-1"
-})(["transition:opacity 0.1s;transition-delay:300ms;opacity:", ";margin:", ";width:100%;&:first-child{margin-top:0;margin-left:0;}a,a:link,a:visited{color:", ";font-size:", ";font-weight:", ";", " ", "}"], function (props) {
+})(["transition:opacity 0.1s;transition-delay:300ms;opacity:", ";pointer-events:", ";margin:", ";width:100%;&:first-child{margin-top:0;margin-left:0;}a,a:link,a:visited{color:", ";font-size:", ";font-weight:", ";", " ", "}"], function (props) {
   return props.isActive ? 1 : 0;
+}, function (props) {
+  return props.isActive ? 'auto' : 'none';
 }, function (props) {
   return (0, _css.arrayToCssShorthand)(styles.itemMargin[props.direction]);
 }, function (props) {
   return props.color || _colors["default"].white;
-}, styles.fontSize.desktop, _fonts["default"].weight.bold, _mediaQuery["default"].tabletOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      font-size: ", ";\n    "])), function (props) {
+}, styles.fontSize.desktop, _fonts["default"].weight.bold, _mediaQuery["default"].tabletOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      cursor: default;\n      font-size: ", ";\n    "])), function (props) {
   return styles.fontSize.tablet[props.direction];
-}), _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      font-size: ", ";\n    "])), function (props) {
+}), _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      cursor: default;\n      font-size: ", ";\n    "])), function (props) {
   return styles.fontSize.mobile[props.direction];
 }));
 

package/lib/components/channels.js

@@ -33,12 +33,16 @@ var _dropDownMenu = _interopRequireDefault(require("./drop-down-menu"));
 
 var _customizedLink = _interopRequireDefault(require("./customized-link"));
 
+var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
+
 var _css = require("@twreporter/core/lib/utils/css");
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
 var _map = _interopRequireDefault(require("lodash/map"));
 
+var _templateObject;
+
 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); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -81,6 +85,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 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; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 var _ = {
   get: _get["default"],
   map: _map["default"]
@@ -149,7 +155,7 @@ var List = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
 var ListItem = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   displayName: "channels__ListItem",
   componentId: "nu2llv-3"
-})(["display:flex;flex-direction:", ";position:relative;width:", ";height:100%;font-size:", ";letter-spacing:0.5px;cursor:pointer;margin:", ";flex:1;text-shadow:", ";border-style:solid;border-color:inherit;border-width:", ";&:first-child{border-width:", ";}&::after{", "}a,a:link,a:visited{display:flex;justify-content:space-between;align-items:center;font-size:", ";font-weight:", ";padding:", ";width:100%;color:", ";border:0;line-height:18px;&:hover{background-color:", ";color:", ";}}"], function (props) {
+})(["display:flex;flex-direction:", ";position:relative;width:", ";height:100%;font-size:", ";letter-spacing:0.5px;margin:", ";flex:1;text-shadow:", ";border-style:solid;border-color:inherit;border-width:", ";&:first-child{border-width:", ";}&::after{", "}a,a:link,a:visited{display:flex;justify-content:space-between;align-items:center;font-size:", ";font-weight:", ";padding:", ";width:100%;color:", ";border:0;line-height:18px;&:hover{background-color:", ";color:", ";}", "}"], function (props) {
   return props.direction;
 }, function (props) {
   return styles.itemWidth[props.direction];
@@ -169,7 +175,7 @@ var ListItem = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   return props.hoverBgColor;
 }, function (props) {
   return props.hoverFontColor;
-});
+}, _mediaQuery["default"].tabletAndBelow(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      cursor: default;\n    "]))));
 
 var ShowOnHover = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "channels__ShowOnHover",

package/lib/components/hamburger-icons.js

@@ -66,7 +66,7 @@ var styles = {
 var IconContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "hamburger-icons__IconContainer",
   componentId: "sc-11ma9zq-0"
-})(["height:", "px;width:", "px;display:flex;justify-content:center;align-items:center;margin-right:17px;a{display:flex;}", ""], styles.iconHeight.mobile, styles.iconWidth.mobile, _mediaQuery["default"].tabletOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: ", "px;\n    width: ", "px;\n    margin-right: 25px;\n  "])), styles.iconHeight.tablet, styles.iconWidth.tablet));
+})(["height:", "px;width:", "px;display:flex;justify-content:center;align-items:center;margin-right:17px;a{display:flex;cursor:default;}", ""], styles.iconHeight.mobile, styles.iconWidth.mobile, _mediaQuery["default"].tabletOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: ", "px;\n    width: ", "px;\n    margin-right: 25px;\n  "])), styles.iconHeight.tablet, styles.iconWidth.tablet));
 
 var IconsContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "hamburger-icons__IconsContainer",

package/lib/components/mobile-header.js

@@ -35,7 +35,7 @@ var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/med
 
 var _css = require("@twreporter/core/lib/utils/css");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 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); }
 
@@ -81,6 +81,12 @@ var styles = {
     // px
     tablet: [24, 30, 24, 50] // px
 
+  },
+  hamburgerPadding: {
+    mobile: [24],
+    // px
+    tablet: [24, 30] // px
+
   },
   logoHeight: {
     mobile: 26,
@@ -151,7 +157,7 @@ var HamburgerContainer = /*#__PURE__*/_styledComponents["default"].div.withConfi
 var Hamburger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "mobile-header__Hamburger",
   componentId: "sc-1vxvz2u-7"
-})(["display:flex;cursor:pointer;"]);
+})(["display:flex;position:absolute;right:0;padding:", ";", ""], (0, _css.arrayToCssShorthand)(styles.hamburgerPadding.mobile), _mediaQuery["default"].tabletOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    padding: ", ";\n  "])), (0, _css.arrayToCssShorthand)(styles.hamburgerPadding.tablet)));
 
 var MobileHeader = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(MobileHeader, _React$PureComponent);

package/lib/components/slogan.js

@@ -32,7 +32,7 @@ var style = {
 var SloganContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "slogan__SloganContainer",
   componentId: "sc-1eoofl8-0"
-})(["color:", ";font-size:", ";font-family:", ";display:flex;align-items:center;"], function (props) {
+})(["color:", ";font-size:", ";font-family:", ";display:flex;align-items:center;cursor:default;"], function (props) {
   return props.color || _colors["default"].grayDark;
 }, style.fontSize.desktop, _fonts["default"].family.serif);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/universal-header",
-  "version": "2.2.0-rc.10",
+  "version": "2.2.0-rc.11",
   "description": "Universal header of TWReporter sites",
   "main": "lib/index.js",
   "scripts": {
@@ -34,5 +34,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "0f674a0094d623a95f6304934b56474f6cef41e6"
+  "gitHead": "cd8c03706d5166c885eeae58f4745064333bdda6"
 }