@twreporter/react-article-components 2.2.0-rc.0 → 2.2.0-rc.1

package/lib/components/aside/desktop-tools.js

@@ -1,54 +1,37 @@
 "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 _dynamicComponentsContext = _interopRequireDefault(require("../../contexts/dynamic-components-context"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _theme = _interopRequireDefault(require("../../constants/theme"));
-
 var _aside = _interopRequireDefault(require("../../constants/prop-types/aside"));
-
 var _icon = require("@twreporter/react-components/lib/icon");
-
 var _bookmarkWidget = _interopRequireDefault(require("@twreporter/react-components/lib/bookmark-widget"));
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-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; }
-
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5; // constants
+// icons
+// @twreporter
+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 _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) } })); }
-
 function changeFontSizeOffsetToPct(fontSizeOffset) {
   switch (fontSizeOffset) {
     case 2:
       {
         return '110%';
       }
-
     case 4:
       {
         return '120%';
       }
-
     case 0:
     default:
       {
@@ -56,38 +39,31 @@ function changeFontSizeOffsetToPct(fontSizeOffset) {
       }
   }
 }
-
 var iconBlockCSS = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;cursor:pointer;line-height:1;padding:6px;svg{width:18px;height:18px;background-color:", ";}&::after{position:absolute;top:10px;left:34px;color:", ";font-size:10px;visibility:hidden;width:100px;}&:hover{svg{background-color:", ";}&::after{visibility:visible;}}", ""], _color.colorGrayscale.gray600, _color.colorGrayscale.gray800, _color.colorGrayscale.gray800, _mediaQuery["default"].tabletAndBelow(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    &::after {\n      top: 100%;\n      left: 50%;\n      transform: translateX(-50%);\n      text-align: center;\n    }\n  "]))));
-
 var TextIconBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "desktop-tools__TextIconBlock",
   componentId: "eihdd4-0"
 })(["", " &::after{content:'\u5B57\u7D1A\u5927\u5C0F", "';}"], iconBlockCSS, function (props) {
   return changeFontSizeOffsetToPct(props.theme.fontSizeOffset);
 });
-
 var BackToTopicBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "desktop-tools__BackToTopicBlock",
   componentId: "eihdd4-1"
 })(["", " &::after{content:'\u56DE\u5230\u5C08\u984C';}"], iconBlockCSS);
-
 var PrintIconBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "desktop-tools__PrintIconBlock",
   componentId: "eihdd4-2"
 })(["", " &::after{content:'\u5217\u5370';}"], iconBlockCSS);
-
 var BookmarkIconBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "desktop-tools__BookmarkIconBlock",
   componentId: "eihdd4-3"
 })(["", " &::after{content:'", "';}"], iconBlockCSS, function (props) {
   return props.$isBookmarked ? '取消收藏' : '收藏';
 });
-
 var ShareIconBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "desktop-tools__ShareIconBlock",
   componentId: "eihdd4-4"
 })(["svg{width:18px;height:18px;background-color:", ";}background-color:", ";border-radius:50%;padding:6px;cursor:pointer;display:flex;"], _color.colorGrayscale.gray800, _color.colorGrayscale.white);
-
 var ToolsBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "desktop-tools__ToolsBlock",
   componentId: "eihdd4-5"
@@ -97,22 +73,18 @@ var ToolsBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   switch (props.theme.name) {
     case _theme["default"].article.v2.photo:
       return (0, _styledComponents.css)(["", "{background-color:", ";svg{background-color:", ";}}", ",", ",", ",", "{svg{background-color:", ";}&::after{color:", ";}&:hover svg{background-color:", ";}}"], ShareIconBlock, _color.colorPhoto.heavy, _color.colorGrayscale.gray100, TextIconBlock, BackToTopicBlock, PrintIconBlock, BookmarkIconBlock, _color.colorGrayscale.gray100, _color.colorSupportive.pastel, _color.colorSupportive.pastel);
-
     default:
       return '';
   }
 });
