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

package/lib/components/editor-picks-mobile.js

@@ -1,66 +1,43 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _post = _interopRequireDefault(require("./prop-types/post"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _getHref = require("../utils/getHref");
-
 var _styleUtils = require("../utils/style-utils");
-
 var _categoryName = _interopRequireDefault(require("./common-utils/category-name"));
-
 var _imgWrapper = _interopRequireDefault(require("./common-utils/img-wrapper"));
-
 var _section = _interopRequireDefault(require("./common-utils/section"));
-
 var _sectionName = _interopRequireDefault(require("./common-utils/section-name"));
-
 var _twreporterLink = _interopRequireDefault(require("./common-utils/twreporter-link"));
-
 var _mobileSwiperList = _interopRequireDefault(require("./mobile-swiper-list"));
-
 var _sectionStrings = _interopRequireDefault(require("../constants/section-strings"));
-
 var _font = require("@twreporter/core/lib/constants/font");
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } // utils
+// components
+// constants
+// @twreporter
+// lodash
 var _ = {
   get: _get["default"]
 };
@@ -77,61 +54,46 @@ var CarouselContainer = /*#__PURE__*/(0, _styledComponents["default"])(_section[
   displayName: "editor-picks-mobile__CarouselContainer",
   componentId: "sc-666dlb-0"
 })(["padding-top:0;background:", ";"], _color.colorGrayscale.white);
-
 var TextFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "editor-picks-mobile__TextFrame",
   componentId: "sc-666dlb-1"
 })(["height:240px;position:relative;"]);
-
 var Category = /*#__PURE__*/(0, _styledComponents["default"])(_categoryName["default"]).withConfig({
   displayName: "editor-picks-mobile__Category",
   componentId: "sc-666dlb-2"
 })(["position:absolute;top:30px;left:50%;transform:translateX(-50%);width:74px;text-align:center;"]);
-
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "editor-picks-mobile__Title",
   componentId: "sc-666dlb-3"
 })(["top:50px;left:50%;transform:translateX(-50%);width:100%;font-size:24px;font-weight:", ";font-family:", ";color:", ";position:absolute;"], _font.fontWeight.bold, _font.fontFamily.title, _color.colorGrayscale.gray800);
-
 var TitleSpan = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   displayName: "editor-picks-mobile__TitleSpan",
   componentId: "sc-666dlb-4"
 })(["width:100%;height:3.99;", ";"], (0, _styleUtils.truncate)('absolute', 1.33, 3, _color.colorGrayscale.white, 'center'));
-
 var Description = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "editor-picks-mobile__Description",
   componentId: "sc-666dlb-5"
 })(["top:150px;left:50%;font-size:18px;transform:translateX(-50%);width:100%;text-align:left;color:", ";", ";"], _color.colorGrayscale.gray800, (0, _styleUtils.truncate)('absolute', 1.43, 3, _color.colorGrayscale.white));
-
 var ImgFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "editor-picks-mobile__ImgFrame",
   componentId: "sc-666dlb-6"
 })(["height:186px;"]);
