@twreporter/universal-header 2.3.0 → 2.4.0-rc.0

package/lib/constants/channels-old.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.channelTypes = exports.channelDropDownType = exports.channelLinkType = exports.channelOrder = exports.channelLabels = exports.channelPathnames = exports.channelKeys = void 0;
+
+var _channelPathnames, _channelLabels, _channelTypes;
+
+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; }
+
+var channelKeys = {
+  reviews: 'reviews',
+  topics: 'topics',
+  photography: 'photography',
+  infographic: 'infographic',
+  categories: 'categories'
+};
+exports.channelKeys = channelKeys;
+var channelPathnames = (_channelPathnames = {}, _defineProperty(_channelPathnames, channelKeys.reviews, '/categories/reviews'), _defineProperty(_channelPathnames, channelKeys.topics, '/topics'), _defineProperty(_channelPathnames, channelKeys.photography, '/photography'), _defineProperty(_channelPathnames, channelKeys.infographic, '/categories/infographic'), _defineProperty(_channelPathnames, channelKeys.categories, '/#categories'), _channelPathnames);
+exports.channelPathnames = channelPathnames;
+var channelLabels = (_channelLabels = {}, _defineProperty(_channelLabels, channelKeys.reviews, '評論'), _defineProperty(_channelLabels, channelKeys.topics, '專題'), _defineProperty(_channelLabels, channelKeys.photography, '攝影'), _defineProperty(_channelLabels, channelKeys.infographic, '多媒體'), _defineProperty(_channelLabels, channelKeys.categories, '議題'), _channelLabels);
+exports.channelLabels = channelLabels;
+var channelOrder = [channelKeys.reviews, channelKeys.topics, channelKeys.photography, channelKeys.infographic, channelKeys.categories];
+exports.channelOrder = channelOrder;
+var channelLinkType = 'link';
+exports.channelLinkType = channelLinkType;
+var channelDropDownType = 'drop-down';
+exports.channelDropDownType = channelDropDownType;
+var channelTypes = (_channelTypes = {}, _defineProperty(_channelTypes, channelKeys.reviews, channelLinkType), _defineProperty(_channelTypes, channelKeys.topics, channelLinkType), _defineProperty(_channelTypes, channelKeys.photography, channelLinkType), _defineProperty(_channelTypes, channelKeys.infographic, channelLinkType), _defineProperty(_channelTypes, channelKeys.categories, channelDropDownType), _channelTypes);
+exports.channelTypes = channelTypes;
+var _default = {
+  channelDropDownType: channelDropDownType,
+  channelKeys: channelKeys,
+  channelLinkType: channelLinkType,
+  channelLabels: channelLabels,
+  channelOrder: channelOrder,
+  channelPathnames: channelPathnames,
+  channelTypes: channelTypes
+};
+exports["default"] = _default;

package/lib/constants/channels.js

@@ -3,39 +3,72 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.channelTypes = exports.channelDropDownType = exports.channelLinkType = exports.channelOrder = exports.channelLabels = exports.channelPathnames = exports.channelKeys = void 0;
+exports["default"] = exports.CHANNEL_ORDER = exports.CHANNEL_DROPDOWN = exports.CHANNEL_TYPE = exports.CHANNEL_DROPDOWN_TYPE = exports.CHANNEL_LINK_TYPE = exports.CHANNEL_LABEL = exports.CHANNEL_PATH = exports.CHANNEL_KEY = void 0;
 
-var _channelPathnames, _channelLabels, _channelTypes;
+var _infogram = require("@twreporter/core/lib/constants/infogram");
+
+var _categorySet = require("@twreporter/core/lib/constants/category-set");
+
+var _CHANNEL_PATH, _CHANNEL_LABEL, _CHANNEL_TYPE, _CHANNEL_DROPDOWN;
 
 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; }
 
