@twreporter/universal-header 2.6.0-rc.7 → 2.6.0-rc.9

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.6.0-rc.9](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.6.0-rc.8...@twreporter/universal-header@2.6.0-rc.9) (2023-06-19)
+
+
+### Bug Fixes
+
+* add isForHambuger prop for action button ([7595714](https://github.com/twreporter/twreporter-npm-packages/commit/75957143b6ea5707c08f37e65a2647c0383da5c4))
+* fix action button theme ([435a7d1](https://github.com/twreporter/twreporter-npm-packages/commit/435a7d1063af96b0f0f7b23b9e6067dce026cbed))
+
+
+
+
+
+# [2.6.0-rc.8](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.6.0-rc.7...@twreporter/universal-header@2.6.0-rc.8) (2023-06-17)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+
+
+
+
 # [2.6.0-rc.7](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.6.0-rc.6...@twreporter/universal-header@2.6.0-rc.7) (2023-06-17)
 
 **Note:** Version bump only for package @twreporter/universal-header

package/lib/components/action-button-item.js

@@ -31,7 +31,7 @@ var _theme = require("@twreporter/core/lib/constants/theme");
 
 var _map = _interopRequireDefault(require("lodash/map"));
 
-var _excluded = ["actions", "direction", "textType", "buttonWidth", "buttonSize", "callback"];
+var _excluded = ["actions", "direction", "textType", "buttonWidth", "buttonSize", "callback", "isForHambuger"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -94,12 +94,25 @@ var ActionButtonItem = function ActionButtonItem(_ref) {
       _ref$buttonSize = _ref.buttonSize,
       buttonSize = _ref$buttonSize === void 0 ? _actionItemTypes.BUTTON_SIZE_TYPE.S : _ref$buttonSize,
       _ref$callback = _ref.callback,
-      callback = _ref$callback === void 0 ? defaultFunc : _ref$callback;
+      callback = _ref$callback === void 0 ? defaultFunc : _ref$callback,
+      _ref$isForHambuger = _ref.isForHambuger,
+      isForHambuger = _ref$isForHambuger === void 0 ? false : _ref$isForHambuger;
 
   var _useContext = (0, _react.useContext)(_headerContext["default"]),
       theme = _useContext.theme;
 
-  var buttonTheme = direction === _actionItemTypes.DIRECTION_TYPE.row || theme === _theme.THEME.photography ? theme : _theme.THEME.noraml;
+  var buttonTheme;
+
+  if (isForHambuger) {
+    if (theme === _theme.THEME.transparent) {
+      buttonTheme = _theme.THEME.normal;
+    } else {
+      buttonTheme = theme;
+    }
+  } else {
+    buttonTheme = theme;
+  }
+
   var actionKey = action.key;
   var actionLabel = _actions.ACTION_LABEL[textType][actionKey];
   var actionLink = (0, _links.getActionLinks)()[actionKey];
@@ -124,7 +137,8 @@ ActionButtonItem.propTypes = {
   textType: _actionItemTypes.TEXT_PROP_TYPE,
   buttonWidth: _actionItemTypes.BUTTON_WIDTH_PROP_TYPE,
   buttonSize: _actionItemTypes.BUTTON_SIZE_PROP_TYPE,
-  callback: _propTypes["default"].func
+  callback: _propTypes["default"].func,
+  isForHambuger: _propTypes["default"].bool
 };
 
 var ActionButton = function ActionButton(_ref2) {
@@ -140,6 +154,8 @@ var ActionButton = function ActionButton(_ref2) {
       buttonSize = _ref2$buttonSize === void 0 ? _actionItemTypes.BUTTON_SIZE_TYPE.S : _ref2$buttonSize,
       _ref2$callback = _ref2.callback,
       callback = _ref2$callback === void 0 ? defaultFunc : _ref2$callback,
+      _ref2$isForHambuger = _ref2.isForHambuger,
+      isForHambuger = _ref2$isForHambuger === void 0 ? false : _ref2$isForHambuger,
       rest = _objectWithoutProperties(_ref2, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement(ActionsContainer, _extends({
@@ -152,7 +168,8 @@ var ActionButton = function ActionButton(_ref2) {
       textType: textType,
       buttonWidth: buttonWidth,
       buttonSize: buttonSize,
-      key: action.key
+      key: action.key,
+      isForHambuger: isForHambuger
     });
   }));
 };
@@ -163,7 +180,8 @@ ActionButton.propTypes = {
   textType: ActionButtonItem.propTypes.textType,
   buttonWidth: ActionButtonItem.propTypes.buttonWidth,
   buttonSize: ActionButtonItem.propTypes.buttonSize,
-  callback: _propTypes["default"].func
+  callback: _propTypes["default"].func,
+  isForHambuger: _propTypes["default"].bool
 };
 var _default = ActionButton;
 exports["default"] = _default;

package/lib/components/action-button-item.stories.js

@@ -21,7 +21,8 @@ var _theme = require("@twreporter/core/lib/constants/theme");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-/* eslint-disable react/prop-types */
+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); }
+
 var _default = {
   title: 'Action Button',
   component: _actionButtonItem["default"],
@@ -108,7 +109,9 @@ var hamburger = function hamburger(props) {
     value: {
       theme: props.theme
     }
-  }, /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(_actionButtonItem["default"], props)));
+  }, /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(_actionButtonItem["default"], _extends({
+    isForHambuger: true
+  }, props))));
 };
 
 exports.hamburger = hamburger;

package/lib/components/action-button.js

@@ -62,7 +62,8 @@ var DesktopHamburgerAction = function DesktopHamburgerAction(_ref3) {
     direction: _actionItemTypes.DIRECTION_TYPE.column,
     textType: _actionItemTypes.TEXT_TYPE.full,
     buttonWidth: _actionItemTypes.BUTTON_WIDTH_TYPE.stretch,
-    buttonSize: _actionItemTypes.BUTTON_SIZE_TYPE.L
+    buttonSize: _actionItemTypes.BUTTON_SIZE_TYPE.L,
+    isForHambuger: true
   }, props));
 };
 
@@ -76,7 +77,8 @@ var MobileHamburgerAction = function MobileHamburgerAction(_ref4) {
     actions: actionProps,
     textType: _actionItemTypes.TEXT_TYPE.full,
     buttonWidth: _actionItemTypes.BUTTON_WIDTH_TYPE.stretch,
-    buttonSize: _actionItemTypes.BUTTON_SIZE_TYPE.L
+    buttonSize: _actionItemTypes.BUTTON_SIZE_TYPE.L,
+    isForHambuger: true
   }, props));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/universal-header",
-  "version": "2.6.0-rc.7",
+  "version": "2.6.0-rc.9",
   "description": "Universal header of TWReporter sites",
   "main": "lib/index.js",
   "scripts": {
@@ -21,7 +21,7 @@
   "license": "MIT",
   "dependencies": {
     "@twreporter/core": "^1.10.0-rc.4",
-    "@twreporter/react-components": "^8.18.0-rc.7",
+    "@twreporter/react-components": "^8.18.0-rc.8",
     "lodash": "^4.17.11",
     "prop-types": "^15.6.2",
     "querystring": "^0.2.0",
@@ -48,5 +48,5 @@
     "@storybook/testing-library": "^0.0.13",
     "babel-loader": "^8.2.5"
   },
-  "gitHead": "186747107ad32429a3dcc0b0a663c1ccc7d744ea"
+  "gitHead": "665e4797553b1075a7a6092de0f7f5a4e5a691d5"
 }