-
 function FBShareBT(props) {
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
   var releaseBranch = themeContext.releaseBranch;
-
   var handleClick = function handleClick() {
     var currentURL = window.location.href;
     var location = 'https://www.facebook.com/dialog/feed?' + 'display=page' + "&app_id=".concat(props.appID) + "&link=".concat(encodeURIComponent(currentURL)) + "&redirect_uri=".concat(encodeURIComponent('https://www.facebook.com/'));
     window.open(location, '_blank');
   };
-
   return /*#__PURE__*/_react["default"].createElement(ShareIconBlock, {
     id: "fb-share"
   }, /*#__PURE__*/_react["default"].createElement(_icon.Facebook, {
@@ -120,21 +92,17 @@ function FBShareBT(props) {
     releaseBranch: releaseBranch
   }));
 }
-
 FBShareBT.propTypes = {
   appID: _propTypes["default"].string.isRequired
 };
-
 function TwitterShareBT(props) {
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
   var releaseBranch = themeContext.releaseBranch;
-
   var handleClick = function handleClick() {
     var currentURL = window.location.href;
     var location = 'https://twitter.com/intent/tweet?' + "url=".concat(encodeURIComponent(currentURL), "&text=").concat(encodeURIComponent(document.title + ' #報導者'));
     window.open(location, '_blank');
   };
-
   return /*#__PURE__*/_react["default"].createElement(ShareIconBlock, {
     id: "twitter-share"
   }, /*#__PURE__*/_react["default"].createElement(_icon.Twitter, {
@@ -142,17 +110,14 @@ function TwitterShareBT(props) {
     releaseBranch: releaseBranch
   }));
 }
-
 function LineShareBT(props) {
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
   var releaseBranch = themeContext.releaseBranch;
-
   var handleClick = function handleClick() {
     var currentURL = window.location.href;
     var location = "https://social-plugins.line.me/lineit/share?url=".concat(encodeURIComponent(currentURL));
     window.open(location, '_blank');
   };
-
   return /*#__PURE__*/_react["default"].createElement(ShareIconBlock, {
     id: "line-share"
   }, /*#__PURE__*/_react["default"].createElement(_icon.Line, {
@@ -160,12 +125,10 @@ function LineShareBT(props) {
     releaseBranch: releaseBranch
   }));
 }
-
 var BookmarkBlock = function BookmarkBlock(_ref) {
   var articleMeta = _ref.articleMeta;
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
   var releaseBranch = themeContext.releaseBranch;
-
   var renderIcon = function renderIcon(isBookmarked, addAction, removeAction) {
     var iconType = isBookmarked ? 'saved' : 'add';
     var id = isBookmarked ? 'remove-bookmark' : 'add-bookmark';
@@ -178,18 +141,15 @@ var BookmarkBlock = function BookmarkBlock(_ref) {
       releaseBranch: releaseBranch
     }));
   };
-
   return /*#__PURE__*/_react["default"].createElement(_bookmarkWidget["default"], {
     toAutoCheck: true,
     articleMeta: articleMeta,
     renderIcon: renderIcon
   });
 };
-
 BookmarkBlock.propTypes = {
   articleMeta: _aside["default"].tools.articleMetaForBookmark
 };
-
 var BackToTopic = function BackToTopic(_ref2) {
   var backToTopic = _ref2.backToTopic;
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
@@ -203,28 +163,24 @@ var BackToTopic = function BackToTopic(_ref2) {
     })));
   });
 };
-
 BackToTopic.propTypes = {
   backToTopic: _aside["default"].tools.backToTopic
 };
 var defaultFbAppID = '962589903815787';
