@twreporter/index-page 2.0.2 → 2.0.3-rc.1

package/lib/components/latest-topic.js

@@ -4,79 +4,48 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _topic = _interopRequireDefault(require("./prop-types/topic"));
-
 var _styleUtils = require("../utils/style-utils");
-
 var _getHref = require("../utils/getHref");
-
 var _bottomLink = _interopRequireDefault(require("./common-utils/bottom-link"));
-
 var _categoryName = _interopRequireDefault(require("./common-utils/category-name"));
-
 var _imgWrapper = _interopRequireDefault(require("./common-utils/img-wrapper"));
-
 var _twreporterLink = _interopRequireDefault(require("./common-utils/twreporter-link"));
-
 var _section = _interopRequireDefault(require("./common-utils/section"));
-
 var _sectionAnimationWrapper = _interopRequireDefault(require("./animations/section-animation-wrapper"));
-
 var _sectionName = _interopRequireDefault(require("./common-utils/section-name"));
-
 var _mobileSwiperList = _interopRequireDefault(require("./mobile-swiper-list"));
-
 var _sectionStrings = _interopRequireDefault(require("../constants/section-strings"));
-
 var _strings = _interopRequireDefault(require("../constants/strings"));
-
 var _mobileMockupSpecification = require("../constants/mobile-mockup-specification");
-
 var _font = require("@twreporter/core/lib/constants/font");
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _forEach = _interopRequireDefault(require("lodash/forEach"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14; // utils
+// components
+// constants
+// @twreporter
+// lodash
 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 _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"]
@@ -91,112 +60,88 @@ var mockup = {
   }
 };
 var categoryPrefix = _strings["default"].topic + _strings["default"].fullShapeDot;
-
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__Container",
   componentId: "q3zdc1-0"
 })(["background-color:", ";"], _color.colorGrayscale.gray100);
-
 var ContentContainer = /*#__PURE__*/(0, _styledComponents["default"])(_section["default"]).withConfig({
   displayName: "latest-topic__ContentContainer",
   componentId: "q3zdc1-1"
 })(["text-align:center;"]);
-
 var TopicFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__TopicFrame",
   componentId: "q3zdc1-2"
 })(["width:447px;margin:0 auto;", ""], _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: 100%;\n  "]))));
-
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__Title",
   componentId: "q3zdc1-3"
 })(["width:374px;font-size:32px;font-weight:", ";font-family:", ";line-height:1.25;color:", ";text-align:center;margin:2px auto 0 auto;", ""], _font.fontWeight.bold, _font.fontFamily.title, _color.colorGrayscale.gray800, _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 24px;\n    width: ", "%;\n  "])), _mobileMockupSpecification.itemWidthPct));
-
 var Description = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__Description",
   componentId: "q3zdc1-4"
-})(["margin-top:12px;width:447px;font-size:16px;line-height:1.5;text-align:justify;color:", ";", ""], _color.colorGrayscale.gray800, _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: ", "%;\n    margin: 6px auto 0 auto;\n    font-size: 18px;\n  "])), _mobileMockupSpecification.itemWidthPct)); // container for relateds FlexItem
-
+})(["margin-top:12px;width:447px;font-size:16px;line-height:1.5;text-align:justify;color:", ";", ""], _color.colorGrayscale.gray800, _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: ", "%;\n    margin: 6px auto 0 auto;\n    font-size: 18px;\n  "])), _mobileMockupSpecification.itemWidthPct));
 
+// container for relateds FlexItem
 var FlexBox = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__FlexBox",
   componentId: "q3zdc1-5"
-})(["margin-top:48px;min-height:335px;padding:0 48px;display:flex;justify-content:center;", " ", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    padding: 0 49px;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    padding: 0 34px;\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: none;\n  "])))); // container for each related articles
-
+})(["margin-top:48px;min-height:335px;padding:0 48px;display:flex;justify-content:center;", " ", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    padding: 0 49px;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    padding: 0 34px;\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
 
+// container for each related articles
 var FlexItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__FlexItem",
   componentId: "q3zdc1-6"
 })(["min-height:335px;width:426px;&:nth-child(2){margin:0 33px;}", " ", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    width: 290px;\n    &:nth-child(2) {\n      margin: 0 28px;\n    }\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    width: 220px;\n    &:nth-child(2) {\n      margin: 0 20px;\n    }\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    width: 100%;\n  "]))));
-
 var MobileList = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__MobileList",
   componentId: "q3zdc1-7"
 })(["margin-top:30px;"]);
