@twreporter/universal-header 2.6.0 → 2.6.1-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.6.1-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.6.0...@twreporter/universal-header@2.6.1-rc.0) (2023-06-28)
+
+
+### Bug Fixes
+
+* remove redundant files ([63487c9](https://github.com/twreporter/twreporter-npm-packages/commit/63487c922395de5e8ee07aa2eebdf2b5f79ff438))
+
+
+
+
+
 # [2.6.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.6.0-rc.11...@twreporter/universal-header@2.6.0) (2023-06-21)
 
 **Note:** Version bump only for package @twreporter/universal-header

package/lib/index.js

@@ -9,14 +9,9 @@ var _standaloneHeader = _interopRequireDefault(require("./standalone-header"));
 
 var _header = _interopRequireDefault(require("./containers/header"));
 
-var _headerOld = _interopRequireDefault(require("./containers/header-old"));
-
-var _featureFlag = require("@twreporter/core/lib/constants/feature-flag");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-// feature toggle
-var Header = _featureFlag.ENABLE_NEW_INFO_ARCH ? _header["default"] : _headerOld["default"];
+var Header = _header["default"];
 exports.Header = Header;
 var _default = {
   Header: Header,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/universal-header",
-  "version": "2.6.0",
+  "version": "2.6.1-rc.0",
   "description": "Universal header of TWReporter sites",
   "main": "lib/index.js",
   "scripts": {
@@ -20,8 +20,8 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@twreporter/core": "^1.10.0",
-    "@twreporter/react-components": "^8.18.0",
+    "@twreporter/core": "^1.10.1-rc.0",
+    "@twreporter/react-components": "^8.18.1-rc.0",
     "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": "8bb552690874aabe203b3c8205f725eef6285282"
+  "gitHead": "d0cdc973332d7c8b7e8d8bd4370e6b789961a1a0"
 }

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

@@ -1,218 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
-
-var _linksOld = _interopRequireDefault(require("../utils/links-old"));
-
-var _themeOld = _interopRequireDefault(require("../utils/theme-old"));
-
-var _fonts = _interopRequireDefault(require("../constants/fonts"));
-
-var _actionsOld = require("../constants/actions-old");
-
-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");
-
-var _map = _interopRequireDefault(require("lodash/map"));
-
-var _excluded = ["actions", "direction"];
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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); }
-
-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; }
-
-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; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var _ = {
-  map: _map["default"]
-};
-var styles = {
-  itemWidth: {
-    mobile: {
-      row: '48px',
-      column: '100%'
-    },
-    tablet: {
-      row: '70px',
-      column: '100%'
-    },
-    desktop: '70px'
-  },
-  itemHeight: {
-    mobile: {
-      row: 24,
-      // px
-      column: 40 // px
-
-    },
-    tablet: {
-      row: 30,
-      // px
-      column: 40 // px
-
-    },
-    desktop: 30 // px
-
-  },
-  itemMargin: {
-    row: [0, 0, 0, 10],
-    // px
-    column: [7, 0, 0, 0] // px
-
-  },
-  fontSize: {
-    mobile: {
-      row: _fonts["default"].size.small,
-      column: _fonts["default"].size.medium
-    },
-    tablet: {
-      row: _fonts["default"].size.base,
-      column: _fonts["default"].size.medium
-    },
-    desktop: _fonts["default"].size.base
-  }
-};
-
-var ActionsContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "action-button-old__ActionsContainer",
-  componentId: "sc-1lcbmya-0"
-})(["display:flex;align-items:center;flex-direction:", ";width:100%;"], function (props) {
-  return props.direction;
-});
-
-var ActionContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "action-button-old__ActionContainer",
-  componentId: "sc-1lcbmya-1"
-})(["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 || 'white';
-}, 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      cursor: default;\n      font-size: ", ";\n    "])), function (props) {
-  return styles.fontSize.mobile[props.direction];
-}));
-
-var ActionItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "action-button-old__ActionItem",
-  componentId: "sc-1lcbmya-2"
-})(["background-color:", ";width:", ";max-width:316px;height:", "px;border-radius:50px;display:flex;align-items:center;justify-content:center;margin:0 auto;&:hover{background-color:", ";}", " ", ""], function (props) {
-  return props.bgColor || _color.colorBrand.heavy;
-}, styles.itemWidth.desktop, styles.itemHeight.desktop, function (props) {
-  return props.hoverBgColor || _color.colorBrand.heavy;
-}, _mediaQuery["default"].tabletOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    height: ", "px;\n    width: ", ";\n  "])), function (props) {
-  return styles.itemHeight.tablet[props.direction];
-}, function (props) {
-  return styles.itemWidth.tablet[props.direction];
-}), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    height: ", "px;\n    width: ", ";\n  "])), function (props) {
-  return styles.itemHeight.mobile[props.direction];
-}, function (props) {
-  return styles.itemWidth.mobile[props.direction];
-}));
-
-var ActionButtonItem = function ActionButtonItem(_ref) {
-  var _action$active;
-
-  var action = _ref.action,
-      direction = _ref.direction,
-      themeFunction = _ref.themeFunction,
-      callback = _ref.callback;
-  var actionKey = action.key;
-  var isActive = (_action$active = action.active) !== null && _action$active !== void 0 ? _action$active : true;
-  var actionLabel = _actionsOld.actionLabels[actionKey];
-
-  var actionLink = _linksOld["default"].getActionLinks()[actionKey];
-
-  return /*#__PURE__*/_react["default"].createElement(_headerContext["default"].Consumer, null, function (_ref2) {
-    var theme = _ref2.theme;
-
-    var _themeFunction = themeFunction(theme),
-        color = _themeFunction.color,
-        bgColor = _themeFunction.bgColor,
-        hoverBgColor = _themeFunction.hoverBgColor;
-
-    return /*#__PURE__*/_react["default"].createElement(ActionContainer, {
-      color: color,
-      direction: direction,
-      isActive: isActive,
-      onClick: callback
-    }, /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], actionLink, /*#__PURE__*/_react["default"].createElement(ActionItem, {
-      direction: direction,
-      bgColor: bgColor,
-      hoverBgColor: hoverBgColor
-    }, actionLabel)));
-  });
-};
-
-ActionButtonItem.propTypes = {
-  action: _propTypes["default"].shape({
-    key: _propTypes["default"].string,
-    active: _propTypes["default"]["boolean"]
-  }),
-  direction: _propTypes["default"].string,
-  themeFunction: _propTypes["default"].func,
-  callback: _propTypes["default"].func
-};
-ActionButtonItem.defaultProps = {
-  action: {},
-  direction: 'row',
-  themeFunction: _themeOld["default"].selectActionButtonTheme,
-  callback: function callback() {}
-};
-
-var ActionButton = function ActionButton(_ref3) {
-  var actions = _ref3.actions,
-      direction = _ref3.direction,
-      rest = _objectWithoutProperties(_ref3, _excluded);
-
-  return /*#__PURE__*/_react["default"].createElement(ActionsContainer, {
-    direction: direction
-  }, _.map(actions, function (action) {
-    return /*#__PURE__*/_react["default"].createElement(ActionButtonItem, _extends({
-      action: action,
-      direction: direction,
-      key: action.key
-    }, rest));
-  }));
-};
-
-ActionButton.propTypes = {
-  actions: _propTypes["default"].arrayOf(_propTypes["default"].shape(ActionButtonItem.propTypes)),
-  direction: _propTypes["default"].string,
-  themeFunction: _propTypes["default"].func,
-  callback: _propTypes["default"].func
-};
-ActionButton.defaultProps = {
-  actions: [],
-  direction: 'row',
-  themeFunction: _themeOld["default"].selectActionButtonTheme,
-  callback: function callback() {}
-};
-var _default = ActionButton;
-exports["default"] = _default;