-
 var EditorPicksMobile = /*#__PURE__*/function (_React$Component) {
   _inherits(EditorPicksMobile, _React$Component);
-
   var _super = _createSuper(EditorPicksMobile);
-
   function EditorPicksMobile() {
     _classCallCheck(this, EditorPicksMobile);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(EditorPicksMobile, [{
     key: "render",
     value: function render() {
       var data = this.props.data;
       var flexItems = data.map(function (post) {
         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');
-
         var key = _.get(post, 'id');
-
         return /*#__PURE__*/_react["default"].createElement(_twreporterLink["default"], {
           href: href,
           redirect: isExternal,
@@ -149,15 +111,12 @@ var EditorPicksMobile = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement(CarouselContainer, null, /*#__PURE__*/_react["default"].createElement(_sectionName["default"], null, /*#__PURE__*/_react["default"].createElement("span", null, _sectionStrings["default"].editorPick)), /*#__PURE__*/_react["default"].createElement(_mobileSwiperList["default"], null, flexItems));
     }
   }]);
-
   return EditorPicksMobile;
 }(_react["default"].Component);
-
 EditorPicksMobile.defaultProps = {
   data: []
 };
 EditorPicksMobile.propTypes = {
   data: _propTypes["default"].arrayOf((0, _post["default"])())
 };
-var _default = EditorPicksMobile;
-exports["default"] = _default;
+var _default = exports["default"] = EditorPicksMobile;

package/lib/components/editor-picks.js

@@ -1,70 +1,44 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _post = _interopRequireDefault(require("./prop-types/post"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _getHref = require("../utils/getHref");
-
 var _styleUtils = require("../utils/style-utils");
-
 var _editorPicksMobile = _interopRequireDefault(require("./editor-picks-mobile"));
-
 var _imgWrapper = _interopRequireDefault(require("./common-utils/img-wrapper"));
-
 var _categoryName = _interopRequireDefault(require("./common-utils/category-name"));
-
 var _sectionContentWrapper = _interopRequireDefault(require("./common-utils/section-content-wrapper"));
-
 var _twreporterLink = _interopRequireDefault(require("./common-utils/twreporter-link"));
-
 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 _clone = _interopRequireDefault(require("lodash/clone"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-
+/* eslint-disable no-param-reassign */
+// utils
+// components
 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) } })); }
-
 // assets
 var LeftArrowIcon = function LeftArrowIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("title", null, "Left Arrow"), /*#__PURE__*/_react["default"].createElement("path", {
@@ -75,14 +49,12 @@ var LeftArrowIcon = function LeftArrowIcon(props) {
     fillRule: "evenodd"
   }));
 };
-
 LeftArrowIcon.defaultProps = {
   width: "15",
   height: "24",
   viewBox: "0 0 15 24",
   xmlns: "http://www.w3.org/2000/svg"
 };
-
 var RightArrowIcon = function RightArrowIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("title", null, "Right Arrow"), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M2 2.308l10 10-10 10",
@@ -92,14 +64,13 @@ var RightArrowIcon = function RightArrowIcon(props) {
     fillRule: "evenodd"
   }));
 };
-
 RightArrowIcon.defaultProps = {
   width: "15",
   height: "24",
   viewBox: "0 0 15 24",
   xmlns: "http://www.w3.org/2000/svg"
 }; // @twreporter
-
+// lodash
 var _ = {
   get: _get["default"],
   clone: _clone["default"]
@@ -113,31 +84,26 @@ var mockup = {
     }
   }
 };
-
 var swapArrayElements = function swapArrayElements(arr, indexA, indexB) {
   if (Array.isArray(arr) && arr.length > 2) {
     var newArr = _.clone(arr);
-
     var tmp = newArr[indexA];
     newArr[indexA] = newArr[indexB];
     newArr[indexB] = tmp;
     return newArr;
   }
-
   return arr;
 };
-
 var CarouselContainer = /*#__PURE__*/(0, _styledComponents["default"])(_sectionContentWrapper["default"]).withConfig({
   displayName: "editor-picks__CarouselContainer",
   componentId: "sc-1bdfw2o-0"
 })(["overflow-x:hidden;position:relative;", ""], _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
-
 var FlexContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "editor-picks__FlexContainer",
   componentId: "sc-1bdfw2o-1"
-})(["position:relative;display:flex;height:932px;align-items:center;", ""], _mediaQuery["default"].desktopAndBelow(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    height: 702px;\n  "])))); // FlexItem is for moving Title
-
+})(["position:relative;display:flex;height:932px;align-items:center;", ""], _mediaQuery["default"].desktopAndBelow(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    height: 702px;\n  "]))));
 
+// FlexItem is for moving Title
 var FlexItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "editor-picks__FlexItem",
   componentId: "sc-1bdfw2o-2"
@@ -148,18 +114,16 @@ var FlexItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }, _mediaQuery["default"].desktopAndBelow(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin-top: ", ";\n  "])), function (props) {
   return props.$middle ? '-540px' : '16px';
 }));