-
 var RelatedsContentFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__RelatedsContentFrame",
   componentId: "q3zdc1-8"
 })(["width:100%;height:auto;padding:0 8px 0 8px;"]);
-
 var RelatedCategory = /*#__PURE__*/(0, _styledComponents["default"])(_categoryName["default"]).withConfig({
   displayName: "latest-topic__RelatedCategory",
   componentId: "q3zdc1-9"
 })(["text-align:left;margin:12px 0 2px 0;"]);
-
 var RelatedTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__RelatedTitle",
   componentId: "q3zdc1-10"
 })(["font-size:20px;font-weight:", ";font-family:", ";color:", ";line-height:1.5;"], _font.fontWeight.bold, _font.fontFamily.title, _color.colorGrayscale.gray800);
-
 var RelatedDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__RelatedDescription",
   componentId: "q3zdc1-11"
 })(["margin-top:8px;height:auto;font-size:16px;line-height:20px;color:", ";", ";", ""], _color.colorGrayscale.gray800, (0, _styleUtils.truncate)('relative', 1.43, 4, _color.colorGrayscale.gray100), _mediaQuery["default"].mobileOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    font-size: 18px;\n  "]))));
-
 var MoreFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__MoreFrame",
   componentId: "q3zdc1-12"
 })(["margin:60px auto 0 auto;", ""], _mediaQuery["default"].mobileOnly(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    margin: 40px auto 0 auto;\n  "]))));
-
 var ImgFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__ImgFrame",
   componentId: "q3zdc1-13"
 })(["height:274px;", " ", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    height: 186px;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    height: 140px;\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    height: 186px;\n  "]))));
-
 var LatestTopic = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(LatestTopic, _React$PureComponent);
-
   var _super = _createSuper(LatestTopic);
-
   function LatestTopic() {
     _classCallCheck(this, LatestTopic);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(LatestTopic, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          data = _this$props.data,
-          useTinyImg = _this$props.useTinyImg;
-
+        data = _this$props.data,
+        useTinyImg = _this$props.useTinyImg;
       var relateds = _.get(data, 'relateds', []);
-
       var relatedsJsx = [];
-
       _.forEach(relateds, function (post) {
         if (_typeof(post) !== 'object' || post === null) {
           return;
         }
-
         var isExternal = _.get(post, 'is_external', false);
-
         var href = (0, _getHref.getHref)(_.get(post, 'slug', 'error'), isExternal);
-
         var imgObj = _.get(post, 'hero_image') || _.get(post, 'og_image');
-
         relatedsJsx.push( /*#__PURE__*/_react["default"].createElement(FlexItem, {
           key: _.get(post, 'id')
         }, /*#__PURE__*/_react["default"].createElement(_twreporterLink["default"], {
@@ -209,17 +154,14 @@ var LatestTopic = /*#__PURE__*/function (_React$PureComponent) {
           sizes: "(min-width: ".concat(_styleUtils.breakPoints.desktopMinWidth, ") ").concat(mockup.img.sizes.desktop, ", ") + "(min-width: ".concat(_styleUtils.breakPoints.tabletMinWidth, ") ").concat(mockup.img.sizes.tablet, ", ") + "".concat(mockup.img.sizes.mobile)
         })), /*#__PURE__*/_react["default"].createElement(RelatedsContentFrame, null, /*#__PURE__*/_react["default"].createElement(RelatedCategory, null, "".concat(categoryPrefix).concat(_.get(data, 'short_title', ''))), /*#__PURE__*/_react["default"].createElement(RelatedTitle, null, _.get(post, 'title', '')), /*#__PURE__*/_react["default"].createElement(RelatedDescription, null, _.get(post, 'og_description', ''))))));
       });
-
       return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(ContentContainer, null, /*#__PURE__*/_react["default"].createElement(_sectionName["default"], null, /*#__PURE__*/_react["default"].createElement("span", null, _sectionStrings["default"].latestTopic)), /*#__PURE__*/_react["default"].createElement(TopicFrame, null, /*#__PURE__*/_react["default"].createElement(_categoryName["default"], null, "".concat(categoryPrefix).concat(_.get(data, 'short_title', ''))), /*#__PURE__*/_react["default"].createElement(Title, null, _.get(data, 'title', '')), /*#__PURE__*/_react["default"].createElement(Description, null, _.get(data, 'og_description', ''))), /*#__PURE__*/_react["default"].createElement(FlexBox, null, relatedsJsx), /*#__PURE__*/_react["default"].createElement(MobileList, null, /*#__PURE__*/_react["default"].createElement(_mobileSwiperList["default"], null, relatedsJsx)), /*#__PURE__*/_react["default"].createElement(MoreFrame, null, /*#__PURE__*/_react["default"].createElement(_bottomLink["default"], {
         text: "\u66F4\u591A".concat(_.get(data, 'short_title', ''), "\u6587\u7AE0"),
         path: "topics/".concat(_.get(data, 'slug', ''))
       }))));
     }
   }]);