-
 var Tools = function Tools(_ref3) {
   var backToTopic = _ref3.backToTopic,
-      fbAppID = _ref3.fbAppID,
-      height = _ref3.height,
-      onFontLevelChange = _ref3.onFontLevelChange,
-      articleMetaForBookmark = _ref3.articleMetaForBookmark;
+    fbAppID = _ref3.fbAppID,
+    height = _ref3.height,
+    onFontLevelChange = _ref3.onFontLevelChange,
+    articleMetaForBookmark = _ref3.articleMetaForBookmark;
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
   var releaseBranch = themeContext.releaseBranch;
   var backToTopicJSX = backToTopic ? /*#__PURE__*/_react["default"].createElement(BackToTopic, {
     backToTopic: backToTopic
   }) : null;
-
   var onPrinterClick = function onPrinterClick() {
     return window.print();
   };
-
   return /*#__PURE__*/_react["default"].createElement(ToolsBlock, {
     $height: height
   }, backToTopicJSX, /*#__PURE__*/_react["default"].createElement(BookmarkBlock, {
@@ -239,7 +195,5 @@ var Tools = function Tools(_ref3) {
     appID: fbAppID || defaultFbAppID
   }), /*#__PURE__*/_react["default"].createElement(TwitterShareBT, null), /*#__PURE__*/_react["default"].createElement(LineShareBT, null));
 };
-
 Tools.propTypes = _aside["default"].tools;
-var _default = Tools;
-exports["default"] = _default;
+var _default = exports["default"] = Tools;

package/lib/components/aside/metadata.js

@@ -1,98 +1,64 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _dynamicComponentsContext = _interopRequireDefault(require("../../contexts/dynamic-components-context"));
-
 var _aside = _interopRequireDefault(require("../../constants/prop-types/aside"));
-
 var _typography = _interopRequireDefault(require("../../constants/typography"));
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _theme = require("@twreporter/core/lib/constants/theme");
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _categorySet = require("@twreporter/core/lib/constants/category-set");
-
 var _button = require("@twreporter/react-components/lib/button");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _map = _interopRequireDefault(require("lodash/map"));
-
 var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8; // components
+// @twreporter
+// lodash
 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-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 _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); }
 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"],
   sortBy: _sortBy["default"]
 };
-
 var createLine = function createLine(topOrBottom, themeName) {
   var borderColor = _color.colorGrayscale.gray300;
-
   if (themeName === _theme.ARTICLE_THEME.v2.photo) {
     borderColor = _color.colorGrayscale.gray400;
   }
-
   return (0, _styledComponents.css)(["position:relative;border-", ":0.5px solid ", ";padding-", ":10px;&::after{content:'';border-right:0.5px solid ", ";width:1px;height:12px;", ":0;right:0;position:absolute;}"], topOrBottom, borderColor, topOrBottom, borderColor, topOrBottom);
 };
-
 var CategorySetFlexBox = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__CategorySetFlexBox",
   componentId: "sc-1c3910m-0"
 })(["display:flex;flex-direction:column;"]);
-
 var LinkContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__LinkContainer",
   componentId: "sc-1c3910m-1"
 })(["display:flex;"]);
-
 var CategorySetFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__CategorySetFlex",
   componentId: "sc-1c3910m-2"
@@ -101,99 +67,80 @@ var CategorySetFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }, _mediaQuery["default"].tabletAndBelow(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding-right: 10px;\n    padding-left: 10px;\n  "]))), function (props) {
   return props.$isCategory ? (0, _styledComponents.css)(["min-width:100px;flex-basis:100px;padding-left:10px;padding-right:10px;", " ", ""], _mediaQuery["default"].desktopAndAbove(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      padding-left: 0px;\n      padding-right: 5px;\n    "]))), _mediaQuery["default"].desktopOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      min-width: 80px;\n      flex-basis: 80px;\n    "])))) : (0, _styledComponents.css)(["flex-basis:calc(100% - 100px);", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      flex-basis: calc(100% - 80px);\n    "]))), _mediaQuery["default"].desktopAndAbove(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      padding-left: 10px;\n      padding-right: 0px;\n    "]))));
 });