-var channelKeys = {
-  reviews: 'reviews',
-  topics: 'topics',
+var channelKey = {
+  latest: 'latest',
+  topic: 'topic',
+  category: 'category',
+  opinion: 'opinion',
+  column: 'column',
+  humanStory: 'human-story',
   photography: 'photography',
-  infographic: 'infographic',
-  categories: 'categories'
+  podcast: 'podcast',
+  kidsReporter: 'kids-reporter',
+  infographic: 'infographic'
 };
-exports.channelKeys = channelKeys;
-var channelPathnames = (_channelPathnames = {}, _defineProperty(_channelPathnames, channelKeys.reviews, '/categories/reviews'), _defineProperty(_channelPathnames, channelKeys.topics, '/topics'), _defineProperty(_channelPathnames, channelKeys.photography, '/photography'), _defineProperty(_channelPathnames, channelKeys.infographic, '/categories/infographic'), _defineProperty(_channelPathnames, channelKeys.categories, '/#categories'), _channelPathnames);
-exports.channelPathnames = channelPathnames;
-var channelLabels = (_channelLabels = {}, _defineProperty(_channelLabels, channelKeys.reviews, '評論'), _defineProperty(_channelLabels, channelKeys.topics, '專題'), _defineProperty(_channelLabels, channelKeys.photography, '攝影'), _defineProperty(_channelLabels, channelKeys.infographic, '多媒體'), _defineProperty(_channelLabels, channelKeys.categories, '議題'), _channelLabels);
-exports.channelLabels = channelLabels;
-var channelOrder = [channelKeys.reviews, channelKeys.topics, channelKeys.photography, channelKeys.infographic, channelKeys.categories];
-exports.channelOrder = channelOrder;
+var CHANNEL_KEY = channelKey; // external links are in external-links.js file
+
+exports.CHANNEL_KEY = CHANNEL_KEY;
+var CHANNEL_PATH = (_CHANNEL_PATH = {}, _defineProperty(_CHANNEL_PATH, channelKey.latest, '/categories/latest'), _defineProperty(_CHANNEL_PATH, channelKey.topic, '/topics'), _defineProperty(_CHANNEL_PATH, channelKey.humanStory, '/tags/58db34a30f56b40d001ae6a6'), _defineProperty(_CHANNEL_PATH, channelKey.photography, '/photography'), _defineProperty(_CHANNEL_PATH, channelKey.infographic, "/tags/".concat(_infogram.INFOGRAM_ID)), _CHANNEL_PATH);
+exports.CHANNEL_PATH = CHANNEL_PATH;
+var CHANNEL_LABEL = (_CHANNEL_LABEL = {}, _defineProperty(_CHANNEL_LABEL, channelKey.latest, '最新'), _defineProperty(_CHANNEL_LABEL, channelKey.topic, '深度專題'), _defineProperty(_CHANNEL_LABEL, channelKey.category, '議題'), _defineProperty(_CHANNEL_LABEL, channelKey.opinion, '評論'), _defineProperty(_CHANNEL_LABEL, channelKey.column, '專欄'), _defineProperty(_CHANNEL_LABEL, channelKey.humanStory, '人物故事'), _defineProperty(_CHANNEL_LABEL, channelKey.photography, '影像'), _defineProperty(_CHANNEL_LABEL, channelKey.podcast, 'Podcast'), _defineProperty(_CHANNEL_LABEL, channelKey.kidsReporter, '少年報導者'), _defineProperty(_CHANNEL_LABEL, channelKey.infographic, '數位敘事'), _CHANNEL_LABEL);
+exports.CHANNEL_LABEL = CHANNEL_LABEL;
 var channelLinkType = 'link';
-exports.channelLinkType = channelLinkType;
 var channelDropDownType = 'drop-down';
-exports.channelDropDownType = channelDropDownType;
-var channelTypes = (_channelTypes = {}, _defineProperty(_channelTypes, channelKeys.reviews, channelLinkType), _defineProperty(_channelTypes, channelKeys.topics, channelLinkType), _defineProperty(_channelTypes, channelKeys.photography, channelLinkType), _defineProperty(_channelTypes, channelKeys.infographic, channelLinkType), _defineProperty(_channelTypes, channelKeys.categories, channelDropDownType), _channelTypes);
-exports.channelTypes = channelTypes;
+var CHANNEL_LINK_TYPE = channelLinkType;
+exports.CHANNEL_LINK_TYPE = CHANNEL_LINK_TYPE;
+var CHANNEL_DROPDOWN_TYPE = channelDropDownType;
+exports.CHANNEL_DROPDOWN_TYPE = CHANNEL_DROPDOWN_TYPE;
+var CHANNEL_TYPE = (_CHANNEL_TYPE = {}, _defineProperty(_CHANNEL_TYPE, channelKey.latest, channelLinkType), _defineProperty(_CHANNEL_TYPE, channelKey.topic, channelLinkType), _defineProperty(_CHANNEL_TYPE, channelKey.category, channelDropDownType), _defineProperty(_CHANNEL_TYPE, channelKey.opinion, channelDropDownType), _defineProperty(_CHANNEL_TYPE, channelKey.column, channelLinkType), _defineProperty(_CHANNEL_TYPE, channelKey.humanStory, channelLinkType), _defineProperty(_CHANNEL_TYPE, channelKey.photography, channelLinkType), _defineProperty(_CHANNEL_TYPE, channelKey.podcast, channelDropDownType), _defineProperty(_CHANNEL_TYPE, channelKey.kidsReporter, channelLinkType), _defineProperty(_CHANNEL_TYPE, channelKey.infographic, channelLinkType), _CHANNEL_TYPE);
+exports.CHANNEL_TYPE = CHANNEL_TYPE;
+var CHANNEL_DROPDOWN = (_CHANNEL_DROPDOWN = {}, _defineProperty(_CHANNEL_DROPDOWN, channelKey.opinion, [{
+  type: 'subcategory',
+  key: _categorySet.SUBCATEGORY_PATH.bookReview
+}, {
+  type: 'subcategory',
+  key: _categorySet.SUBCATEGORY_PATH.letter
+}, {
+  type: 'subcategory',
+  key: _categorySet.SUBCATEGORY_PATH.all
+}]), _defineProperty(_CHANNEL_DROPDOWN, channelKey.podcast, [{
+  type: 'path',
+  label: '關於報導者 Podcast',
+  path: '/a/podcast-list'
+}, {
+  type: 'subcategory',
+  key: _categorySet.SUBCATEGORY_PATH.theRealStory
+}, {
+  type: 'subcategory',
+  key: _categorySet.SUBCATEGORY_PATH.onTheGround
+}]), _CHANNEL_DROPDOWN);
+exports.CHANNEL_DROPDOWN = CHANNEL_DROPDOWN;
+var CHANNEL_ORDER = [channelKey.latest, 'divider', channelKey.topic, channelKey.category, channelKey.opinion, channelKey.humanStory, 'divider', channelKey.photography, channelKey.podcast, channelKey.kidsReporter, channelKey.infographic, 'divider'];
+exports.CHANNEL_ORDER = CHANNEL_ORDER;
 var _default = {
-  channelDropDownType: channelDropDownType,
-  channelKeys: channelKeys,
-  channelLinkType: channelLinkType,
-  channelLabels: channelLabels,
-  channelOrder: channelOrder,
-  channelPathnames: channelPathnames,
-  channelTypes: channelTypes
+  CHANNEL_LINK_TYPE: CHANNEL_LINK_TYPE,
+  CHANNEL_DROPDOWN_TYPE: CHANNEL_DROPDOWN_TYPE,
+  CHANNEL_PATH: CHANNEL_PATH,
+  CHANNEL_LABEL: CHANNEL_LABEL,
+  CHANNEL_TYPE: CHANNEL_TYPE,
+  CHANNEL_ORDER: CHANNEL_ORDER
 };
 exports["default"] = _default;

package/lib/constants/external-links.js

@@ -7,7 +7,13 @@ exports["default"] = void 0;
 var links = {
   monthlyDonation: 'https://www.twreporter.org/donation/period',
   newsLetter: 'https://twreporter.us14.list-manage.com/subscribe/post?u=4da5a7d3b98dbc9fdad009e7e&id=e0eb0c8c32',
-  onceDonation: 'https://www.twreporter.org/donation/one-time'
+  onceDonation: 'https://www.twreporter.org/donation/one-time',
+  openLab: 'https://medium.com/twreporter',
+  facebook: 'https://www.facebook.com/twreporter/',
+  instagram: 'https://www.instagram.com/twreporter/',
+  twitter: 'https://twitter.com/tw_reporter_org',
+  youtube: 'https://www.youtube.com/c/TwreporterOrg',
+  kidsReporter: 'https://kids.twreporter.org/'
 };
 var _default = links;
 exports["default"] = _default;

package/lib/constants/footer.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FOOTER_ORDER = exports.FOOTER_LABEL = exports.FOOTER_PATH = exports.FOOTER_KEY = void 0;
+
+var _FOOTER_PATH, _FOOTER_LABEL;
+
+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; }
+
+var footerKey = {
+  aboutUs: 'about-us',
+  influenceReport: 'influence-report',
+  openLab: 'open-lab'
+};
+var FOOTER_KEY = footerKey;
+exports.FOOTER_KEY = FOOTER_KEY;
+var FOOTER_PATH = (_FOOTER_PATH = {}, _defineProperty(_FOOTER_PATH, footerKey.aboutUs, '/about-us'), _defineProperty(_FOOTER_PATH, footerKey.influenceReport, '/a/impact-and-annual-report'), _FOOTER_PATH);
+exports.FOOTER_PATH = FOOTER_PATH;
+var FOOTER_LABEL = (_FOOTER_LABEL = {}, _defineProperty(_FOOTER_LABEL, footerKey.aboutUs, '關於我們'), _defineProperty(_FOOTER_LABEL, footerKey.influenceReport, '影響力報告'), _defineProperty(_FOOTER_LABEL, footerKey.openLab, '報導者開放實驗室'), _FOOTER_LABEL);
+exports.FOOTER_LABEL = FOOTER_LABEL;
+var FOOTER_ORDER = [footerKey.aboutUs, footerKey.influenceReport, footerKey.openLab];
+exports.FOOTER_ORDER = FOOTER_ORDER;