-
   return LatestTopic;
 }(_react["default"].PureComponent);
-
 LatestTopic.defaultProps = {
   data: {},
   useTinyImg: false
@@ -228,7 +170,4 @@ LatestTopic.propTypes = {
   data: (0, _topic["default"])(),
   useTinyImg: _propTypes["default"].bool
 };
-
-var _default = (0, _sectionAnimationWrapper["default"])(LatestTopic);
-
-exports["default"] = _default;
+var _default = exports["default"] = (0, _sectionAnimationWrapper["default"])(LatestTopic);

package/lib/components/mobile-swiper-list.js

@@ -4,36 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react2 = require("swiper/react");
-
 var _mobileMockupSpecification = require("../constants/mobile-mockup-specification");
-
 var _rwd = require("@twreporter/react-components/lib/rwd");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 // constants
+
 // @twreporter
+
 var MobileList = /*#__PURE__*/(0, _styledComponents["default"])(_rwd.MobileOnly).withConfig({
   displayName: "mobile-swiper-list__MobileList",
   componentId: "sc-12lzcgi-0"
 })([".swiper-container{width:100%;}.swiper-slide{width:", "%;}"], _mobileMockupSpecification.itemWidthPct);
-
 var defaultFunc = function defaultFunc() {};
-
 var MobileSwiperList = function MobileSwiperList(_ref) {
   var children = _ref.children,
-      _ref$onSlideChange = _ref.onSlideChange,
-      onSlideChange = _ref$onSlideChange === void 0 ? defaultFunc : _ref$onSlideChange;
+    _ref$onSlideChange = _ref.onSlideChange,
+    onSlideChange = _ref$onSlideChange === void 0 ? defaultFunc : _ref$onSlideChange;
   var render;
-
   if (children) {
     render = Array.isArray(children) ? children.map(function (item, idx) {
       return /*#__PURE__*/_react["default"].createElement(_react2.SwiperSlide, {
@@ -41,7 +32,6 @@ var MobileSwiperList = function MobileSwiperList(_ref) {
       }, item);
     }) : /*#__PURE__*/_react["default"].createElement(_react2.SwiperSlide, null, children);
   }
-
   return /*#__PURE__*/_react["default"].createElement(MobileList, null, /*#__PURE__*/_react["default"].createElement(_react2.Swiper, {
     onSlideChange: onSlideChange,
     slidesPerView: 'auto',
@@ -49,10 +39,8 @@ var MobileSwiperList = function MobileSwiperList(_ref) {
     spaceBetween: "".concat(_mobileMockupSpecification.itemPaddingRightPct, "%")
   }, render));
 };
-
 MobileSwiperList.propTypes = {
   children: _propTypes["default"].oneOf([_propTypes["default"].arrayOf(_propTypes["default"].element), _propTypes["default"].element]),
   onSlideChange: _propTypes["default"].func
 };
-var _default = MobileSwiperList;
-exports["default"] = _default;
+var _default = exports["default"] = MobileSwiperList;

package/lib/components/photography-section.js

@@ -1,76 +1,48 @@
 "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 = _interopRequireDefault(require("react"));
-
 var _reactWaypoint = require("react-waypoint");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _post = _interopRequireDefault(require("./prop-types/post"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _sectionAnimationWrapper = _interopRequireDefault(require("./animations/section-animation-wrapper"));
-
 var _styleUtils = require("../utils/style-utils");
-
 var _getHref = require("../utils/getHref");
-
 var _bottomLink = _interopRequireDefault(require("./common-utils/bottom-link"));
-
 var _categoryName = _interopRequireDefault(require("./common-utils/category-name"));
-
 var _imgWrapper = _interopRequireDefault(require("./common-utils/img-wrapper"));
-
 var _sectionName = _interopRequireDefault(require("./common-utils/section-name"));
-
 var _twreporterLink = _interopRequireDefault(require("./common-utils/twreporter-link"));
-
 var _sectionStrings = _interopRequireDefault(require("../constants/section-strings"));
-
 var _categoryStrings = _interopRequireDefault(require("../constants/category-strings"));
-
 var _font = require("@twreporter/core/lib/constants/font");
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11; // utils
+// components
+// constants
+// @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, 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 _ = {
   get: _get["default"]
 };
@@ -82,11 +54,11 @@ var mockup = {
       mobile: '414px'
     }
   }
-}; // If window is less than oneColumnWidth,
-// there will be only one column. Default is two columns.
+};
 
+// If window is less than oneColumnWidth,
+// there will be only one column. Default is two columns.
 var oneColumnWidthInt = 768;
-
 var Section = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "photography-section__Section",
   componentId: "sc-42isjh-0"
@@ -95,59 +67,48 @@ var Section = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }, function (props) {
   return props.$isAutoHover ? '40px' : '80px';
 }, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding-top: 0px;\n  "]))));