-
 var CategoryText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__CategoryText",
   componentId: "sc-1c3910m-3"
 })(["display:inline-block;font-size:16px;line-height:1;padding-left:5px;&:hover{padding-bottom:2px;border-width:0 0 1px 0;border-style:solid;}"]);
-
 var DateSection = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__DateSection",
   componentId: "sc-1c3910m-4"
 })(["", " font-size:14px;color:", ";margin-left:5px;margin-top:15px;&::before{content:'\u520A\u51FA\u65E5\u671F';margin-right:10px;}"], function (props) {
   return createLine('top', props.theme.name);
 }, _color.colorGrayscale.gray500);
-
 var AuthorSection = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__AuthorSection",
   componentId: "sc-1c3910m-5"
 })(["margin-top:15px;margin-bottom:45px;"]);
-
 var AuthorRow = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__AuthorRow",
   componentId: "sc-1c3910m-6"
 })(["display:flex;align-items:flex-start;margin-bottom:10px;"]);
-
 var AuthorJobTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__AuthorJobTitle",
   componentId: "sc-1c3910m-7"
 })(["font-size:14px;color:", ";margin-left:5px;padding-top:2px;line-height:1;flex-shrink:0;"], _color.colorGrayscale.gray600);
-
 var AuthorNames = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__AuthorNames",
   componentId: "sc-1c3910m-8"
 })(["display:flex;flex-wrap:wrap;"]);
-
 var AuthorName = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__AuthorName",
   componentId: "sc-1c3910m-9"
 })(["font-size:16px;margin-left:5px;line-height:1;padding-bottom:3px;word-break:keep-all;vertical-align:top;&:hover{padding-bottom:2px;border-width:0 0 1px 0;border-style:solid;}", ""], _mediaQuery["default"].mobileOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: inline-block;\n  "]))));
-
 var RawAuthorText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__RawAuthorText",
   componentId: "sc-1c3910m-10"
 })(["font-size:14px;color:", ";padding-left:5px;"], _color.colorGrayscale.gray600);
-
 var AngledSeparationLine = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__AngledSeparationLine",
   componentId: "sc-1c3910m-11"
 })(["border-width:0.5px;border-style:solid;width:15px;transform:translateY(9px) rotate(-45deg);flex-shrink:0;"]);
-
 var TagButton = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__TagButton",
   componentId: "sc-1c3910m-12"
 })(["border-style:solid;border-width:1px;border-radius:50px;padding:5px 10px 5px 10px;font-size:14px;font-weight:", ";margin-bottom:10px;margin-right:10px;&:before{content:'#';}"], _typography["default"].font.weight.normal);
-
 var TagsSection = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__TagsSection",
   componentId: "sc-1c3910m-13"
 })(["display:flex;flex-wrap:wrap;align-content:center;", ""], function (props) {
   return createLine('bottom', props.theme.name);
 });
-
 var TextLink = /*#__PURE__*/(0, _styledComponents["default"])(_button.LinkButton).withConfig({
   displayName: "metadata__TextLink",
   componentId: "sc-1c3910m-14"
 })([""]);
