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

package/lib/components/topics-section.js

@@ -1,78 +1,49 @@
 "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 _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 _bottomLink = _interopRequireDefault(require("./common-utils/bottom-link"));
-
 var _categoryName = _interopRequireDefault(require("./common-utils/category-name"));
-
 var _imgWrapper = _interopRequireDefault(require("./common-utils/img-wrapper"));
-
 var _section = _interopRequireDefault(require("./common-utils/section"));
-
 var _sectionAnimationWrapper = _interopRequireDefault(require("./animations/section-animation-wrapper"));
-
 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 _strings = _interopRequireDefault(require("../constants/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 _forEach = _interopRequireDefault(require("lodash/forEach"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5; // 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 _ = {
   forEach: _forEach["default"],
   get: _get["default"]
@@ -102,22 +73,18 @@ var mockup = {
     }
   }
 };
-
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topics-section__Container",
   componentId: "sc-17suvlo-0"
 })(["background-color:", ";"], _color.colorGrayscale.gray100);
-
 var Rows = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topics-section__Rows",
   componentId: "sc-17suvlo-1"
 })(["margin-bottom:70px;", ""], _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
-
 var Row = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topics-section__Row",
   componentId: "sc-17suvlo-2"
 })(["display:flex;text-align:center;"]);
-
 var TopicNameRow = /*#__PURE__*/(0, _styledComponents["default"])(Row).withConfig({
   displayName: "topics-section__TopicNameRow",
   componentId: "sc-17suvlo-3"
@@ -134,14 +101,12 @@ var DescRow = /*#__PURE__*/(0, _styledComponents["default"])(Row).withConfig({
   displayName: "topics-section__DescRow",
   componentId: "sc-17suvlo-6"
 })(["align-items:flex-start;justify-content:center;text-align:justify;"]);
-
 var Column = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topics-section__Column",
   componentId: "sc-17suvlo-7"
 })(["flex:0 0 ", "px;margin-bottom:12px;cursor:pointer;&:first-child{margin-right:30px;}opacity:", ";transition:0.2s opacity linear;", " ", ""], mockup.hd.width["default"], function (props) {
   return props.$ifHover ? 0.7 : 1;
 }, _mediaQuery["default"].desktopOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex: 0 0 ", "px;\n  "])), mockup.desktop.width["default"]), _mediaQuery["default"].tabletOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    flex: 0 0 ", "px;\n    &:first-child {\n      margin-right: 20px;\n    }\n  "])), mockup.tablet.width["default"]));
-
 var TopicNameColumn = /*#__PURE__*/(0, _styledComponents["default"])(Column).withConfig({
   displayName: "topics-section__TopicNameColumn",
   componentId: "sc-17suvlo-8"
@@ -150,12 +115,10 @@ var TitleColumn = /*#__PURE__*/(0, _styledComponents["default"])(Column).withCon
   displayName: "topics-section__TitleColumn",
   componentId: "sc-17suvlo-9"
 })(["font-size:32px;font-weight:", ";font-family:", ";"], _font.fontWeight.bold, _font.fontFamily.title);
-
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topics-section__Title",
   componentId: "sc-17suvlo-10"
 })(["color:", ";line-height:1.25;"], _color.colorGrayscale.gray800);
-
 var ImgColumn = /*#__PURE__*/(0, _styledComponents["default"])(Column).withConfig({
   displayName: "topics-section__ImgColumn",
   componentId: "sc-17suvlo-11"
@@ -164,12 +127,10 @@ var DescColumn = /*#__PURE__*/(0, _styledComponents["default"])(Column).withConf
   displayName: "topics-section__DescColumn",
   componentId: "sc-17suvlo-12"
 })(["font-size:16px;line-height:1.5;"]);
-
 var Desc = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topics-section__Desc",
   componentId: "sc-17suvlo-13"
 })(["width:", "%;margin:0 auto;color:", ";"], mockup.desktop.width.desc / mockup.desktop.width["default"] * 100, _color.colorGrayscale.gray800);
