@twreporter/universal-header 3.0.3-rc.0 → 3.0.3-rc.2

package/lib/components/icons.stories.js

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.desktop = exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _icons = _interopRequireDefault(require("./icons"));
-
 var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
-
 var _constants = require("../storybook/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /* eslint-disable react/prop-types */
-
 /* eslint react/display-name:0 */
-var _default = {
+var _default = exports["default"] = {
   title: 'Icons/Desktop',
   component: _icons["default"],
   argTypes: {
@@ -34,18 +26,15 @@ var _default = {
     releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
-exports["default"] = _default;
-
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "iconsstories__Container",
   componentId: "sc-19z8cko-0"
 })(["transform:translateX(300px);"]);
-
-var desktop = {
+var desktop = exports.desktop = {
   render: function render(props) {
     var isAuthed = props.isAuthed,
-        theme = props.theme,
-        releaseBranch = props.releaseBranch;
+      theme = props.theme,
+      releaseBranch = props.releaseBranch;
     var context = {
       isAuthed: isAuthed,
       theme: theme,
@@ -56,5 +45,4 @@ var desktop = {
       value: context
     }, /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(_icons["default"], null)));
   }
-};
-exports.desktop = desktop;
+};

package/lib/components/slogan.js

@@ -1,52 +1,35 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
-
 var _slogan = _interopRequireDefault(require("../constants/slogan"));
-
 var _fonts = _interopRequireDefault(require("../constants/fonts"));
-
 var _theme = require("../utils/theme");
-
 var _font = require("@twreporter/core/lib/constants/font");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 SloganContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "slogan__SloganContainer",
   componentId: "sc-1eoofl8-0"
 })(["color:", ";display:flex;align-items:center;cursor:default;font-family:", ";font-weight:", ";font-size:14px;"], function (props) {
   return props.$color;
 }, _fonts["default"].family.serif, _font.fontWeight.normal);
-
 var Slogan = function Slogan(_ref) {
-  var props = _extends({}, _ref);
-
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   var _useContext = (0, _react.useContext)(_headerContext["default"]),
-      theme = _useContext.theme;
-
+    theme = _useContext.theme;
   var color = (0, _theme.selectSloganTheme)(theme);
   return /*#__PURE__*/_react["default"].createElement(SloganContainer, _extends({
     $color: color
   }, props), _slogan["default"]);
 };
-
-var _default = Slogan;
-exports["default"] = _default;
+var _default = exports["default"] = Slogan;

package/lib/components/slogan.stories.js

@@ -4,29 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.slogan = exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _slogan = _interopRequireDefault(require("./slogan"));
-
 var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
-
 var _constants = require("../storybook/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /* eslint-disable react/prop-types */
-
 /* eslint react/display-name:0 */
-var _default = {
+var _default = exports["default"] = {
   title: 'Slogan',
   component: _slogan["default"],
   argTypes: {
     theme: _constants.THEME_STORYBOOK_ARG_TYPE
   }
 };
-exports["default"] = _default;
-var slogan = {
+var slogan = exports.slogan = {
   render: function render(props) {
     var theme = props.theme;
     var context = {
@@ -36,5 +28,4 @@ var slogan = {
       value: context
     }, /*#__PURE__*/_react["default"].createElement(_slogan["default"], null));
   }
-};
-exports.slogan = slogan;
+};

package/lib/components/tab-bar.js

@@ -1,115 +1,90 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _headerContext = _interopRequireWildcard(require("../contexts/header-context"));
-
 var _links = require("../utils/links");
-
 var _theme = require("../utils/theme");
-
 var _theme2 = _interopRequireDefault(require("../constants/theme"));
-
 var _customizedLink = _interopRequireDefault(require("@twreporter/react-components/lib/customized-link"));
-
 var _materialIcon = _interopRequireDefault(require("@twreporter/react-components/lib/material-icon"));
-
 var _button = require("@twreporter/react-components/lib/button");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } // context
+// utils
+// constants
+// @twreporter
 var TabBarContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "tab-bar__TabBarContainer",
   componentId: "bdt7uj-0"
 })(["display:flex;justify-content:space-between;padding:8px 16px;box-shadow:0px 0px 2px rgba(0,0,0,0.15);background-color:", ";padding-bottom:calc(8px + env(safe-area-inset-bottom,0));a{text-decoration:none;}a:visited,a:active{color:inherit;background-color:inherit;}"], function (props) {
   return props.$bgColor;
 });