-
 var MetadataContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__MetadataContainer",
   componentId: "sc-1c3910m-15"
 })(["", " letter-spacing:0.4px;", " ", ""], function (props) {
   return getMetadataContainerStyles(props.theme.name);
 }, _mediaQuery["default"].mobileOnly(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    padding-left: 24px;\n    padding-right: 24px;\n    margin: 0 auto;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    width: 513px;\n    margin: 0 auto;\n  "]))));
-
 function getMetadataContainerStyles(themeName) {
   switch (themeName) {
     case _theme.ARTICLE_THEME.v2.photo:
       return (0, _styledComponents.css)(["", ",", "{color:", ";&:hover{border-color:", ";}}", "{border-color:", ";}", "{border-color:", ";color:", ";&:hover{color:", ";border-color:", ";}}", "{color:", ";}"], CategoryText, AuthorName, _color.colorSupportive.main, _color.colorSupportive.main, AngledSeparationLine, _color.colorSupportive.heavy, TagButton, _color.colorGrayscale.gray600, _color.colorGrayscale.gray600, _color.colorGrayscale.white, _color.colorGrayscale.white, TextLink, _color.colorSupportive.main);
-
     case _theme.ARTICLE_THEME.v2.pink:
       return (0, _styledComponents.css)(["", ",", "{color:", ";&:hover{border-color:", ";}}", "{border-color:", ";}", "{border-color:", ";color:", ";&:hover{background-color:", ";}}", "{color:", ";}"], CategoryText, AuthorName, _color.COLOR_PINK_ARTICLE.blue, _color.COLOR_PINK_ARTICLE.blue, AngledSeparationLine, _color.COLOR_PINK_ARTICLE.pink, TagButton, _color.colorGrayscale.gray600, _color.colorGrayscale.gray600, _color.colorGrayscale.white, TextLink, _color.COLOR_PINK_ARTICLE.blue);
-
     case _theme.ARTICLE_THEME.v2["default"]:
     default:
       return (0, _styledComponents.css)(["", ",", "{color:", ";&:hover{border-color:", ";}}", "{border-color:", ";}", "{border-color:", ";color:", ";&:hover{background-color:", ";}}", "{color:", ";}"], CategoryText, AuthorName, _color.colorSupportive.heavy, _color.colorSupportive.heavy, AngledSeparationLine, _color.colorSupportive.main, TagButton, _color.colorGrayscale.gray600, _color.colorGrayscale.gray600, _color.colorGrayscale.white, TextLink, _color.colorSupportive.heavy);
   }
 }
-
 var CategorySet = function CategorySet(_ref) {
   var _ref$categorySet = _ref.categorySet,
-      categorySet = _ref$categorySet === void 0 ? [] : _ref$categorySet;
-
+    categorySet = _ref$categorySet === void 0 ? [] : _ref$categorySet;
   var categorySetJSX = _.map(categorySet, function (set, index) {
     var _set$category, _set$subcategory, _set$category2, _set$subcategory2;
-
     var genLink = function genLink(path, name) {
       var isCategory = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       var link = {
@@ -210,32 +157,24 @@ var CategorySet = function CategorySet(_ref) {
         weight: weight
       }));
     };
-
-    var categoryPath = (0, _categorySet.GET_CATEGORY_PATH_FROM_ID)(set === null || set === void 0 ? void 0 : (_set$category = set.category) === null || _set$category === void 0 ? void 0 : _set$category.id);
-    var subcategoryPath = (0, _categorySet.GET_SUBCATEGORY_PATH_FROM_ID)(set === null || set === void 0 ? void 0 : (_set$subcategory = set.subcategory) === null || _set$subcategory === void 0 ? void 0 : _set$subcategory.id);
+    var categoryPath = (0, _categorySet.GET_CATEGORY_PATH_FROM_ID)(set === null || set === void 0 || (_set$category = set.category) === null || _set$category === void 0 ? void 0 : _set$category.id);
+    var subcategoryPath = (0, _categorySet.GET_SUBCATEGORY_PATH_FROM_ID)(set === null || set === void 0 || (_set$subcategory = set.subcategory) === null || _set$subcategory === void 0 ? void 0 : _set$subcategory.id);
     return categoryPath ? /*#__PURE__*/_react["default"].createElement(LinkContainer, {
       key: "categorySet-".concat(index)
-    }, genLink("/categories/".concat(categoryPath), set === null || set === void 0 ? void 0 : (_set$category2 = set.category) === null || _set$category2 === void 0 ? void 0 : _set$category2.name, true), subcategoryPath && set !== null && set !== void 0 && (_set$subcategory2 = set.subcategory) !== null && _set$subcategory2 !== void 0 && _set$subcategory2.name ? genLink("/categories/".concat(categoryPath, "/").concat(subcategoryPath), set.subcategory.name) : genLink("/categories/".concat(categoryPath), '全部')) : null;
+    }, genLink("/categories/".concat(categoryPath), set === null || set === void 0 || (_set$category2 = set.category) === null || _set$category2 === void 0 ? void 0 : _set$category2.name, true), subcategoryPath && set !== null && set !== void 0 && (_set$subcategory2 = set.subcategory) !== null && _set$subcategory2 !== void 0 && _set$subcategory2.name ? genLink("/categories/".concat(categoryPath, "/").concat(subcategoryPath), set.subcategory.name) : genLink("/categories/".concat(categoryPath), '全部')) : null;
   });