package/lib/constants/hamburger-menu.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MENU_WIDTH = void 0;
+var MENU_WIDTH = {
+  hd: '280px',
+  desktop: '280px',
+  tablet: '320px',
+  mobile: '100vw'
+};
+exports.MENU_WIDTH = MENU_WIDTH;

package/lib/constants/prop-types-old.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _theme = _interopRequireDefault(require("./theme"));
+
+var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
+
+var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+// @twreporter
+var themePropTypes = _propTypes["default"].oneOf([_theme["default"].normal, _theme["default"].transparent, _theme["default"].photography, _theme["default"].index]);
+
+var contextPropTypes = {
+  theme: themePropTypes,
+  releaseBranch: _propTypes2["default"].releaseBranch,
+  isLinkExternal: _propTypes["default"].bool,
+  isAuthed: _propTypes["default"].bool
+};
+var contextDefaultProps = {
+  theme: _theme["default"].normal,
+  releaseBranch: _releaseBranch["default"].master,
+  isLinkExternal: false,
+  isAuthed: false
+};
+var linkPropTypes = {
+  to: _propTypes["default"].string.isRequired,
+  isExternal: _propTypes["default"].bool.isRequired
+};
+var _default = {
+  context: {
+    propTypes: contextPropTypes,
+    defaultProps: contextDefaultProps
+  },
+  link: {
+    propTypes: linkPropTypes
+  }
+};
+exports["default"] = _default;

