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

package/lib/components/body/list.js

@@ -1,54 +1,39 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _body = _interopRequireDefault(require("../../constants/prop-types/body"));
-
 var _css = _interopRequireDefault(require("../../constants/css"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _map = _interopRequireDefault(require("lodash/map"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 // lodash
+
 var _ = {
   get: _get["default"],
   map: _map["default"]
 };
 var listStyle = /*#__PURE__*/(0, _styledComponents.css)(["", " ", " margin-block-start:0;margin-block-end:0;margin:0 0 0 3em;padding:0;"], _css["default"].linkChildren, _css["default"].paragraphText);
-
 var Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
   displayName: "list__Ul",
   componentId: "sc-1as1ic3-0"
 })(["", " list-style-type:disc;"], listStyle);
-
 var Ol = /*#__PURE__*/_styledComponents["default"].ol.withConfig({
   displayName: "list__Ol",
   componentId: "sc-1as1ic3-1"
 })(["", " list-style-type:decimal;"], listStyle);
-
 var Li = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   displayName: "list__Li",
   componentId: "sc-1as1ic3-2"
 })(["margin:0 0 1em 0;padding:0;&:last-child{margin-bottom:0;}"]);
-
 var buildLi = function buildLi(listItem, index) {
   return /*#__PURE__*/_react["default"].createElement(Li, {
     key: "list_".concat(index),
@@ -56,33 +41,27 @@ var buildLi = function buildLi(listItem, index) {
       __html: listItem
     }
   });
-}; // eslint-disable-next-line react/display-name
-
+};
 
+// eslint-disable-next-line react/display-name
 var buildList = function buildList(ordered) {
   var L = ordered ? Ol : Ul;
-
   var List = function List(props) {
     var listItems = _.get(props, ['data', 'content']);
-
     if (!Array.isArray(listItems) || listItems.length === 0) {
       return null;
     }
-
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: _.get(props, 'className', '')
     }, /*#__PURE__*/_react["default"].createElement(L, null, _.map(listItems, buildLi)));
   };
-
   List.propTypes = {
     className: _propTypes["default"].string,
     data: _body["default"].elementData
   };
   return List;
 };
-
-var _default = {
+var _default = exports["default"] = {
   UnorderedList: buildList(false),
   OrderedList: buildList(true)
-};
-exports["default"] = _default;
+};

package/lib/components/body/multimedia.js

@@ -1,32 +1,20 @@
 "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 _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _theme = _interopRequireDefault(require("../../constants/theme"));
-
 var _typography = _interopRequireDefault(require("../../constants/typography"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var mockup = {
   mobile: {
     figure: {
@@ -34,44 +22,43 @@ var mockup = {
     },
     caption: {
       width: 250 // px
-
     }
   },
+
   tablet: {
     figure: {
       width: '100%'
     },
     caption: {
       width: 512 // px
-
     }
   },
+
   desktop: {
     figure: {
       width: {
         normal: 100,
         // %
         small: 403 // px
-
       }
     },
+
     caption: {
       width: 180 // px
-
     }
   },
+
   hd: {
     figure: {
       width: {
         normal: 100,
         // %
         small: 532 // px
-
       }
     },
+
     caption: {
       width: 265 // px
-
     }
   }
 };
@@ -80,16 +67,13 @@ function getCaptionStyles(themeName) {
   switch (themeName) {
     case _theme["default"].article.v2.photo:
       return (0, _styledComponents.css)(["color:", ";&::after{border-color:", ";}"], _color.colorGrayscale.gray300, _color.colorGrayscale.gray400);
-
     case _theme["default"].article.v2.pink:
       return (0, _styledComponents.css)(["color:", ";&::after{border-color:", ";}"], _color.colorGrayscale.gray700, _color.COLOR_PINK_ARTICLE.pink);
-
     case _theme["default"].article.v2["default"]:
     default:
       return (0, _styledComponents.css)(["color:", ";&::after{border-color:", ";}"], _color.colorGrayscale.gray700, _color.colorSupportive.main);
   }
 }
-
 var Caption = /*#__PURE__*/_styledComponents["default"].figcaption.withConfig({
   displayName: "multimedia__Caption",
   componentId: "e3dyai-0"
@@ -98,7 +82,6 @@ var Caption = /*#__PURE__*/_styledComponents["default"].figcaption.withConfig({
 }, _typography["default"].font.weight.normal, function (props) {
   return props.theme.fontSizeOffset + 14;
 }, _mediaQuery["default"].tabletAndBelow(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n    margin-left: auto;\n    padding: 15px 15px 15px 0;\n    &:after {\n      width: calc(100% - 15px);\n    }\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    max-width: ", "px;\n  "])), mockup.mobile.caption.width), _mediaQuery["default"].tabletOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    max-width: ", "px;\n  "])), mockup.tablet.caption.width), _mediaQuery["default"].desktopAndAbove(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    /* clear float */\n    clear: both;\n\n    position: relative;\n    float: right;\n\n    &:after {\n      width: 100%;\n    }\n  "]))), _mediaQuery["default"].desktopOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: ", "px;\n    padding: 15px 0 15px 0;\n  "])), mockup.desktop.caption.width), _mediaQuery["default"].hdOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    width: ", "px;\n    padding: 25px 0 20px 0;\n  "])), mockup.hd.caption.width));
-
 var Block = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "multimedia__Block",
   componentId: "e3dyai-1"
@@ -117,9 +100,7 @@ var Block = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }), Caption, _mediaQuery["default"].desktopAndAbove(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      ", "\n    "])), function (props) {
   return props.$small ? "\n        /* overwrite Caption styles */\n        float: none;\n        margin-bottom:0;\n        position: absolute;\n\n        /* give new styles */\n        right: 0;\n        bottom: 0;\n        transform: translateY(100%);\n      " : '';
 }));
-
-var _default = {
+var _default = exports["default"] = {
   Block: Block,
   Caption: Caption
-};
-exports["default"] = _default;
+};

package/lib/components/body/paragraph.js

@@ -1,39 +1,26 @@
 "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"] = Paragraph;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _body = _interopRequireDefault(require("../../constants/prop-types/body"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _css = _interopRequireDefault(require("../../constants/css"));
-
 var _theme = _interopRequireDefault(require("../../constants/theme"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 // lodash
+
 var _ = {
   get: _get["default"]
 };
-
 var P = /*#__PURE__*/_styledComponents["default"].p.withConfig({
   displayName: "paragraph__P",
   componentId: "ebafhp-0"
@@ -41,18 +28,14 @@ var P = /*#__PURE__*/_styledComponents["default"].p.withConfig({
   switch (props.theme.name) {
     case _theme["default"].article.v2.photo:
       return (0, _styledComponents.css)(["strong{color:", ";}"], _color.colorGrayscale.gray300);
-
     default:
       return '';
   }
 });
-
 function Paragraph(_ref) {
   var className = _ref.className,
-      data = _ref.data;
-
+    data = _ref.data;
   var innerHtmlString = _.get(data, ['content', 0]);
-
   return innerHtmlString ? /*#__PURE__*/_react["default"].createElement(P, {
     className: className,
     dangerouslySetInnerHTML: {
@@ -60,7 +43,6 @@ function Paragraph(_ref) {
     }
   }) : null;
 }
-
 Paragraph.propTypes = {
   className: _propTypes["default"].string,
   data: _body["default"].elementData