@twreporter/react-article-components 2.5.6-rc.2 → 2.5.7-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/lib/components/body/annotation.js +88 -126
  2. package/lib/components/body/blockquote.js +26 -49
  3. package/lib/components/body/centered-quote.js +21 -46
  4. package/lib/components/body/list.js +16 -6
  5. package/lib/components/body/tracking-section.js +8 -4
  6. package/package.json +6 -6
package/lib/components/body/annotation.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
 
3
+ 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); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
@@ -16,21 +17,13 @@ var _get = _interopRequireDefault(require("lodash/get"));
16
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
18
  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); }
18
19
  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; }
19
- 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); }
20
20
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
22
- 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); } }
23
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
24
- 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); }
25
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
26
- 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); }; }
27
- 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); }
28
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
29
- 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; } }
30
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
31
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
32
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
33
- 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); } // @twreporter
21
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
22
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
23
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
24
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
25
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
26
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // @twreporter
34
27
  // constants
35
28
  // lodash
36
29
  var _ = {
@@ -64,9 +57,11 @@ var AnnotationContent = /*#__PURE__*/_styledComponents["default"].div.withConfig
64
57
  var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
65
58
  displayName: "annotation__Container",
66
59
  componentId: "sc-5e8oaw-4"
67
- })(["", " ", " ", " &:first-child{margin-top:0;}&:last-child{margin-bottom:0;}"], function (props) {
60
+ })(["", " ", " ", " &:first-child{margin-top:0;}&:last-child{margin-bottom:0;}", ";"], function (props) {
68
61
  return getContainerStyles(props.theme.name);
69
- }, _css["default"].paragraphText, _css["default"].linkChildren);
62
+ }, _css["default"].paragraphText, _css["default"].linkChildren, function (props) {
63
+ return props.$forTrackingSection ? "font-size: ".concat(props.theme.fontSizeOffset + 16, "px") : '';
64
+ });
70
65
  function getContainerStyles(themeName) {
71
66
  switch (themeName) {
72
67
  case _theme.ARTICLE_THEME.v2.pink:
@@ -78,123 +73,90 @@ function getContainerStyles(themeName) {
78
73
  return (0, _styledComponents.css)(["", "{color:", ";}", "{border-color:", ";&::before,&::after{background-color:", ";}}", "{border-color:", ";}"], AnnotatedText, _color.colorSupportive.heavy, Indicator, _color.colorSupportive.main, _color.colorSupportive.main, AnnotationContent, _color.colorSupportive.main);
79
74
  }
80
75
  }
81
- var Annotation = /*#__PURE__*/function (_PureComponent) {
82
- _inherits(Annotation, _PureComponent);
83
- var _super = _createSuper(Annotation);
84
- function Annotation(props) {
85
- var _this;
86
- _classCallCheck(this, Annotation);
87
- _this = _super.call(this, props);
88
- _this.state = {
89
- isExpanded: false
90
- };
91
- _this.toggleExpend = _this._toggleExpend.bind(_assertThisInitialized(_this));
92
- return _this;
93
- }
94
- _createClass(Annotation, [{
95
- key: "_toggleExpend",
96
- value: function _toggleExpend(e) {
97
- e.preventDefault();
98
- this.setState({
99
- isExpanded: !this.state.isExpanded
100
- });
101
- }
102
- }, {
103
- key: "render",
104
- value: function render() {
105
- var _this$props = this.props,
106
- annotation = _this$props.annotation,
107
- pureAnnotationText = _this$props.pureAnnotationText,
108
- text = _this$props.text;
109
- var isExpanded = this.state.isExpanded;
110
- return /*#__PURE__*/_react["default"].createElement(AnnotationContainer, {
111
- title: pureAnnotationText
112
- }, /*#__PURE__*/_react["default"].createElement(AnnotatedText, {
113
- onClick: this.toggleExpend
114
- }, text, /*#__PURE__*/_react["default"].createElement(Indicator, {
115
- $isExpanded: isExpanded
116
- })), /*#__PURE__*/_react["default"].createElement(AnnotationContent, {
117
- dangerouslySetInnerHTML: {
118
- __html: annotation
119
- },
120
- $isExpanded: isExpanded
121
- }));
122
- }
123
- }]);
124
- return Annotation;
125
- }(_react.PureComponent);
126
- _defineProperty(Annotation, "propTypes", {
76
+ var Annotation = function Annotation(_ref) {
77
+ var _ref$annotation = _ref.annotation,
78
+ annotation = _ref$annotation === void 0 ? '' : _ref$annotation,
79
+ _ref$pureAnnotationTe = _ref.pureAnnotationText,
80
+ pureAnnotationText = _ref$pureAnnotationTe === void 0 ? '' : _ref$pureAnnotationTe,
81
+ _ref$text = _ref.text,
82
+ text = _ref$text === void 0 ? '' : _ref$text;
83
+ var _useState = (0, _react.useState)(false),
84
+ _useState2 = _slicedToArray(_useState, 2),
85
+ isExpanded = _useState2[0],
86
+ setIsExpanded = _useState2[1];
87
+ var toggleExpend = function toggleExpend(e) {
88
+ e.preventDefault();
89
+ setIsExpanded(!isExpanded);
90
+ };
91
+ return /*#__PURE__*/_react["default"].createElement(AnnotationContainer, {
92
+ title: pureAnnotationText
93
+ }, /*#__PURE__*/_react["default"].createElement(AnnotatedText, {
94
+ onClick: toggleExpend
95
+ }, text, /*#__PURE__*/_react["default"].createElement(Indicator, {
96
+ $isExpanded: isExpanded
97
+ })), /*#__PURE__*/_react["default"].createElement(AnnotationContent, {
98
+ dangerouslySetInnerHTML: {
99
+ __html: annotation
100
+ },
101
+ $isExpanded: isExpanded
102
+ }));
103
+ };
104
+ Annotation.propTypes = {
127
105
  annotation: _propTypes["default"].string,
128
106
  pureAnnotationText: _propTypes["default"].string,
129
107
  text: _propTypes["default"].string
130
- });
131
- _defineProperty(Annotation, "defaultProps", {
132
- annotation: '',
133
- pureAnnotationText: '',
134
- text: ''
135
- });
136
- var AnnotationParagraph = /*#__PURE__*/function (_PureComponent2) {
137
- _inherits(AnnotationParagraph, _PureComponent2);
138
- var _super2 = _createSuper(AnnotationParagraph);
139
- function AnnotationParagraph() {
140
- _classCallCheck(this, AnnotationParagraph);
141
- return _super2.apply(this, arguments);
142
- }
143
- _createClass(AnnotationParagraph, [{
144
- key: "render",
145
- value: function render() {
146
- var _this$props2 = this.props,
147
- className = _this$props2.className,
148
- data = _this$props2.data;
149
- var html = _.get(data, ['content', 0]);
150
- if (!html) return null;
151
- // annotation data will be in the comment with prefix __ANNOTATION__=
152
- var re = /<!--__ANNOTATION__=(.+?)-->/;
153
- var sections = [];
154
- var result;
155
- do {
156
- result = re.exec(html);
157
- if (result) {
158
- var fullStringMatched = result[0];
159
- var annotationJsonString = result[1];
160
- var textBeforeAnnotation = html.substring(0, result.index);
161
- try {
162
- var annotationObj = JSON.parse(annotationJsonString);
163
- var currentIndex = sections.length;
164
- sections.push( /*#__PURE__*/_react["default"].createElement("span", {
165
- key: currentIndex,
166
- dangerouslySetInnerHTML: {
167
- __html: textBeforeAnnotation
168
- }
169
- }), /*#__PURE__*/_react["default"].createElement(Annotation, _extends({
170
- key: 'annotation ' + currentIndex
171
- }, annotationObj)));
172
- html = html.substr(result.index + fullStringMatched.length);
173
- } catch (e) {
174
- console.warn('An error occured when parsing annotation object from content:', e, '\nThe annotation json string:', annotationJsonString); // eslint-disable-line no-console
175
- }
176
- }
177
- } while (result);
178
- if (html) {
108
+ };
109
+ var AnnotationParagraph = function AnnotationParagraph(_ref2) {
110
+ var data = _ref2.data,
111
+ _ref2$forTrackingSect = _ref2.forTrackingSection,
112
+ forTrackingSection = _ref2$forTrackingSect === void 0 ? false : _ref2$forTrackingSect,
113
+ _ref2$className = _ref2.className,
114
+ className = _ref2$className === void 0 ? '' : _ref2$className;
115
+ var html = _.get(data, ['content', 0]);
116
+ if (!html) return null;
117
+ // annotation data will be in the comment with prefix __ANNOTATION__=
118
+ var re = /<!--__ANNOTATION__=(.+?)-->/;
119
+ var sections = [];
120
+ var result;
121
+ do {
122
+ result = re.exec(html);
123
+ if (result) {
124
+ var fullStringMatched = result[0];
125
+ var annotationJsonString = result[1];
126
+ var textBeforeAnnotation = html.substring(0, result.index);
127
+ try {
128
+ var annotationObj = JSON.parse(annotationJsonString);
129
+ var currentIndex = sections.length;
179
130
  sections.push( /*#__PURE__*/_react["default"].createElement("span", {
180
- key: sections.length,
131
+ key: currentIndex,
181
132
  dangerouslySetInnerHTML: {
182
- __html: html
133
+ __html: textBeforeAnnotation
183
134
  }
184
- }));
135
+ }), /*#__PURE__*/_react["default"].createElement(Annotation, _extends({
136
+ key: 'annotation ' + currentIndex
137
+ }, annotationObj)));
138
+ html = html.substr(result.index + fullStringMatched.length);
139
+ } catch (e) {
140
+ console.warn('An error occured when parsing annotation object from content:', e, '\nThe annotation json string:', annotationJsonString); // eslint-disable-line no-console
185
141
  }
186
- return /*#__PURE__*/_react["default"].createElement(Container, {
187
- className: className
188
- }, sections);
189
142
  }
190
- }]);
191
- return AnnotationParagraph;
192
- }(_react.PureComponent);
193
- _defineProperty(AnnotationParagraph, "propTypes", {
143
+ } while (result);
144
+ if (html) {
145
+ sections.push( /*#__PURE__*/_react["default"].createElement("span", {
146
+ key: sections.length,
147
+ dangerouslySetInnerHTML: {
148
+ __html: html
149
+ }
150
+ }));
151
+ }
152
+ return /*#__PURE__*/_react["default"].createElement(Container, {
153
+ className: className,
154
+ $forTrackingSection: forTrackingSection
155
+ }, sections);
156
+ };
157
+ AnnotationParagraph.propTypes = {
194
158
  className: _propTypes["default"].string,
195
- data: _body["default"].elementData
196
- });
197
- _defineProperty(AnnotationParagraph, "defaultProps", {
198
- className: ''
199
- });
159
+ data: _body["default"].elementData,
160
+ forTrackingSection: _propTypes["default"].bool
161
+ };
200
162
  var _default = exports["default"] = AnnotationParagraph;