package/lib/constants/prop-types.js

@@ -3,30 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.LINK_PROP = exports.HAMBURGER_CONTEXT_PROP = exports.CONTEXT_PROP = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _theme = _interopRequireDefault(require("./theme"));
+var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
 
-var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
-
-var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+var _theme = require("@twreporter/core/lib/constants/theme");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 // @twreporter
-var themePropTypes = _propTypes["default"].oneOf([_theme["default"].normal, _theme["default"].transparent, _theme["default"].photography, _theme["default"].index]);
-
 var contextPropTypes = {
-  theme: themePropTypes,
-  releaseBranch: _propTypes2["default"].releaseBranch,
+  theme: _theme.THEME_PROP_TYPES,
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES,
   isLinkExternal: _propTypes["default"].bool,
   isAuthed: _propTypes["default"].bool
 };
 var contextDefaultProps = {
-  theme: _theme["default"].normal,
-  releaseBranch: _releaseBranch["default"].master,
+  theme: _theme.THEME.normal,
+  releaseBranch: _releaseBranch.BRANCH.master,
   isLinkExternal: false,
   isAuthed: false
 };
@@ -34,13 +30,23 @@ var linkPropTypes = {
   to: _propTypes["default"].string.isRequired,
   isExternal: _propTypes["default"].bool.isRequired
 };
