@twreporter/universal-header 2.5.1 → 2.5.2-rc.0

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.5.2-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.5.1...@twreporter/universal-header@2.5.2-rc.0) (2023-05-11)
+
+
+### Bug Fixes
+
+* not apply position: fixed on tab bar ([f1c9d7d](https://github.com/twreporter/twreporter-npm-packages/commit/f1c9d7dde506a43ba1f116ccbfef0bc3a92ed90c))
+
+
+
+
+
 ## [2.5.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.5.1-rc.0...@twreporter/universal-header@2.5.1) (2023-05-09)
 
 **Note:** Version bump only for package @twreporter/universal-header

package/lib/components/header.js

@@ -19,6 +19,8 @@ var _links = require("../utils/links");
 
 var _theme = require("../utils/theme");
 
+var _theme2 = _interopRequireDefault(require("../constants/theme"));
+
 var _hamburgerMenu = require("../constants/hamburger-menu");
 
 var _channels = _interopRequireDefault(require("./channels"));
@@ -100,7 +102,9 @@ var ChannelEffect = /*#__PURE__*/(0, _styledComponents.css)([".channel-effect-en
 var HeaderContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "header__HeaderContainer",
   componentId: "sc-1krza7i-0"
-})(["width:100%;background-color:", ";transform:translateY( ", " );transition:transform 300ms ", ";", ""], function (props) {
+})(["position:", ";top:0;width:100%;z-index:1000;background-color:", ";transform:translateY( ", " );transition:transform 300ms ", ";", ""], function (props) {
+  return props.theme === _theme2["default"].transparent ? 'fixed' : 'sticky';
+}, function (props) {
   return props.bgColor;
 }, function (props) {
   return props.hideHeader ? "".concat(-narrowHeaderHeight, "px") : '0';
@@ -318,7 +322,8 @@ var Header = function Header() {
   }, /*#__PURE__*/_react["default"].createElement(HeaderContainer, {
     bgColor: bgColor,
     hideHeader: hideHeader,
-    forceShowOnMobile: showHamburger
+    forceShowOnMobile: showHamburger,
+    theme: theme
   }, /*#__PURE__*/_react["default"].createElement(_rwd.DesktopAndAbove, null, DesktopHeaderJSX), /*#__PURE__*/_react["default"].createElement(_rwd.TabletAndBelow, null, MobileHeaderJSX)), /*#__PURE__*/_react["default"].createElement(HamburgerContainer, {
     ref: ref,
     showHamburger: showHamburger

package/lib/containers/header.js

@@ -9,8 +9,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _reactRedux = require("react-redux");
 
 var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
@@ -29,10 +27,6 @@ var _reduce = _interopRequireDefault(require("lodash/reduce"));
 
 var _excluded = ["releaseBranch", "isAuthed", "isLinkExternal", "theme", "pathname", "referrerPath"];
 
-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; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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; }
@@ -75,12 +69,6 @@ var _ = {
 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;"]);
-
-var HeaderContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "header__HeaderContainer",
-  componentId: "narage-0"
-})(["", ""], stickyTop);
 
 var Container = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Container, _React$PureComponent);
@@ -247,11 +235,11 @@ var Container = /*#__PURE__*/function (_React$PureComponent) {
 
       return /*#__PURE__*/_react["default"].createElement(_headerContext["default"].Provider, {
         value: contextValue
-      }, /*#__PURE__*/_react["default"].createElement(HeaderContainer, null, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
+      }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
         actions: actionProps.desktop,
         mobileActions: actionProps.mobile,
         hbActions: actionProps.hamburger
-      }, passThrough))));
+      }, passThrough)));
     }
   }]);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/universal-header",
-  "version": "2.5.1",
+  "version": "2.5.2-rc.0",
   "description": "Universal header of TWReporter sites",
   "main": "lib/index.js",
   "scripts": {
@@ -48,5 +48,5 @@
     "@storybook/testing-library": "^0.0.13",
     "babel-loader": "^8.2.5"
   },
-  "gitHead": "2dc4f0484c46f7720a670bfbfed39296b913f866"
+  "gitHead": "cad6240bc131c38a06dae3c2274f0131e7480961"
 }