@twreporter/index-page 2.0.8 → 2.1.0-rc.0

package/lib/components/category-section.js

@@ -1,6 +1,5 @@
 "use strict";
 
-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
 });
@@ -29,18 +28,6 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 // @twreporter
 // lodash
 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, _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 _ = {
   get: _get["default"]
@@ -97,47 +84,32 @@ var More = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "category-section__More",
   componentId: "sc-1vfzdxm-8"
 })(["position:absolute;left:50%;bottom:-16px;padding-top:16px;transform:translateX(-50%);text-align:center;width:101%;background-color:", ";", ""], backgroundColor, _mediaQuery["default"].mobileOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    position: relative;\n  "]))));
-var Category = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(Category, _React$PureComponent);
-  var _super = _createSuper(Category);
-  function Category() {
-    _classCallCheck(this, Category);
-    return _super.apply(this, arguments);
-  }
-  _createClass(Category, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        data = _this$props.data,
-        useTinyImg = _this$props.useTinyImg;
-      var items = data.map(function (item, index) {
-        var isExternal = _.get(item, 'is_external', false);
-        var href = (0, _getHref.getHref)(_.get(item, 'slug', 'error'), isExternal);
-        var imgObj = _.get(item, 'hero_image') || _.get(item, 'og_image');
-        var key = "".concat(index, "-").concat(_.get(item, 'id'));
-        return /*#__PURE__*/_react["default"].createElement(FlexItem, {
-          key: key
-        }, /*#__PURE__*/_react["default"].createElement(CategoryName, null, _.get(item, 'listName')), /*#__PURE__*/_react["default"].createElement(_twreporterLink["default"], {
-          href: href,
-          redirect: isExternal
-        }, /*#__PURE__*/_react["default"].createElement(ImgFrame, null, /*#__PURE__*/_react["default"].createElement(_imgWrapper["default"], {
-          alt: _.get(imgObj, 'description'),
-          src: _.get(imgObj, ['resized_targets', useTinyImg ? 'tiny' : 'mobile', 'url']),
-          srcSet: _.get(imgObj, 'resized_targets'),
-          sizes: "(min-width: ".concat(desktopMinWidth, ") ").concat(mockup.img.sizes.desktop, ", ") + "(min-width: ".concat(tabletMinWidth, ") ").concat(mockup.img.sizes.tablet, ", ") + "".concat(mockup.img.sizes.mobile)
-        })), /*#__PURE__*/_react["default"].createElement(TextFrame, null, /*#__PURE__*/_react["default"].createElement(Title, null, _.get(item, 'title')))), /*#__PURE__*/_react["default"].createElement(More, null, /*#__PURE__*/_react["default"].createElement(_bottomLink["default"], {
-          text: "\u66F4\u591A".concat(_.get(item, 'listName')),
-          path: _.get(item, 'moreURI')
-        })));
-      });
-      return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(SectionWrapper, null, /*#__PURE__*/_react["default"].createElement(_sectionName["default"], null, /*#__PURE__*/_react["default"].createElement("span", null, _sectionStrings["default"].category)), /*#__PURE__*/_react["default"].createElement(FlexBox, null, items), /*#__PURE__*/_react["default"].createElement(_mobileSwiperList["default"], null, items)));
-    }
-  }]);
-  return Category;
-}(_react["default"].PureComponent);
-Category.defaultProps = {
-  data: [],
-  useTinyImg: false
+var Category = function Category(_ref) {
+  var _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data,
+    _ref$useTinyImg = _ref.useTinyImg,
+    useTinyImg = _ref$useTinyImg === void 0 ? false : _ref$useTinyImg;
+  var items = data.map(function (item, index) {
+    var isExternal = _.get(item, 'is_external', false);
+    var href = (0, _getHref.getHref)(_.get(item, 'slug', 'error'), isExternal);
+    var imgObj = _.get(item, 'hero_image') || _.get(item, 'og_image');
+    var key = "".concat(index, "-").concat(_.get(item, 'id'));
+    return /*#__PURE__*/_react["default"].createElement(FlexItem, {
+      key: key
+    }, /*#__PURE__*/_react["default"].createElement(CategoryName, null, _.get(item, 'listName')), /*#__PURE__*/_react["default"].createElement(_twreporterLink["default"], {
+      href: href,
+      redirect: isExternal
+    }, /*#__PURE__*/_react["default"].createElement(ImgFrame, null, /*#__PURE__*/_react["default"].createElement(_imgWrapper["default"], {
+      alt: _.get(imgObj, 'description'),
+      src: _.get(imgObj, ['resized_targets', useTinyImg ? 'tiny' : 'mobile', 'url']),
+      srcSet: _.get(imgObj, 'resized_targets'),
+      sizes: "(min-width: ".concat(desktopMinWidth, ") ").concat(mockup.img.sizes.desktop, ", ") + "(min-width: ".concat(tabletMinWidth, ") ").concat(mockup.img.sizes.tablet, ", ") + "".concat(mockup.img.sizes.mobile)
+    })), /*#__PURE__*/_react["default"].createElement(TextFrame, null, /*#__PURE__*/_react["default"].createElement(Title, null, _.get(item, 'title')))), /*#__PURE__*/_react["default"].createElement(More, null, /*#__PURE__*/_react["default"].createElement(_bottomLink["default"], {
+      text: "\u66F4\u591A".concat(_.get(item, 'listName')),
+      path: _.get(item, 'moreURI')
+    })));
+  });
+  return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(SectionWrapper, null, /*#__PURE__*/_react["default"].createElement(_sectionName["default"], null, /*#__PURE__*/_react["default"].createElement("span", null, _sectionStrings["default"].category)), /*#__PURE__*/_react["default"].createElement(FlexBox, null, items), /*#__PURE__*/_react["default"].createElement(_mobileSwiperList["default"], null, items)));
 };
 Category.propTypes = {
   data: _propTypes["default"].arrayOf((0, _post["default"])({

package/lib/components/donation-box-section.js

@@ -1,6 +1,5 @@
 "use strict";
 
-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
 });
@@ -13,18 +12,6 @@ var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/med
 var _color = require("@twreporter/core/lib/constants/color");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 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, _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) } })); }
 // assets
 var ArrowIcon = function ArrowIcon(props) {
@@ -70,19 +57,7 @@ var Icon = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "sc-1xxgww4-4"
 })(["display:inline-block;margin-left:8.6px;width:7px;height:12px;"]);
 var DonateInfo = /*#__PURE__*/_react["default"].createElement("span", null, "\u8D0A\u52A9\u6211\u5011", /*#__PURE__*/_react["default"].createElement(Icon, null, /*#__PURE__*/_react["default"].createElement(ArrowIcon, null)));