-
   return /*#__PURE__*/_react["default"].createElement(CategorySetFlexBox, null, categorySetJSX);
 };
-
 CategorySet.propTypes = {
   categorySet: _propTypes["default"].array
 };
-
 var Metadata = /*#__PURE__*/function (_PureComponent) {
   _inherits(Metadata, _PureComponent);
-
   var _super = _createSuper(Metadata);
-
   function Metadata() {
     _classCallCheck(this, Metadata);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Metadata, [{
     key: "renderTagsSection",
     value: function renderTagsSection() {
@@ -255,7 +194,6 @@ var Metadata = /*#__PURE__*/function (_PureComponent) {
       if (authors.length === 0) {
         return null;
       }
-
       return /*#__PURE__*/_react["default"].createElement(AuthorRow, null, /*#__PURE__*/_react["default"].createElement(AuthorJobTitle, null, label), /*#__PURE__*/_react["default"].createElement(AngledSeparationLine, null), /*#__PURE__*/_react["default"].createElement(AuthorNames, null, /*#__PURE__*/_react["default"].createElement(_dynamicComponentsContext["default"].Consumer, null, function (components) {
         return _.map(authors, function (author) {
           return /*#__PURE__*/_react["default"].createElement(components.Link, {
@@ -271,19 +209,19 @@ var Metadata = /*#__PURE__*/function (_PureComponent) {
     key: "renderAuthorsSection",
     value: function renderAuthorsSection() {
       var _this$props = this.props,
-          designers = _this$props.designers,
-          engineers = _this$props.engineers,
-          photographers = _this$props.photographers,
-          writers = _this$props.writers,
-          rawAutherText = _this$props.rawAutherText;
+        designers = _this$props.designers,
+        engineers = _this$props.engineers,
+        photographers = _this$props.photographers,
+        writers = _this$props.writers,
+        rawAutherText = _this$props.rawAutherText;
       return /*#__PURE__*/_react["default"].createElement(AuthorSection, null, this.renderAuthorsRow('文字', writers), this.renderAuthorsRow('攝影', photographers), this.renderAuthorsRow('設計', designers), this.renderAuthorsRow('工程', engineers), /*#__PURE__*/_react["default"].createElement(RawAuthorText, null, rawAutherText));
     }
   }, {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          categorySet = _this$props2.categorySet,
-          date = _this$props2.date;
+        categorySet = _this$props2.categorySet,
+        date = _this$props2.date;
       var dateStr = date ? new Date(date).toLocaleString('zh-hant', {
         year: 'numeric',
         month: 'numeric',
@@ -294,12 +232,9 @@ var Metadata = /*#__PURE__*/function (_PureComponent) {
       }), /*#__PURE__*/_react["default"].createElement(DateSection, null, dateStr), this.renderAuthorsSection(), this.renderTagsSection());
     }
   }]);
-
   return Metadata;
 }(_react.PureComponent);
-
 _defineProperty(Metadata, "propTypes", _aside["default"].metadata);
-
 _defineProperty(Metadata, "defaultProps", {
   categorySet: [],
   tags: [],
@@ -309,6 +244,4 @@ _defineProperty(Metadata, "defaultProps", {
   engineers: [],
   rawAutherText: ''
 });
-
-var _default = Metadata;
-exports["default"] = _default;
+var _default = exports["default"] = Metadata;