package/lib/components/body/blockquote.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports["default"] = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = _interopRequireDefault(require("react"));
9
9
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
  var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
@@ -18,22 +18,9 @@ var _get = _interopRequireDefault(require("lodash/get"));
18
18
  var _templateObject, _templateObject2, _templateObject3, _templateObject4; // @twreporter
19
19
  // constants
20
20
  // lodash
21
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
22
21
  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); }
23
22
  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; }
24
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
25
- 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); } }
26
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
27
- 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); }
28
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
29
- 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); }; }
30
- 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); }
31
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
32
- 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; } }
33
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
34
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
35
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
36
- 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); }
23
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
37
24
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
38
25
  var _ = {
39
26
  get: _get["default"]
@@ -51,39 +38,29 @@ function getQuoteStyles(themeName) {
51
38
  var Quote = /*#__PURE__*/_styledComponents["default"].blockquote.withConfig({
52
39
  displayName: "blockquote__Quote",
53
40
  componentId: "sc-1qrq3ta-0"
54
- })(["", " ", " margin:0;white-space:pre-wrap;line-height:2.11;letter-spacing:0.6px;font-size:", "px;font-weight:", ";", " ", " ", " ", ""], function (props) {
41
+ })(["", " ", " margin:0;white-space:pre-wrap;line-height:2.11;letter-spacing:0.6px;font-weight:", ";", ";", " ", " ", " ", ""], function (props) {
55
42
  return getQuoteStyles(props.theme.name);
56
- }, _css["default"].linkChildren, function (props) {
57
- return props.theme.fontSizeOffset + 18;
58
- }, _typography["default"].font.weight.normal, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding-left: 16px;\n "]))), _mediaQuery["default"].tabletOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding-left: 18px;\n "]))), _mediaQuery["default"].desktopOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding-left: 18px;\n "]))), _mediaQuery["default"].hdOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding-left: 20px;\n "]))));
59
- var Blockquote = exports["default"] = /*#__PURE__*/function (_PureComponent) {
60
- _inherits(Blockquote, _PureComponent);
61
- var _super = _createSuper(Blockquote);
62
- function Blockquote() {
63
- _classCallCheck(this, Blockquote);
64
- return _super.apply(this, arguments);
65
- }
66
- _createClass(Blockquote, [{
67
- key: "render",
68
- value: function render() {
69
- var _this$props = this.props,
70
- className = _this$props.className,
71
- data = _this$props.data;
72
- var quote = _.get(data, ['content', 0]);
73
- return quote ? /*#__PURE__*/_react["default"].createElement(Quote, {
74
- className: className,
75
- dangerouslySetInnerHTML: {
76
- __html: quote
77
- }
78
- }) : null;
79
- }
80
- }]);
81
- return Blockquote;
82
- }(_react.PureComponent);
83
- _defineProperty(Blockquote, "propTypes", {
43
+ }, _css["default"].linkChildren, _typography["default"].font.weight.normal, function (props) {
44
+ return props.$forTrackingSection ? "font-size: ".concat(props.theme.fontSizeOffset + 16, "px") : "font-size: ".concat(props.theme.fontSizeOffset + 18, "px");
45
+ }, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding-left: 16px;\n "]))), _mediaQuery["default"].tabletOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding-left: 18px;\n "]))), _mediaQuery["default"].desktopOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding-left: 18px;\n "]))), _mediaQuery["default"].hdOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding-left: 20px;\n "]))));
46
+ var Blockquote = function Blockquote(_ref) {
47
+ var data = _ref.data,
48
+ _ref$forTrackingSecti = _ref.forTrackingSection,
49
+ forTrackingSection = _ref$forTrackingSecti === void 0 ? false : _ref$forTrackingSecti,
50
+ _ref$className = _ref.className,
51
+ className = _ref$className === void 0 ? '' : _ref$className;
52
+ var quote = _.get(data, ['content', 0]);
53
+ return quote ? /*#__PURE__*/_react["default"].createElement(Quote, {
54
+ className: className,
55
+ dangerouslySetInnerHTML: {
56
+ __html: quote
57
+ },
58
+ $forTrackingSection: forTrackingSection
59
+ }) : null;
60
+ };
61
+ Blockquote.propTypes = {
84
62
  className: _propTypes["default"].string,
85
- data: _body["default"].elementData.isRequired
86
- });
87
- _defineProperty(Blockquote, "defaultProps", {
88
- className: ''
89
- });
63
+ data: _body["default"].elementData.isRequired,
64
+ forTrackingSection: _propTypes["default"].bool
65
+ };
66
+ var _default = exports["default"] = Blockquote;
package/lib/components/body/centered-quote.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports["default"] = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = _interopRequireDefault(require("react"));
9
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
10
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
11
11
  var _body = _interopRequireDefault(require("../../constants/prop-types/body"));