-var _default = {
-  context: {
-    propTypes: contextPropTypes,
-    defaultProps: contextDefaultProps
-  },
-  link: {
-    propTypes: linkPropTypes
-  }
+var hamburgerContextPropTypes = {
+  closeHamburgerMenu: _propTypes["default"].func
+};
+var hamburgerContextDefaultProps = {
+  closeHamburgerMenu: function closeHamburgerMenu() {}
+};
+var CONTEXT_PROP = {
+  propTypes: contextPropTypes,
+  defaultProps: contextDefaultProps
+};
+exports.CONTEXT_PROP = CONTEXT_PROP;
+var HAMBURGER_CONTEXT_PROP = {
+  propTypes: hamburgerContextPropTypes,
+  defaultProps: hamburgerContextDefaultProps
+};
+exports.HAMBURGER_CONTEXT_PROP = HAMBURGER_CONTEXT_PROP;
+var LINK_PROP = {
+  propTypes: linkPropTypes
 };
-exports["default"] = _default;
+exports.LINK_PROP = LINK_PROP;

package/lib/constants/social-media.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SOCIAL_MEDIA_ORDER = exports.SOCIAL_MEDIA_KEY = void 0;
+var socialMediaKey = {
+  facebook: 'facebook',
+  instagram: 'instagram',
+  twitter: 'twitter',
+  youtube: 'youtube'
+};
+var SOCIAL_MEDIA_KEY = socialMediaKey;
+exports.SOCIAL_MEDIA_KEY = SOCIAL_MEDIA_KEY;
+var SOCIAL_MEDIA_ORDER = [socialMediaKey.facebook, socialMediaKey.instagram, socialMediaKey.twitter, socialMediaKey.youtube];
+exports.SOCIAL_MEDIA_ORDER = SOCIAL_MEDIA_ORDER;

package/lib/containers/header-old.js

@@ -17,17 +17,17 @@ var _reactRedux = require("react-redux");
 
 var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
 
-var _links = _interopRequireDefault(require("../utils/links"));
+var _linksOld = _interopRequireDefault(require("../utils/links-old"));
 
 var _categories = require("../constants/categories");
 
-var _channels = require("../constants/channels");
+var _channelsOld = require("../constants/channels-old");
 
 var _actionsOld = require("../constants/actions-old");
 
 var _services = require("../constants/services");
 
-var _propTypes2 = _interopRequireDefault(require("../constants/prop-types"));
+var _propTypesOld = _interopRequireDefault(require("../constants/prop-types-old"));
 
 var _headerOld = _interopRequireDefault(require("../components/header-old"));
 
@@ -256,13 +256,13 @@ var Container = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "__prepareChannelProps",
     value: function __prepareChannelProps(releaseBranch, isLinkExternal) {
-      var channelProps = _.map(_channels.channelOrder, function (key) {
+      var channelProps = _.map(_channelsOld.channelOrder, function (key) {
         return {
           key: key,
-          label: _channels.channelLabels[key],
-          type: _channels.channelTypes[key],
-          pathname: _channels.channelPathnames[key],
-          link: _links["default"].getChannelLinks(isLinkExternal, releaseBranch)[key]
+          label: _channelsOld.channelLabels[key],
+          type: _channelsOld.channelTypes[key],
+          pathname: _channelsOld.channelPathnames[key],
+          link: _linksOld["default"].getChannelLinks(isLinkExternal, releaseBranch)[key]
         };
       });
 
@@ -276,7 +276,7 @@ var Container = /*#__PURE__*/function (_React$PureComponent) {
           key: key,
           label: _categories.categoryLabels[key],
           pathname: _categories.categoryPathnames[key],
-          link: _links["default"].getCategoryLinks(isLinkExternal, releaseBranch)[key]
+          link: _linksOld["default"].getCategoryLinks(isLinkExternal, releaseBranch)[key]
         };
       });
     }
@@ -368,11 +368,11 @@ var Container = /*#__PURE__*/function (_React$PureComponent) {
   return Container;
 }(_react["default"].PureComponent);
 
-_defineProperty(Container, "defaultProps", _objectSpread(_objectSpread({}, _propTypes2["default"].context.defaultProps), {}, {
+_defineProperty(Container, "defaultProps", _objectSpread(_objectSpread({}, _propTypesOld["default"].context.defaultProps), {}, {
   pathname: ''
 }));
 
-_defineProperty(Container, "propTypes", _objectSpread(_objectSpread({}, _propTypes2["default"].context.propTypes), {}, {
+_defineProperty(Container, "propTypes", _objectSpread(_objectSpread({}, _propTypesOld["default"].context.propTypes), {}, {
   pathname: _propTypes["default"].string
 }));
 

package/lib/containers/header.js

@@ -17,21 +17,19 @@ var _reactRedux = require("react-redux");
 
 var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
 
-var _actionsOld = require("../constants/actions-old");
+var _actions = require("../constants/actions");
 
-var _propTypes2 = _interopRequireDefault(require("../constants/prop-types"));
+var _propTypes2 = require("../constants/prop-types");
 
 var _header = _interopRequireDefault(require("../components/header"));
 
-var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
 
 var _map = _interopRequireDefault(require("lodash/map"));
 
-var _excluded = ["releaseBranch", "isAuthed", "isLinkExternal", "theme"];
+var _reduce = _interopRequireDefault(require("lodash/reduce"));
 
-var _templateObject;
+var _excluded = ["releaseBranch", "isAuthed", "isLinkExternal", "theme"];
 
 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); }
 
@@ -71,21 +69,20 @@ 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"]
+  map: _map["default"],
+  reduce: _reduce["default"]
 };
 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 DesktopAndAbove = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "header__DesktopAndAbove",
+var HeaderContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "header__HeaderContainer",
   componentId: "narage-0"
-})(["display:none;", ""], _mediaQuery["default"].desktopAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: block;\n    ", "\n  "])), stickyTop));
+})(["", ""], stickyTop);
 
 var Container = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Container, _React$PureComponent);