-
 var Listing = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
   displayName: "photography-section__Listing",
   componentId: "sc-42isjh-1"
 })(["padding-left:0px;max-width:1344px;margin:0 auto;position:relative;padding-bottom:60px;", " ", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    max-width: 928px;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    max-width: 700px;\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    padding-top: 0px;\n    padding-bottom: 40px;\n    max-width: 100%;\n  "]))));
-
 var Item = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   displayName: "photography-section__Item",
   componentId: "sc-42isjh-2"
 })(["max-width:672px;display:inline-block;vertical-align:bottom;", " ", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    max-width: 464px;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    max-width: 349px;\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    max-width: 100%;\n    width: 100%;\n    height: 100%;\n    display: block;\n  "]))));
-
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "photography-section__Title",
   componentId: "sc-42isjh-3"
 })(["position:absolute;color:", ";font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1.5;text-align:justify;font-weight:", ";font-family:", ";"], _color.colorGrayscale.white, _font.fontWeight.normal, _font.fontFamily.title);
-
 var Img = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "photography-section__Img",
   componentId: "sc-42isjh-4"
 })(["position:relative;width:672px;height:450px;", " ", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    width: 464px;\n    height: 310px;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    margin: 0 auto;\n    width: 350px;\n    height: 234px;\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    width: 100%;\n    height: 100%;\n  "]))));
-
 var Overlay = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "photography-section__Overlay",
   componentId: "sc-42isjh-5"
 })(["position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:", ";transition:0.5s ease;background-color:", "b3;", ""], function (props) {
   return props.$isHover ? 1 : 0;
 }, _color.colorPhoto.heavy, _mediaQuery["default"].tabletAndAbove(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    &:hover {\n      opacity: 1;\n    }\n  "]))));
-
 var More = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "photography-section__More",
   componentId: "sc-42isjh-6"
 })(["text-align:center;"]);
-
 var Photography = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Photography, _React$PureComponent);
-
   var _super = _createSuper(Photography);
-
   function Photography() {
     _classCallCheck(this, Photography);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Photography, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          title = _this$props.title,
-          imgObj = _this$props.imgObj,
-          isHover = _this$props.isHover,
-          slug = _this$props.slug,
-          isExternal = _this$props.isExternal;
+        title = _this$props.title,
+        imgObj = _this$props.imgObj,
+        isHover = _this$props.isHover,
+        slug = _this$props.slug,
+        isExternal = _this$props.isExternal;
       var href = (0, _getHref.getHref)(slug, isExternal);
       return /*#__PURE__*/_react["default"].createElement(Item, null, /*#__PURE__*/_react["default"].createElement(_twreporterLink["default"], {
         href: href,
@@ -162,10 +123,8 @@ var Photography = /*#__PURE__*/function (_React$PureComponent) {
       }, /*#__PURE__*/_react["default"].createElement(Title, null, /*#__PURE__*/_react["default"].createElement(_categoryName["default"], null, _categoryStrings["default"].photography), title))))));
     }
   }]);
