@twreporter/react-components 9.0.2 → 9.1.0-rc.0

package/lib/listing-page/components/list.js

@@ -1,116 +1,78 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _entityPath = _interopRequireDefault(require("@twreporter/core/lib/constants/entity-path"));
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _date = require("@twreporter/core/lib/utils/date");
-
 var _theme = require("@twreporter/core/lib/constants/theme");
-
 var _mockupSpec = _interopRequireDefault(require("../constants/mockup-spec"));
-
 var _listItem = _interopRequireDefault(require("./list-item"));
-
 var _pageContent = _interopRequireDefault(require("./page-content"));
-
 var _titleBar = require("../../title-bar");
-
 var _isFetchingWrapper = _interopRequireDefault(require("../../is-fetching-wrapper"));
-
 var _forEach = _interopRequireDefault(require("lodash/forEach"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _map = _interopRequireDefault(require("lodash/map"));
-
-var _templateObject, _templateObject2, _templateObject3;
-
-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; // @twreporter
+// constants
+// components
+// lodash
+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 _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 _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 _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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var _ = {
   forEach: _forEach["default"],
   get: _get["default"],
   map: _map["default"]
 };
-
 var FlexItems = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "list__FlexItems",
   componentId: "sc-1olquk4-0"
 })(["width:", "px;margin:64px auto 0;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;> div:nth-child(odd){margin-right:", "px;}", " ", " ", ""], _mockupSpec["default"].hd.maxWidth, _mockupSpec["default"].marginBetweenItems, _mediaQuery["default"].desktopOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), _mockupSpec["default"].desktop.maxWidth), _mediaQuery["default"].tabletOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", "px;\n    margin-top: 32px;\n  "])), _mockupSpec["default"].tablet.maxWidth), _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 100%;\n    margin-top: 24px;\n    > div:nth-child(odd) {\n      margin-right: 0;\n    }\n    justify-content: center;\n  "]))));
-
 var Items = (0, _isFetchingWrapper["default"])(FlexItems);
-
 var List = /*#__PURE__*/function (_PureComponent) {
   _inherits(List, _PureComponent);
-
   var _super = _createSuper(List);
-
   function List() {
     _classCallCheck(this, List);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(List, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          data = _this$props.data,
-          catName = _this$props.catName,
-          tagName = _this$props.tagName,
-          isFetching = _this$props.isFetching,
-          showSpinner = _this$props.showSpinner,
-          showCategory = _this$props.showCategory;
+        data = _this$props.data,
+        catName = _this$props.catName,
+        tagName = _this$props.tagName,
+        isFetching = _this$props.isFetching,
+        showSpinner = _this$props.showSpinner,
+        showCategory = _this$props.showCategory;
       var listJSX = [];
-
       _.forEach(data, function (item) {
         var style = _.get(item, 'style');
-
         var slug = _.get(item, 'slug');
-
         var isInteractiveArticle = style === _theme.ARTICLE_THEME.v2.interactive;
         var to = "".concat(isInteractiveArticle ? _entityPath["default"].interactiveArticle : _entityPath["default"].article).concat(slug);
-
         var tags = _.map(_.get(item, 'tags'), function (tag) {
           if (_.get(tag, 'name') === tagName) {
             return {
@@ -119,13 +81,11 @@ var List = /*#__PURE__*/function (_PureComponent) {
               selected: true
             };
           }
-
           return {
             id: _.get(tag, 'id'),
             name: _.get(tag, 'name', '')
           };
         });
-
         listJSX.push( /*#__PURE__*/_react["default"].createElement(_listItem["default"], {
           key: _.get(item, 'id'),
           title: _.get(item, 'title', ''),
@@ -145,7 +105,6 @@ var List = /*#__PURE__*/function (_PureComponent) {
           }
         }));
       });
-
       var headerTitle = catName || (tagName ? "#".concat(tagName) : '');
       var headerJSX = headerTitle ? /*#__PURE__*/_react["default"].createElement(_titleBar.Title1, {
         title: headerTitle !== null && headerTitle !== void 0 ? headerTitle : ''
@@ -156,10 +115,8 @@ var List = /*#__PURE__*/function (_PureComponent) {
       }, listJSX));
     }
   }]);
-
   return List;
 }(_react.PureComponent);