-
 var Mobile = {
   TopicName: (0, _styledComponents["default"])(_categoryName["default"]).withConfig({
     displayName: "topics-section__TopicName",
@@ -196,34 +157,27 @@ var Mobile = {
     componentId: "sc-17suvlo-19"
   })(["width:100%;font-size:18px;", " margin-left:0;"], (0, _styleUtils.truncate)('relative', 1.5, 6, _color.colorGrayscale.gray100))
 };
-
 var More = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topics-section__More",
   componentId: "sc-17suvlo-20"
 })(["text-align:center;"]);
-
 var sizesForsrcSet = "(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 MobileTopic = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(MobileTopic, _React$PureComponent);
-
   var _super = _createSuper(MobileTopic);
-
   function MobileTopic() {
     _classCallCheck(this, MobileTopic);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(MobileTopic, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          title = _this$props.title,
-          topicName = _this$props.topicName,
-          desc = _this$props.desc,
-          imgObj = _this$props.imgObj,
-          slug = _this$props.slug;
+        title = _this$props.title,
+        topicName = _this$props.topicName,
+        desc = _this$props.desc,
+        imgObj = _this$props.imgObj,
+        slug = _this$props.slug;
       var href = "topics/".concat(slug);
       return /*#__PURE__*/_react["default"].createElement(Mobile.Item, null, /*#__PURE__*/_react["default"].createElement(_twreporterLink["default"], {
         href: href,
@@ -236,10 +190,8 @@ var MobileTopic = /*#__PURE__*/function (_React$PureComponent) {
       })), /*#__PURE__*/_react["default"].createElement(Mobile.DescFrame, null, /*#__PURE__*/_react["default"].createElement(Mobile.Desc, null, desc))));
     }
   }]);
-
   return MobileTopic;
 }(_react["default"].PureComponent);