-
 var buttonContainerCss = /*#__PURE__*/(0, _styledComponents.css)(["display:flex;justify-content:center;margin-right:8px;flex:1;&:last-child{margin-right:0;}"]);
 var ButtonLinkContainer = /*#__PURE__*/(0, _styledComponents["default"])(_customizedLink["default"]).withConfig({
   displayName: "tab-bar__ButtonLinkContainer",
   componentId: "bdt7uj-1"
 })(["text-decoration:none;", ""], buttonContainerCss);
-
 var ButtonContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "tab-bar__ButtonContainer",
   componentId: "bdt7uj-2"
 })(["", ""], buttonContainerCss);
-
 var TabBar = function TabBar() {
   var _useContext = (0, _react.useContext)(_headerContext["default"]),
-      theme = _useContext.theme,
-      releaseBranch = _useContext.releaseBranch,
-      isLinkExternal = _useContext.isLinkExternal,
-      pathname = _useContext.pathname;
-
+    theme = _useContext.theme,
+    releaseBranch = _useContext.releaseBranch,
+    isLinkExternal = _useContext.isLinkExternal,
+    pathname = _useContext.pathname;
   var _useContext2 = (0, _react.useContext)(_headerContext.HamburgerContext),
-      closeHamburgerMenu = _useContext2.closeHamburgerMenu,
-      toggleHamburger = _useContext2.toggleHamburger,
-      isHamburgerMenuOpen = _useContext2.isHamburgerMenuOpen;
-
+    closeHamburgerMenu = _useContext2.closeHamburgerMenu,
+    toggleHamburger = _useContext2.toggleHamburger,
+    isHamburgerMenuOpen = _useContext2.isHamburgerMenuOpen;
   var iconTheme = theme === _theme2["default"].photography ? theme : _theme2["default"].normal;
-
   var _getTabBarLinks = (0, _links.getTabBarLinks)(isLinkExternal, releaseBranch),
-      home = _getTabBarLinks.home,
-      latest = _getTabBarLinks.latest,
-      topic = _getTabBarLinks.topic,
-      myreading = _getTabBarLinks.myreading;
-
+    home = _getTabBarLinks.home,
+    latest = _getTabBarLinks.latest,
+    topic = _getTabBarLinks.topic,
+    myreading = _getTabBarLinks.myreading;
   var HomeIcon = /*#__PURE__*/_react["default"].createElement(_materialIcon["default"], {
     icon: "home",
     weight: 400,
     grade: 0,
     size: 24
   });
-
   var ClockIcon = /*#__PURE__*/_react["default"].createElement(_materialIcon["default"], {
     icon: "schedule",
     weight: 400,
     grade: 0,
     size: 24
   });
-
   var TopicIcon = /*#__PURE__*/_react["default"].createElement(_materialIcon["default"], {
     icon: "import_contacts",
     weight: 400,
     grade: 0,
     size: 24
   });
-
   var MyReadingIcon = /*#__PURE__*/_react["default"].createElement(_materialIcon["default"], {
     icon: "kid_star",
     weight: 400,
     grade: 0,
     size: 24
   });
-
   var HamburgerIcon = /*#__PURE__*/_react["default"].createElement(_materialIcon["default"], {
     icon: "menu",
     weight: 400,
     grade: 0,
     size: 24
   });
-
   var _selectTabBarTheme = (0, _theme.selectTabBarTheme)(theme),
-      bgColor = _selectTabBarTheme.bgColor,
-      borderColor = _selectTabBarTheme.borderColor;
-
+    bgColor = _selectTabBarTheme.bgColor,
+    borderColor = _selectTabBarTheme.borderColor;
   var isHomeActive = !isHamburgerMenuOpen && pathname === '/';
   var isLatestActive = !isHamburgerMenuOpen && (0, _links.checkPathnameParent)(pathname, 'latest');
   var isTopicActive = !isHamburgerMenuOpen && pathname === '/topics';
@@ -155,6 +130,4 @@ var TabBar = function TabBar() {
     active: isHamburgerMenuOpen
   })));
 };