-
 var ImgFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "editor-picks__ImgFrame",
   componentId: "sc-1bdfw2o-3"
 })(["cursor:pointer;position:absolute;width:886px;height:570px;left:50%;top:236px;transform:translateX(-50%);", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    width: 610px;\n    height: 391px;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: 450px;\n    height: 295px;\n  "]))));
-
 var Arrow = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "editor-picks__Arrow",
   componentId: "sc-1bdfw2o-4"
-})(["cursor:pointer;position:absolute;top:480px;"]); // top: sideCategory + 27px
-
+})(["cursor:pointer;position:absolute;top:480px;"]);
 
+// top: sideCategory + 27px
 var LeftArrow = /*#__PURE__*/(0, _styledComponents["default"])(Arrow).withConfig({
   displayName: "editor-picks__LeftArrow",
   componentId: "sc-1bdfw2o-5"
@@ -186,7 +150,6 @@ var MiddleCategory = /*#__PURE__*/(0, _styledComponents["default"])(_categoryNam
 }, function (props) {
   return props.$left ? props.$left : '0';
 });
-
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "editor-picks__Title",
   componentId: "sc-1bdfw2o-9"
@@ -203,7 +166,6 @@ var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }), _mediaQuery["default"].tabletAndBelow(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    width: ", ";\n  "])), function (props) {
   return props.$middle ? '450px' : '90px';
 }));
-
 var Description = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "editor-picks__Description",
   componentId: "sc-1bdfw2o-10"
@@ -214,14 +176,12 @@ var Description = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }, _color.colorGrayscale.gray800, (0, _styleUtils.truncate)('absolute', 1.43, 2, 'white'), _mediaQuery["default"].tabletAndAbove(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    ", "\n    transition: .2s opacity linear;\n  "])), function (props) {
   return props.$ifHover ? 'opacity: 0.7;' : '';
 }));
-
 var HoverEffect = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "editor-picks__HoverEffect",
   componentId: "sc-1bdfw2o-11"
 })(["cursor:pointer;text-decoration:none;color:", ";", ""], _color.colorGrayscale.gray800, _mediaQuery["default"].tabletAndAbove(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    ", "\n    transition: .2s opacity linear;\n  "])), function (props) {
   return props.$ifHover ? 'opacity: 0.7;' : 'opacity: 1;';
 }));
-
 var FadeInFadeOut = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "editor-picks__FadeInFadeOut",
   componentId: "sc-1bdfw2o-12"
@@ -229,19 +189,15 @@ var FadeInFadeOut = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   return props.$isSelected ? '1' : '0';
 }, function (props) {
   return props.$isSelected ? '1' : '0';
-}); // this is a container
-
+});
 