-var DonationBoxSection = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(DonationBoxSection, _React$PureComponent);
-  var _super = _createSuper(DonationBoxSection);
-  function DonationBoxSection() {
-    _classCallCheck(this, DonationBoxSection);
-    return _super.apply(this, arguments);
-  }
-  _createClass(DonationBoxSection, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(ContentContainer, null, /*#__PURE__*/_react["default"].createElement(TextColumn, null, /*#__PURE__*/_react["default"].createElement("h3", null, "\u7528\u884C\u52D5\u652F\u6301\u5831\u5C0E\u8005"), /*#__PURE__*/_react["default"].createElement("p", null, "\u6DF1\u5EA6\u8ABF\u67E5\u5831\u5C0E\u5FC5\u9808\u6295\u5165\u512A\u79C0\u8A18\u8005\u3001\u8DB3\u5920\u6642\u9593\u8207\u5927\u91CF\u8CC7\u6E90\u3002\u6B61\u8FCE\u60A8\u6210\u70BA\u300C\u300A\u5831\u5C0E\u8005\u300B\u8D0A\u52A9\u5925\u4F34\u300D\uFF0C\u4E00\u8D77\u70BA\u6253\u9020\u66F4\u597D\u7684\u793E\u6703\u53CA\u5A92\u9AD4\u74B0\u5883\u52AA\u529B\u3002")), /*#__PURE__*/_react["default"].createElement(DonateButton, null, /*#__PURE__*/_react["default"].createElement(_donationLink["default"], null, DonateInfo))));
-    }
-  }]);
-  return DonationBoxSection;
-}(_react["default"].PureComponent);
+var DonationBoxSection = function DonationBoxSection() {
+  return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(ContentContainer, null, /*#__PURE__*/_react["default"].createElement(TextColumn, null, /*#__PURE__*/_react["default"].createElement("h3", null, "\u7528\u884C\u52D5\u652F\u6301\u5831\u5C0E\u8005"), /*#__PURE__*/_react["default"].createElement("p", null, "\u6DF1\u5EA6\u8ABF\u67E5\u5831\u5C0E\u5FC5\u9808\u6295\u5165\u512A\u79C0\u8A18\u8005\u3001\u8DB3\u5920\u6642\u9593\u8207\u5927\u91CF\u8CC7\u6E90\u3002\u6B61\u8FCE\u60A8\u6210\u70BA\u300C\u300A\u5831\u5C0E\u8005\u300B\u8D0A\u52A9\u5925\u4F34\u300D\uFF0C\u4E00\u8D77\u70BA\u6253\u9020\u66F4\u597D\u7684\u793E\u6703\u53CA\u5A92\u9AD4\u74B0\u5883\u52AA\u529B\u3002")), /*#__PURE__*/_react["default"].createElement(DonateButton, null, /*#__PURE__*/_react["default"].createElement(_donationLink["default"], null, DonateInfo))));
+};
 var _default = exports["default"] = DonationBoxSection;