@times-components/author-profile 6.7.30 → 6.8.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 +2 -5
- package/dist/author-profile-head-base.js +91 -1
- package/dist/author-profile-head-biography.js +40 -1
- package/dist/author-profile-head-image.js +35 -1
- package/dist/author-profile-head-jobtitle.js +33 -1
- package/dist/author-profile-head-loading.js +29 -1
- package/dist/author-profile-head-prop-types.base.js +33 -1
- package/dist/author-profile-head-prop-types.js +22 -1
- package/dist/author-profile-head-tracking-events.js +26 -1
- package/dist/author-profile-head-twitter.js +52 -1
- package/dist/author-profile-head.js +70 -1
- package/dist/author-profile-prop-types.base.js +38 -1
- package/dist/author-profile-prop-types.js +29 -1
- package/dist/author-profile-tracking-context.js +31 -1
- package/dist/author-profile.js +167 -1
- package/dist/head.js +47 -1
- package/dist/newStyles/index.js +36 -1
- package/dist/styles/index.js +36 -1
- package/dist/styles/responsive.js +44 -1
- package/dist/styles/shared.js +102 -1
- package/package.json +20 -18
- package/rnw.js +1 -1
package/dist/author-profile.js
CHANGED
|
@@ -1 +1,167 @@
|
|
|
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 = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
var _lodash = _interopRequireDefault(require("lodash.get"));
|
|
13
|
+
|
|
14
|
+
var _articleList = _interopRequireWildcard(require("@times-components/article-list"));
|
|
15
|
+
|
|
16
|
+
var _pagination = require("@times-components/pagination");
|
|
17
|
+
|
|
18
|
+
var _provider = require("@times-components/provider");
|
|
19
|
+
|
|
20
|
+
var _responsive = _interopRequireDefault(require("@times-components/responsive"));
|
|
21
|
+
|
|
22
|
+
var _utils = require("@times-components/utils");
|
|
23
|
+
|
|
24
|
+
var _authorProfileHead = _interopRequireDefault(require("./author-profile-head"));
|
|
25
|
+
|
|
26
|
+
var _authorProfilePropTypes = require("./author-profile-prop-types");
|
|
27
|
+
|
|
28
|
+
var _authorProfileTrackingContext = _interopRequireDefault(require("./author-profile-tracking-context"));
|
|
29
|
+
|
|
30
|
+
var _head = _interopRequireDefault(require("./head"));
|
|
31
|
+
|
|
32
|
+
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); }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
36
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
37
|
+
|
|
38
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
39
|
+
|
|
40
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
41
|
+
|
|
42
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
43
|
+
|
|
44
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
45
|
+
|
|
46
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
47
|
+
|
|
48
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
49
|
+
|
|
50
|
+
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; }
|
|
51
|
+
|
|
52
|
+
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; }
|
|
53
|
+
|
|
54
|
+
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; }
|
|
55
|
+
|
|
56
|
+
var AuthorProfile = function AuthorProfile(_ref) {
|
|
57
|
+
var author = _ref.author,
|
|
58
|
+
error = _ref.error,
|
|
59
|
+
isHeaderLoading = _ref.isLoading,
|
|
60
|
+
onArticlePress = _ref.onArticlePress,
|
|
61
|
+
onNext = _ref.onNext,
|
|
62
|
+
onPrev = _ref.onPrev,
|
|
63
|
+
onTwitterLinkPress = _ref.onTwitterLinkPress,
|
|
64
|
+
page = _ref.page,
|
|
65
|
+
initPageSize = _ref.pageSize,
|
|
66
|
+
refetch = _ref.refetch,
|
|
67
|
+
slug = _ref.slug,
|
|
68
|
+
metaDescription = _ref.metaDescription;
|
|
69
|
+
var emptyStateMessage = "Unfortunately, there are no articles relating to this author";
|
|
70
|
+
|
|
71
|
+
if (error) {
|
|
72
|
+
return /*#__PURE__*/_react["default"].createElement(_articleList.ArticleListPageError, {
|
|
73
|
+
refetch: refetch
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
var _ref2 = isHeaderLoading ? {
|
|
78
|
+
articles: [],
|
|
79
|
+
image: "",
|
|
80
|
+
jobTitle: "",
|
|
81
|
+
name: "",
|
|
82
|
+
twitter: ""
|
|
83
|
+
} : author,
|
|
84
|
+
articles = _ref2.articles,
|
|
85
|
+
biography = _ref2.biography,
|
|
86
|
+
_ref2$hasLeadAssets = _ref2.hasLeadAssets,
|
|
87
|
+
hasLeadAssets = _ref2$hasLeadAssets === void 0 ? true : _ref2$hasLeadAssets,
|
|
88
|
+
uri = _ref2.image,
|
|
89
|
+
jobTitle = _ref2.jobTitle,
|
|
90
|
+
name = _ref2.name,
|
|
91
|
+
twitter = _ref2.twitter;
|
|
92
|
+
|
|
93
|
+
var articleListHeader = /*#__PURE__*/_react["default"].createElement(_authorProfileHead["default"], {
|
|
94
|
+
biography: biography,
|
|
95
|
+
isLoading: isHeaderLoading,
|
|
96
|
+
jobTitle: jobTitle,
|
|
97
|
+
name: name,
|
|
98
|
+
onTwitterLinkPress: onTwitterLinkPress,
|
|
99
|
+
twitter: twitter,
|
|
100
|
+
uri: uri
|
|
101
|
+
});
|
|
102
|
+
|
|
103
|
+
var SelectedProvider = hasLeadAssets ? _provider.AuthorArticlesWithImagesProvider : _provider.AuthorArticlesNoImagesProvider;
|
|
104
|
+
return /*#__PURE__*/_react["default"].createElement(SelectedProvider, {
|
|
105
|
+
articleImageRatio: "3:2",
|
|
106
|
+
debounceTimeMs: 250,
|
|
107
|
+
page: page,
|
|
108
|
+
pageSize: initPageSize,
|
|
109
|
+
slug: slug
|
|
110
|
+
}, function (_ref3) {
|
|
111
|
+
var data = _ref3.author,
|
|
112
|
+
articlesError = _ref3.error,
|
|
113
|
+
articlesLoading = _ref3.isLoading,
|
|
114
|
+
pageSize = _ref3.pageSize,
|
|
115
|
+
refetchArticles = _ref3.refetch,
|
|
116
|
+
fetchMore = _ref3.fetchMore,
|
|
117
|
+
_ref3$variables$image = _ref3.variables.imageRatio,
|
|
118
|
+
imageRatio = _ref3$variables$image === void 0 ? "3:2" : _ref3$variables$image;
|
|
119
|
+
|
|
120
|
+
var fetchMoreArticles = function fetchMoreArticles(length) {
|
|
121
|
+
return fetchMore({
|
|
122
|
+
updateQuery: function updateQuery(prev, _ref4) {
|
|
123
|
+
var fetchMoreResult = _ref4.fetchMoreResult;
|
|
124
|
+
return fetchMoreResult ? {
|
|
125
|
+
author: _objectSpread(_objectSpread({}, prev.author), {}, {
|
|
126
|
+
articles: _objectSpread(_objectSpread({}, prev.author.articles), {}, {
|
|
127
|
+
list: [].concat(_toConsumableArray(prev.author.articles.list), _toConsumableArray(fetchMoreResult.author.articles.list))
|
|
128
|
+
})
|
|
129
|
+
})
|
|
130
|
+
} : prev;
|
|
131
|
+
},
|
|
132
|
+
variables: {
|
|
133
|
+
skip: length
|
|
134
|
+
}
|
|
135
|
+
});
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
return /*#__PURE__*/_react["default"].createElement(_responsive["default"], null, /*#__PURE__*/_react["default"].createElement(_head["default"], {
|
|
139
|
+
metaDescription: metaDescription,
|
|
140
|
+
description: biography,
|
|
141
|
+
name: name
|
|
142
|
+
}), /*#__PURE__*/_react["default"].createElement(_articleList["default"], {
|
|
143
|
+
articleListHeader: articleListHeader,
|
|
144
|
+
articles: (0, _lodash["default"])(data, "articles.list", []),
|
|
145
|
+
articlesLoading: articlesLoading,
|
|
146
|
+
count: (0, _lodash["default"])(articles, "count", 0),
|
|
147
|
+
emptyStateMessage: emptyStateMessage,
|
|
148
|
+
error: articlesError,
|
|
149
|
+
fetchMore: fetchMoreArticles,
|
|
150
|
+
imageRatio: (0, _utils.ratioTextToFloat)(imageRatio),
|
|
151
|
+
onArticlePress: onArticlePress,
|
|
152
|
+
onNext: onNext,
|
|
153
|
+
onPrev: onPrev,
|
|
154
|
+
page: page,
|
|
155
|
+
pageSize: pageSize,
|
|
156
|
+
refetch: refetchArticles,
|
|
157
|
+
showImages: hasLeadAssets
|
|
158
|
+
}));
|
|
159
|
+
});
|
|
160
|
+
};
|
|
161
|
+
|
|
162
|
+
AuthorProfile.propTypes = _authorProfilePropTypes.propTypes;
|
|
163
|
+
AuthorProfile.defaultProps = _authorProfilePropTypes.defaultProps;
|
|
164
|
+
|
|
165
|
+
var _default = (0, _pagination.withPageState)((0, _authorProfileTrackingContext["default"])(AuthorProfile));
|
|
166
|
+
|
|
167
|
+
exports["default"] = _default;
|
package/dist/head.js
CHANGED
|
@@ -1 +1,47 @@
|
|
|
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 _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
12
|
+
var _reactHelmetAsync = require("react-helmet-async");
|
|
13
|
+
|
|
14
|
+
var _markupForest = require("@times-components/markup-forest");
|
|
15
|
+
|
|
16
|
+
var _authorProfileHeadPropTypes = require("./author-profile-head-prop-types");
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
20
|
+
function Head(_ref) {
|
|
21
|
+
var metaDescription = _ref.metaDescription,
|
|
22
|
+
description = _ref.description,
|
|
23
|
+
name = _ref.name;
|
|
24
|
+
var content = "Get up to date information and read all the latest articles from ".concat(name, ".");
|
|
25
|
+
|
|
26
|
+
if (metaDescription) {
|
|
27
|
+
content = metaDescription;
|
|
28
|
+
} else if (description && description.length) {
|
|
29
|
+
content = (0, _markupForest.renderTreeArrayAsText)(description).substring(0, 200);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
return /*#__PURE__*/_react["default"].createElement(_reactHelmetAsync.Helmet, null, /*#__PURE__*/_react["default"].createElement("title", null, name, " | The Times & The Sunday Times"), /*#__PURE__*/_react["default"].createElement("meta", {
|
|
33
|
+
content: content,
|
|
34
|
+
name: "description"
|
|
35
|
+
}));
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
Head.propTypes = {
|
|
39
|
+
metaDescription: _propTypes["default"].string,
|
|
40
|
+
description: _authorProfileHeadPropTypes.propTypes.biography.isRequired,
|
|
41
|
+
name: _propTypes["default"].string.isRequired
|
|
42
|
+
};
|
|
43
|
+
Head.defaultProps = {
|
|
44
|
+
metaDescription: null
|
|
45
|
+
};
|
|
46
|
+
var _default = Head;
|
|
47
|
+
exports["default"] = _default;
|
package/dist/newStyles/index.js
CHANGED
|
@@ -1 +1,36 @@
|
|
|
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("../styles/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
|
+
jobTitle: _objectSpread(_objectSpread({}, _shared["default"].jobTitle), {}, {
|
|
22
|
+
WebkitFontSmoothing: "antialiased"
|
|
23
|
+
}),
|
|
24
|
+
twitter: _objectSpread(_objectSpread({}, _shared["default"].twitter), {}, {
|
|
25
|
+
alignItems: "flex-end",
|
|
26
|
+
paddingBottom: (0, _tsStyleguide.spacing)(2),
|
|
27
|
+
paddingTop: (0, _tsStyleguide.spacing)(3)
|
|
28
|
+
}),
|
|
29
|
+
twitterIcon: {
|
|
30
|
+
alignSelf: "center"
|
|
31
|
+
},
|
|
32
|
+
twitterLink: _objectSpread({}, _shared["default"].twitterLink)
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
var _default = styles;
|
|
36
|
+
exports["default"] = _default;
|
package/dist/styles/index.js
CHANGED
|
@@ -1 +1,36 @@
|
|
|
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
|
+
jobTitle: _objectSpread(_objectSpread({}, _shared["default"].jobTitle), {}, {
|
|
22
|
+
WebkitFontSmoothing: "antialiased"
|
|
23
|
+
}),
|
|
24
|
+
twitter: _objectSpread(_objectSpread({}, _shared["default"].twitter), {}, {
|
|
25
|
+
alignItems: "flex-end",
|
|
26
|
+
paddingBottom: (0, _tsStyleguide.spacing)(2),
|
|
27
|
+
paddingTop: (0, _tsStyleguide.spacing)(3)
|
|
28
|
+
}),
|
|
29
|
+
twitterIcon: {
|
|
30
|
+
alignSelf: "center"
|
|
31
|
+
},
|
|
32
|
+
twitterLink: _objectSpread({}, _shared["default"].twitterLink)
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
var _default = styles;
|
|
36
|
+
exports["default"] = _default;
|
|
@@ -1 +1,44 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.AuthorProfileHeadJobTitleContainer = exports.ImageContainer = exports.BioContainer = exports.AuthorNameWrapper = exports.AuthorHeadWrapper = void 0;
|
|
7
|
+
|
|
8
|
+
var _utils = require("@times-components/utils");
|
|
9
|
+
|
|
10
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
+
|
|
12
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
var AuthorHeadWrapper = (0, _styledComponents["default"])(_utils.TcView).withConfig({
|
|
17
|
+
displayName: "responsive__AuthorHeadWrapper",
|
|
18
|
+
componentId: "sc-1vsivj7-0"
|
|
19
|
+
})(["width:100%;padding-top:30px;@media (min-width:", "px){padding-top:60px;}"], _tsStyleguide.breakpoints.medium);
|
|
20
|
+
exports.AuthorHeadWrapper = AuthorHeadWrapper;
|
|
21
|
+
|
|
22
|
+
var AuthorNameWrapper = _styledComponents["default"].h1.withConfig({
|
|
23
|
+
displayName: "responsive__AuthorNameWrapper",
|
|
24
|
+
componentId: "sc-1vsivj7-1"
|
|
25
|
+
})(["border:0px solid black;box-sizing:border-box;display:inline;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;color:", ";font-family:\"", "\";font-size:", "px;@media (min-width:", "px){font-size:", "px;}"], _tsStyleguide.colours.functional.brandColour, _tsStyleguide.fonts.headline, _tsStyleguide.fontSizes.headline, _tsStyleguide.breakpoints.medium, _tsStyleguide.fontSizes.articleHeadline);
|
|
26
|
+
|
|
27
|
+
exports.AuthorNameWrapper = AuthorNameWrapper;
|
|
28
|
+
var BioContainer = (0, _styledComponents["default"])(_utils.TcView).withConfig({
|
|
29
|
+
displayName: "responsive__BioContainer",
|
|
30
|
+
componentId: "sc-1vsivj7-2"
|
|
31
|
+
})(["width:100%;padding-left:", ";padding-right:", ";@media (min-width:", "px){padding-left:0;padding-right:0;max-width:680px;}@media (min-width:", "px){max-width:760px;}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.huge);
|
|
32
|
+
exports.BioContainer = BioContainer;
|
|
33
|
+
var ImageContainer = (0, _styledComponents["default"])(_utils.TcView).withConfig({
|
|
34
|
+
displayName: "responsive__ImageContainer",
|
|
35
|
+
componentId: "sc-1vsivj7-3"
|
|
36
|
+
})(["width:100px;@media (min-width:", "px){width:116px;}"], _tsStyleguide.breakpoints.medium);
|
|
37
|
+
exports.ImageContainer = ImageContainer;
|
|
38
|
+
|
|
39
|
+
var AuthorProfileHeadJobTitleContainer = _styledComponents["default"].h2.withConfig({
|
|
40
|
+
displayName: "responsive__AuthorProfileHeadJobTitleContainer",
|
|
41
|
+
componentId: "sc-1vsivj7-4"
|
|
42
|
+
})(["border:0px solid black;box-sizing:border-box;color:rgb(0,0,0);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;"]);
|
|
43
|
+
|
|
44
|
+
exports.AuthorProfileHeadJobTitleContainer = AuthorProfileHeadJobTitleContainer;
|
package/dist/styles/shared.js
CHANGED
|
@@ -1 +1,102 @@
|
|
|
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
|
+
authorHeadContainer: {
|
|
18
|
+
alignItems: "center",
|
|
19
|
+
backgroundColor: _tsStyleguide.colours.functional.backgroundPrimary,
|
|
20
|
+
borderBottomColor: _tsStyleguide.colours.functional.border,
|
|
21
|
+
borderBottomWidth: 1,
|
|
22
|
+
flexDirection: "column",
|
|
23
|
+
paddingBottom: (0, _tsStyleguide.spacing)(8),
|
|
24
|
+
width: "100%"
|
|
25
|
+
},
|
|
26
|
+
authorHeadWrapper: {
|
|
27
|
+
alignItems: "center",
|
|
28
|
+
backgroundColor: "transparent",
|
|
29
|
+
width: "100%"
|
|
30
|
+
},
|
|
31
|
+
authorPhoto: {
|
|
32
|
+
borderColor: _tsStyleguide.colours.functional.contrast,
|
|
33
|
+
borderRadius: 50,
|
|
34
|
+
marginBottom: (0, _tsStyleguide.spacing)(4),
|
|
35
|
+
marginLeft: "auto",
|
|
36
|
+
marginRight: "auto",
|
|
37
|
+
overflow: "hidden",
|
|
38
|
+
width: 100
|
|
39
|
+
},
|
|
40
|
+
biography: _objectSpread(_objectSpread({
|
|
41
|
+
color: _tsStyleguide.colours.functional.primary
|
|
42
|
+
}, (0, _tsStyleguide.fontFactory)({
|
|
43
|
+
font: "body",
|
|
44
|
+
fontSize: "secondary"
|
|
45
|
+
})), {}, {
|
|
46
|
+
textAlign: "center"
|
|
47
|
+
}),
|
|
48
|
+
biographyContainer: {
|
|
49
|
+
paddingBottom: (0, _tsStyleguide.spacing)(6),
|
|
50
|
+
paddingHorizontal: (0, _tsStyleguide.spacing)(2),
|
|
51
|
+
width: "100%"
|
|
52
|
+
},
|
|
53
|
+
jobTitle: _objectSpread(_objectSpread({
|
|
54
|
+
color: _tsStyleguide.colours.functional.secondary
|
|
55
|
+
}, (0, _tsStyleguide.fontFactory)({
|
|
56
|
+
font: "bodyRegularSmallCaps",
|
|
57
|
+
fontSize: "meta"
|
|
58
|
+
})), {}, {
|
|
59
|
+
marginTop: (0, _tsStyleguide.spacing)(1)
|
|
60
|
+
}),
|
|
61
|
+
loadingContainer: {
|
|
62
|
+
alignItems: "center",
|
|
63
|
+
backgroundColor: _tsStyleguide.colours.functional.backgroundPrimary,
|
|
64
|
+
borderBottomColor: _tsStyleguide.colours.functional.border,
|
|
65
|
+
borderBottomWidth: 1,
|
|
66
|
+
minHeight: 264,
|
|
67
|
+
width: "100%"
|
|
68
|
+
},
|
|
69
|
+
loadingGradient: {
|
|
70
|
+
flex: 1
|
|
71
|
+
},
|
|
72
|
+
loadingRoundImage: {
|
|
73
|
+
borderColor: _tsStyleguide.colours.functional.contrast,
|
|
74
|
+
borderRadius: 50,
|
|
75
|
+
height: 100,
|
|
76
|
+
overflow: "hidden",
|
|
77
|
+
position: "absolute",
|
|
78
|
+
top: (0, _tsStyleguide.spacing)(6),
|
|
79
|
+
width: 100
|
|
80
|
+
},
|
|
81
|
+
name: _objectSpread({
|
|
82
|
+
color: _tsStyleguide.colours.functional.brandColour
|
|
83
|
+
}, (0, _tsStyleguide.fontFactory)({
|
|
84
|
+
font: "headline",
|
|
85
|
+
fontSize: "headline"
|
|
86
|
+
})),
|
|
87
|
+
twitter: {
|
|
88
|
+
flexDirection: "row",
|
|
89
|
+
paddingVertical: (0, _tsStyleguide.spacing)(2)
|
|
90
|
+
},
|
|
91
|
+
twitterLink: _objectSpread(_objectSpread({
|
|
92
|
+
color: _tsStyleguide.colours.functional.action
|
|
93
|
+
}, (0, _tsStyleguide.fontFactory)({
|
|
94
|
+
font: "supporting",
|
|
95
|
+
fontSize: "tertiary"
|
|
96
|
+
})), {}, {
|
|
97
|
+
paddingLeft: (0, _tsStyleguide.spacing)(1),
|
|
98
|
+
textDecorationLine: "none"
|
|
99
|
+
})
|
|
100
|
+
};
|
|
101
|
+
var _default = styles;
|
|
102
|
+
exports["default"] = _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/author-profile",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.8.0",
|
|
4
4
|
"description": "Author profile information along with a list of articles they have written",
|
|
5
5
|
"main": "dist/author-profile",
|
|
6
6
|
"dev": "src/author-profile",
|
|
@@ -32,13 +32,15 @@
|
|
|
32
32
|
"homepage": "https://github.com/newsuk/times-components#readme",
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@babel/core": "7.4.4",
|
|
35
|
-
"@
|
|
35
|
+
"@babel/preset-env": "7.4.4",
|
|
36
|
+
"@babel/preset-react": "7.9.1",
|
|
37
|
+
"@times-components/ad": "2.20.2",
|
|
36
38
|
"@times-components/eslint-config-thetimes": "0.8.18",
|
|
37
|
-
"@times-components/jest-configurator": "2.
|
|
38
|
-
"@times-components/jest-serializer": "3.
|
|
39
|
+
"@times-components/jest-configurator-web": "0.2.0",
|
|
40
|
+
"@times-components/jest-serializer": "3.3.0",
|
|
39
41
|
"@times-components/provider-queries": "2.17.0",
|
|
40
42
|
"@times-components/provider-test-tools": "1.26.5",
|
|
41
|
-
"@times-components/storybook": "4.
|
|
43
|
+
"@times-components/storybook": "4.4.0",
|
|
42
44
|
"@times-components/tealium-utils": "0.7.75",
|
|
43
45
|
"@times-components/test-utils": "2.3.10",
|
|
44
46
|
"@times-components/webpack-configurator": "2.0.29",
|
|
@@ -63,19 +65,19 @@
|
|
|
63
65
|
"webpack-cli": "3.3.1"
|
|
64
66
|
},
|
|
65
67
|
"dependencies": {
|
|
66
|
-
"@times-components/article-list": "9.10.
|
|
67
|
-
"@times-components/gradient": "3.3.
|
|
68
|
-
"@times-components/icons": "2.18.
|
|
69
|
-
"@times-components/image": "6.12.
|
|
70
|
-
"@times-components/link": "3.10.
|
|
71
|
-
"@times-components/markup": "3.6.
|
|
68
|
+
"@times-components/article-list": "9.10.28",
|
|
69
|
+
"@times-components/gradient": "3.3.7",
|
|
70
|
+
"@times-components/icons": "2.18.7",
|
|
71
|
+
"@times-components/image": "6.12.7",
|
|
72
|
+
"@times-components/link": "3.10.11",
|
|
73
|
+
"@times-components/markup": "3.6.2",
|
|
72
74
|
"@times-components/markup-forest": "1.8.1",
|
|
73
|
-
"@times-components/pagination": "3.8.
|
|
74
|
-
"@times-components/provider": "1.32.
|
|
75
|
-
"@times-components/responsive": "0.13.
|
|
76
|
-
"@times-components/tracking": "2.
|
|
77
|
-
"@times-components/ts-styleguide": "1.36.
|
|
78
|
-
"@times-components/utils": "6.14.
|
|
75
|
+
"@times-components/pagination": "3.8.7",
|
|
76
|
+
"@times-components/provider": "1.32.6",
|
|
77
|
+
"@times-components/responsive": "0.13.2",
|
|
78
|
+
"@times-components/tracking": "2.11.0",
|
|
79
|
+
"@times-components/ts-styleguide": "1.36.8",
|
|
80
|
+
"@times-components/utils": "6.14.3",
|
|
79
81
|
"lodash.get": "4.4.2",
|
|
80
82
|
"prop-types": "15.7.2",
|
|
81
83
|
"react-helmet-async": "1.0.2",
|
|
@@ -92,5 +94,5 @@
|
|
|
92
94
|
"publishConfig": {
|
|
93
95
|
"access": "public"
|
|
94
96
|
},
|
|
95
|
-
"gitHead": "
|
|
97
|
+
"gitHead": "6b76eb20d30ad851e2d80acfff1d964d81e3722e"
|
|
96
98
|
}
|