-
 MobileTopic.defaultProps = {
   title: '',
   topicName: '',
@@ -254,17 +206,12 @@ MobileTopic.propTypes = {
   imgObj: _propTypes["default"].object,
   slug: _propTypes["default"].string
 };
-
 var TopicsInARow = /*#__PURE__*/function (_React$PureComponent2) {
   _inherits(TopicsInARow, _React$PureComponent2);
-
   var _super2 = _createSuper(TopicsInARow);
-
   function TopicsInARow(props) {
     var _this;
-
     _classCallCheck(this, TopicsInARow);
-
     _this = _super2.call(this, props);
     _this.state = {
       indexHovered: -1
@@ -272,7 +219,6 @@ var TopicsInARow = /*#__PURE__*/function (_React$PureComponent2) {
     _this.handleHover = _this._handleHover.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(TopicsInARow, [{
     key: "_handleHover",
     value: function _handleHover(index) {
@@ -284,31 +230,22 @@ var TopicsInARow = /*#__PURE__*/function (_React$PureComponent2) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          data = _this$props2.data,
-          useTinyImg = _this$props2.useTinyImg;
+        data = _this$props2.data,
+        useTinyImg = _this$props2.useTinyImg;
       var indexHovered = this.state.indexHovered;
       var topicNameColumns = [];
       var titleColumns = [];
       var imgColumns = [];
       var descColumns = [];
-
       _.forEach(data, function (topic, index) {
         var slug = _.get(topic, 'slug');
-
         var href = "topics/".concat(slug);
-
         var id = _.get(topic, 'id');
-
         var topicName = _.get(topic, 'topic_name', '');
-
         var title = _.get(topic, 'title', '');
-
         var imgObj = _.get(topic, 'leading_image') || _.get(topic, 'og_image');
-
         var desc = _.get(topic, 'og_description', '');
-
         topicNameColumns.push( /*#__PURE__*/_react["default"].createElement(TopicNameColumn, {
           key: id
         }, topicName));
@@ -357,14 +294,11 @@ var TopicsInARow = /*#__PURE__*/function (_React$PureComponent2) {
           plain: true
         }, /*#__PURE__*/_react["default"].createElement(Desc, null, desc))));
       });
-
       return /*#__PURE__*/_react["default"].createElement(Rows, null, /*#__PURE__*/_react["default"].createElement(TopicNameRow, null, topicNameColumns), /*#__PURE__*/_react["default"].createElement(TitleRow, null, titleColumns), /*#__PURE__*/_react["default"].createElement(ImgRow, null, imgColumns), /*#__PURE__*/_react["default"].createElement(DescRow, null, descColumns));
     }
   }]);
-
   return TopicsInARow;
 }(_react["default"].PureComponent);
-
 TopicsInARow.defaultProps = {
   data: [],
   useTinyImg: false
@@ -373,36 +307,27 @@ TopicsInARow.propTypes = {
   data: _propTypes["default"].arrayOf((0, _topic["default"])()),
   useTinyImg: _propTypes["default"].bool
 };
-
 var TopicsSection = /*#__PURE__*/function (_React$PureComponent3) {
   _inherits(TopicsSection, _React$PureComponent3);
-
   var _super3 = _createSuper(TopicsSection);
-
   function TopicsSection() {
     _classCallCheck(this, TopicsSection);
-
     return _super3.apply(this, arguments);
   }
-
   _createClass(TopicsSection, [{
     key: "render",
     value: function render() {
       var totalTopics = 4;
       var _this$props3 = this.props,
-          data = _this$props3.data,
-          useTinyImg = _this$props3.useTinyImg,
-          moreURI = _this$props3.moreURI;
-
+        data = _this$props3.data,
+        useTinyImg = _this$props3.useTinyImg,
+        moreURI = _this$props3.moreURI;
       if (!Array.isArray(data) || _.get(data, 'length', 0) === 0) {
         return null;
       }
-
       var mobileTopicComps = data.map(function (item) {
         var desc = _.get(item, 'og_description');
-
         var imgObj = _.get(item, 'leading_image') || _.get(item, 'og_image');
-
         return /*#__PURE__*/_react["default"].createElement(MobileTopic, {
           key: _.get(item, 'id'),
           title: _.get(item, 'title'),
@@ -428,10 +353,8 @@ var TopicsSection = /*#__PURE__*/function (_React$PureComponent3) {
       }))));
     }
   }]);
-
   return TopicsSection;
 }(_react["default"].PureComponent);
-
 TopicsSection.defaultProps = {
   data: [],
   moreURI: 'topics',
@@ -442,7 +365,4 @@ TopicsSection.propTypes = {
   moreURI: _propTypes["default"].string,
   useTinyImg: _propTypes["default"].bool
 };
-
-var _default = (0, _sectionAnimationWrapper["default"])(TopicsSection);
-
-exports["default"] = _default;
+var _default = exports["default"] = (0, _sectionAnimationWrapper["default"])(TopicsSection);

package/lib/constants/app.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _default = {
+var _default = exports["default"] = {
   url: 'https://twreporter.org',
   assetsPath: 'https://www.twreporter.org/assets/banner',
   domain: '',
   expirationDays: 0,
   title: '',
   description: '2015年12月《報導者》正式上線，稟持深度、開放、非營利的精神，致力於公共領域調查報導，為讀者持續追蹤各項重要議題，共同打造多元的社會與媒體環境。'
-};
-exports["default"] = _default;
+};

package/lib/constants/category-strings.js

@@ -4,12 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _strings = _interopRequireDefault(require("./strings"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   photography: _strings["default"].image + _strings["default"].fullShapeDot + _strings["default"].voice
-};
-exports["default"] = _default;
+};

package/lib/constants/mobile-mockup-specification.js

@@ -7,19 +7,20 @@ exports.itemWidthPct = exports.itemPlusPaddingWidthPct = exports.itemPaddingRigh
 // 320 is iPhone5 width and also the mockup max-width,
 // 238 is the item width in device.
 // 26 is the padding between each item
+
 var itemWidth = 238;
 var itemPaddingRight = 26;
 var mockupWidth = 320;
-var firstItemMarginLeft = 42; // item width pct of mobiel device
+var firstItemMarginLeft = 42;
 
-var itemWidthPct = "".concat(itemWidth / mockupWidth * 100); // item + padding width pct
+// item width pct of mobiel device
+var itemWidthPct = exports.itemWidthPct = "".concat(itemWidth / mockupWidth * 100);
 
-exports.itemWidthPct = itemWidthPct;
-var itemPlusPaddingWidthPct = "".concat((itemWidth + itemPaddingRight) / mockupWidth * 100); // First item has 42px margin-left in mockup.
+// item + padding width pct
+var itemPlusPaddingWidthPct = exports.itemPlusPaddingWidthPct = "".concat((itemWidth + itemPaddingRight) / mockupWidth * 100);
 
-exports.itemPlusPaddingWidthPct = itemPlusPaddingWidthPct;
-var firstItemMarginLeftPct = "".concat(firstItemMarginLeft / mockupWidth * 100); // Each item has the padding-right:26px in mockup.
+// First item has 42px margin-left in mockup.
+var firstItemMarginLeftPct = exports.firstItemMarginLeftPct = "".concat(firstItemMarginLeft / mockupWidth * 100);
 
-exports.firstItemMarginLeftPct = firstItemMarginLeftPct;
-var itemPaddingRightPct = "".concat(itemPaddingRight / mockupWidth * 100);
-exports.itemPaddingRightPct = itemPaddingRightPct;
+// Each item has the padding-right:26px in mockup.
+var itemPaddingRightPct = exports.itemPaddingRightPct = "".concat(itemPaddingRight / mockupWidth * 100);

package/lib/constants/section-strings.js

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _strings = _interopRequireDefault(require("./strings"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 // sectionStrings = the Chinese word that show on side bar and section blocks
 // anchorList is used for index moduleId and url hashtag for anchors.
-var _default = {
+var _default = exports["default"] = {
   editorPick: _strings["default"].editorPick,
   latestTopic: _strings["default"].latestTopic,
   review: _strings["default"].review,
@@ -20,5 +17,4 @@ var _default = {
   photography: _strings["default"].photography,
   infographic: _strings["default"].infographic,
   donation: _strings["default"].donation
-};
-exports["default"] = _default;
+};

package/lib/constants/strings.js

@@ -17,5 +17,4 @@ var strings = {
   image: '影像',
   fullShapeDot: '．'
 };
-var _default = strings;
-exports["default"] = _default;
+var _default = exports["default"] = strings;

package/lib/index.js

@@ -4,34 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _categorySection = _interopRequireDefault(require("./components/category-section"));
-
 var _donationBoxSection = _interopRequireDefault(require("./components/donation-box-section"));
-
 var _editorPicks = _interopRequireDefault(require("./components/editor-picks"));
-
 var _infographicSection = _interopRequireDefault(require("./components/infographic-section"));
-
 var _juniorBoxSection = _interopRequireDefault(require("./components/junior-box-section"));
-
 var _latestSection = _interopRequireDefault(require("./components/latest-section"));
-
 var _latestTopic = _interopRequireDefault(require("./components/latest-topic"));
-
 var _photographySection = _interopRequireDefault(require("./components/photography-section"));
-
 var _podcastBoxSection = _interopRequireDefault(require("./components/podcast-box-section"));
-
 var _reviews = _interopRequireDefault(require("./components/reviews"));
-
 var _scrollFadein = _interopRequireDefault(require("./components/animations/scroll-fadein"));
-
 var _topicsSection = _interopRequireDefault(require("./components/topics-section"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   components: {
     CategorySection: _categorySection["default"],
     DonationBoxSection: _donationBoxSection["default"],
@@ -46,5 +32,4 @@ var _default = {
     ScrollFadein: _scrollFadein["default"],
     TopicsSection: _topicsSection["default"]
   }
-};
-exports["default"] = _default;
+};

package/lib/styles/animation.js

@@ -4,10 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fadeOut = exports.fadeIn = void 0;
-
 var _styledComponents = require("styled-components");
-
-var fadeOut = /*#__PURE__*/(0, _styledComponents.keyframes)(["from{opacity:1;}to{opacity:0;}"]);
-exports.fadeOut = fadeOut;
-var fadeIn = /*#__PURE__*/(0, _styledComponents.keyframes)(["from{opacity:0;}to{opacity:1;}"]);
-exports.fadeIn = fadeIn;
+var fadeOut = exports.fadeOut = /*#__PURE__*/(0, _styledComponents.keyframes)(["from{opacity:1;}to{opacity:0;}"]);
+var fadeIn = exports.fadeIn = /*#__PURE__*/(0, _styledComponents.keyframes)(["from{opacity:0;}to{opacity:1;}"]);

package/lib/utils/getHref.js

@@ -4,9 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getHref = void 0;
-
-var getHref = function getHref(slug, isExternal) {
+var getHref = exports.getHref = function getHref(slug, isExternal) {
   return isExternal ? "i/".concat(slug) : "a/".concat(slug);
-};
-
-exports.getHref = getHref;
+};

package/lib/utils/image-processor.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getImageSrcSet = void 0;
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _storageUrlProcessor = require("@twreporter/core/lib/utils/storage-url-processor");
-
 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); }
 var screenSize = {
   smallScreenMinWidth: 480,
   smallScreenMaxWidth: 768,
@@ -20,6 +15,7 @@ var screenSize = {
   mediumScreenMinWidth: 769,
   largeScreenMinWidth: 993
 };
+
 /**
  * Get image set as imgSrc attribute of <img> tag
  * @param {object} imgObj - Image object
@@ -32,16 +28,12 @@ var screenSize = {
  * @param {string} imgObj.resized_targets.mobile.url
  * @return {string} srcSet
  */
-
-var getImageSrcSet = function getImageSrcSet(imgObj) {
+var getImageSrcSet = exports.getImageSrcSet = function getImageSrcSet(imgObj) {
   if (_typeof(imgObj) !== 'object') {
     return '';
   }
-
   var desktopSrc = (0, _storageUrlProcessor.replaceGCSUrlOrigin)((0, _get["default"])(imgObj, 'resized_targets.desktop.url'));
   var tabletSrc = (0, _storageUrlProcessor.replaceGCSUrlOrigin)((0, _get["default"])(imgObj, 'resized_targets.tablet.url'));
   var mobileSrc = (0, _storageUrlProcessor.replaceGCSUrlOrigin)((0, _get["default"])(imgObj, 'resized_targets.mobile.url'));
   return "".concat(mobileSrc, " ").concat(screenSize.smallScreenMinWidth, "w, ").concat(tabletSrc, " ").concat(screenSize.mediumScreenMinWidth, "w, ").concat(desktopSrc, " ").concat(screenSize.largeScreenMinWidth, "w");
-};
-
-exports.getImageSrcSet = getImageSrcSet;
+};

package/lib/utils/style-utils.js

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.centerBlock = exports.breakPoints = void 0;
 exports.truncate = truncate;
-var centerBlock = "\n  margin-left: auto;\n  margin-right: auto;\n";
-exports.centerBlock = centerBlock;
-var breakPoints = {
+var centerBlock = exports.centerBlock = "\n  margin-left: auto;\n  margin-right: auto;\n";
+var breakPoints = exports.breakPoints = {
   overDesktopMinWidth: '1440px',
   desktopMaxWidth: '1439px',
   desktopMinWidth: '1024px',
@@ -15,6 +14,7 @@ var breakPoints = {
   tabletMinWidth: '768px',
   mobileMaxWidth: '767px'
 };
+
 /**
  * @prop {string} position - postion of the content div
  * @prop {number} lineHeight - line-height
@@ -22,9 +22,6 @@ var breakPoints = {
  * @prop {string} backgroundColor - background
  * @prop {string} textAlign - text-align
  */
-
-exports.breakPoints = breakPoints;
-
 function truncate(position, lineHeight, numberOfLine, backgroundColor, textAlign) {
   var maxHeight = lineHeight * numberOfLine;
   var textAlignValue = textAlign || 'justify';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/index-page",
-  "version": "2.0.2",
+  "version": "2.0.3-rc.1",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@twreporter/core": "^1.22.1",
-    "@twreporter/react-components": "^9.0.2",
+    "@twreporter/react-components": "^9.1.0-rc.0",
     "lodash": "^4.0.0",
     "prop-types": "^15.0.0",
     "react": "^18.2.0",
@@ -29,5 +29,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "48b821a07c388fab197859b742571da4f76bbf87"
+  "gitHead": "df79295a50f202d6ed016de4e91bbbc0899a3882"
 }