-
 List.defaultProps = {
   data: [],
   catName: '',
@@ -185,5 +142,4 @@ List.propTypes = {
   showSpinner: _propTypes["default"].bool,
   showCategory: _propTypes["default"].bool
 };
-var _default = List;
-exports["default"] = _default;
+var _default = exports["default"] = List;

package/lib/listing-page/components/page-content.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _predefinedCss = require("../constants/predefined-css");
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _templateObject, _templateObject2, _templateObject3;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var styles = {
   contentWidth: {
     min: 300,
@@ -28,19 +21,16 @@ var styles = {
     desktop: 922,
     // px
     hd: 1130 // px
-
   },
+
   titlePadding: 0,
   titleMargin: {
     mobile: [0, 0, 19, 0],
     tablet: [0, 0, 33, 0]
   }
 };
-
 var PageContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "page-content__PageContent",
   componentId: "sc-10tix5l-0"
 })(["min-width:", "px;width:", "%;", " ", " ", " margin:0 auto;", ""], styles.contentWidth.min, styles.contentWidth.mobile, _mediaQuery["default"].tabletOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), styles.contentWidth.tablet), _mediaQuery["default"].desktopOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), styles.contentWidth.desktop), _mediaQuery["default"].hdOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), styles.contentWidth.hd), _predefinedCss.resetLinkStyle);
-
-var _default = PageContent;
-exports["default"] = _default;
+var _default = exports["default"] = PageContent;

package/lib/listing-page/components/topics/index.js

@@ -4,98 +4,64 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _isFetchingWrapper = _interopRequireDefault(require("../../../is-fetching-wrapper"));
-
 var _posts = _interopRequireDefault(require("./posts"));
-
 var _postItem = _interopRequireDefault(require("./post-item"));
-
 var _topicItem = _interopRequireDefault(require("./topic-item"));
-
 var _pageContent = _interopRequireDefault(require("../page-content"));
-
 var _section = require("./section");
-
 var _topics = require("../../constants/topics");
-
 var _font = require("@twreporter/core/lib/constants/font");
-
 var _titleBar = require("@twreporter/react-components/lib/title-bar");
-
 var _headline = require("@twreporter/react-components/lib/text/headline");
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _map = _interopRequireDefault(require("lodash/map"));
-
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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); }
 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 _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 _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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } // components
+// constants
+// @twreporter
+// lodash
 var _ = {
   get: _get["default"],
   map: _map["default"]
 };
-
 var NoData = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topics__NoData",
   componentId: "sc-1n6udj1-0"
 })(["width:100%;font-size:16px;color:", ";font-weight:", ";text-align:center;"], _color.colorGrayscale.gray900, _font.fontWeight.normal);
-
 var Title2Wrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topics__Title2Wrapper",
   componentId: "sc-1n6udj1-1"
 })(["padding-top:24px;"]);
-
 var Gray800H2 = /*#__PURE__*/(0, _styledComponents["default"])(_headline.H2).withConfig({
   displayName: "topics__Gray800H2",
   componentId: "sc-1n6udj1-2"
 })(["color:", ";"], _color.colorGrayscale.gray800);