-
-var _default = TabBar;
-exports["default"] = _default;
+var _default = exports["default"] = TabBar;

package/lib/components/tab-bar.stories.js

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tabBar = exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _tabBar = _interopRequireDefault(require("./tab-bar"));
-
 var _headerContext = _interopRequireDefault(require("../contexts/header-context"));
-
 var _constants = require("../storybook/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /* eslint-disable react/prop-types */
-
 /* eslint react/display-name:0 */
-var _default = {
+var _default = exports["default"] = {
   title: 'Tab Bar',
   component: _tabBar["default"],
   argTypes: {
@@ -28,17 +20,14 @@ var _default = {
     releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
-exports["default"] = _default;
-
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "tab-barstories__Container",
   componentId: "paqbaf-0"
 })(["width:320px;"]);
-
-var tabBar = {
+var tabBar = exports.tabBar = {
   render: function render(props) {
     var theme = props.theme,
-        releaseBranch = props.releaseBranch;
+      releaseBranch = props.releaseBranch;
     var context = {
       theme: theme,
       releaseBranch: releaseBranch,
@@ -48,5 +37,4 @@ var tabBar = {
       value: context
     }, /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(_tabBar["default"], null)));
   }
-};
-exports.tabBar = tabBar;
+};

package/lib/constants/action-item-types.js

@@ -4,76 +4,53 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TEXT_TYPE = exports.TEXT_STORYBOOK_ARG_TYPE = exports.TEXT_PROP_TYPE = exports.DIRECTION_TYPE = exports.DIRECTION_STORYBOOK_ARG_TYPE = exports.DIRECTION_PROP_TYPE = exports.BUTTON_WIDTH_TYPE = exports.BUTTON_WIDTH_STORYBOOK_ARG_TYPE = exports.BUTTON_WIDTH_PROP_TYPE = exports.BUTTON_SIZE_TYPE = exports.BUTTON_SIZE_STORYBOOK_ARG_TYPE = exports.BUTTON_SIZE_PROP_TYPE = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var DIRECTION_TYPE = {
+var DIRECTION_TYPE = exports.DIRECTION_TYPE = {
   row: 'row',
   column: 'column'
 };
-exports.DIRECTION_TYPE = DIRECTION_TYPE;
-
-var DIRECTION_PROP_TYPE = _propTypes["default"].oneOf([DIRECTION_TYPE.row, DIRECTION_TYPE.column]);
-
-exports.DIRECTION_PROP_TYPE = DIRECTION_PROP_TYPE;
-var DIRECTION_STORYBOOK_ARG_TYPE = {
+var DIRECTION_PROP_TYPE = exports.DIRECTION_PROP_TYPE = _propTypes["default"].oneOf([DIRECTION_TYPE.row, DIRECTION_TYPE.column]);
+var DIRECTION_STORYBOOK_ARG_TYPE = exports.DIRECTION_STORYBOOK_ARG_TYPE = {
   defaultValue: DIRECTION_TYPE.row,
   options: [DIRECTION_TYPE.row, DIRECTION_TYPE.column],
   control: {
     type: 'radio'
   }
 };
-exports.DIRECTION_STORYBOOK_ARG_TYPE = DIRECTION_STORYBOOK_ARG_TYPE;
-var TEXT_TYPE = {
+var TEXT_TYPE = exports.TEXT_TYPE = {
   brief: 'brief',
   full: 'full'
 };
-exports.TEXT_TYPE = TEXT_TYPE;
-
-var TEXT_PROP_TYPE = _propTypes["default"].oneOf([TEXT_TYPE.brief, TEXT_TYPE.full]);
-
-exports.TEXT_PROP_TYPE = TEXT_PROP_TYPE;
-var TEXT_STORYBOOK_ARG_TYPE = {
+var TEXT_PROP_TYPE = exports.TEXT_PROP_TYPE = _propTypes["default"].oneOf([TEXT_TYPE.brief, TEXT_TYPE.full]);
+var TEXT_STORYBOOK_ARG_TYPE = exports.TEXT_STORYBOOK_ARG_TYPE = {
   defaultValue: TEXT_TYPE.brief,
   options: [TEXT_TYPE.brief, TEXT_TYPE.full],
   control: {
     type: 'radio'
   }
 };
-exports.TEXT_STORYBOOK_ARG_TYPE = TEXT_STORYBOOK_ARG_TYPE;
-var BUTTON_WIDTH_TYPE = {
+var BUTTON_WIDTH_TYPE = exports.BUTTON_WIDTH_TYPE = {
   fit: 'fit',
   stretch: 'stretch'
 };
-exports.BUTTON_WIDTH_TYPE = BUTTON_WIDTH_TYPE;
-
-var BUTTON_WIDTH_PROP_TYPE = _propTypes["default"].oneOf([BUTTON_WIDTH_TYPE.fit, BUTTON_WIDTH_TYPE.stretch]);
-
-exports.BUTTON_WIDTH_PROP_TYPE = BUTTON_WIDTH_PROP_TYPE;
-var BUTTON_WIDTH_STORYBOOK_ARG_TYPE = {
+var BUTTON_WIDTH_PROP_TYPE = exports.BUTTON_WIDTH_PROP_TYPE = _propTypes["default"].oneOf([BUTTON_WIDTH_TYPE.fit, BUTTON_WIDTH_TYPE.stretch]);
+var BUTTON_WIDTH_STORYBOOK_ARG_TYPE = exports.BUTTON_WIDTH_STORYBOOK_ARG_TYPE = {
   defaultValue: BUTTON_WIDTH_TYPE.fit,
   options: [BUTTON_WIDTH_TYPE.fit, BUTTON_WIDTH_TYPE.stretch],
   control: {
     type: 'radio'
   }
 };
-exports.BUTTON_WIDTH_STORYBOOK_ARG_TYPE = BUTTON_WIDTH_STORYBOOK_ARG_TYPE;
-var BUTTON_SIZE_TYPE = {
+var BUTTON_SIZE_TYPE = exports.BUTTON_SIZE_TYPE = {
   S: 'S',
   L: 'L'
 };
-exports.BUTTON_SIZE_TYPE = BUTTON_SIZE_TYPE;
-
-var BUTTON_SIZE_PROP_TYPE = _propTypes["default"].oneOf([BUTTON_SIZE_TYPE.S, BUTTON_SIZE_TYPE.L]);
-
-exports.BUTTON_SIZE_PROP_TYPE = BUTTON_SIZE_PROP_TYPE;
-var BUTTON_SIZE_STORYBOOK_ARG_TYPE = {
+var BUTTON_SIZE_PROP_TYPE = exports.BUTTON_SIZE_PROP_TYPE = _propTypes["default"].oneOf([BUTTON_SIZE_TYPE.S, BUTTON_SIZE_TYPE.L]);
+var BUTTON_SIZE_STORYBOOK_ARG_TYPE = exports.BUTTON_SIZE_STORYBOOK_ARG_TYPE = {
   defaultValue: BUTTON_SIZE_TYPE.S,
   options: [BUTTON_SIZE_TYPE.S, BUTTON_SIZE_TYPE.L],
   control: {
     type: 'radio'
   }
-};
-exports.BUTTON_SIZE_STORYBOOK_ARG_TYPE = BUTTON_SIZE_STORYBOOK_ARG_TYPE;
+};

package/lib/constants/action-types.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _default = {
+var _default = exports["default"] = {
   // auth
   REQUEST_AUTH: 'request_authorization',
   AUTH_SUCCESS: 'grant_authorization_success',
   AUTH_FAILURE: 'grant_authorization_failure',
   AUTH_CLEAR: 'clear_authorization'
-};
-exports["default"] = _default;
+};

package/lib/constants/actions.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ACTION_ORDER = exports.ACTION_LABEL = exports.ACTION_KEY = exports.ACTION_BUTTON_TYPE = void 0;
-
 var _gtmId, _brief, _full, _ACTION_BUTTON_TYPE;
-
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var actionKeys = {
   support: 'support',
   newsLetter: 'newsLetter'
@@ -22,16 +22,13 @@ var gtmId = (_gtmId = {}, _defineProperty(_gtmId, actionKeys.support, {
   desktop: 'uh-newsletter-header',
   hamburger: 'uh-newsletter-hamburger'
 }), _gtmId);
-var ACTION_KEY = actionKeys;
-exports.ACTION_KEY = ACTION_KEY;
-var ACTION_LABEL = {
+var ACTION_KEY = exports.ACTION_KEY = actionKeys;
+var ACTION_LABEL = exports.ACTION_LABEL = {
   brief: (_brief = {}, _defineProperty(_brief, actionKeys.support, '贊助'), _defineProperty(_brief, actionKeys.newsLetter, '訂閱'), _brief),
   full: (_full = {}, _defineProperty(_full, actionKeys.support, '贊助我們'), _defineProperty(_full, actionKeys.newsLetter, '訂閱電子報'), _full)
 };
-exports.ACTION_LABEL = ACTION_LABEL;
-var ACTION_BUTTON_TYPE = (_ACTION_BUTTON_TYPE = {}, _defineProperty(_ACTION_BUTTON_TYPE, actionKeys.support, 'primary'), _defineProperty(_ACTION_BUTTON_TYPE, actionKeys.newsLetter, 'secondary'), _ACTION_BUTTON_TYPE);
-exports.ACTION_BUTTON_TYPE = ACTION_BUTTON_TYPE;
-var ACTION_ORDER = {
+var ACTION_BUTTON_TYPE = exports.ACTION_BUTTON_TYPE = (_ACTION_BUTTON_TYPE = {}, _defineProperty(_ACTION_BUTTON_TYPE, actionKeys.support, 'primary'), _defineProperty(_ACTION_BUTTON_TYPE, actionKeys.newsLetter, 'secondary'), _ACTION_BUTTON_TYPE);
+var ACTION_ORDER = exports.ACTION_ORDER = {
   mobile: [{
     key: actionKeys.support,
     id: gtmId[actionKeys.support].mobile
@@ -50,5 +47,4 @@ var ACTION_ORDER = {
     key: actionKeys.support,
     id: gtmId[actionKeys.support].hamburger
   }]
-};
-exports.ACTION_ORDER = ACTION_ORDER;
+};

package/lib/constants/categories.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.categoryPathnames = exports.categoryOrder = exports.categoryLabels = void 0;
-var categoryLabels = {
+var categoryLabels = exports.categoryLabels = {
   cultureAndArt: '文化．藝術',
   environmentAndEducation: '環境．教育',
   humanRightsAndSociety: '人權．社會',
@@ -12,8 +12,7 @@ var categoryLabels = {
   livingAndMedicalCare: '生活．醫療',
   politicsAndEconomy: '政經．產業'
 };
-exports.categoryLabels = categoryLabels;
-var categoryPathnames = {
+var categoryPathnames = exports.categoryPathnames = {
   cultureAndArt: '/categories/culture_and_art',
   environmentAndEducation: '/categories/environment_and_education',
   humanRightsAndSociety: '/categories/human_rights_and_society',
@@ -21,12 +20,9 @@ var categoryPathnames = {
   livingAndMedicalCare: '/categories/living_and_medical_care',
   politicsAndEconomy: '/categories/politics_and_economy'
 };
-exports.categoryPathnames = categoryPathnames;
-var categoryOrder = ['humanRightsAndSociety', 'environmentAndEducation', 'politicsAndEconomy', 'cultureAndArt', 'livingAndMedicalCare', 'international'];
-exports.categoryOrder = categoryOrder;
-var _default = {
+var categoryOrder = exports.categoryOrder = ['humanRightsAndSociety', 'environmentAndEducation', 'politicsAndEconomy', 'cultureAndArt', 'livingAndMedicalCare', 'international'];
+var _default = exports["default"] = {
   categoryLabels: categoryLabels,
   categoryOrder: categoryOrder,
   categoryPathnames: categoryPathnames
-};
-exports["default"] = _default;
+};

package/lib/constants/channels.js

@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.DESKTOP_CHANNEL_ORDER = exports.CHANNEL_TYPE = exports.CHANNEL_PATH = exports.CHANNEL_ORDER = exports.CHANNEL_LINK_TYPE = exports.CHANNEL_LABEL = exports.CHANNEL_KEY = exports.CHANNEL_DROPDOWN_TYPE = exports.CHANNEL_DROPDOWN = void 0;
-
 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; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var channelKey = {
   latest: 'latest',
   topic: 'topic',
@@ -25,22 +23,17 @@ var channelKey = {
   kidsReporter: 'kids-reporter',
   infographic: 'infographic'
 };
-var CHANNEL_KEY = channelKey; // external links are in external-links.js file
+var CHANNEL_KEY = exports.CHANNEL_KEY = channelKey;
 
-exports.CHANNEL_KEY = CHANNEL_KEY;
-var CHANNEL_PATH = (_CHANNEL_PATH = {}, _defineProperty(_CHANNEL_PATH, channelKey.latest, '/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;
+// external links are in external-links.js file
+var CHANNEL_PATH = exports.CHANNEL_PATH = (_CHANNEL_PATH = {}, _defineProperty(_CHANNEL_PATH, channelKey.latest, '/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);
+var CHANNEL_LABEL = exports.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);
 var channelLinkType = 'link';
 var channelDropDownType = 'drop-down';
-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, [{
+var CHANNEL_LINK_TYPE = exports.CHANNEL_LINK_TYPE = channelLinkType;
+var CHANNEL_DROPDOWN_TYPE = exports.CHANNEL_DROPDOWN_TYPE = channelDropDownType;
+var CHANNEL_TYPE = exports.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);
+var CHANNEL_DROPDOWN = exports.CHANNEL_DROPDOWN = (_CHANNEL_DROPDOWN = {}, _defineProperty(_CHANNEL_DROPDOWN, channelKey.opinion, [{
   type: 'subcategory',
   key: _categorySet.SUBCATEGORY_PATH.bookReview
 }, {
@@ -60,12 +53,9 @@ var CHANNEL_DROPDOWN = (_CHANNEL_DROPDOWN = {}, _defineProperty(_CHANNEL_DROPDOW
   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 DESKTOP_CHANNEL_ORDER = [channelKey.latest, channelKey.topic, channelKey.category];
-exports.DESKTOP_CHANNEL_ORDER = DESKTOP_CHANNEL_ORDER;
-var _default = {
+var CHANNEL_ORDER = exports.CHANNEL_ORDER = [channelKey.latest, 'divider', channelKey.topic, channelKey.category, channelKey.opinion, channelKey.humanStory, 'divider', channelKey.photography, channelKey.podcast, channelKey.kidsReporter, channelKey.infographic, 'divider'];
+var DESKTOP_CHANNEL_ORDER = exports.DESKTOP_CHANNEL_ORDER = [channelKey.latest, channelKey.topic, channelKey.category];
+var _default = exports["default"] = {
   CHANNEL_LINK_TYPE: CHANNEL_LINK_TYPE,
   CHANNEL_DROPDOWN_TYPE: CHANNEL_DROPDOWN_TYPE,
   CHANNEL_PATH: CHANNEL_PATH,
@@ -73,5 +63,4 @@ var _default = {
   CHANNEL_TYPE: CHANNEL_TYPE,
   CHANNEL_ORDER: CHANNEL_ORDER,
   DESKTOP_CHANNEL_ORDER: DESKTOP_CHANNEL_ORDER
-};
-exports["default"] = _default;
+};

package/lib/constants/colors.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _default = {
+var _default = exports["default"] = {
   redDark: '#9a1b22',
   brownDark: '#856236',
   gray50: 'rgba(255, 255, 255, 0.1)',
@@ -12,5 +12,4 @@ var _default = {
   gray250: 'rgba(128, 128, 128, 0.2)',
   gray450: 'rgba(128, 128, 128, 0.5)',
   gray550: '#8c8c8c'
-};
-exports["default"] = _default;
+};