@@ -213,34 +210,14 @@ var Container = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "__prepareActionProps",
     value: function __prepareActionProps() {
-      var isActive = _actionsOld.actionActive;
-
-      var mobileActionProps = _.map(_actionsOld.actionOrder.mobile, function (key) {
-        return {
-          key: key
-        };
-      });
-
-      var desktopAndTabletActionProps = _.map(_actionsOld.actionOrder.desktop, function (key) {
-        return {
-          key: key
-        };
-      });
-
-      var narrowActionProps = _.map(_actionsOld.actionOrder.desktop, function (key) {
-        return {
-          key: key,
-          active: isActive.narrow[key]
-        };
-      });
-
-      return {
-        mobile: mobileActionProps,
-        tablet: desktopAndTabletActionProps,
-        hamburger: desktopAndTabletActionProps,
-        desktop: desktopAndTabletActionProps,
-        narrow: narrowActionProps
-      };
+      return _.reduce(_actions.ACTION_ORDER, function (res, value, key) {
+        res[key] = _.map(value, function (itemKey) {
+          return {
+            key: itemKey
+          };
+        });
+        return res;
+      }, {});
     }
   }, {
     key: "render",
@@ -268,8 +245,10 @@ var Container = /*#__PURE__*/function (_React$PureComponent) {
 
       return /*#__PURE__*/_react["default"].createElement(_headerContext["default"].Provider, {
         value: contextValue
-      }, /*#__PURE__*/_react["default"].createElement(DesktopAndAbove, null, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
-        actions: actionProps.desktop
+      }, /*#__PURE__*/_react["default"].createElement(HeaderContainer, null, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
+        actions: actionProps.desktop,
+        mobileActions: actionProps.mobile,
+        hbActions: actionProps.hamburger
       }, passThrough))));
     }
   }]);
