@twreporter/react-article-components 2.2.0-rc.0 → 2.2.0-rc.1

package/lib/managers/ui-manager.js

@@ -4,23 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _layoutManager = _interopRequireDefault(require("./layout-manager"));
-
 var _themeManager = _interopRequireDefault(require("./theme-manager"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _theme = _interopRequireDefault(require("../constants/theme"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); }
 var _ = {
   get: _get["default"]
 };
@@ -29,12 +23,12 @@ var _heroImageSize = {
   fullscreen: 'fullscreen',
   extend: 'extend'
 };
+
 /**
  *  @module UIManager
  *  @exports
  */
-
-var UIManager = /*#__PURE__*/function () {
+var UIManager = exports["default"] = /*#__PURE__*/function () {
   /**
    *  @param {module:Article:PostObject} post
    *  @param {module:Article:TopicObject} relatedTopic
@@ -42,71 +36,69 @@ var UIManager = /*#__PURE__*/function () {
    */
   function UIManager(post, relatedTopic) {
     _classCallCheck(this, UIManager);
-
     this.post = post || {};
     this.relatedTopic = relatedTopic || {};
     this.layoutManager = new _layoutManager["default"](this.post, this.relatedTopic, this.getTheme());
     this.themeManager = new _themeManager["default"](this.getTheme());
   }
+
   /**
    *  @returns {string} - Size of leading image
    */
-
-
   _createClass(UIManager, [{
     key: "getLeadingImageSize",
     value: function getLeadingImageSize() {
       return _.get(this.post, 'hero_image_size', _heroImageSize.normal);
     }
+
     /**
      *  @returns {string} - Style of post
      */
-
   }, {
     key: "getTheme",
     value: function getTheme() {
       return _.get(this.post, 'style', _theme["default"].article.v2["default"]);
     }
+
     /**
      *  @returns {Object} - Instance of `LayoutManager`
      */
-
   }, {
     key: "getLayoutManager",
     value: function getLayoutManager() {
       return this.layoutManager;
     }
+
     /**
      *  @returns {Object} - Instance of `ThemeManager`
      */
-
   }, {
     key: "getThemeManager",
     value: function getThemeManager() {
       return this.themeManager;
     }
+
     /**
      *  @returns {module:ThemeManager:ThemeColors} - A set of colors
      */
-
   }, {
     key: "getThemeColors",
     value: function getThemeColors() {
       return this.getThemeManager().getColors();
     }
+
     /**
      *  @returns {Function} - React component
      */
-
   }, {
     key: "getLeadingComponent",
     value: function getLeadingComponent() {
       return this.getLayoutManager().getLeadingComponent();
     }
+
     /**
      *  @returns {Object} - props of leading React component
      */
-
   }, {
     key: "getLeadingComponentProps",
     value: function getLeadingComponentProps() {
@@ -118,12 +110,8 @@ var UIManager = /*#__PURE__*/function () {
       if (this.getTheme() === _theme["default"].article.v2["default"] && this.getLeadingImageSize() !== _heroImageSize.fullscreen && this.getLeadingImageSize() !== _heroImageSize.extend) {
         return true;
       }
-
       return false;
     }
   }]);
-
   return UIManager;
-}();
-
-exports["default"] = UIManager;
+}();

package/lib/utils/image.js

@@ -4,20 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSrcsetString = void 0;
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _map = _interopRequireDefault(require("lodash/map"));
-
 var _storageUrlProcessor = require("@twreporter/core/lib/utils/storage-url-processor");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 // lodash
+
 var _ = {
   get: _get["default"],
   map: _map["default"]
 };
+
 /**
  * @typedef Image - An image object with its url and width
  * @property {string} url
@@ -29,25 +26,19 @@ var _ = {
  * @param {Image} image
  * @returns
  */
-
 function buildImageCandidateString(image) {
   var url = (0, _storageUrlProcessor.replaceGCSUrlOrigin)(_.get(image, 'url'));
-
   var elementRenderedMaxWidth = _.get(image, 'width');
-
   if (url && elementRenderedMaxWidth) {
     return "".concat(url, " ").concat(elementRenderedMaxWidth, "w");
   }
 }
+
 /**
  * Get srcset for img tag
  * @param {Image[]} imageSet
  * @return {string} the value of srcset attribute
  */
-
-
-var getSrcsetString = function getSrcsetString(imageSet) {
+var getSrcsetString = exports.getSrcsetString = function getSrcsetString(imageSet) {
   return _.map(imageSet, buildImageCandidateString).filter(Boolean).join(', ');
-};
-
-exports.getSrcsetString = getSrcsetString;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-article-components",
-  "version": "2.2.0-rc.0",
+  "version": "2.2.0-rc.1",
   "description": "The Reporter react article components, which are used in article page",
   "main": "lib/components/article-page.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
@@ -17,7 +17,6 @@
     "babel-loader": "^8.0.6",
     "html-webpack-plugin": "^3.2.0",
     "react-dom": "^18.2.0",
-    "react-redux": "^6.0.0",
     "regenerator-runtime": "^0.13.2",
     "webpack": "^4.38.0",
     "webpack-cli": "^3.3.6",
@@ -25,14 +24,15 @@
   },
   "dependencies": {
     "@twreporter/core": "^1.22.1",
-    "@twreporter/react-components": "^9.0.3-rc.0",
-    "@twreporter/redux": "^8.0.2",
-    "@twreporter/universal-header": "^3.0.3-rc.0",
+    "@twreporter/react-components": "^9.1.0-rc.0",
+    "@twreporter/redux": "^8.0.3-rc.0",
+    "@twreporter/universal-header": "^3.0.3-rc.1",
     "howler": "^2.2.3",
     "lodash": "^4.17.11",
     "memoize-one": "^5.0.5",
     "prop-types": "^15.0.0",
     "react": "^18.2.0",
+    "react-redux": "^9.1.2",
     "react-waypoint": "^10.3.0",
     "smooth-scroll": "16.1.3",
     "styled-components": "^6.0.0",
@@ -41,5 +41,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "ce3c5ec8cd131df3f79db9cabb6269a1d14c5dbd"
+  "gitHead": "df79295a50f202d6ed016de4e91bbbc0899a3882"
 }