-
 var Topics = /*#__PURE__*/function (_Component) {
   _inherits(Topics, _Component);
-
   var _super = _createSuper(Topics);
-
   function Topics() {
     _classCallCheck(this, Topics);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Topics, [{
     key: "_buildRelatedPosts",
     value: function _buildRelatedPosts(posts) {
@@ -103,12 +69,11 @@ var Topics = /*#__PURE__*/function (_Component) {
         if (_typeof(post) !== 'object' || post === null) {
           return null;
         }
-
         var id = post.id,
-            linkTarget = post.linkTarget,
-            linkTo = post.linkTo,
-            title = post.title,
-            imgUrl = post.imgUrl;
+          linkTarget = post.linkTarget,
+          linkTo = post.linkTo,
+          title = post.title,
+          imgUrl = post.imgUrl;
         return /*#__PURE__*/_react["default"].createElement(_postItem["default"], {
           key: "post-".concat(id),
           title: title,
@@ -117,7 +82,6 @@ var Topics = /*#__PURE__*/function (_Component) {
           linkTarget: linkTarget
         });
       };
-
       return _.map(posts, _buildPostJSX);
     }
   }, {
@@ -125,12 +89,12 @@ var Topics = /*#__PURE__*/function (_Component) {
     value: function _buildTopicBoxes(topics) {
       var _buildTopicBox = function _buildTopicBox(item, index) {
         var id = item.id,
-            linkTo = item.linkTo,
-            title = item.title,
-            updatedAt = item.updatedAt,
-            description = item.description,
-            imgUrl = item.imgUrl,
-            imgAlt = item.imgAlt;
+          linkTo = item.linkTo,
+          title = item.title,
+          updatedAt = item.updatedAt,
+          description = item.description,
+          imgUrl = item.imgUrl,
+          imgAlt = item.imgAlt;
         return /*#__PURE__*/_react["default"].createElement(_topicItem["default"], {
           key: "topic-".concat(id),
           title: title,
@@ -142,40 +106,32 @@ var Topics = /*#__PURE__*/function (_Component) {
           linkTo: linkTo
         });
       };
-
       return _.map(topics, _buildTopicBox);
     }
   }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          topics = _this$props.topics,
-          currentPage = _this$props.currentPage,
-          isFetching = _this$props.isFetching,
-          showSpinner = _this$props.showSpinner;
-
+        topics = _this$props.topics,
+        currentPage = _this$props.currentPage,
+        isFetching = _this$props.isFetching,
+        showSpinner = _this$props.showSpinner;
       if (!isFetching && _.get(topics, 'length', 0) <= 0) {
         return /*#__PURE__*/_react["default"].createElement(_pageContent["default"], null, /*#__PURE__*/_react["default"].createElement(NoData, null, "\u7121\u8CC7\u6599"));
       }
-
       var isFirstPage = currentPage === 1;
       /* Build PageContent */
-
       var topicsJSX = this._buildTopicBoxes(topics);
-
       var topTopicJSX = null;
       var listedTopicsJSX = null;
       var topRelatedPosts = null;
       var topTopicName = null;
       var topicUrl = null;
       var topSectionJSX = null;
-
       if (isFirstPage && !isFetching) {
         topTopicJSX = topicsJSX[0];
         listedTopicsJSX = topicsJSX.slice(1);
-        topRelatedPosts = _.get(topics, [0, 'relateds'], []).slice(-3);
-        /* take last 3 posts from the end */
-
+        topRelatedPosts = _.get(topics, [0, 'relateds'], []).slice(-3); /* take last 3 posts from the end */
         topTopicName = _.get(topics, [0, 'topic_name'], '');
         topicUrl = _.get(topics, [0, 'linkTo'], '');
         topSectionJSX = [/*#__PURE__*/_react["default"].createElement(Gray800H2, {
@@ -193,7 +149,6 @@ var Topics = /*#__PURE__*/function (_Component) {
       } else {
         listedTopicsJSX = topicsJSX;
       }
-
       var WrappedListSectionContent = (0, _isFetchingWrapper["default"])( /*#__PURE__*/_react["default"].createElement(_section.ListSectionContent, null, listedTopicsJSX));
       return /*#__PURE__*/_react["default"].createElement(_pageContent["default"], null, topSectionJSX, isFetching && isFirstPage ? null : /*#__PURE__*/_react["default"].createElement(Title2Wrapper, null, /*#__PURE__*/_react["default"].createElement(_titleBar.Title2, {
         title: _topics.TEXT.SECTION_TITLE_OTHERS
@@ -203,10 +158,8 @@ var Topics = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   return Topics;
 }(_react.Component);
-
 Topics.propTypes = {
   topics: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     id: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]).isRequired,
@@ -234,5 +187,4 @@ Topics.defaultProps = {
   currentPage: 1,
   showSpinner: false
 };
-var _default = Topics;
-exports["default"] = _default;
+var _default = exports["default"] = Topics;

package/lib/listing-page/components/topics/post-item.js

@@ -1,62 +1,39 @@
 "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 _reactRouterDom = require("react-router-dom");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _image = _interopRequireDefault(require("../image"));
-
 var _predefinedCss = require("../../constants/predefined-css");
-
 var _css = require("@twreporter/core/lib/utils/css");
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _font = require("@twreporter/core/lib/constants/font");
-
 var _color = require("@twreporter/core/lib/constants/color");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
-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, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10; // components
+// constants
+// @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 _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 _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 _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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var styles = {
   imgLandscape: {
     mobile: {
@@ -85,36 +62,29 @@ var PostBox = /*#__PURE__*/(0, _styledComponents["default"])(_reactRouterDom.Lin
   displayName: "post-item__PostBox",
   componentId: "d3t92f-0"
 })(["display:flex;", " ", " ", " ", " ", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: ", ";\n    width: 100%;\n  "])), (0, _css.arrayToCssShorthand)(styles.postBoxPadding.mobile)), _mediaQuery["default"].tabletOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), styles.imgLandscape.tablet.width), _mediaQuery["default"].desktopAndAbove(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), styles.imgLandscape.desktop.width), _mediaQuery["default"].tabletAndAbove(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    border: solid .5px ", ";\n    overflow: hidden;\n    flex-direction: column;\n  "])), _color.colorGrayscale.gray300), _predefinedCss.resetLinkStyle, _predefinedCss.linkHoverFadeOut);
-
 var PostImage = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "post-item__PostImage",
   componentId: "d3t92f-1"
 })(["width:", "px;order:1;", " flex:0 0 auto;> div{width:", "px;height:", "px;", " ", "}"], styles.imgLandscape.mobile.width, _mediaQuery["default"].tabletAndAbove(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: ", "px;\n    order: 2;\n  "])), styles.imgLandscape.tablet.width), styles.imgLandscape.mobile.width, styles.imgLandscape.mobile.height, _mediaQuery["default"].tabletOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      width: ", "px;\n      height: ", "px;\n    "])), styles.imgLandscape.tablet.width, styles.imgLandscape.tablet.height), _mediaQuery["default"].desktopAndAbove(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      width: ", "px;\n      height: ", "px;\n    "])), styles.imgLandscape.desktop.width, styles.imgLandscape.desktop.height));
-
 var PostText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "post-item__PostText",
   componentId: "d3t92f-2"
 })(["color:", ";font-weight:", ";font-family:", ";font-size:16px;line-height:1.5;flex:1 1 auto;white-space:normal;order:2;", " padding:", ";", " ", ""], _color.colorGrayscale.gray900, _font.fontWeight.bold, _font.fontFamily.title, _mediaQuery["default"].tabletAndAbove(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    order: 1;\n  "]))), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.mobile), _mediaQuery["default"].tabletOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    padding: ", ";\n    line-height: 1.33;\n  "])), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.tablet)), _mediaQuery["default"].desktopAndAbove(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    padding: ", ";\n    line-height: 1.25;\n  "])), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.desktop)));
-
 var PostItem = /*#__PURE__*/function (_PureComponent) {
   _inherits(PostItem, _PureComponent);
-
   var _super = _createSuper(PostItem);
-
   function PostItem() {
     _classCallCheck(this, PostItem);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(PostItem, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          title = _this$props.title,
-          imgUrl = _this$props.imgUrl,
-          linkTo = _this$props.linkTo,
-          linkTarget = _this$props.linkTarget;
+        title = _this$props.title,
+        imgUrl = _this$props.imgUrl,
+        linkTo = _this$props.linkTo,
+        linkTarget = _this$props.linkTarget;
       return /*#__PURE__*/_react["default"].createElement(PostBox, {
         to: linkTo,
         target: linkTarget
@@ -124,10 +94,8 @@ var PostItem = /*#__PURE__*/function (_PureComponent) {
       }))), /*#__PURE__*/_react["default"].createElement(PostText, null, title));
     }
   }]);
-
   return PostItem;
 }(_react.PureComponent);
-
 PostItem.propTypes = {
   title: _propTypes["default"].string.isRequired,
   imgUrl: _propTypes["default"].string.isRequired,
@@ -137,5 +105,4 @@ PostItem.propTypes = {
 PostItem.defaultProps = {
   linkTarget: null
 };
-var _default = PostItem;
-exports["default"] = _default;
+var _default = exports["default"] = PostItem;

package/lib/listing-page/components/topics/posts.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var PostsContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "posts__PostsContainer",
   componentId: "sc-16za9fh-0"
 })(["display:flex;justify-content:space-between;align-items:stretch;", ""], _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex-direction: column;\n    justify-content: flex-start;\n    a {\n      border-bottom: solid 1px ", ";\n    }\n    a:last-child {\n      border-bottom: medium none currentcolor;\n    }\n  "])), _color.colorGrayscale.gray300));
-
-var _default = PostsContainer;
-exports["default"] = _default;
+var _default = exports["default"] = PostsContainer;