@@ -18,22 +18,9 @@ var _get = _interopRequireDefault(require("lodash/get"));
18
18
  var _templateObject; // constants
19
19
  // @twreporter
20
20
  // lodash
21
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
22
21
  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); }
23
22
  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; }
24
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
25
- 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); } }
26
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
27
- 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); }
28
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
29
- 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); }; }
30
- 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); }
31
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
32
- 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; } }
33
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
34
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
35
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
36
- 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); }
23
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
37
24
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
38
25
  var _ = {
39
26
  get: _get["default"]
@@ -73,37 +60,25 @@ function getQuoteContainerStyles(themeName) {
73
60
  return (0, _styledComponents.css)(["", ",", "{color:", ";}", "{background-color:", ";}"], QuoteContent, QuoteBy, _color.colorGrayscale.gray800, VerticalLine, _color.colorSupportive.main);
74
61
  }
75
62
  }
76
- var CenteredQuote = exports["default"] = /*#__PURE__*/function (_PureComponent) {
77
- _inherits(CenteredQuote, _PureComponent);
78
- var _super = _createSuper(CenteredQuote);
79
- function CenteredQuote() {
80
- _classCallCheck(this, CenteredQuote);
81
- return _super.apply(this, arguments);
82
- }
83
- _createClass(CenteredQuote, [{
84
- key: "render",
85
- value: function render() {
86
- var _this$props = this.props,
87
- className = _this$props.className,
88
- data = _this$props.data;
89
- var content = _.get(data, ['content', 0, 'quote']);
90
- var by = _.get(data, ['content', 0, 'quoteBy']);
91
- return content ? /*#__PURE__*/_react["default"].createElement(QuoteContainer, {
92
- className: className
93
- }, /*#__PURE__*/_react["default"].createElement(VerticalLine, null), /*#__PURE__*/_react["default"].createElement(QuoteContent, {
94
- dangerouslySetInnerHTML: {
95
- __html: content
96
- }
97
- }), by ? /*#__PURE__*/_react["default"].createElement(QuoteBy, {
98
- dangerouslySetInnerHTML: {
99
- __html: by
100
- }
101
- }) : null) : null;
63
+ var CenteredQuote = function CenteredQuote(_ref) {
64
+ var data = _ref.data,
65
+ className = _ref.className;
66
+ var content = _.get(data, ['content', 0, 'quote']);
67
+ var by = _.get(data, ['content', 0, 'quoteBy']);
68
+ return content ? /*#__PURE__*/_react["default"].createElement(QuoteContainer, {
69
+ className: className
70
+ }, /*#__PURE__*/_react["default"].createElement(VerticalLine, null), /*#__PURE__*/_react["default"].createElement(QuoteContent, {
71
+ dangerouslySetInnerHTML: {
72
+ __html: content
102
73
  }
103
- }]);
104
- return CenteredQuote;
105
- }(_react.PureComponent);
106
- _defineProperty(CenteredQuote, "propTypes", {
74
+ }), by ? /*#__PURE__*/_react["default"].createElement(QuoteBy, {
75
+ dangerouslySetInnerHTML: {
76
+ __html: by
77
+ }
78
+ }) : null) : null;
79
+ };
80
+ CenteredQuote.propTypes = {
107
81
  className: _propTypes["default"].string,
108
82
  data: _body["default"].elementData.isRequired
109
- });
83
+ };
84
+ var _default = exports["default"] = CenteredQuote;
package/lib/components/body/list.js CHANGED
@@ -21,7 +21,9 @@ var _ = {
21
21
  get: _get["default"],
22
22
  map: _map["default"]
23
23
  };
24
- 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);
24
+ 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, function (props) {
25
+ return props.$forTrackingSection ? "font-size: ".concat(props.theme.fontSizeOffset + 16, "px") : '';
26
+ });
25
27
  var Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