+// this is a container
 var EditorPicks = /*#__PURE__*/function (_React$Component) {
   _inherits(EditorPicks, _React$Component);
-
   var _super = _createSuper(EditorPicks);
-
   function EditorPicks(props) {
     var _this;
-
     _classCallCheck(this, EditorPicks);
-
     _this = _super.call(this, props);
     _this.state = {
       selected: 1,
@@ -253,7 +209,6 @@ var EditorPicks = /*#__PURE__*/function (_React$Component) {
     _this.handleOnMouseLeave = _this._handleOnMouseLeave.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(EditorPicks, [{
     key: "_onShiftToLeft",
     value: function _onShiftToLeft() {
@@ -290,38 +245,30 @@ var EditorPicks = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var data = this.props.data;
       var swappedData = swapArrayElements(data, 0, 1);
-
       var getTruncate = function getTruncate(title) {
         if (title.length > 25) {
           return "".concat(title.slice(0, 24), "...");
         }
-
         return title;
       };
-
       var FlexItems = function () {
         return swappedData.map(function (obj, i) {
           var isExternal = _.get(obj, 'is_external', false);
-
           var href = (0, _getHref.getHref)(_.get(obj, 'slug', 'error'), isExternal);
           var propsMap = {
             middle: false,
             onClick: function onClick() {}
           };
-
           if (i === _this2.state.selected - 1) {
             propsMap.onClick = _this2.onShiftToRight;
           } else if (i === _this2.state.selected) {
             propsMap.middle = true;
-
             propsMap.onClick = function () {};
           } else if (i === _this2.state.selected + 1) {
             propsMap.onClick = _this2.onShiftToLeft;
           }
-
           return /*#__PURE__*/_react["default"].createElement(FlexItem, {
             key: "key_".concat(obj.title),
             $middle: propsMap.middle,
@@ -344,7 +291,6 @@ var EditorPicks = /*#__PURE__*/function (_React$Component) {
           }, /*#__PURE__*/_react["default"].createElement("div", null, propsMap.middle ? getTruncate(obj.title) : obj.title)));
         });
       }();
-
       var Types = function () {
         // type: left, middle, right. description: middle
         var propList = [{
@@ -384,11 +330,8 @@ var EditorPicks = /*#__PURE__*/function (_React$Component) {
         return propList.map(function (theProp) {
           return swappedData.map(function (post, index) {
             var isExternal = _.get(post, 'is_external', false);
-
             var href = (0, _getHref.getHref)(_.get(post, 'slug', 'error'), isExternal);
-
             var currentData = _.get(post, theProp.dataPath, '');
-
             var selectDataToShow = {
               left: _this2.state.selected - 1,
               middle: _this2.state.selected,
@@ -411,24 +354,23 @@ var EditorPicks = /*#__PURE__*/function (_React$Component) {
               $top: theProp.propsForComponent.top,
               $left: theProp.propsForComponent.left,
               onMouseEnter: _this2.handleOnMouseEnter,
-              onMouseLeave: _this2.handleOnMouseLeave // Adds fade-in fade-out inline style for IE and Edge
+              onMouseLeave: _this2.handleOnMouseLeave
+              // Adds fade-in fade-out inline style for IE and Edge
               ,
               style: fadingStyle
             }, currentData)) : /*#__PURE__*/_react["default"].createElement(theProp.component, {
               $top: theProp.propsForComponent.top,
-              $left: theProp.propsForComponent.left // Adds fade-in fade-out inline style for IE and Edge
+              $left: theProp.propsForComponent.left
+              // Adds fade-in fade-out inline style for IE and Edge
               ,
               style: fadingStyle
             }, currentData));
           });
         });
       }();
-
       var Images = swappedData.map(function (post, index) {
         var imgObj = _.get(post, 'hero_image') || _.get(post, 'og_image');
-
         var isExternal = _.get(post, 'is_external', false);
-
         var href = (0, _getHref.getHref)(_.get(post, 'slug', 'error'), isExternal);
         var fadingStyle = {
           opacity: _this2.state.selected === index ? '1' : '0',
@@ -446,7 +388,8 @@ var EditorPicks = /*#__PURE__*/function (_React$Component) {
           $ifHover: _this2.state.ifHover
         }, /*#__PURE__*/_react["default"].createElement(ImgFrame, {
           onMouseEnter: _this2.handleOnMouseEnter,
-          onMouseLeave: _this2.handleOnMouseLeave // Adds fade-in fade-out inline style for IE and Edge
+          onMouseLeave: _this2.handleOnMouseLeave
+          // Adds fade-in fade-out inline style for IE and Edge
           ,
           style: fadingStyle
         }, /*#__PURE__*/_react["default"].createElement(_imgWrapper["default"], {
@@ -456,7 +399,6 @@ var EditorPicks = /*#__PURE__*/function (_React$Component) {
           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)
         })))));
       });
-
       var Arrows = function () {
         return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(LeftArrow, {
           onClick: _this2.onShiftToRight,
@@ -467,22 +409,18 @@ var EditorPicks = /*#__PURE__*/function (_React$Component) {
           $dataLength: _this2.props.data.length
         }, /*#__PURE__*/_react["default"].createElement(RightArrowIcon, null)));
       }();
-
       return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(CarouselContainer, null, /*#__PURE__*/_react["default"].createElement(FlexContainer, null, Types, Arrows, Images, FlexItems)), /*#__PURE__*/_react["default"].createElement(_editorPicksMobile["default"], {
         data: this.props.data,
         maxSwipableItems: 5
       }));
     }
   }]);
-
   return EditorPicks;
 }(_react["default"].Component);
-
 EditorPicks.defaultProps = {
   data: []
 };
 EditorPicks.propTypes = {
   data: _propTypes["default"].arrayOf((0, _post["default"])())
 };
-var _default = EditorPicks;
-exports["default"] = _default;
+var _default = exports["default"] = EditorPicks;