@times-components/related-articles 6.11.24 → 6.12.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.
- package/CHANGELOG.md +27 -0
- package/babel.config.js +6 -2
- package/dist/related-article-item-prop-types-base.js +62 -1
- package/dist/related-article-item-prop-types.js +36 -1
- package/dist/related-article-item.base.js +208 -1
- package/dist/related-article-item.js +48 -1
- package/dist/related-articles-heading.js +47 -1
- package/dist/related-articles-item-tracking-events.js +31 -1
- package/dist/related-articles-prop-types-base.js +22 -1
- package/dist/related-articles-prop-types.js +13 -1
- package/dist/related-articles-tracking-context.js +50 -1
- package/dist/related-articles.js +148 -1
- package/dist/roles.js +9 -1
- package/dist/styles/index.js +30 -1
- package/dist/styles/shared.js +54 -1
- package/dist/utils/index.js +13 -1
- package/package.json +19 -24
- package/rnw.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,33 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [6.12.0](https://github.com/newsuk/times-components/compare/@times-components/related-articles@6.11.26...@times-components/related-articles@6.12.0) (2022-08-18)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TDP-1712:** remove react-native foreverrrrr ([#3064](https://github.com/newsuk/times-components/issues/3064)) ([2a20cb5](https://github.com/newsuk/times-components/commit/2a20cb5abc10a4e7ca2d62487967f8fcf4eccb62)), closes [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3050](https://github.com/newsuk/times-components/issues/3050) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3057](https://github.com/newsuk/times-components/issues/3057) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3065](https://github.com/newsuk/times-components/issues/3065) [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3069](https://github.com/newsuk/times-components/issues/3069) [#3068](https://github.com/newsuk/times-components/issues/3068) [#3070](https://github.com/newsuk/times-components/issues/3070) [#3072](https://github.com/newsuk/times-components/issues/3072) [#3073](https://github.com/newsuk/times-components/issues/3073) [#3071](https://github.com/newsuk/times-components/issues/3071) [#3074](https://github.com/newsuk/times-components/issues/3074) [#3076](https://github.com/newsuk/times-components/issues/3076) [#3079](https://github.com/newsuk/times-components/issues/3079) [#3078](https://github.com/newsuk/times-components/issues/3078) [#3083](https://github.com/newsuk/times-components/issues/3083) [#3087](https://github.com/newsuk/times-components/issues/3087) [#3091](https://github.com/newsuk/times-components/issues/3091) [#3096](https://github.com/newsuk/times-components/issues/3096) [#3102](https://github.com/newsuk/times-components/issues/3102) [#3105](https://github.com/newsuk/times-components/issues/3105) [#3108](https://github.com/newsuk/times-components/issues/3108) [#3111](https://github.com/newsuk/times-components/issues/3111) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3113](https://github.com/newsuk/times-components/issues/3113) [#3114](https://github.com/newsuk/times-components/issues/3114) [#3120](https://github.com/newsuk/times-components/issues/3120) [#3119](https://github.com/newsuk/times-components/issues/3119) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3127](https://github.com/newsuk/times-components/issues/3127) [#3116](https://github.com/newsuk/times-components/issues/3116) [#3128](https://github.com/newsuk/times-components/issues/3128) [#3132](https://github.com/newsuk/times-components/issues/3132) [#3133](https://github.com/newsuk/times-components/issues/3133)
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [6.11.26](https://github.com/newsuk/times-components/compare/@times-components/related-articles@6.11.25...@times-components/related-articles@6.11.26) (2022-08-12)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @times-components/related-articles
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## [6.11.25](https://github.com/newsuk/times-components/compare/@times-components/related-articles@6.11.24...@times-components/related-articles@6.11.25) (2022-08-08)
|
|
26
|
+
|
|
27
|
+
**Note:** Version bump only for package @times-components/related-articles
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
## [6.11.24](https://github.com/newsuk/times-components/compare/@times-components/related-articles@6.11.23...@times-components/related-articles@6.11.24) (2022-08-08)
|
|
7
34
|
|
|
8
35
|
**Note:** Version bump only for package @times-components/related-articles
|
package/babel.config.js
CHANGED
|
@@ -3,8 +3,12 @@ module.exports = api => {
|
|
|
3
3
|
return {
|
|
4
4
|
plugins: [
|
|
5
5
|
"babel-plugin-styled-components",
|
|
6
|
-
"@babel/plugin-
|
|
6
|
+
"@babel/plugin-proposal-class-properties"
|
|
7
7
|
],
|
|
8
|
-
presets: [
|
|
8
|
+
presets: [
|
|
9
|
+
"@babel/preset-env",
|
|
10
|
+
"@babel/preset-react",
|
|
11
|
+
"@babel/preset-typescript"
|
|
12
|
+
]
|
|
9
13
|
};
|
|
10
14
|
};
|
|
@@ -1 +1,62 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.sharedDefaultProps = exports.sharedPropTypes = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
var _markupForest = require("@times-components/markup-forest");
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
14
|
+
/* eslint-disable react/forbid-prop-types */
|
|
15
|
+
var sharedPropTypes = {
|
|
16
|
+
article: _propTypes["default"].shape({
|
|
17
|
+
bylines: _propTypes["default"].arrayOf(_markupForest.propTypes),
|
|
18
|
+
hasVideo: _propTypes["default"].bool,
|
|
19
|
+
headline: _propTypes["default"].string,
|
|
20
|
+
label: _propTypes["default"].string,
|
|
21
|
+
publishedTime: _propTypes["default"].string.isRequired,
|
|
22
|
+
shortHeadline: _propTypes["default"].string,
|
|
23
|
+
summary105: _propTypes["default"].arrayOf(_markupForest.propTypes),
|
|
24
|
+
summary125: _propTypes["default"].arrayOf(_markupForest.propTypes).isRequired,
|
|
25
|
+
summary145: _propTypes["default"].arrayOf(_markupForest.propTypes),
|
|
26
|
+
summary160: _propTypes["default"].arrayOf(_markupForest.propTypes),
|
|
27
|
+
summary175: _propTypes["default"].arrayOf(_markupForest.propTypes),
|
|
28
|
+
summary225: _propTypes["default"].arrayOf(_markupForest.propTypes),
|
|
29
|
+
url: _propTypes["default"].string
|
|
30
|
+
}),
|
|
31
|
+
imageConfig: _propTypes["default"].shape({
|
|
32
|
+
cropSize: _propTypes["default"].string,
|
|
33
|
+
imageRatio: _propTypes["default"].number,
|
|
34
|
+
style: _propTypes["default"].object
|
|
35
|
+
}),
|
|
36
|
+
isOpinionByline: _propTypes["default"].bool,
|
|
37
|
+
isReversed: _propTypes["default"].bool,
|
|
38
|
+
showImage: _propTypes["default"].bool,
|
|
39
|
+
showSummary: _propTypes["default"].bool,
|
|
40
|
+
summaryConfig: _propTypes["default"].shape({
|
|
41
|
+
lengths: _propTypes["default"].arrayOf(_propTypes["default"].number),
|
|
42
|
+
style: _propTypes["default"].object,
|
|
43
|
+
type: _propTypes["default"].string
|
|
44
|
+
})
|
|
45
|
+
};
|
|
46
|
+
exports.sharedPropTypes = sharedPropTypes;
|
|
47
|
+
var sharedDefaultProps = {
|
|
48
|
+
article: null,
|
|
49
|
+
hasVideo: false,
|
|
50
|
+
imageConfig: {},
|
|
51
|
+
isOpinionByline: false,
|
|
52
|
+
isReversed: false,
|
|
53
|
+
showImage: true,
|
|
54
|
+
showSummary: true,
|
|
55
|
+
summary105: [],
|
|
56
|
+
summary145: [],
|
|
57
|
+
summary160: [],
|
|
58
|
+
summary175: [],
|
|
59
|
+
summary225: [],
|
|
60
|
+
summaryConfig: {}
|
|
61
|
+
};
|
|
62
|
+
exports.sharedDefaultProps = sharedDefaultProps;
|
|
@@ -1 +1,36 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.relatedArticleItemDefaultProps = exports.relatedArticleItemPropTypes = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
var _relatedArticleItemPropTypesBase = require("./related-article-item-prop-types-base");
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
14
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
+
|
|
16
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
17
|
+
|
|
18
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
+
|
|
20
|
+
var relatedArticleItemPropTypes = _objectSpread(_objectSpread({}, _relatedArticleItemPropTypesBase.sharedPropTypes), {}, {
|
|
21
|
+
bylineClass: _propTypes["default"].string,
|
|
22
|
+
contentContainerClass: _propTypes["default"].string,
|
|
23
|
+
headlineClass: _propTypes["default"].string,
|
|
24
|
+
imageContainerClass: _propTypes["default"].string
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
exports.relatedArticleItemPropTypes = relatedArticleItemPropTypes;
|
|
28
|
+
|
|
29
|
+
var relatedArticleItemDefaultProps = _objectSpread(_objectSpread({}, _relatedArticleItemPropTypesBase.sharedDefaultProps), {}, {
|
|
30
|
+
bylineClass: "",
|
|
31
|
+
contentContainerClass: "",
|
|
32
|
+
headlineClass: "",
|
|
33
|
+
imageContainerClass: ""
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
exports.relatedArticleItemDefaultProps = relatedArticleItemDefaultProps;
|
|
@@ -1 +1,208 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
var _utils = require("@times-components/utils");
|
|
13
|
+
|
|
14
|
+
var _lodash = _interopRequireDefault(require("lodash.get"));
|
|
15
|
+
|
|
16
|
+
var _articleSummary = _interopRequireWildcard(require("@times-components/article-summary"));
|
|
17
|
+
|
|
18
|
+
var _card = _interopRequireDefault(require("@times-components/card"));
|
|
19
|
+
|
|
20
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
21
|
+
|
|
22
|
+
var _relatedArticleItemPropTypes = require("./related-article-item-prop-types");
|
|
23
|
+
|
|
24
|
+
var _styles = _interopRequireDefault(require("./styles"));
|
|
25
|
+
|
|
26
|
+
var _utils2 = _interopRequireDefault(require("./utils"));
|
|
27
|
+
|
|
28
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
|
+
|
|
30
|
+
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); }
|
|
31
|
+
|
|
32
|
+
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; }
|
|
33
|
+
|
|
34
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
35
|
+
|
|
36
|
+
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); } }
|
|
37
|
+
|
|
38
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
39
|
+
|
|
40
|
+
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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
41
|
+
|
|
42
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
43
|
+
|
|
44
|
+
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); }; }
|
|
45
|
+
|
|
46
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
47
|
+
|
|
48
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
49
|
+
|
|
50
|
+
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; } }
|
|
51
|
+
|
|
52
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
53
|
+
|
|
54
|
+
var getImageUri = function getImageUri(leadAsset, leadAssetOverride, cropSize) {
|
|
55
|
+
var asset = leadAssetOverride || leadAsset;
|
|
56
|
+
|
|
57
|
+
if (!asset) {
|
|
58
|
+
return null;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
return asset.posterImage ? (0, _lodash["default"])(asset, "posterImage.crop".concat(cropSize, ".url")) : (0, _lodash["default"])(asset, "crop".concat(cropSize, ".url"));
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
var RelatedArticleItem = /*#__PURE__*/function (_Component) {
|
|
65
|
+
_inherits(RelatedArticleItem, _Component);
|
|
66
|
+
|
|
67
|
+
var _super = _createSuper(RelatedArticleItem);
|
|
68
|
+
|
|
69
|
+
function RelatedArticleItem(props) {
|
|
70
|
+
var _this;
|
|
71
|
+
|
|
72
|
+
_classCallCheck(this, RelatedArticleItem);
|
|
73
|
+
|
|
74
|
+
_this = _super.call(this, props);
|
|
75
|
+
_this.node = (0, _react.createRef)();
|
|
76
|
+
_this.state = {
|
|
77
|
+
highResSize: null
|
|
78
|
+
};
|
|
79
|
+
return _this;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
_createClass(RelatedArticleItem, [{
|
|
83
|
+
key: "componentDidMount",
|
|
84
|
+
value: function componentDidMount() {
|
|
85
|
+
var imageConfig = this.props.imageConfig;
|
|
86
|
+
|
|
87
|
+
if (imageConfig.showHiRes) {
|
|
88
|
+
this.setHighResSize();
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}, {
|
|
92
|
+
key: "componentDidUpdate",
|
|
93
|
+
value: function componentDidUpdate(prevProps) {
|
|
94
|
+
var imageConfig = this.props.imageConfig;
|
|
95
|
+
|
|
96
|
+
if (prevProps.imageConfig.showHiRes !== imageConfig.showHiRes && imageConfig.showHiRes) {
|
|
97
|
+
this.setHighResSize();
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}, {
|
|
101
|
+
key: "setHighResSize",
|
|
102
|
+
value: function setHighResSize() {
|
|
103
|
+
this.setState({
|
|
104
|
+
highResSize: this.node.current.clientWidth
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
}, {
|
|
108
|
+
key: "render",
|
|
109
|
+
value: function render() {
|
|
110
|
+
var _this$props = this.props,
|
|
111
|
+
_this$props$article = _this$props.article,
|
|
112
|
+
bylines = _this$props$article.bylines,
|
|
113
|
+
hasVideo = _this$props$article.hasVideo,
|
|
114
|
+
headline = _this$props$article.headline,
|
|
115
|
+
label = _this$props$article.label,
|
|
116
|
+
leadAsset = _this$props$article.leadAsset,
|
|
117
|
+
publishedTime = _this$props$article.publishedTime,
|
|
118
|
+
section = _this$props$article.section,
|
|
119
|
+
shortHeadline = _this$props$article.shortHeadline,
|
|
120
|
+
bylineClass = _this$props.bylineClass,
|
|
121
|
+
children = _this$props.children,
|
|
122
|
+
contentContainerClass = _this$props.contentContainerClass,
|
|
123
|
+
headlineClass = _this$props.headlineClass,
|
|
124
|
+
_this$props$imageConf = _this$props.imageConfig,
|
|
125
|
+
_this$props$imageConf2 = _this$props$imageConf.cropSize,
|
|
126
|
+
cropSize = _this$props$imageConf2 === void 0 ? "169" : _this$props$imageConf2,
|
|
127
|
+
_this$props$imageConf3 = _this$props$imageConf.imageRatio,
|
|
128
|
+
imageRatio = _this$props$imageConf3 === void 0 ? 16 / 9 : _this$props$imageConf3,
|
|
129
|
+
_this$props$imageConf4 = _this$props$imageConf.style,
|
|
130
|
+
imageStyle = _this$props$imageConf4 === void 0 ? {} : _this$props$imageConf4,
|
|
131
|
+
imageContainerClass = _this$props.imageContainerClass,
|
|
132
|
+
isOpinionByline = _this$props.isOpinionByline,
|
|
133
|
+
isReversed = _this$props.isReversed,
|
|
134
|
+
leadAssetOverride = _this$props.leadAssetOverride,
|
|
135
|
+
onPress = _this$props.onPress,
|
|
136
|
+
showImage = _this$props.showImage,
|
|
137
|
+
showSummary = _this$props.showSummary,
|
|
138
|
+
_this$props$summaryCo = _this$props.summaryConfig,
|
|
139
|
+
_this$props$summaryCo2 = _this$props$summaryCo.lengths,
|
|
140
|
+
summaryLengths = _this$props$summaryCo2 === void 0 ? [] : _this$props$summaryCo2,
|
|
141
|
+
_this$props$summaryCo3 = _this$props$summaryCo.style,
|
|
142
|
+
summaryStyle = _this$props$summaryCo3 === void 0 ? {} : _this$props$summaryCo3,
|
|
143
|
+
summaryType = _this$props$summaryCo.type;
|
|
144
|
+
var article = this.props.article;
|
|
145
|
+
var highResSize = this.state.highResSize;
|
|
146
|
+
var imageUri = getImageUri(leadAsset, leadAssetOverride, cropSize);
|
|
147
|
+
return children({
|
|
148
|
+
article: article,
|
|
149
|
+
card: /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
|
|
150
|
+
ref: this.node
|
|
151
|
+
}, /*#__PURE__*/_react["default"].createElement(_card["default"], {
|
|
152
|
+
contentContainerClass: contentContainerClass,
|
|
153
|
+
highResSize: highResSize,
|
|
154
|
+
imageContainerClass: imageContainerClass,
|
|
155
|
+
imageAccessibilityLabel: shortHeadline,
|
|
156
|
+
imageRatio: imageRatio,
|
|
157
|
+
imageStyle: imageStyle,
|
|
158
|
+
imageUri: imageUri,
|
|
159
|
+
isReversed: isReversed,
|
|
160
|
+
lowResQuality: 3,
|
|
161
|
+
lowResSize: 200,
|
|
162
|
+
relatedArticle: true,
|
|
163
|
+
showImage: showImage
|
|
164
|
+
}, /*#__PURE__*/_react["default"].createElement(_articleSummary["default"], {
|
|
165
|
+
bylineProps: {
|
|
166
|
+
ast: bylines,
|
|
167
|
+
bylineClass: bylineClass,
|
|
168
|
+
color: _tsStyleguide.colours.section[section] || _tsStyleguide.colours.section["default"],
|
|
169
|
+
isOpinionByline: isOpinionByline
|
|
170
|
+
},
|
|
171
|
+
content: showSummary && /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
|
|
172
|
+
style: summaryStyle
|
|
173
|
+
}, summaryLengths.map(function (item) {
|
|
174
|
+
var summaryClassSuffix = "".concat(item, "Class");
|
|
175
|
+
var summaryClass = summaryType ? "".concat(summaryType, "Summary") : "summary";
|
|
176
|
+
return /*#__PURE__*/_react["default"].createElement(_articleSummary.ArticleSummaryContent, {
|
|
177
|
+
ast: article["summary".concat(item)],
|
|
178
|
+
className: "summaryHidden ".concat(summaryClass).concat(summaryClassSuffix),
|
|
179
|
+
key: item
|
|
180
|
+
});
|
|
181
|
+
})),
|
|
182
|
+
datePublicationProps: {
|
|
183
|
+
date: publishedTime,
|
|
184
|
+
showDay: false
|
|
185
|
+
},
|
|
186
|
+
headline: /*#__PURE__*/_react["default"].createElement(_articleSummary.ArticleSummaryHeadline, {
|
|
187
|
+
className: headlineClass,
|
|
188
|
+
headline: (0, _utils2["default"])(headline, shortHeadline),
|
|
189
|
+
style: _styles["default"].headline
|
|
190
|
+
}),
|
|
191
|
+
labelProps: {
|
|
192
|
+
color: _tsStyleguide.colours.section[section] || _tsStyleguide.colours.section["default"],
|
|
193
|
+
isVideo: hasVideo,
|
|
194
|
+
title: label
|
|
195
|
+
}
|
|
196
|
+
}))),
|
|
197
|
+
onPress: onPress
|
|
198
|
+
});
|
|
199
|
+
}
|
|
200
|
+
}]);
|
|
201
|
+
|
|
202
|
+
return RelatedArticleItem;
|
|
203
|
+
}(_react.Component);
|
|
204
|
+
|
|
205
|
+
RelatedArticleItem.propTypes = _relatedArticleItemPropTypes.relatedArticleItemPropTypes;
|
|
206
|
+
RelatedArticleItem.defaultProps = _relatedArticleItemPropTypes.relatedArticleItemDefaultProps;
|
|
207
|
+
var _default = RelatedArticleItem;
|
|
208
|
+
exports["default"] = _default;
|
|
@@ -1 +1,48 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _context = _interopRequireDefault(require("@times-components/context"));
|
|
11
|
+
|
|
12
|
+
var _link = _interopRequireDefault(require("@times-components/link"));
|
|
13
|
+
|
|
14
|
+
var _relatedArticleItem = _interopRequireDefault(require("./related-article-item.base"));
|
|
15
|
+
|
|
16
|
+
var _relatedArticlesItemTrackingEvents = _interopRequireDefault(require("./related-articles-item-tracking-events"));
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
20
|
+
var RelatedArticleItemWeb = function RelatedArticleItemWeb(props) {
|
|
21
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
22
|
+
"data-testid": "related-article-item"
|
|
23
|
+
}, /*#__PURE__*/_react["default"].createElement(_relatedArticleItem["default"], props, function (_ref) {
|
|
24
|
+
var article = _ref.article,
|
|
25
|
+
card = _ref.card,
|
|
26
|
+
_onPress = _ref.onPress;
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement(_context["default"].Consumer, null, function (_ref2) {
|
|
28
|
+
var makeArticleUrl = _ref2.makeArticleUrl;
|
|
29
|
+
return /*#__PURE__*/_react["default"].createElement(_link["default"], {
|
|
30
|
+
linkStyle: {
|
|
31
|
+
padding: 10
|
|
32
|
+
},
|
|
33
|
+
onPress: function onPress(e) {
|
|
34
|
+
return _onPress(e, {
|
|
35
|
+
url: makeArticleUrl(article)
|
|
36
|
+
});
|
|
37
|
+
},
|
|
38
|
+
url: makeArticleUrl(article)
|
|
39
|
+
}, card);
|
|
40
|
+
});
|
|
41
|
+
}));
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
RelatedArticleItemWeb.displayName = "RelatedArticleItem";
|
|
45
|
+
|
|
46
|
+
var _default = (0, _relatedArticlesItemTrackingEvents["default"])(RelatedArticleItemWeb);
|
|
47
|
+
|
|
48
|
+
exports["default"] = _default;
|
|
@@ -1 +1,47 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = exports.HeadingForRelatedArticles = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
+
|
|
12
|
+
var _utils = require("@times-components/utils");
|
|
13
|
+
|
|
14
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
+
|
|
16
|
+
var _styles = _interopRequireDefault(require("./styles"));
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
20
|
+
var HeadingForRelatedArticles = _styledComponents["default"].h3.withConfig({
|
|
21
|
+
displayName: "related-articles-heading__HeadingForRelatedArticles",
|
|
22
|
+
componentId: "sc-1m1bjcq-0"
|
|
23
|
+
})(["border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Ubuntu,\"Helvetica Neue\",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;", ";"], function (props) {
|
|
24
|
+
return props.styles && props.styles;
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
exports.HeadingForRelatedArticles = HeadingForRelatedArticles;
|
|
28
|
+
|
|
29
|
+
var RelatedArticlesHeading = function RelatedArticlesHeading(_ref) {
|
|
30
|
+
var heading = _ref.heading;
|
|
31
|
+
return /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
|
|
32
|
+
style: _styles["default"].titleContainer
|
|
33
|
+
}, /*#__PURE__*/_react["default"].createElement(HeadingForRelatedArticles, {
|
|
34
|
+
role: "heading",
|
|
35
|
+
"aria-level": "3",
|
|
36
|
+
styles: (0, _utils.checkStylesForUnits)(_styles["default"].title)
|
|
37
|
+
}, heading));
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
RelatedArticlesHeading.propTypes = {
|
|
41
|
+
heading: _propTypes["default"].string
|
|
42
|
+
};
|
|
43
|
+
RelatedArticlesHeading.defaultProps = {
|
|
44
|
+
heading: "Related articles"
|
|
45
|
+
};
|
|
46
|
+
var _default = RelatedArticlesHeading;
|
|
47
|
+
exports["default"] = _default;
|
|
@@ -1 +1,31 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _tracking = require("@times-components/tracking");
|
|
9
|
+
|
|
10
|
+
var _default = function _default(Component) {
|
|
11
|
+
return (0, _tracking.withTrackEvents)(Component, {
|
|
12
|
+
analyticsEvents: [{
|
|
13
|
+
actionName: "Pressed",
|
|
14
|
+
eventName: "onPress",
|
|
15
|
+
getAttrs: function getAttrs(_ref) {
|
|
16
|
+
var _ref$article = _ref.article,
|
|
17
|
+
headline = _ref$article.headline,
|
|
18
|
+
id = _ref$article.id,
|
|
19
|
+
url = _ref$article.url,
|
|
20
|
+
shortHeadline = _ref$article.shortHeadline;
|
|
21
|
+
return {
|
|
22
|
+
targetArticleHeadline: shortHeadline || headline,
|
|
23
|
+
targetArticleId: id,
|
|
24
|
+
targetArticleUrl: url
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
}]
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
exports["default"] = _default;
|
|
@@ -1 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
var _relatedArticleItemPropTypes = require("./related-article-item-prop-types");
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
14
|
+
var _default = {
|
|
15
|
+
slice: _propTypes["default"].shape({
|
|
16
|
+
items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
17
|
+
article: _relatedArticleItemPropTypes.relatedArticleItemPropTypes.article
|
|
18
|
+
})),
|
|
19
|
+
sliceName: _propTypes["default"].string.isRequired
|
|
20
|
+
}).isRequired
|
|
21
|
+
};
|
|
22
|
+
exports["default"] = _default;
|
|
@@ -1 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _relatedArticlesPropTypesBase = _interopRequireDefault(require("./related-articles-prop-types-base"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
var _default = _relatedArticlesPropTypesBase["default"];
|
|
13
|
+
exports["default"] = _default;
|
|
@@ -1 +1,50 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _tracking = require("@times-components/tracking");
|
|
9
|
+
|
|
10
|
+
var _utils = _interopRequireDefault(require("./utils"));
|
|
11
|
+
|
|
12
|
+
var _roles = _interopRequireDefault(require("./roles"));
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
var _default = function _default(Component) {
|
|
17
|
+
return (0, _tracking.withTrackingContext)(Component, {
|
|
18
|
+
getAttrs: function getAttrs(_ref) {
|
|
19
|
+
var slice = _ref.slice;
|
|
20
|
+
var items = slice.items,
|
|
21
|
+
sliceName = slice.sliceName;
|
|
22
|
+
if (!sliceName) return null;
|
|
23
|
+
|
|
24
|
+
var standardTracking = function standardTracking() {
|
|
25
|
+
return items.map(function (_ref2, index) {
|
|
26
|
+
var article = _ref2.article;
|
|
27
|
+
var headline = article.headline,
|
|
28
|
+
id = article.id,
|
|
29
|
+
shortHeadline = article.shortHeadline;
|
|
30
|
+
return {
|
|
31
|
+
headline: (0, _utils["default"])(headline, shortHeadline),
|
|
32
|
+
id: id,
|
|
33
|
+
role: _roles["default"][index]
|
|
34
|
+
};
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
var trackingObject = {
|
|
39
|
+
articles: [],
|
|
40
|
+
template: sliceName
|
|
41
|
+
};
|
|
42
|
+
if (!items) return trackingObject;
|
|
43
|
+
trackingObject.articles = standardTracking();
|
|
44
|
+
return trackingObject;
|
|
45
|
+
},
|
|
46
|
+
trackingObjectName: "Article"
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
exports["default"] = _default;
|
package/dist/related-articles.js
CHANGED
|
@@ -1 +1,148 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
var _utils = require("@times-components/utils");
|
|
13
|
+
|
|
14
|
+
var _sliceLayout = require("@times-components/slice-layout");
|
|
15
|
+
|
|
16
|
+
var _relatedArticlesHeading = _interopRequireDefault(require("./related-articles-heading"));
|
|
17
|
+
|
|
18
|
+
var _relatedArticleItem = _interopRequireDefault(require("./related-article-item"));
|
|
19
|
+
|
|
20
|
+
var _relatedArticlesPropTypes = _interopRequireDefault(require("./related-articles-prop-types"));
|
|
21
|
+
|
|
22
|
+
var _relatedArticlesTrackingContext = _interopRequireDefault(require("./related-articles-tracking-context"));
|
|
23
|
+
|
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
+
|
|
26
|
+
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); }
|
|
27
|
+
|
|
28
|
+
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; }
|
|
29
|
+
|
|
30
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
31
|
+
|
|
32
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
33
|
+
|
|
34
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
35
|
+
|
|
36
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
37
|
+
|
|
38
|
+
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); } }
|
|
39
|
+
|
|
40
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
41
|
+
|
|
42
|
+
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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
43
|
+
|
|
44
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
45
|
+
|
|
46
|
+
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); }; }
|
|
47
|
+
|
|
48
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
49
|
+
|
|
50
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
51
|
+
|
|
52
|
+
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; } }
|
|
53
|
+
|
|
54
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
55
|
+
|
|
56
|
+
var RelatedArticles = /*#__PURE__*/function (_Component) {
|
|
57
|
+
_inherits(RelatedArticles, _Component);
|
|
58
|
+
|
|
59
|
+
var _super = _createSuper(RelatedArticles);
|
|
60
|
+
|
|
61
|
+
function RelatedArticles() {
|
|
62
|
+
_classCallCheck(this, RelatedArticles);
|
|
63
|
+
|
|
64
|
+
return _super.apply(this, arguments);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
_createClass(RelatedArticles, [{
|
|
68
|
+
key: "shouldComponentUpdate",
|
|
69
|
+
value: function shouldComponentUpdate(nextProps) {
|
|
70
|
+
var _this$props = this.props,
|
|
71
|
+
isVisible = _this$props.isVisible,
|
|
72
|
+
slice = _this$props.slice;
|
|
73
|
+
return nextProps.isVisible !== isVisible || nextProps.slice !== slice;
|
|
74
|
+
}
|
|
75
|
+
}, {
|
|
76
|
+
key: "render",
|
|
77
|
+
value: function render() {
|
|
78
|
+
var _this$props2 = this.props,
|
|
79
|
+
isVisible = _this$props2.isVisible,
|
|
80
|
+
onPress = _this$props2.onPress,
|
|
81
|
+
slice = _this$props2.slice,
|
|
82
|
+
heading = _this$props2.heading;
|
|
83
|
+
if (!slice) return null;
|
|
84
|
+
var items = slice.items,
|
|
85
|
+
sliceName = slice.sliceName;
|
|
86
|
+
if (!sliceName || sliceName !== "StandardSlice" && sliceName !== "DraftStandardSlice" || !items) return null;
|
|
87
|
+
|
|
88
|
+
var renderArticleItem = function renderArticleItem(config, article, leadAssetOverride) {
|
|
89
|
+
var _config$bylineClass = config.bylineClass,
|
|
90
|
+
bylineClass = _config$bylineClass === void 0 ? "" : _config$bylineClass,
|
|
91
|
+
contentContainerClass = config.contentContainerClass,
|
|
92
|
+
_config$headlineClass = config.headlineClass,
|
|
93
|
+
headlineClass = _config$headlineClass === void 0 ? "" : _config$headlineClass,
|
|
94
|
+
_config$imageConfig = config.imageConfig,
|
|
95
|
+
imageConfig = _config$imageConfig === void 0 ? {} : _config$imageConfig,
|
|
96
|
+
imageContainerClass = config.imageContainerClass,
|
|
97
|
+
_config$isOpinionByli = config.isOpinionByline,
|
|
98
|
+
isOpinionByline = _config$isOpinionByli === void 0 ? false : _config$isOpinionByli,
|
|
99
|
+
_config$isReversed = config.isReversed,
|
|
100
|
+
isReversed = _config$isReversed === void 0 ? false : _config$isReversed,
|
|
101
|
+
_config$showImage = config.showImage,
|
|
102
|
+
showImage = _config$showImage === void 0 ? true : _config$showImage,
|
|
103
|
+
_config$showSummary = config.showSummary,
|
|
104
|
+
showSummary = _config$showSummary === void 0 ? false : _config$showSummary,
|
|
105
|
+
_config$summaryConfig = config.summaryConfig,
|
|
106
|
+
summaryConfig = _config$summaryConfig === void 0 ? {} : _config$summaryConfig;
|
|
107
|
+
return /*#__PURE__*/_react["default"].createElement(_relatedArticleItem["default"], {
|
|
108
|
+
article: article,
|
|
109
|
+
bylineClass: bylineClass,
|
|
110
|
+
contentContainerClass: contentContainerClass,
|
|
111
|
+
headlineClass: headlineClass,
|
|
112
|
+
id: article.id,
|
|
113
|
+
imageConfig: _objectSpread(_objectSpread({}, imageConfig), {}, {
|
|
114
|
+
showHiRes: isVisible
|
|
115
|
+
}),
|
|
116
|
+
imageContainerClass: imageContainerClass,
|
|
117
|
+
isOpinionByline: isOpinionByline,
|
|
118
|
+
isReversed: isReversed,
|
|
119
|
+
key: article.id,
|
|
120
|
+
leadAssetOverride: leadAssetOverride,
|
|
121
|
+
onPress: onPress,
|
|
122
|
+
showImage: showImage,
|
|
123
|
+
showSummary: showSummary,
|
|
124
|
+
summaryConfig: summaryConfig
|
|
125
|
+
});
|
|
126
|
+
};
|
|
127
|
+
|
|
128
|
+
return /*#__PURE__*/_react["default"].createElement(_utils.TcView, null, /*#__PURE__*/_react["default"].createElement(_relatedArticlesHeading["default"], {
|
|
129
|
+
heading: heading
|
|
130
|
+
}), /*#__PURE__*/_react["default"].createElement(_sliceLayout.StandardSlice, {
|
|
131
|
+
itemCount: items.length,
|
|
132
|
+
renderItems: function renderItems(config) {
|
|
133
|
+
return items.map(function (item) {
|
|
134
|
+
return renderArticleItem(config, item.article, item.leadAsset);
|
|
135
|
+
});
|
|
136
|
+
}
|
|
137
|
+
}));
|
|
138
|
+
}
|
|
139
|
+
}]);
|
|
140
|
+
|
|
141
|
+
return RelatedArticles;
|
|
142
|
+
}(_react.Component);
|
|
143
|
+
|
|
144
|
+
RelatedArticles.propTypes = _relatedArticlesPropTypes["default"];
|
|
145
|
+
|
|
146
|
+
var _default = (0, _relatedArticlesTrackingContext["default"])(RelatedArticles);
|
|
147
|
+
|
|
148
|
+
exports["default"] = _default;
|
package/dist/roles.js
CHANGED
|
@@ -1 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var standardRoles = ["standard-1", "standard-2", "standard-3"];
|
|
8
|
+
var _default = standardRoles;
|
|
9
|
+
exports["default"] = _default;
|
package/dist/styles/index.js
CHANGED
|
@@ -1 +1,30 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
9
|
+
|
|
10
|
+
var _shared = _interopRequireDefault(require("./shared"));
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
14
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
+
|
|
16
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
17
|
+
|
|
18
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
+
|
|
20
|
+
var styles = _objectSpread(_objectSpread({}, _shared["default"]), {}, {
|
|
21
|
+
title: _objectSpread(_objectSpread({}, _shared["default"].title), {}, {
|
|
22
|
+
paddingTop: (0, _tsStyleguide.spacing)(1)
|
|
23
|
+
}),
|
|
24
|
+
titleContainer: _objectSpread(_objectSpread({}, _shared["default"].titleContainer), {}, {
|
|
25
|
+
padding: (0, _tsStyleguide.spacing)(3)
|
|
26
|
+
})
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
var _default = styles;
|
|
30
|
+
exports["default"] = _default;
|
package/dist/styles/shared.js
CHANGED
|
@@ -1 +1,54 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
9
|
+
|
|
10
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
11
|
+
|
|
12
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
13
|
+
|
|
14
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
15
|
+
|
|
16
|
+
var styles = {
|
|
17
|
+
byline: {
|
|
18
|
+
marginBottom: 0
|
|
19
|
+
},
|
|
20
|
+
headline: _objectSpread(_objectSpread({
|
|
21
|
+
color: _tsStyleguide.colours.functional.primary
|
|
22
|
+
}, (0, _tsStyleguide.fontFactory)({
|
|
23
|
+
font: "headline",
|
|
24
|
+
fontSize: "smallHeadline"
|
|
25
|
+
})), {}, {
|
|
26
|
+
fontWeight: "400",
|
|
27
|
+
marginBottom: (0, _tsStyleguide.spacing)(1),
|
|
28
|
+
marginTop: 0
|
|
29
|
+
}),
|
|
30
|
+
opinionByline: {
|
|
31
|
+
lineHeight: 24,
|
|
32
|
+
marginBottom: 0,
|
|
33
|
+
marginTop: 0
|
|
34
|
+
},
|
|
35
|
+
title: _objectSpread({
|
|
36
|
+
color: _tsStyleguide.colours.functional.primary
|
|
37
|
+
}, (0, _tsStyleguide.fontFactory)({
|
|
38
|
+
font: "headline",
|
|
39
|
+
fontSize: "pageComponentHeadline"
|
|
40
|
+
})),
|
|
41
|
+
titleContainer: {
|
|
42
|
+
alignItems: "center",
|
|
43
|
+
borderBottomColor: _tsStyleguide.colours.functional.keyline,
|
|
44
|
+
borderBottomWidth: 1,
|
|
45
|
+
borderStyle: "solid",
|
|
46
|
+
borderTopColor: _tsStyleguide.colours.functional.keyline,
|
|
47
|
+
borderTopWidth: 1,
|
|
48
|
+
display: "flex",
|
|
49
|
+
justifyContent: "center",
|
|
50
|
+
padding: (0, _tsStyleguide.spacing)(2)
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
var _default = styles;
|
|
54
|
+
exports["default"] = _default;
|
package/dist/utils/index.js
CHANGED
|
@@ -1 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var getHeadline = function getHeadline(headline, shortHeadline) {
|
|
9
|
+
return shortHeadline || headline;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
var _default = getHeadline;
|
|
13
|
+
exports["default"] = _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/related-articles",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.12.0",
|
|
4
4
|
"description": "related articles of an article",
|
|
5
5
|
"main": "dist/related-articles",
|
|
6
6
|
"dev": "src/related-articles",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"depcheck": "depcheck --ignores='@babel/*,babel-*,depcheck,eslint,jest,prettier,react-art,webpack*' --ignore-bin-package=false --skip-missing",
|
|
11
11
|
"lint": "eslint src && yarn prettier:diff",
|
|
12
12
|
"test": "jest roles.test.js --config='./__tests__/jest.config.js'",
|
|
13
|
-
"test:web": "jest --config='./__tests__/
|
|
13
|
+
"test:web": "jest --config='./__tests__/jest.config.js'",
|
|
14
14
|
"prepublishOnly": "yarn transpile && yarn bundle",
|
|
15
15
|
"watch": "watch 'yarn bundle' ./src --ignoreDotFiles --ignoreUnreadable",
|
|
16
16
|
"cleanup-dist": "rm -rf dist",
|
|
@@ -34,40 +34,35 @@
|
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@babel/core": "7.4.4",
|
|
36
36
|
"@times-components/eslint-config-thetimes": "0.8.18",
|
|
37
|
-
"@times-components/jest-configurator": "
|
|
38
|
-
"@times-components/jest-serializer": "3.
|
|
39
|
-
"@times-components/storybook": "4.
|
|
40
|
-
"@times-components/tealium-utils": "0.
|
|
41
|
-
"@times-components/test-utils": "2.
|
|
42
|
-
"@times-components/webpack-configurator": "2.0
|
|
37
|
+
"@times-components/jest-configurator-web": "0.8.0",
|
|
38
|
+
"@times-components/jest-serializer": "3.4.0",
|
|
39
|
+
"@times-components/storybook": "4.5.0",
|
|
40
|
+
"@times-components/tealium-utils": "0.8.0",
|
|
41
|
+
"@times-components/test-utils": "2.4.0",
|
|
42
|
+
"@times-components/webpack-configurator": "2.1.0",
|
|
43
43
|
"babel-jest": "24.8.0",
|
|
44
44
|
"babel-loader": "8.0.5",
|
|
45
|
-
"babel-plugin-add-react-displayname": "0.0.5",
|
|
46
|
-
"babel-plugin-styled-components": "1.10.6",
|
|
47
45
|
"depcheck": "0.6.9",
|
|
48
|
-
"enzyme": "3.9.0",
|
|
49
46
|
"eslint": "5.9.0",
|
|
50
47
|
"jest": "24.8.0",
|
|
51
48
|
"jest-styled-components": "6.3.1",
|
|
52
49
|
"mockdate": "3.0.5",
|
|
53
50
|
"prettier": "1.14.3",
|
|
54
51
|
"react": "16.9.0",
|
|
55
|
-
"react-art": "16.6.3",
|
|
56
52
|
"react-dom": "16.9.0",
|
|
57
53
|
"react-test-renderer": "16.9.0",
|
|
58
|
-
"webpack": "4.30.0"
|
|
59
|
-
"webpack-cli": "3.3.1"
|
|
54
|
+
"webpack": "4.30.0"
|
|
60
55
|
},
|
|
61
56
|
"dependencies": {
|
|
62
|
-
"@times-components/article-summary": "3.
|
|
63
|
-
"@times-components/card": "6.
|
|
64
|
-
"@times-components/context": "1.
|
|
65
|
-
"@times-components/link": "3.
|
|
66
|
-
"@times-components/markup-forest": "1.
|
|
67
|
-
"@times-components/slice-layout": "0.
|
|
68
|
-
"@times-components/tracking": "2.
|
|
69
|
-
"@times-components/ts-styleguide": "1.
|
|
70
|
-
"@times-components/utils": "6.
|
|
57
|
+
"@times-components/article-summary": "3.20.0",
|
|
58
|
+
"@times-components/card": "6.9.0",
|
|
59
|
+
"@times-components/context": "1.10.0",
|
|
60
|
+
"@times-components/link": "3.11.0",
|
|
61
|
+
"@times-components/markup-forest": "1.9.0",
|
|
62
|
+
"@times-components/slice-layout": "0.50.0",
|
|
63
|
+
"@times-components/tracking": "2.12.0",
|
|
64
|
+
"@times-components/ts-styleguide": "1.37.0",
|
|
65
|
+
"@times-components/utils": "6.15.0",
|
|
71
66
|
"lodash.get": "4.4.2",
|
|
72
67
|
"prop-types": "15.7.2",
|
|
73
68
|
"styled-components": "4.3.2"
|
|
@@ -83,5 +78,5 @@
|
|
|
83
78
|
"publishConfig": {
|
|
84
79
|
"access": "public"
|
|
85
80
|
},
|
|
86
|
-
"gitHead": "
|
|
81
|
+
"gitHead": "fe2f12b7448a88662c53f840772282cd97756c5c"
|
|
87
82
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=15)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("@babel/runtime/helpers/classCallCheck")},function(e,t){e.exports=require("@babel/runtime/helpers/createClass")},function(e,t){e.exports=require("@babel/runtime/helpers/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),i=r(5),a=n(r(19));function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=u(u({},a.default),{},{title:u(u({},a.default.title),{},{paddingTop:(0,i.spacing)(1)}),titleContainer:u(u({},a.default.titleContainer),{},{padding:(0,i.spacing)(3)})});t.default=s},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.relatedArticleItemDefaultProps=t.relatedArticleItemPropTypes=void 0;var o=n(r(1)),i=n(r(3)),a=r(27);function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=u(u({},a.sharedPropTypes),{},{bylineClass:i.default.string,contentContainerClass:i.default.string,headlineClass:i.default.string,imageContainerClass:i.default.string});t.relatedArticleItemPropTypes=s;var c=u(u({},a.sharedDefaultProps),{},{bylineClass:"",contentContainerClass:"",headlineClass:"",imageContainerClass:""});t.relatedArticleItemDefaultProps=c},function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(e,t){return t||e};t.default=r},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),i=n(r(6)),a=n(r(7)),l=n(r(8)),u=n(r(9)),s=n(r(10)),c=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=h(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(r(2)),f=r(4),d=r(16),p=n(r(17)),y=n(r(20)),m=(n(r(30)),n(r(32)));function h(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(h=function(e){return e?r:t})(e)}function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=(0,s.default)(e);if(t){var o=(0,s.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,u.default)(this,r)}}var O=function(e){(0,l.default)(r,e);var t=g(r);function r(){return(0,i.default)(this,r),t.apply(this,arguments)}return(0,a.default)(r,[{key:"shouldComponentUpdate",value:function(e){var t=this.props,r=t.isVisible,n=t.slice;return e.isVisible!==r||e.slice!==n}},{key:"render",value:function(){var e=this.props,t=e.isVisible,r=e.onPress,n=e.slice,o=e.heading;if(!n)return null;var i=n.items,a=n.sliceName;if(!a||"StandardSlice"!==a&&"DraftStandardSlice"!==a||!i)return null;return c.default.createElement(f.TcView,null,c.default.createElement(p.default,{heading:o}),c.default.createElement(d.StandardSlice,{itemCount:i.length,renderItems:function(e){return i.map((function(n){return function(e,n,o){var i=e.bylineClass,a=void 0===i?"":i,l=e.contentContainerClass,u=e.headlineClass,s=void 0===u?"":u,f=e.imageConfig,d=void 0===f?{}:f,p=e.imageContainerClass,m=e.isOpinionByline,h=void 0!==m&&m,v=e.isReversed,g=void 0!==v&&v,O=e.showImage,_=void 0===O||O,j=e.showSummary,P=void 0!==j&&j,w=e.summaryConfig,C=void 0===w?{}:w;return c.default.createElement(y.default,{article:n,bylineClass:a,contentContainerClass:l,headlineClass:s,id:n.id,imageConfig:b(b({},d),{},{showHiRes:t}),imageContainerClass:p,isOpinionByline:h,isReversed:g,key:n.id,leadAssetOverride:o,onPress:r,showImage:_,showSummary:P,summaryConfig:C})}(e,n.article,n.leadAsset)}))}}))}}]),r}(c.Component),_=(0,m.default)(O);t.default=_},function(e,t){e.exports=require("@times-components/slice-layout/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.HeadingForRelatedArticles=void 0;var o=n(r(2)),i=n(r(18)),a=r(4),l=(n(r(3)),n(r(11))),u=i.default.h3.withConfig({displayName:"related-articles-heading__HeadingForRelatedArticles",componentId:"sc-1m1bjcq-0"})(['border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;',";"],(function(e){return e.styles&&e.styles}));t.HeadingForRelatedArticles=u;var s=function(e){var t=e.heading;return o.default.createElement(a.TcView,{style:l.default.titleContainer},o.default.createElement(u,{role:"heading","aria-level":"3",styles:(0,a.checkStylesForUnits)(l.default.title)},t))};s.defaultProps={heading:"Related articles"};var c=s;t.default=c},function(e,t){e.exports=require("styled-components")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(1)),i=r(5);function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){(0,o.default)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var u={byline:{marginBottom:0},headline:l(l({color:i.colours.functional.primary},(0,i.fontFactory)({font:"headline",fontSize:"smallHeadline"})),{},{fontWeight:"400",marginBottom:(0,i.spacing)(1),marginTop:0}),opinionByline:{lineHeight:24,marginBottom:0,marginTop:0},title:l({color:i.colours.functional.primary},(0,i.fontFactory)({font:"headline",fontSize:"pageComponentHeadline"})),titleContainer:{alignItems:"center",borderBottomColor:i.colours.functional.keyline,borderBottomWidth:1,borderStyle:"solid",borderTopColor:i.colours.functional.keyline,borderTopWidth:1,display:"flex",justifyContent:"center",padding:(0,i.spacing)(2)}};t.default=u},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(2)),i=n(r(21)),a=n(r(22)),l=n(r(23)),u=n(r(29)),s=function(e){return o.default.createElement("div",{"data-testid":"related-article-item"},o.default.createElement(l.default,e,(function(e){var t=e.article,r=e.card,n=e.onPress;return o.default.createElement(i.default.Consumer,null,(function(e){var i=e.makeArticleUrl;return o.default.createElement(a.default,{linkStyle:{padding:10},onPress:function(e){return n(e,{url:i(t)})},url:i(t)},r)}))})))};s.displayName="RelatedArticleItem";var c=(0,u.default)(s);t.default=c},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(6)),i=n(r(7)),a=n(r(8)),l=n(r(9)),u=n(r(10)),s=g(r(2)),c=r(4),f=n(r(24)),d=g(r(25)),p=n(r(26)),y=r(5),m=r(12),h=n(r(11)),v=n(r(13));function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(b=function(e){return e?r:t})(e)}function g(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=b(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}function O(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=(0,u.default)(e);if(t){var o=(0,u.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,l.default)(this,r)}}var _=function(e){(0,a.default)(r,e);var t=O(r);function r(e){var n;return(0,o.default)(this,r),(n=t.call(this,e)).node=(0,s.createRef)(),n.state={highResSize:null},n}return(0,i.default)(r,[{key:"componentDidMount",value:function(){this.props.imageConfig.showHiRes&&this.setHighResSize()}},{key:"componentDidUpdate",value:function(e){var t=this.props.imageConfig;e.imageConfig.showHiRes!==t.showHiRes&&t.showHiRes&&this.setHighResSize()}},{key:"setHighResSize",value:function(){this.setState({highResSize:this.node.current.clientWidth})}},{key:"render",value:function(){var e=this.props,t=e.article,r=t.bylines,n=t.hasVideo,o=t.headline,i=t.label,a=t.leadAsset,l=t.publishedTime,u=t.section,m=t.shortHeadline,b=e.bylineClass,g=e.children,O=e.contentContainerClass,_=e.headlineClass,j=e.imageConfig,P=j.cropSize,w=void 0===P?"169":P,C=j.imageRatio,S=void 0===C?16/9:C,R=j.style,x=void 0===R?{}:R,k=e.imageContainerClass,D=e.isOpinionByline,E=e.isReversed,T=e.leadAssetOverride,M=e.onPress,A=e.showImage,q=e.showSummary,H=e.summaryConfig,I=H.lengths,B=void 0===I?[]:I,z=H.style,F=void 0===z?{}:z,N=H.type,V=this.props.article,W=this.state.highResSize,$=function(e,t,r){var n=t||e;return n?n.posterImage?(0,f.default)(n,"posterImage.crop"+r+".url"):(0,f.default)(n,"crop"+r+".url"):null}(a,T,w);return g({article:V,card:s.default.createElement(c.TcView,{ref:this.node},s.default.createElement(p.default,{contentContainerClass:O,highResSize:W,imageContainerClass:k,imageAccessibilityLabel:m,imageRatio:S,imageStyle:x,imageUri:$,isReversed:E,lowResQuality:3,lowResSize:200,relatedArticle:!0,showImage:A},s.default.createElement(d.default,{bylineProps:{ast:r,bylineClass:b,color:y.colours.section[u]||y.colours.section.default,isOpinionByline:D},content:q&&s.default.createElement(c.TcView,{style:F},B.map((function(e){var t=e+"Class",r=N?N+"Summary":"summary";return s.default.createElement(d.ArticleSummaryContent,{ast:V["summary"+e],className:"summaryHidden "+r+t,key:e})}))),datePublicationProps:{date:l,showDay:!1},headline:s.default.createElement(d.ArticleSummaryHeadline,{className:_,headline:(0,v.default)(o,m),style:h.default.headline}),labelProps:{color:y.colours.section[u]||y.colours.section.default,isVideo:n,title:i}}))),onPress:M})}}]),r}(s.Component);_.defaultProps=m.relatedArticleItemDefaultProps;var j=_;t.default=j},function(e,t){var r=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,n=/^\w*$/,o=/^\./,i=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,a=/\\(\\)?/g,l=/^\[object .+?Constructor\]$/,u="object"==typeof global&&global&&global.Object===Object&&global,s="object"==typeof self&&self&&self.Object===Object&&self,c=u||s||Function("return this")();var f,d=Array.prototype,p=Function.prototype,y=Object.prototype,m=c["__core-js_shared__"],h=(f=/[^.]+$/.exec(m&&m.keys&&m.keys.IE_PROTO||""))?"Symbol(src)_1."+f:"",v=p.toString,b=y.hasOwnProperty,g=y.toString,O=RegExp("^"+v.call(b).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),_=c.Symbol,j=d.splice,P=A(c,"Map"),w=A(Object,"create"),C=_?_.prototype:void 0,S=C?C.toString:void 0;function R(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function x(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function k(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function D(e,t){for(var r,n,o=e.length;o--;)if((r=e[o][0])===(n=t)||r!=r&&n!=n)return o;return-1}function E(e,t){for(var o,i=0,a=(t=function(e,t){if(B(e))return!1;var o=typeof e;if("number"==o||"symbol"==o||"boolean"==o||null==e||F(e))return!0;return n.test(e)||!r.test(e)||null!=t&&e in Object(t)}(t,e)?[t]:B(o=t)?o:q(o)).length;null!=e&&i<a;)e=e[H(t[i++])];return i&&i==a?e:void 0}function T(e){return!(!z(e)||(t=e,h&&h in t))&&(function(e){var t=z(e)?g.call(e):"";return"[object Function]"==t||"[object GeneratorFunction]"==t}(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?O:l).test(function(e){if(null!=e){try{return v.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e));var t}function M(e,t){var r,n,o=e.__data__;return("string"==(n=typeof(r=t))||"number"==n||"symbol"==n||"boolean"==n?"__proto__"!==r:null===r)?o["string"==typeof t?"string":"hash"]:o.map}function A(e,t){var r=function(e,t){return null==e?void 0:e[t]}(e,t);return T(r)?r:void 0}R.prototype.clear=function(){this.__data__=w?w(null):{}},R.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},R.prototype.get=function(e){var t=this.__data__;if(w){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return b.call(t,e)?t[e]:void 0},R.prototype.has=function(e){var t=this.__data__;return w?void 0!==t[e]:b.call(t,e)},R.prototype.set=function(e,t){return this.__data__[e]=w&&void 0===t?"__lodash_hash_undefined__":t,this},x.prototype.clear=function(){this.__data__=[]},x.prototype.delete=function(e){var t=this.__data__,r=D(t,e);return!(r<0)&&(r==t.length-1?t.pop():j.call(t,r,1),!0)},x.prototype.get=function(e){var t=this.__data__,r=D(t,e);return r<0?void 0:t[r][1]},x.prototype.has=function(e){return D(this.__data__,e)>-1},x.prototype.set=function(e,t){var r=this.__data__,n=D(r,e);return n<0?r.push([e,t]):r[n][1]=t,this},k.prototype.clear=function(){this.__data__={hash:new R,map:new(P||x),string:new R}},k.prototype.delete=function(e){return M(this,e).delete(e)},k.prototype.get=function(e){return M(this,e).get(e)},k.prototype.has=function(e){return M(this,e).has(e)},k.prototype.set=function(e,t){return M(this,e).set(e,t),this};var q=I((function(e){var t;e=null==(t=e)?"":function(e){if("string"==typeof e)return e;if(F(e))return S?S.call(e):"";var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}(t);var r=[];return o.test(e)&&r.push(""),e.replace(i,(function(e,t,n,o){r.push(n?o.replace(a,"$1"):t||e)})),r}));function H(e){if("string"==typeof e||F(e))return e;var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}function I(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],i=r.cache;if(i.has(o))return i.get(o);var a=e.apply(this,n);return r.cache=i.set(o,a),a};return r.cache=new(I.Cache||k),r}I.Cache=k;var B=Array.isArray;function z(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function F(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==g.call(e)}e.exports=function(e,t,r){var n=null==e?void 0:E(e,t);return void 0===n?r:n}},function(e,t){e.exports=require("@times-components/article-summary/rnw")},function(e,t){e.exports=require("@times-components/card/rnw")},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.sharedDefaultProps=t.sharedPropTypes=void 0;var o=n(r(3)),i=r(28),a={article:o.default.shape({bylines:o.default.arrayOf(i.propTypes),hasVideo:o.default.bool,headline:o.default.string,label:o.default.string,publishedTime:o.default.string.isRequired,shortHeadline:o.default.string,summary105:o.default.arrayOf(i.propTypes),summary125:o.default.arrayOf(i.propTypes).isRequired,summary145:o.default.arrayOf(i.propTypes),summary160:o.default.arrayOf(i.propTypes),summary175:o.default.arrayOf(i.propTypes),summary225:o.default.arrayOf(i.propTypes),url:o.default.string}),imageConfig:o.default.shape({cropSize:o.default.string,imageRatio:o.default.number,style:o.default.object}),isOpinionByline:o.default.bool,isReversed:o.default.bool,showImage:o.default.bool,showSummary:o.default.bool,summaryConfig:o.default.shape({lengths:o.default.arrayOf(o.default.number),style:o.default.object,type:o.default.string})};t.sharedPropTypes=a;t.sharedDefaultProps={article:null,hasVideo:!1,imageConfig:{},isOpinionByline:!1,isReversed:!1,showImage:!0,showSummary:!0,summary105:[],summary145:[],summary160:[],summary175:[],summary225:[],summaryConfig:{}}},function(e,t){e.exports=require("@times-components/markup-forest/rnw")},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(14);t.default=function(e){return(0,n.withTrackEvents)(e,{analyticsEvents:[{actionName:"Pressed",eventName:"onPress",getAttrs:function(e){var t=e.article,r=t.headline,n=t.id,o=t.url;return{targetArticleHeadline:t.shortHeadline||r,targetArticleId:n,targetArticleUrl:o}}}]})}},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(31)).default;t.default=o},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(3)),i=r(12),a={slice:o.default.shape({items:o.default.arrayOf(o.default.shape({article:i.relatedArticleItemPropTypes.article})),sliceName:o.default.string.isRequired}).isRequired};t.default=a},function(e,t,r){var n=r(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(14),i=n(r(13)),a=n(r(33));t.default=function(e){return(0,o.withTrackingContext)(e,{getAttrs:function(e){var t=e.slice,r=t.items,n=t.sliceName;if(!n)return null;var o={articles:[],template:n};return r?(o.articles=r.map((function(e,t){var r=e.article,n=r.headline,o=r.id,l=r.shortHeadline;return{headline:(0,i.default)(n,l),id:o,role:a.default[t]}})),o):o},trackingObjectName:"Article"})}},function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=["standard-1","standard-2","standard-3"];t.default=r}]);
|
|
1
|
+
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=13)}([function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/markup-forest/rnw")},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t){e.exports=require("@times-components/article-summary/rnw")},function(e,t){var r=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,n=/^\w*$/,o=/^\./,i=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,a=/\\(\\)?/g,c=/^\[object .+?Constructor\]$/,s="object"==typeof global&&global&&global.Object===Object&&global,l="object"==typeof self&&self&&self.Object===Object&&self,u=s||l||Function("return this")();var f,p=Array.prototype,y=Function.prototype,d=Object.prototype,m=u["__core-js_shared__"],b=(f=/[^.]+$/.exec(m&&m.keys&&m.keys.IE_PROTO||""))?"Symbol(src)_1."+f:"",h=y.toString,g=d.hasOwnProperty,v=d.toString,O=RegExp("^"+h.call(g).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),j=u.Symbol,_=p.splice,w=H(u,"Map"),C=H(Object,"create"),P=j?j.prototype:void 0,S=P?P.toString:void 0;function R(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function E(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function x(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function k(e,t){for(var r,n,o=e.length;o--;)if((r=e[o][0])===(n=t)||r!=r&&n!=n)return o;return-1}function T(e,t){for(var o,i=0,a=(t=function(e,t){if(z(e))return!1;var o=typeof e;if("number"==o||"symbol"==o||"boolean"==o||null==e||V(e))return!0;return n.test(e)||!r.test(e)||null!=t&&e in Object(t)}(t,e)?[t]:z(o=t)?o:q(o)).length;null!=e&&i<a;)e=e[B(t[i++])];return i&&i==a?e:void 0}function A(e){return!(!N(e)||(t=e,b&&b in t))&&(function(e){var t=N(e)?v.call(e):"";return"[object Function]"==t||"[object GeneratorFunction]"==t}(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?O:c).test(function(e){if(null!=e){try{return h.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e));var t}function D(e,t){var r,n,o=e.__data__;return("string"==(n=typeof(r=t))||"number"==n||"symbol"==n||"boolean"==n?"__proto__"!==r:null===r)?o["string"==typeof t?"string":"hash"]:o.map}function H(e,t){var r=function(e,t){return null==e?void 0:e[t]}(e,t);return A(r)?r:void 0}R.prototype.clear=function(){this.__data__=C?C(null):{}},R.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},R.prototype.get=function(e){var t=this.__data__;if(C){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return g.call(t,e)?t[e]:void 0},R.prototype.has=function(e){var t=this.__data__;return C?void 0!==t[e]:g.call(t,e)},R.prototype.set=function(e,t){return this.__data__[e]=C&&void 0===t?"__lodash_hash_undefined__":t,this},E.prototype.clear=function(){this.__data__=[]},E.prototype.delete=function(e){var t=this.__data__,r=k(t,e);return!(r<0)&&(r==t.length-1?t.pop():_.call(t,r,1),!0)},E.prototype.get=function(e){var t=this.__data__,r=k(t,e);return r<0?void 0:t[r][1]},E.prototype.has=function(e){return k(this.__data__,e)>-1},E.prototype.set=function(e,t){var r=this.__data__,n=k(r,e);return n<0?r.push([e,t]):r[n][1]=t,this},x.prototype.clear=function(){this.__data__={hash:new R,map:new(w||E),string:new R}},x.prototype.delete=function(e){return D(this,e).delete(e)},x.prototype.get=function(e){return D(this,e).get(e)},x.prototype.has=function(e){return D(this,e).has(e)},x.prototype.set=function(e,t){return D(this,e).set(e,t),this};var q=I((function(e){var t;e=null==(t=e)?"":function(e){if("string"==typeof e)return e;if(V(e))return S?S.call(e):"";var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}(t);var r=[];return o.test(e)&&r.push(""),e.replace(i,(function(e,t,n,o){r.push(n?o.replace(a,"$1"):t||e)})),r}));function B(e){if("string"==typeof e||V(e))return e;var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}function I(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],i=r.cache;if(i.has(o))return i.get(o);var a=e.apply(this,n);return r.cache=i.set(o,a),a};return r.cache=new(I.Cache||x),r}I.Cache=x;var z=Array.isArray;function N(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function V(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==v.call(e)}e.exports=function(e,t,r){var n=null==e?void 0:T(e,t);return void 0===n?r:n}},function(e,t){e.exports=require("@times-components/slice-layout/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t){e.exports=require("@times-components/card/rnw")},function(e,t,r){"use strict";r.r(t);var n=r(1),o=r.n(n),i=r(3),a=r(8),c=r(9),s=r.n(c),l=r(0),u=r.n(l),f=r(2);function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var m={byline:{marginBottom:0},headline:y(y({color:f.colours.functional.primary},Object(f.fontFactory)({font:"headline",fontSize:"smallHeadline"})),{},{fontWeight:"400",marginBottom:Object(f.spacing)(1),marginTop:0}),opinionByline:{lineHeight:24,marginBottom:0,marginTop:0},title:y({color:f.colours.functional.primary},Object(f.fontFactory)({font:"headline",fontSize:"pageComponentHeadline"})),titleContainer:{alignItems:"center",borderBottomColor:f.colours.functional.keyline,borderBottomWidth:1,borderStyle:"solid",borderTopColor:f.colours.functional.keyline,borderTopWidth:1,display:"flex",justifyContent:"center",padding:Object(f.spacing)(2)}};function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){g(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function g(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var v=h(h({},m),{},{title:h(h({},m.title),{},{paddingTop:Object(f.spacing)(1)}),titleContainer:h(h({},m.titleContainer),{},{padding:Object(f.spacing)(3)})}),O=s.a.h3.withConfig({displayName:"related-articles-heading__HeadingForRelatedArticles",componentId:"sc-1m1bjcq-0"})(['border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;',";"],(function(e){return e.styles&&e.styles})),j=function(e){var t=e.heading;return o.a.createElement(i.TcView,{style:v.titleContainer},o.a.createElement(O,{role:"heading","aria-level":"3",styles:Object(i.checkStylesForUnits)(v.title)},t))};j.defaultProps={heading:"Related articles"};var _=j,w=r(10),C=r.n(w),P=r(11),S=r.n(P),R=r(7),E=r.n(R),x=r(6),k=r.n(x),T=r(12),A=r.n(T),D=r(4);function H(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function q(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?H(Object(r),!0).forEach((function(t){B(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):H(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function B(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var I=q(q({},{article:u.a.shape({bylines:u.a.arrayOf(D.propTypes),hasVideo:u.a.bool,headline:u.a.string,label:u.a.string,publishedTime:u.a.string.isRequired,shortHeadline:u.a.string,summary105:u.a.arrayOf(D.propTypes),summary125:u.a.arrayOf(D.propTypes).isRequired,summary145:u.a.arrayOf(D.propTypes),summary160:u.a.arrayOf(D.propTypes),summary175:u.a.arrayOf(D.propTypes),summary225:u.a.arrayOf(D.propTypes),url:u.a.string}),imageConfig:u.a.shape({cropSize:u.a.string,imageRatio:u.a.number,style:u.a.object}),isOpinionByline:u.a.bool,isReversed:u.a.bool,showImage:u.a.bool,showSummary:u.a.bool,summaryConfig:u.a.shape({lengths:u.a.arrayOf(u.a.number),style:u.a.object,type:u.a.string})}),{},{bylineClass:u.a.string,contentContainerClass:u.a.string,headlineClass:u.a.string,imageContainerClass:u.a.string}),z=q(q({},{article:null,hasVideo:!1,imageConfig:{},isOpinionByline:!1,isReversed:!1,showImage:!0,showSummary:!0,summary105:[],summary145:[],summary160:[],summary175:[],summary225:[],summaryConfig:{}}),{},{bylineClass:"",contentContainerClass:"",headlineClass:"",imageContainerClass:""}),N=function(e,t){return t||e};function V(e){return(V="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function F(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function $(e,t){return($=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function U(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=W(e);if(t){var o=W(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return M(this,r)}}function M(e,t){return!t||"object"!==V(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function W(e){return(W=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var G=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&$(e,t)}(s,e);var t,r,a,c=U(s);function s(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),(t=c.call(this,e)).node=Object(n.createRef)(),t.state={highResSize:null},t}return t=s,(r=[{key:"componentDidMount",value:function(){this.props.imageConfig.showHiRes&&this.setHighResSize()}},{key:"componentDidUpdate",value:function(e){var t=this.props.imageConfig;e.imageConfig.showHiRes!==t.showHiRes&&t.showHiRes&&this.setHighResSize()}},{key:"setHighResSize",value:function(){this.setState({highResSize:this.node.current.clientWidth})}},{key:"render",value:function(){var e=this.props,t=e.article,r=t.bylines,n=t.hasVideo,a=t.headline,c=t.label,s=t.leadAsset,l=t.publishedTime,u=t.section,p=t.shortHeadline,y=e.bylineClass,d=e.children,m=e.contentContainerClass,b=e.headlineClass,h=e.imageConfig,g=h.cropSize,O=void 0===g?"169":g,j=h.imageRatio,_=void 0===j?16/9:j,w=h.style,C=void 0===w?{}:w,P=e.imageContainerClass,S=e.isOpinionByline,R=e.isReversed,T=e.leadAssetOverride,D=e.onPress,H=e.showImage,q=e.showSummary,B=e.summaryConfig,I=B.lengths,z=void 0===I?[]:I,V=B.style,F=void 0===V?{}:V,$=B.type,U=this.props.article,M=this.state.highResSize,W=function(e,t,r){var n=t||e;return n?n.posterImage?E()(n,"posterImage.crop".concat(r,".url")):E()(n,"crop".concat(r,".url")):null}(s,T,O);return d({article:U,card:o.a.createElement(i.TcView,{ref:this.node},o.a.createElement(A.a,{contentContainerClass:m,highResSize:M,imageContainerClass:P,imageAccessibilityLabel:p,imageRatio:_,imageStyle:C,imageUri:W,isReversed:R,lowResQuality:3,lowResSize:200,relatedArticle:!0,showImage:H},o.a.createElement(k.a,{bylineProps:{ast:r,bylineClass:y,color:f.colours.section[u]||f.colours.section.default,isOpinionByline:S},content:q&&o.a.createElement(i.TcView,{style:F},z.map((function(e){var t="".concat(e,"Class"),r=$?"".concat($,"Summary"):"summary";return o.a.createElement(x.ArticleSummaryContent,{ast:U["summary".concat(e)],className:"summaryHidden ".concat(r).concat(t),key:e})}))),datePublicationProps:{date:l,showDay:!1},headline:o.a.createElement(x.ArticleSummaryHeadline,{className:b,headline:N(a,p),style:v.headline}),labelProps:{color:f.colours.section[u]||f.colours.section.default,isVideo:n,title:c}}))),onPress:D})}}])&&F(t.prototype,r),a&&F(t,a),s}(n.Component);G.defaultProps=z;var L=G,Q=r(5),J=function(e){return o.a.createElement("div",{"data-testid":"related-article-item"},o.a.createElement(L,e,(function(e){var t=e.article,r=e.card,n=e.onPress;return o.a.createElement(C.a.Consumer,null,(function(e){var i=e.makeArticleUrl;return o.a.createElement(S.a,{linkStyle:{padding:10},onPress:function(e){return n(e,{url:i(t)})},url:i(t)},r)}))})))};J.displayName="RelatedArticleItem";var K,X=(K=J,Object(Q.withTrackEvents)(K,{analyticsEvents:[{actionName:"Pressed",eventName:"onPress",getAttrs:function(e){var t=e.article,r=t.headline,n=t.id,o=t.url;return{targetArticleHeadline:t.shortHeadline||r,targetArticleId:n,targetArticleUrl:o}}}]})),Y=(u.a.shape({items:u.a.arrayOf(u.a.shape({article:I.article})),sliceName:u.a.string.isRequired}).isRequired,["standard-1","standard-2","standard-3"]);function Z(e){return(Z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function ee(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function te(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(r),!0).forEach((function(t){re(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ee(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function re(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ne(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function oe(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function ie(e,t){return(ie=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function ae(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=se(e);if(t){var o=se(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return ce(this,r)}}function ce(e,t){return!t||"object"!==Z(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function se(e){return(se=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var le=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&ie(e,t)}(s,e);var t,r,n,c=ae(s);function s(){return ne(this,s),c.apply(this,arguments)}return t=s,(r=[{key:"shouldComponentUpdate",value:function(e){var t=this.props,r=t.isVisible,n=t.slice;return e.isVisible!==r||e.slice!==n}},{key:"render",value:function(){var e=this.props,t=e.isVisible,r=e.onPress,n=e.slice,c=e.heading;if(!n)return null;var s=n.items,l=n.sliceName;return!l||"StandardSlice"!==l&&"DraftStandardSlice"!==l||!s?null:o.a.createElement(i.TcView,null,o.a.createElement(_,{heading:c}),o.a.createElement(a.StandardSlice,{itemCount:s.length,renderItems:function(e){return s.map((function(n){return function(e,n,i){var a=e.bylineClass,c=void 0===a?"":a,s=e.contentContainerClass,l=e.headlineClass,u=void 0===l?"":l,f=e.imageConfig,p=void 0===f?{}:f,y=e.imageContainerClass,d=e.isOpinionByline,m=void 0!==d&&d,b=e.isReversed,h=void 0!==b&&b,g=e.showImage,v=void 0===g||g,O=e.showSummary,j=void 0!==O&&O,_=e.summaryConfig,w=void 0===_?{}:_;return o.a.createElement(X,{article:n,bylineClass:c,contentContainerClass:s,headlineClass:u,id:n.id,imageConfig:te(te({},p),{},{showHiRes:t}),imageContainerClass:y,isOpinionByline:m,isReversed:h,key:n.id,leadAssetOverride:i,onPress:r,showImage:v,showSummary:j,summaryConfig:w})}(e,n.article,n.leadAsset)}))}}))}}])&&oe(t.prototype,r),n&&oe(t,n),s}(n.Component);t.default=function(e){return Object(Q.withTrackingContext)(e,{getAttrs:function(e){var t=e.slice,r=t.items,n=t.sliceName;if(!n)return null;var o={articles:[],template:n};return r?(o.articles=r.map((function(e,t){var r=e.article,n=r.headline,o=r.id,i=r.shortHeadline;return{headline:N(n,i),id:o,role:Y[t]}})),o):o},trackingObjectName:"Article"})}(le)}]);
|