26
28
  displayName: "list__Ul",
27
29
  componentId: "sc-1as1ic3-0"
@@ -46,18 +48,26 @@ var buildLi = function buildLi(listItem, index) {
46
48
  // eslint-disable-next-line react/display-name
47
49
  var buildList = function buildList(ordered) {
48
50
  var L = ordered ? Ol : Ul;
49
- var List = function List(props) {
50
- var listItems = _.get(props, ['data', 'content']);
51
+ var List = function List(_ref) {
52
+ var data = _ref.data,
53
+ _ref$forTrackingSecti = _ref.forTrackingSection,
54
+ forTrackingSection = _ref$forTrackingSecti === void 0 ? false : _ref$forTrackingSecti,
55
+ _ref$className = _ref.className,
56
+ className = _ref$className === void 0 ? '' : _ref$className;
57
+ var listItems = _.get(data, 'content');
51
58
  if (!Array.isArray(listItems) || listItems.length === 0) {
52
59
  return null;
53
60
  }
54
61
  return /*#__PURE__*/_react["default"].createElement("div", {
55
- className: _.get(props, 'className', '')
56
- }, /*#__PURE__*/_react["default"].createElement(L, null, _.map(listItems, buildLi)));
62
+ className: className
63
+ }, /*#__PURE__*/_react["default"].createElement(L, {
64
+ $forTrackingSection: forTrackingSection
65
+ }, _.map(listItems, buildLi)));
57
66
  };
58
67
  List.propTypes = {
59
68
  className: _propTypes["default"].string,
60
- data: _body["default"].elementData
69
+ data: _body["default"].elementData,
70
+ forTrackingSection: _propTypes["default"].bool
61
71
  };
62
72
  return List;
63
73
  };
