@twreporter/universal-header 2.6.0 → 2.6.1-rc.0

package/lib/components/hamburger-icons.js

@@ -1,270 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
-
-var _customizedLink = _interopRequireDefault(require("./customized-link"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _linksOld = _interopRequireDefault(require("../utils/links-old"));
-
-var _querystring = _interopRequireDefault(require("querystring"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _themeOld = _interopRequireDefault(require("../utils/theme-old"));
-
-var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
-var _map = _interopRequireDefault(require("lodash/map"));
-
-var _templateObject;
-
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-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 = {
-  iconHeight: {
-    mobile: 42,
-    // px
-    tablet: 60 // px
-
-  },
-  iconWidth: {
-    mobile: 42,
-    // px
-    tablet: 60 // px
-
-  }
-};
-
-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;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",
-  componentId: "sc-11ma9zq-1"
-})(["display:flex;", "{border:1px solid;border-radius:50%;border-color:", ";}"], IconContainer, function (props) {
-  return props.borderColor;
-});
-
-var Login = function Login(_ref) {
-  var callback = _ref.callback;
-
-  var handleLogin = function handleLogin(releaseBranch) {
-    var redirectURL = window.location.href;
-
-    var query = _querystring["default"].stringify({
-      destination: redirectURL
-    });
-
-    window.location = _linksOld["default"].getLoginLink(releaseBranch).to + '?' + query;
-  };
-
-  var handleClick = function handleClick(e, releaseBranch) {
-    e.preventDefault();
-    handleLogin(releaseBranch);
-    callback();
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(IconContainer, null, /*#__PURE__*/_react["default"].createElement(_headerContext["default"].Consumer, null, function (_ref2) {
-    var releaseBranch = _ref2.releaseBranch,
-        theme = _ref2.theme;
-
-    var _themeUtils$selectHam = _slicedToArray(_themeOld["default"].selectHamburgerServiceIcons(theme).login, 1),
-        LogInIcon = _themeUtils$selectHam[0];
-
-    return /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], {
-      onClick: function onClick(e) {
-        return handleClick(e, releaseBranch);
-      }
-    }, /*#__PURE__*/_react["default"].createElement(LogInIcon, null));
-  }));
-};
-
-Login.propTypes = {
-  callback: _propTypes["default"].func
-};
-Login.defaultProps = {
-  callback: function callback() {}
-};
-
-var Logout = function Logout(_ref3) {
-  var callback = _ref3.callback;
-
-  var handleLogout = function handleLogout(releaseBranch) {
-    var redirectURL = window.location.href;
-
-    var query = _querystring["default"].stringify({
-      destination: redirectURL
-    });
-
-    window.location = _linksOld["default"].getLogoutLink(releaseBranch).to + '?' + query;
-  };
-
-  var handleClick = function handleClick(e, releaseBranch) {
-    e.preventDefault();
-    handleLogout(releaseBranch);
-    callback();
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(IconContainer, null, /*#__PURE__*/_react["default"].createElement(_headerContext["default"].Consumer, null, function (_ref4) {
-    var releaseBranch = _ref4.releaseBranch,
-        theme = _ref4.theme;
-
-    var _themeUtils$selectHam2 = _slicedToArray(_themeOld["default"].selectHamburgerServiceIcons(theme).logout, 1),
-        LogOutIcon = _themeUtils$selectHam2[0];
-
-    return /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], {
-      onClick: function onClick(e) {
-        return handleClick(e, releaseBranch);
-      }
-    }, /*#__PURE__*/_react["default"].createElement(LogOutIcon, null));
-  }));
-};
-
-Logout.propTypes = {
-  callback: _propTypes["default"].func
-};
-Logout.defaultProps = {
-  callback: function callback() {}
-};
-
-var Search = function Search(_ref5) {
-  var callback = _ref5.callback;
-  return /*#__PURE__*/_react["default"].createElement(IconContainer, null, /*#__PURE__*/_react["default"].createElement(_headerContext["default"].Consumer, null, function (_ref6) {
-    var releaseBranch = _ref6.releaseBranch,
-        isLinkExternal = _ref6.isLinkExternal,
-        theme = _ref6.theme;
-
-    var _themeUtils$selectHam3 = _slicedToArray(_themeOld["default"].selectHamburgerServiceIcons(theme).search, 1),
-        SearchIcon = _themeUtils$selectHam3[0];
-
-    var link = _linksOld["default"].getSearchLink(isLinkExternal, releaseBranch);
-
-    return /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], _extends({}, link, {
-      onClick: callback
-    }), /*#__PURE__*/_react["default"].createElement(SearchIcon, null));
-  }));
-};
-
-Search.propTypes = {
-  callback: _propTypes["default"].func
-};
-Search.defaultProps = {
-  callback: function callback() {}
-};
-
-var Bookmark = function Bookmark(_ref7) {
-  var callback = _ref7.callback;
-  return /*#__PURE__*/_react["default"].createElement(IconContainer, null, /*#__PURE__*/_react["default"].createElement(_headerContext["default"].Consumer, null, function (_ref8) {
-    var releaseBranch = _ref8.releaseBranch,
-        isLinkExternal = _ref8.isLinkExternal,
-        theme = _ref8.theme;
-
-    var _themeUtils$selectHam4 = _slicedToArray(_themeOld["default"].selectHamburgerServiceIcons(theme).bookmark, 1),
-        BookmarkIcon = _themeUtils$selectHam4[0];
-
-    var link = _linksOld["default"].getBookmarksLink(isLinkExternal, releaseBranch);
-
-    return /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], _extends({}, link, {
-      onClick: callback
-    }), /*#__PURE__*/_react["default"].createElement(BookmarkIcon, null));
-  }));
-};
-
-Bookmark.propTypes = {
-  callback: _propTypes["default"].func
-};
-Bookmark.defaultProps = {
-  callback: function callback() {}
-};
-
-var HamburgerService = function HamburgerService(_ref9) {
-  var services = _ref9.services,
-      callback = _ref9.callback;
-
-  var _prepareIconJsx = function _prepareIconJsx(service) {
-    var serviceKey = service.key;
-
-    switch (serviceKey) {
-      case 'login':
-        return /*#__PURE__*/_react["default"].createElement(Login, {
-          callback: callback,
-          key: serviceKey
-        });
-
-      case 'logout':
-        return /*#__PURE__*/_react["default"].createElement(Logout, {
-          callback: callback,
-          key: serviceKey
-        });
-
-      case 'search':
-        return /*#__PURE__*/_react["default"].createElement(Search, {
-          callback: callback,
-          key: serviceKey
-        });
-
-      case 'bookmarks':
-        return /*#__PURE__*/_react["default"].createElement(Bookmark, {
-          callback: callback,
-          key: serviceKey
-        });
-
-      default:
-        return null;
-    }
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_headerContext["default"].Consumer, null, function (_ref10) {
-    var theme = _ref10.theme;
-
-    var _themeUtils$selectHam5 = _themeOld["default"].selectHamburgerServiceTheme(theme),
-        borderColor = _themeUtils$selectHam5.borderColor;
-
-    return /*#__PURE__*/_react["default"].createElement(IconsContainer, {
-      borderColor: borderColor
-    }, _.map(services, function (service) {
-      return _prepareIconJsx(service);
-    }));
-  });
-};
-
-HamburgerService.propTypes = {
-  services: _propTypes["default"].array,
-  callback: _propTypes["default"].func
-};
-HamburgerService.defaultProps = {
-  services: [],
-  callback: function callback() {}
-};
-var _default = HamburgerService;
-exports["default"] = _default;