-
   return Photography;
 }(_react["default"].PureComponent);
-
 Photography.defaultProps = {
   title: '',
   imgObj: {},
@@ -180,17 +139,12 @@ Photography.propTypes = {
   isHover: _propTypes["default"].bool,
   slug: _propTypes["default"].string
 };
-
 var PhotographySection = /*#__PURE__*/function (_React$PureComponent2) {
   _inherits(PhotographySection, _React$PureComponent2);
-
   var _super2 = _createSuper(PhotographySection);
-
   function PhotographySection(props) {
     var _this;
-
     _classCallCheck(this, PhotographySection);
-
     _this = _super2.call(this, props);
     _this.state = {
       eleTouchViewportTop: -1,
@@ -206,31 +160,26 @@ var PhotographySection = /*#__PURE__*/function (_React$PureComponent2) {
     _this._mounted = false;
     return _this;
   }
-
   _createClass(PhotographySection, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      this._mounted = true; // fetch the posts in advance
-
+      this._mounted = true;
+      // fetch the posts in advance
       var _checkViewportWidth = this._checkViewportWidth.bind(this);
-
       _checkViewportWidth();
-
       var resizeTimeout;
-
       function resizeThrottler() {
         // ignore resize events as long as an actualResizeHandler execution is in the queue
         if (!resizeTimeout) {
           resizeTimeout = setTimeout(function () {
             resizeTimeout = null;
-
-            _checkViewportWidth(); // The _checkViewportWidth will execute at a rate of 15fps
-
+            _checkViewportWidth();
+            // The _checkViewportWidth will execute at a rate of 15fps
           }, 500);
         }
-      } // add resize event listener
-
+      }
 
+      // add resize event listener
       window.addEventListener('resize', resizeThrottler.bind(this), false);
     }
   }, {
@@ -242,7 +191,6 @@ var PhotographySection = /*#__PURE__*/function (_React$PureComponent2) {
     key: "_checkViewportWidth",
     value: function _checkViewportWidth() {
       var innerW = _.get(window, 'innerWidth', oneColumnWidthInt);
-
       if (this._mounted) {
         this.setState({
           isAutoHover: innerW < oneColumnWidthInt
@@ -262,23 +210,19 @@ var PhotographySection = /*#__PURE__*/function (_React$PureComponent2) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          data = _this$props2.data,
-          moreURI = _this$props2.moreURI,
-          useTinyImg = _this$props2.useTinyImg;
+        data = _this$props2.data,
+        moreURI = _this$props2.moreURI,
+        useTinyImg = _this$props2.useTinyImg;
       var _this$state = this.state,
-          eleTouchViewportTop = _this$state.eleTouchViewportTop,
-          isAutoHover = _this$state.isAutoHover;
+        eleTouchViewportTop = _this$state.eleTouchViewportTop,
+        isAutoHover = _this$state.isAutoHover;
       var postComps = data.slice(0, this.itemsToShow).map(function (item, index) {
         var imgObj = _.get(item, 'hero_image') || _.get(item, 'og_image');
-
         var isHover = false;
-
         if (isAutoHover) {
           isHover = eleTouchViewportTop === index;
         }
-
         return /*#__PURE__*/_react["default"].createElement(_reactWaypoint.Waypoint, {
           key: _.get(item, 'id'),
           onEnter: function onEnter() {
@@ -311,10 +255,8 @@ var PhotographySection = /*#__PURE__*/function (_React$PureComponent2) {
       })))));
     }
   }]);
-
   return PhotographySection;
 }(_react["default"].PureComponent);
-
 PhotographySection.defaultProps = {
   data: [],
   moreURI: 'photography',
@@ -325,7 +267,4 @@ PhotographySection.propTypes = {
   moreURI: _propTypes["default"].string,
   useTinyImg: _propTypes["default"].bool
 };
-
-var _default = (0, _sectionAnimationWrapper["default"])(PhotographySection);
-
-exports["default"] = _default;
+var _default = exports["default"] = (0, _sectionAnimationWrapper["default"])(PhotographySection);