package/lib/components/body/tracking-section.js CHANGED
@@ -83,7 +83,8 @@ var TrackingSection = function TrackingSection(_ref) {
83
83
  case 'annotation':
84
84
  return /*#__PURE__*/_react["default"].createElement(_annotation["default"], {
85
85
  key: data.id,
86
- data: data
86
+ data: data,
87
+ forTrackingSection: true
87
88
  });
88
89
  case 'centered-quote':
89
90
  case 'quoteby':
@@ -94,7 +95,8 @@ var TrackingSection = function TrackingSection(_ref) {
94
95
  case 'blockquote':
95
96
  return /*#__PURE__*/_react["default"].createElement(_blockquote["default"], {
96
97
  key: data.id,
97
- data: data
98
+ data: data,
99
+ forTrackingSection: true
98
100
  });
99
101
  case 'unstyled':
100
102
  return /*#__PURE__*/_react["default"].createElement(_paragraph2["default"], {
@@ -120,12 +122,14 @@ var TrackingSection = function TrackingSection(_ref) {
120
122
  case 'ordered-list-item':
121
123
  return /*#__PURE__*/_react["default"].createElement(_list["default"].OrderedList, {
122
124
  key: data.id,
123
- data: data
125
+ data: data,
126
+ forTrackingSection: true
124
127
  });
125
128
  case 'unordered-list-item':
126
129
  return /*#__PURE__*/_react["default"].createElement(_list["default"].UnorderedList, {
127
130
  key: data.id,
128
- data: data
131
+ data: data,
132
+ forTrackingSection: true
129
133
  });
130
134
  case 'embedded-code':
131
135
  case 'embeddedCode':
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@twreporter/react-article-components",
3
- "version": "2.5.6-rc.2",
3
+ "version": "2.5.7-rc.0",
4
4
  "description": "The Reporter react article components, which are used in article page",
5
5
  "main": "lib/components/article-page.js",
6
6
  "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
@@ -23,10 +23,10 @@
23
23
  "webpack-dev-server": "^3.7.2"
24
24
  },
25
25
  "dependencies": {
26
- "@twreporter/core": "^1.24.1-rc.0",
27
- "@twreporter/react-components": "^9.4.3-rc.1",
28
- "@twreporter/redux": "^8.3.0-rc.0",
29
- "@twreporter/universal-header": "^3.0.12-rc.2",
26
+ "@twreporter/core": "^1.24.1",
27
+ "@twreporter/react-components": "^9.4.3",
28
+ "@twreporter/redux": "^8.3.0",
29
+ "@twreporter/universal-header": "^3.0.12",
30
30
  "howler": "^2.2.3",
31
31
  "lodash": "^4.17.11",
32
32
  "memoize-one": "^5.0.5",
@@ -41,5 +41,5 @@
41
41
  "files": [
42
42
  "lib"
43
43
  ],
44
- "gitHead": "aa3581ffcbfe0e3727ddd561e17ca8064a2c5eb1"
44
+ "gitHead": "de34d9de0368c8c372e16407950027cdd65b472e"
45
45
  }