package/lib/components/hamburger-menu-old.js

@@ -1,148 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _css = require("@twreporter/core/lib/utils/css");
-
-var _mobilePopUpModal = _interopRequireDefault(require("@twreporter/react-components/lib/mobile-pop-up-modal"));
-
-var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
-
-var _themeOld = _interopRequireDefault(require("../utils/theme-old"));
-
-var _actionButtonOld = _interopRequireDefault(require("./action-button-old"));
-
-var _sloganOld = _interopRequireDefault(require("./slogan-old"));
-
-var _hamburgerIcons = _interopRequireDefault(require("./hamburger-icons"));
-
-var _channelsOld = _interopRequireDefault(require("./channels-old"));
-
-var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var styles = {
-  closeButtonHeight: {
-    mobile: 42,
-    // px
-    tablet: 60 // px
-
-  },
-  sloganMargin: {
-    mobile: [28, 0],
-    tablet: [38, 0]
-  },
-  channelMargin: {
-    mobile: [20, 0, 0, 0],
-    tablet: [40, 0, 0, 0]
-  },
-  serviceMargin: {
-    mobile: [16, 0, 22, 0],
-    tablet: [24, 0, 42, 0]
-  }
-};
-
-var MenuContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "hamburger-menu-old__MenuContainer",
-  componentId: "ai0vhm-0"
-})(["background-color:", ";display:flex;flex-direction:column;justify-content:space-between;height:auto;min-height:100%;"], function (props) {
-  return props.bgColor;
-});
-
-var CloseContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "hamburger-menu-old__CloseContainer",
-  componentId: "ai0vhm-1"
-})(["position:absolute;top:10px;right:10px;height:", "px;width:", "px;", ""], styles.closeButtonHeight.mobile, styles.closeButtonHeight.mobile, _mediaQuery["default"].tabletOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: ", "px;\n    width: ", "px;\n  "])), styles.closeButtonHeight.tablet, styles.closeButtonHeight.tablet));
-
-var FlexBox = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "hamburger-menu-old__FlexBox",
-  componentId: "ai0vhm-2"
-})(["display:flex;flex-direction:column;align-items:center;"]);
-
-var SloganContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "hamburger-menu-old__SloganContainer",
-  componentId: "ai0vhm-3"
-})(["margin:", ";", ""], (0, _css.arrayToCssShorthand)(styles.sloganMargin.mobile), _mediaQuery["default"].tabletOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin: ", ";\n  "])), (0, _css.arrayToCssShorthand)(styles.sloganMargin.tablet)));
-
-var ActionContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "hamburger-menu-old__ActionContainer",
-  componentId: "ai0vhm-4"
-})(["width:100%;padding:0 30px;"]);
-
-var ChannelContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "hamburger-menu-old__ChannelContainer",
-  componentId: "ai0vhm-5"
-})(["width:100%;margin:10px 0;margin:", ";", ""], (0, _css.arrayToCssShorthand)(styles.channelMargin.mobile), _mediaQuery["default"].tabletOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin: ", ";\n  "])), (0, _css.arrayToCssShorthand)(styles.channelMargin.tablet)));
-
-var ServiceContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "hamburger-menu-old__ServiceContainer",
-  componentId: "ai0vhm-6"
-})(["position:relative;bottom:0;display:flex;justify-content:center;align-items:center;width:100%;margin:", ";", ""], (0, _css.arrayToCssShorthand)(styles.serviceMargin.mobile), _mediaQuery["default"].tabletOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin: ", ";\n  "])), (0, _css.arrayToCssShorthand)(styles.serviceMargin.tablet)));
-
-var HamburgerMenu = function HamburgerMenu(_ref) {
-  var channels = _ref.channels,
-      services = _ref.services,
-      actions = _ref.actions,
-      handleClose = _ref.handleClose;
-  return /*#__PURE__*/_react["default"].createElement(_headerContext["default"].Consumer, null, function (_ref2) {
-    var theme = _ref2.theme;
-
-    var _themeUtils$selectHam = _themeOld["default"].selectHamburgerMenuTheme(theme),
-        bgColor = _themeUtils$selectHam.bgColor;
-
-    var CloseIcon = _themeOld["default"].selectIcons(theme).close;
-
-    var closeJSX = /*#__PURE__*/_react["default"].createElement(CloseContainer, {
-      onClick: handleClose
-    }, /*#__PURE__*/_react["default"].createElement(CloseIcon, null));
-
-    return /*#__PURE__*/_react["default"].createElement(_mobilePopUpModal["default"], null, /*#__PURE__*/_react["default"].createElement(MenuContainer, {
-      bgColor: bgColor
-    }, closeJSX, /*#__PURE__*/_react["default"].createElement(FlexBox, null, /*#__PURE__*/_react["default"].createElement(SloganContainer, null, /*#__PURE__*/_react["default"].createElement(_sloganOld["default"], {
-      themeFunction: _themeOld["default"].selectSloganHBTheme
-    })), /*#__PURE__*/_react["default"].createElement(ActionContainer, null, /*#__PURE__*/_react["default"].createElement(_actionButtonOld["default"], {
-      actions: actions,
-      direction: "column",
-      themeFunction: _themeOld["default"].selectActionButtonHBTheme,
-      callback: handleClose
-    })), /*#__PURE__*/_react["default"].createElement(ChannelContainer, null, /*#__PURE__*/_react["default"].createElement(_channelsOld["default"], {
-      data: channels,
-      direction: "column",
-      currentPathname: "",
-      themeFunction: _themeOld["default"].selectChannelHBTheme,
-      callback: handleClose
-    }))), /*#__PURE__*/_react["default"].createElement(ServiceContainer, null, /*#__PURE__*/_react["default"].createElement(_hamburgerIcons["default"], {
-      services: services,
-      callback: handleClose
-    }))));
-  });
-};
-
-HamburgerMenu.propTypes = {
-  channels: _propTypes["default"].array,
-  services: _propTypes["default"].array,
-  actions: _propTypes["default"].array,
-  handleClose: _propTypes["default"].func
-};
-HamburgerMenu.defaultProps = {
-  channels: [],
-  services: [],
-  actions: [],
-  handleClose: function handleClose() {}
-};
-var _default = HamburgerMenu;
-exports["default"] = _default;