@@ -277,11 +256,11 @@ var Container = /*#__PURE__*/function (_React$PureComponent) {
   return Container;
 }(_react["default"].PureComponent);
 
-_defineProperty(Container, "defaultProps", _objectSpread(_objectSpread({}, _propTypes2["default"].context.defaultProps), {}, {
+_defineProperty(Container, "defaultProps", _objectSpread(_objectSpread({}, _propTypes2.CONTEXT_PROP.defaultProps), {}, {
   pathname: ''
 }));
 
-_defineProperty(Container, "propTypes", _objectSpread(_objectSpread({}, _propTypes2["default"].context.propTypes), {}, {
+_defineProperty(Container, "propTypes", _objectSpread(_objectSpread({}, _propTypes2.CONTEXT_PROP.propTypes), {}, {
   pathname: _propTypes["default"].string
 }));
 

package/lib/contexts/header-context.js

@@ -3,15 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.HamburgerContext = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 
-var _propTypes = _interopRequireDefault(require("../constants/prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var HeaderContext = /*#__PURE__*/_react["default"].createContext(_propTypes["default"].context.defaultProps);
+var _propTypes = require("../constants/prop-types");
 
+var HeaderContext = /*#__PURE__*/(0, _react.createContext)(_propTypes.CONTEXT_PROP);
+var HamburgerContext = /*#__PURE__*/(0, _react.createContext)(_propTypes.HAMBURGER_CONTEXT_PROP);
+exports.HamburgerContext = HamburgerContext;
 var _default = HeaderContext;
 exports["default"] = _default;

package/lib/standalone-header.js

@@ -19,7 +19,7 @@ var _index = _interopRequireDefault(require("./reducers/index"));
 
 var _reduxThunk = _interopRequireDefault(require("redux-thunk"));
 
-var _propTypes2 = _interopRequireDefault(require("./constants/prop-types"));
+var _propTypes2 = require("./constants/prop-types");
 
 var _reactRedux = require("react-redux");
 
@@ -96,15 +96,15 @@ var StandaloneHeader = /*#__PURE__*/function (_React$PureComponent) {
 exports["default"] = StandaloneHeader;
 
 _defineProperty(StandaloneHeader, "propTypes", {
-  theme: _propTypes2["default"].context.propTypes.theme,
-  releaseBranch: _propTypes2["default"].context.propTypes.releaseBranch,
-  isAuthed: _propTypes2["default"].context.propTypes.isAuthed,
+  theme: _propTypes2.CONTEXT_PROP.propTypes.theme,
+  releaseBranch: _propTypes2.CONTEXT_PROP.propTypes.releaseBranch,
+  isAuthed: _propTypes2.CONTEXT_PROP.propTypes.isAuthed,
   pathname: _propTypes["default"].string
 });
 
 _defineProperty(StandaloneHeader, "defaultProps", {
-  theme: _propTypes2["default"].context.defaultProps.theme,
-  releaseBranch: _propTypes2["default"].context.defaultProps.releaseBranch,
-  isAuthed: _propTypes2["default"].context.defaultProps.isAuthed,
+  theme: _propTypes2.CONTEXT_PROP.defaultProps.theme,
+  releaseBranch: _propTypes2.CONTEXT_PROP.defaultProps.releaseBranch,
+  isAuthed: _propTypes2.CONTEXT_PROP.defaultProps.isAuthed,
   pathname: ''
 });