@times-components/ts-components 1.48.15 → 1.49.1
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 +30 -0
- package/dist/components/recommended-articles/RecommendedArticles.js +7 -9
- package/dist/components/recommended-articles/RecommendedArticles.stories.js +5 -5
- package/dist/components/recommended-articles/RecommendedFetch.js +4 -3
- package/dist/components/recommended-articles/__tests__/RecommendedArticles.test.js +5 -6
- package/dist/components/recommended-articles/formatters.d.ts +10 -5
- package/dist/components/recommended-articles/formatters.js +43 -50
- package/dist/components/recommended-articles/styles.d.ts +1 -0
- package/dist/components/recommended-articles/styles.js +15 -0
- package/dist/fixtures/preview-data/recommended-articles.js +10 -10
- package/package.json +6 -4
- package/rnw.js +1 -1
- package/src/components/recommended-articles/RecommendedArticles.stories.tsx +4 -4
- package/src/components/recommended-articles/RecommendedArticles.tsx +14 -18
- package/src/components/recommended-articles/RecommendedFetch.tsx +3 -2
- package/src/components/recommended-articles/__tests__/RecommendedArticles.test.tsx +5 -8
- package/src/components/recommended-articles/__tests__/__snapshots__/RecommendedArticles.test.tsx.snap +15 -9
- package/src/components/recommended-articles/formatters.ts +50 -60
- package/src/components/recommended-articles/styles.ts +15 -0
- package/src/components/related-article-slice/__tests__/__snapshots__/RelatedArticleSlice.test.tsx.snap +11 -6
- package/src/fixtures/preview-data/recommended-articles.ts +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,36 @@
|
|
|
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
|
+
## [1.49.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.49.0...@times-components/ts-components@1.49.1) (2022-07-29)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @times-components/ts-components
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [1.49.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.48.16...@times-components/ts-components@1.49.0) (2022-07-28)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Features
|
|
18
|
+
|
|
19
|
+
* **TDP-2202:** update recommended slice layout ([#3062](https://github.com/newsuk/times-components/issues/3062)) ([7431919](https://github.com/newsuk/times-components/commit/7431919a36fc0758ce91c9a530edabdbec3cf040))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## [1.48.16](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.48.15...@times-components/ts-components@1.48.16) (2022-07-27)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
### Bug Fixes
|
|
29
|
+
|
|
30
|
+
* **TDP-2268:** Double tracking bug - replace slice ([#3059](https://github.com/newsuk/times-components/issues/3059)) ([70783ce](https://github.com/newsuk/times-components/commit/70783ced2727227d0b41ce772307f9e9bc27fa15))
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
6
36
|
## [1.48.15](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.48.14...@times-components/ts-components@1.48.15) (2022-07-26)
|
|
7
37
|
|
|
8
38
|
**Note:** Version bump only for package @times-components/ts-components
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import get from 'lodash.get';
|
|
3
|
-
import
|
|
3
|
+
import { Slice } from '@times-components/ts-slices';
|
|
4
4
|
import { useFetch } from '../../helpers/fetch/FetchProvider';
|
|
5
5
|
import { useTrackingContext } from '../../helpers/tracking/TrackingContextProvider';
|
|
6
|
-
import {
|
|
6
|
+
import { getRecommendedArticlesSlice } from './formatters';
|
|
7
|
+
import { Header } from './styles';
|
|
7
8
|
export const RecommendedArticles = ({ heading }) => {
|
|
8
9
|
const { loading, error, data } = useFetch();
|
|
9
10
|
if (loading || error) {
|
|
@@ -14,19 +15,16 @@ export const RecommendedArticles = ({ heading }) => {
|
|
|
14
15
|
return null;
|
|
15
16
|
}
|
|
16
17
|
const { fireAnalyticsEvent } = useTrackingContext();
|
|
17
|
-
const slice = getRelatedArticlesSlice(articles);
|
|
18
18
|
const onClickHandler = (__, article) => {
|
|
19
|
-
const found = slice.items.find(item => item.article.shortIdentifier === article.url.slice(-9));
|
|
20
19
|
if (fireAnalyticsEvent) {
|
|
21
20
|
fireAnalyticsEvent({
|
|
22
21
|
action: 'Clicked',
|
|
23
|
-
attrs: { article_parent_name:
|
|
22
|
+
attrs: { article_parent_name: article.headline }
|
|
24
23
|
});
|
|
25
24
|
}
|
|
26
25
|
};
|
|
27
26
|
return (React.createElement("div", { id: "recommended-articles" },
|
|
28
|
-
React.createElement(
|
|
29
|
-
|
|
30
|
-
analyticsStream: () => { } })));
|
|
27
|
+
React.createElement(Header, null, heading),
|
|
28
|
+
React.createElement(Slice, { slice: getRecommendedArticlesSlice(articles), clickHandler: onClickHandler })));
|
|
31
29
|
};
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjb21tZW5kZWRBcnRpY2xlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3JlY29tbWVuZGVkLWFydGljbGVzL1JlY29tbWVuZGVkQXJ0aWNsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEdBQUcsTUFBTSxZQUFZLENBQUM7QUFDN0IsT0FBTyxFQUNMLEtBQUssRUFHTixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUM3RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNwRixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFM0QsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUVsQyxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FFM0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUU7SUFDbkIsTUFBTSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsUUFBUSxFQUFPLENBQUM7SUFFakQsSUFBSSxPQUFPLElBQUksS0FBSyxFQUFFO1FBQ3BCLE9BQU8sSUFBSSxDQUFDO0tBQ2I7SUFFRCxNQUFNLFFBQVEsR0FBRyxHQUFHLENBQUMsSUFBSSxFQUFFLDBCQUEwQixDQUFDLENBQUM7SUFFdkQsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUU7UUFDakMsT0FBTyxJQUFJLENBQUM7S0FDYjtJQUVELE1BQU0sRUFBRSxrQkFBa0IsRUFBRSxHQUFHLGtCQUFrQixFQUFFLENBQUM7SUFFcEQsTUFBTSxjQUFjLEdBQUcsQ0FBQyxFQUFrQixFQUFFLE9BQXFCLEVBQUUsRUFBRTtRQUNuRSxJQUFJLGtCQUFrQixFQUFFO1lBQ3RCLGtCQUFrQixDQUFDO2dCQUNqQixNQUFNLEVBQUUsU0FBUztnQkFDakIsS0FBSyxFQUFFLEVBQUUsbUJBQW1CLEVBQUUsT0FBTyxDQUFDLFFBQVEsRUFBRTthQUNqRCxDQUFDLENBQUM7U0FDSjtJQUNILENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCw2QkFBSyxFQUFFLEVBQUMsc0JBQXNCO1FBQzVCLG9CQUFDLE1BQU0sUUFBRSxPQUFPLENBQVU7UUFDMUIsb0JBQUMsS0FBSyxJQUNKLEtBQUssRUFBRSwyQkFBMkIsQ0FBQyxRQUFRLENBQUMsRUFDNUMsWUFBWSxFQUFFLGNBQWMsR0FDNUIsQ0FDRSxDQUNQLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -12,7 +12,7 @@ storiesOf('Typescript Component/Recommended Articles', module)
|
|
|
12
12
|
object: 'RecommendedArticles',
|
|
13
13
|
attrs: {
|
|
14
14
|
event_navigation_action: 'navigation',
|
|
15
|
-
event_navigation_name: 'widget
|
|
15
|
+
event_navigation_name: 'widget:relevant article',
|
|
16
16
|
event_navigation_browsing_method: 'click',
|
|
17
17
|
section_details: 'section : <section>',
|
|
18
18
|
article_name: '<headline>',
|
|
@@ -23,9 +23,9 @@ storiesOf('Typescript Component/Recommended Articles', module)
|
|
|
23
23
|
}, analyticsStream: analyticsStream },
|
|
24
24
|
React.createElement("div", null, storyFn()))))
|
|
25
25
|
.add('Recommended Articles - 1 Article', () => (React.createElement(FetchProvider, { previewData: getArticles(previewData, 1) },
|
|
26
|
-
React.createElement(RecommendedArticles, { heading: "Today's
|
|
26
|
+
React.createElement(RecommendedArticles, { heading: "Today's News" }))))
|
|
27
27
|
.add('Recommended Articles - 2 Article', () => (React.createElement(FetchProvider, { previewData: getArticles(previewData, 2) },
|
|
28
|
-
React.createElement(RecommendedArticles, { heading: "Today's
|
|
28
|
+
React.createElement(RecommendedArticles, { heading: "Today's Business" }))))
|
|
29
29
|
.add('Recommended Articles - 3 Article', () => (React.createElement(FetchProvider, { previewData: previewData },
|
|
30
|
-
React.createElement(RecommendedArticles, { heading: "Today's
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
React.createElement(RecommendedArticles, { heading: "Today's Sport" }))));
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjb21tZW5kZWRBcnRpY2xlcy5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcmVjb21tZW5kZWQtYXJ0aWNsZXMvUmVjb21tZW5kZWRBcnRpY2xlcy5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3pGLE9BQU8sV0FBVyxNQUFNLGtEQUFrRCxDQUFDO0FBQzNFLE9BQU8sZUFBZSxNQUFNLG9EQUFvRCxDQUFDO0FBRWpGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTVELFNBQVMsQ0FBQywyQ0FBMkMsRUFBRSxNQUFNLENBQUM7S0FDM0QsWUFBWSxDQUFDLENBQUMsT0FBOEIsRUFBRSxFQUFFLENBQUMsQ0FDaEQsb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsTUFBTSxFQUFFLHFCQUFxQjtRQUM3QixLQUFLLEVBQUU7WUFDTCx1QkFBdUIsRUFBRSxZQUFZO1lBQ3JDLHFCQUFxQixFQUFFLHlCQUF5QjtZQUNoRCxnQ0FBZ0MsRUFBRSxPQUFPO1lBQ3pDLGVBQWUsRUFBRSxxQkFBcUI7WUFDdEMsWUFBWSxFQUFFLFlBQVk7WUFDMUIsZUFBZSxFQUFFLFlBQVk7WUFDN0IsY0FBYyxFQUFFLFdBQVc7WUFDM0IsV0FBVyxFQUFFLGlCQUFpQjtTQUMvQjtLQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7SUFFaEMsaUNBQU0sT0FBTyxFQUFFLENBQU8sQ0FDRSxDQUMzQixDQUFDO0tBQ0QsR0FBRyxDQUFDLGtDQUFrQyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzdDLG9CQUFDLGFBQWEsSUFBQyxXQUFXLEVBQUUsV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDckQsb0JBQUMsbUJBQW1CLElBQUMsT0FBTyxFQUFDLGNBQWMsR0FBRyxDQUNoQyxDQUNqQixDQUFDO0tBQ0QsR0FBRyxDQUFDLGtDQUFrQyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzdDLG9CQUFDLGFBQWEsSUFBQyxXQUFXLEVBQUUsV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDckQsb0JBQUMsbUJBQW1CLElBQUMsT0FBTyxFQUFDLGtCQUFrQixHQUFHLENBQ3BDLENBQ2pCLENBQUM7S0FDRCxHQUFHLENBQUMsa0NBQWtDLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDN0Msb0JBQUMsYUFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXO0lBQ3JDLG9CQUFDLG1CQUFtQixJQUFDLE9BQU8sRUFBQyxlQUFlLEdBQUcsQ0FDakMsQ0FDakIsQ0FBQyxDQUFDIn0=
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import startCase from 'lodash.startcase';
|
|
1
2
|
import React, { useEffect, useState } from 'react';
|
|
2
3
|
import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
3
4
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
@@ -20,13 +21,13 @@ export const RecommendedFetch = ({ articleId, articleHeadline, articleSection })
|
|
|
20
21
|
console.log(e);
|
|
21
22
|
}
|
|
22
23
|
}, []);
|
|
23
|
-
const heading = `Today's ${articleSection}`;
|
|
24
|
+
const heading = `Today's ${startCase(articleSection)}`;
|
|
24
25
|
return isClientSide ? (React.createElement(FetchProvider, { url: `/api/recommended-articles/${articleId}/todays_section` },
|
|
25
26
|
React.createElement(TrackingContextProvider, { context: {
|
|
26
27
|
object: 'RecommendedArticles',
|
|
27
28
|
attrs: {
|
|
28
29
|
event_navigation_action: 'navigation',
|
|
29
|
-
event_navigation_name: 'widget
|
|
30
|
+
event_navigation_name: 'widget:relevant article',
|
|
30
31
|
event_navigation_browsing_method: 'click',
|
|
31
32
|
section_details: `section : ${articleSection}`,
|
|
32
33
|
article_name: articleHeadline,
|
|
@@ -37,4 +38,4 @@ export const RecommendedFetch = ({ articleId, articleHeadline, articleSection })
|
|
|
37
38
|
} },
|
|
38
39
|
React.createElement(RecommendedArticles, { heading: heading })))) : null;
|
|
39
40
|
};
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjb21tZW5kZWRGZXRjaC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3JlY29tbWVuZGVkLWFydGljbGVzL1JlY29tbWVuZGVkRmV0Y2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9BLE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUVuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDbEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFNUQsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLElBQVksRUFBRSxFQUFFLENBQzFDLENBQUMsWUFBWSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztBQUVoRSxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FJeEIsQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLEVBQUUsRUFBRTtJQUN0RCxNQUFNLENBQUMsWUFBWSxFQUFFLGVBQWUsQ0FBQyxHQUFHLFFBQVEsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUVqRSxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsSUFBSTtZQUNGLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ3ZELE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxlQUFlLENBQUM7WUFFeEQsTUFBTSxNQUFNLEdBQUcsSUFBSSxlQUFlLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUMzRCxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFDLHFCQUFxQixDQUFDLENBQUM7WUFFL0MsSUFBSSxTQUFTLElBQUksa0JBQWtCLENBQUMsT0FBTyxDQUFDLElBQUksSUFBSSxFQUFFO2dCQUNwRCxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDdkI7U0FDRjtRQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQ1Ysc0NBQXNDO1lBQ3RDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDaEI7SUFDSCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxNQUFNLE9BQU8sR0FBRyxXQUFXLFNBQVMsQ0FBQyxjQUFjLENBQUMsRUFBRSxDQUFDO0lBRXZELE9BQU8sWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUNwQixvQkFBQyxhQUFhLElBQ1osR0FBRyxFQUFFLDZCQUE2QixTQUFTLGlCQUFpQjtRQUU1RCxvQkFBQyx1QkFBdUIsSUFDdEIsT0FBTyxFQUFFO2dCQUNQLE1BQU0sRUFBRSxxQkFBcUI7Z0JBQzdCLEtBQUssRUFBRTtvQkFDTCx1QkFBdUIsRUFBRSxZQUFZO29CQUNyQyxxQkFBcUIsRUFBRSx5QkFBeUI7b0JBQ2hELGdDQUFnQyxFQUFFLE9BQU87b0JBQ3pDLGVBQWUsRUFBRSxhQUFhLGNBQWMsRUFBRTtvQkFDOUMsWUFBWSxFQUFFLGVBQWU7b0JBQzdCLGVBQWUsRUFBRSxPQUFPLENBQUMsV0FBVyxFQUFFO29CQUN0QyxjQUFjLEVBQUUsY0FBYztvQkFDOUIsV0FBVyxFQUFFLGlCQUFpQjtpQkFDL0I7YUFDRjtZQUVELG9CQUFDLG1CQUFtQixJQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDakIsQ0FDWixDQUNqQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDWCxDQUFDLENBQUMifQ==
|
|
@@ -9,12 +9,11 @@ import { RecommendedArticles } from '../RecommendedArticles';
|
|
|
9
9
|
jest.mock('../../../helpers/fetch/FetchProvider', () => ({
|
|
10
10
|
useFetch: jest.fn()
|
|
11
11
|
}));
|
|
12
|
-
jest.mock('@times-components/
|
|
12
|
+
jest.mock('@times-components/ts-slices', () => ({
|
|
13
13
|
__esModule: true,
|
|
14
|
-
|
|
14
|
+
Slice: (props) => (React.createElement("div", null,
|
|
15
15
|
"RelatedArticles",
|
|
16
|
-
React.createElement("div", null,
|
|
17
|
-
props.slice.items.map(({ article }) => (React.createElement("div", { onClick: () => props.onPress(null, { url: article.shortIdentifier }) }, article.headline)))))
|
|
16
|
+
props.slice.children.map(({ article }) => (React.createElement("div", { onClick: () => props.clickHandler(null, article) }, article.headline)))))
|
|
18
17
|
}));
|
|
19
18
|
const articles = previewData.recommendations.articles;
|
|
20
19
|
const section = 'news';
|
|
@@ -23,7 +22,7 @@ const initialContext = {
|
|
|
23
22
|
object: 'RecommendedArticles',
|
|
24
23
|
attrs: {
|
|
25
24
|
event_navigation_action: 'navigation',
|
|
26
|
-
event_navigation_name: 'widget
|
|
25
|
+
event_navigation_name: 'widget:relevant article',
|
|
27
26
|
event_navigation_browsing_method: 'click',
|
|
28
27
|
section_details: `section : ${section}`,
|
|
29
28
|
article_name: 'Headline',
|
|
@@ -97,4 +96,4 @@ describe('<RecommendedArticles>', () => {
|
|
|
97
96
|
});
|
|
98
97
|
});
|
|
99
98
|
});
|
|
100
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjb21tZW5kZWRBcnRpY2xlcy50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcmVjb21tZW5kZWQtYXJ0aWNsZXMvX190ZXN0c19fL1JlY29tbWVuZGVkQXJ0aWNsZXMudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLFVBQVUsQ0FBQztBQUNoQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVwRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUM1RixPQUFPLFdBQVcsTUFBTSxxREFBcUQsQ0FBQztBQUU5RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU3RCxJQUFJLENBQUMsSUFBSSxDQUFDLHNDQUFzQyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDdkQsUUFBUSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUU7Q0FDcEIsQ0FBQyxDQUFDLENBQUM7QUFFSixJQUFJLENBQUMsSUFBSSxDQUFDLDZCQUE2QixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDOUMsVUFBVSxFQUFFLElBQUk7SUFDaEIsS0FBSyxFQUFFLENBQUMsS0FBVSxFQUFFLEVBQUUsQ0FBQyxDQUNyQjs7UUFFRyxLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLE9BQU8sRUFBTyxFQUFFLEVBQUUsQ0FBQyxDQUM5Qyw2QkFBSyxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxJ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
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { SliceArticle } from '@times-components/ts-slices';
|
|
2
|
+
declare type Byline = {
|
|
3
3
|
__typename: string;
|
|
4
4
|
type: 'author';
|
|
5
5
|
name: string;
|
|
@@ -18,7 +18,7 @@ declare type Media = {
|
|
|
18
18
|
__typename: string;
|
|
19
19
|
crops: MediaCrop[];
|
|
20
20
|
};
|
|
21
|
-
|
|
21
|
+
declare type SummaryText = {
|
|
22
22
|
__typename: string;
|
|
23
23
|
text: string;
|
|
24
24
|
};
|
|
@@ -26,7 +26,7 @@ declare type Summary = {
|
|
|
26
26
|
__typename: string;
|
|
27
27
|
children: SummaryText[];
|
|
28
28
|
};
|
|
29
|
-
|
|
29
|
+
declare type Article = {
|
|
30
30
|
__typename: string;
|
|
31
31
|
url: string;
|
|
32
32
|
slug: string;
|
|
@@ -37,5 +37,10 @@ export declare type Article = {
|
|
|
37
37
|
summary?: Summary;
|
|
38
38
|
media?: Media;
|
|
39
39
|
};
|
|
40
|
-
export declare const
|
|
40
|
+
export declare const getRecommendedArticlesSlice: (articles: Article[]) => {
|
|
41
|
+
name: string;
|
|
42
|
+
children: {
|
|
43
|
+
article: SliceArticle;
|
|
44
|
+
}[];
|
|
45
|
+
};
|
|
41
46
|
export {};
|
|
@@ -1,55 +1,48 @@
|
|
|
1
1
|
// HELPERS
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
.
|
|
19
|
-
|
|
2
|
+
const getBylines = (bylines) => bylines
|
|
3
|
+
? bylines
|
|
4
|
+
.map(byline => (byline.type === 'author' ? byline.name : byline.value))
|
|
5
|
+
.join('')
|
|
6
|
+
: undefined;
|
|
7
|
+
const getSummary = (summary) => summary && summary.children
|
|
8
|
+
? summary.children.map(child => child.text).join('') + '...'
|
|
9
|
+
: undefined;
|
|
10
|
+
const getImageCrops = (media) => media && media.crops
|
|
11
|
+
? media.crops.map(crop => ({ url: crop.url, ratio: crop.aspectRatio }))
|
|
12
|
+
: [];
|
|
13
|
+
// MAIN
|
|
14
|
+
const formatArticle = (article) => {
|
|
15
|
+
return {
|
|
16
|
+
url: article.url,
|
|
17
|
+
label: article.label,
|
|
18
|
+
byline: getBylines(article.bylines),
|
|
19
|
+
headline: article.headline,
|
|
20
|
+
summary: getSummary(article.summary),
|
|
21
|
+
datePublished: article.publishedDateTime,
|
|
22
|
+
images: {
|
|
23
|
+
alt: article.headline,
|
|
24
|
+
crops: getImageCrops(article.media)
|
|
25
|
+
}
|
|
26
|
+
};
|
|
20
27
|
};
|
|
21
|
-
const
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
28
|
+
const getSliceName = (numOfArticles) => {
|
|
29
|
+
switch (numOfArticles) {
|
|
30
|
+
case 1:
|
|
31
|
+
return 'RELATED_ARTICLE_1';
|
|
32
|
+
case 2:
|
|
33
|
+
return 'RELATED_ARTICLE_2';
|
|
34
|
+
default:
|
|
35
|
+
return 'RELATED_ARTICLE_3';
|
|
27
36
|
}
|
|
28
|
-
return [];
|
|
29
37
|
};
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
38
|
+
export const getRecommendedArticlesSlice = (articles) => {
|
|
39
|
+
return {
|
|
40
|
+
name: getSliceName(articles.length),
|
|
41
|
+
children: articles
|
|
42
|
+
.map((article) => ({
|
|
43
|
+
article: formatArticle(article)
|
|
44
|
+
}))
|
|
45
|
+
.slice(0, 3)
|
|
46
|
+
};
|
|
36
47
|
};
|
|
37
|
-
|
|
38
|
-
export const getRelatedArticlesSlice = (articles) => ({
|
|
39
|
-
sliceName: 'StandardSlice',
|
|
40
|
-
items: articles
|
|
41
|
-
.map((article) => ({
|
|
42
|
-
article: {
|
|
43
|
-
slug: article.slug,
|
|
44
|
-
shortIdentifier: article.url.slice(-9),
|
|
45
|
-
label: article.label,
|
|
46
|
-
headline: article.headline,
|
|
47
|
-
publishedTime: article.publishedDateTime,
|
|
48
|
-
bylines: getBylines(article.bylines),
|
|
49
|
-
summary125: getSummary(article.summary),
|
|
50
|
-
leadAsset: getImage(article.media)
|
|
51
|
-
}
|
|
52
|
-
}))
|
|
53
|
-
.slice(0, 3)
|
|
54
|
-
});
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0dGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3JlY29tbWVuZGVkLWFydGljbGVzL2Zvcm1hdHRlcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JBLFVBQVU7QUFFVixNQUFNLGFBQWEsR0FBRyxDQUFDLE1BQWMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUN6QyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLO0NBQzdELENBQUMsQ0FBQztBQUVILE1BQU0sU0FBUyxHQUFHLENBQUMsTUFBYyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3JDLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSTtJQUNqQixRQUFRLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLGFBQWEsQ0FBQyxNQUFNLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUM7Q0FDOUUsQ0FBQyxDQUFDO0FBRUgsTUFBTSxVQUFVLEdBQUcsQ0FBQyxPQUFrQixFQUFFLEVBQUU7SUFDeEMsSUFBSSxPQUFPLEVBQUU7UUFDWCxPQUFPLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFjLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztLQUMzRTtJQUNELE9BQU8sU0FBUyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQUVGLE1BQU0sY0FBYyxHQUFHLENBQUMsT0FBZ0IsRUFBRSxFQUFFO0lBQzFDLE1BQU0sSUFBSSxHQUFHLE9BQU8sQ0FBQyxRQUFRO1NBQzFCLEdBQUcsQ0FBQyxDQUFDLEtBQWtCLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7U0FDdkMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ1osT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDO0FBQ3ZFLENBQUMsQ0FBQztBQUVGLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxPQUFnQixFQUFFLEVBQUUsQ0FBQztJQUNoRCxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLGNBQWMsQ0FBQyxPQUFPLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0NBQ3BFLENBQUM7QUFFRixNQUFNLFVBQVUsR0FBRyxDQUFDLE9BQWlCLEVBQUUsRUFBRTtJQUN2QyxJQUFJLE9BQU8sSUFBSSxPQUFPLENBQUMsUUFBUSxFQUFFO1FBQy9CLE9BQU8sQ0FBQyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQztLQUN4RTtJQUNELE9BQU8sRUFBRSxDQUFDO0FBQ1osQ0FBQyxDQUFDO0FBRUYsTUFBTSxRQUFRLEdBQUcsQ0FBQyxLQUFhLEVBQUUsRUFBRTtJQUNqQyxJQUFJLEtBQUssSUFBSSxLQUFLLENBQUMsS0FBSyxFQUFFO1FBQ3hCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUM1QixDQUFDLElBQWUsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsS0FBSyxNQUFNLENBQ2pELENBQUM7UUFDRixPQUFPLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxHQUFHLEVBQUUsS0FBSyxDQUFDLEdBQUcsRUFBRSxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztLQUN6RTtJQUNELE9BQU8sRUFBRSxDQUFDO0FBQ1osQ0FBQyxDQUFDO0FBRUYsT0FBTztBQUVQLE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFHLENBQ3JDLFFBQWEsRUFDWSxFQUFFLENBQUMsQ0FBQztJQUM3QixTQUFTLEVBQUUsZUFBZTtJQUMxQixLQUFLLEVBQUUsUUFBUTtTQUNaLEdBQUcsQ0FBQyxDQUFDLE9BQWdCLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDMUIsT0FBTyxFQUFFO1lBQ1AsSUFBSSxFQUFFLE9BQU8sQ0FBQyxJQUFJO1lBQ2xCLGVBQWUsRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN0QyxLQUFLLEVBQUUsT0FBTyxDQUFDLEtBQUs7WUFDcEIsUUFBUSxFQUFFLE9BQU8sQ0FBQyxRQUFRO1lBQzFCLGFBQWEsRUFBRSxPQUFPLENBQUMsaUJBQWlCO1lBQ3hDLE9BQU8sRUFBRSxVQUFVLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQztZQUNwQyxVQUFVLEVBQUUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUM7WUFDdkMsU0FBUyxFQUFFLFFBQVEsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO1NBQ25DO0tBQ0YsQ0FBQyxDQUFDO1NBQ0YsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7Q0FDZixDQUFDLENBQUMifQ==
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0dGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3JlY29tbWVuZGVkLWFydGljbGVzL2Zvcm1hdHRlcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JBLFVBQVU7QUFFVixNQUFNLFVBQVUsR0FBRyxDQUFDLE9BQWtCLEVBQUUsRUFBRSxDQUN4QyxPQUFPO0lBQ0wsQ0FBQyxDQUFDLE9BQU87U0FDSixHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDdEUsSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUNiLENBQUMsQ0FBQyxTQUFTLENBQUM7QUFFaEIsTUFBTSxVQUFVLEdBQUcsQ0FBQyxPQUFpQixFQUFFLEVBQUUsQ0FDdkMsT0FBTyxJQUFJLE9BQU8sQ0FBQyxRQUFRO0lBQ3pCLENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLEdBQUcsS0FBSztJQUM1RCxDQUFDLENBQUMsU0FBUyxDQUFDO0FBRWhCLE1BQU0sYUFBYSxHQUFHLENBQUMsS0FBYSxFQUFFLEVBQUUsQ0FDdEMsS0FBSyxJQUFJLEtBQUssQ0FBQyxLQUFLO0lBQ2xCLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDdkUsQ0FBQyxDQUFDLEVBQUUsQ0FBQztBQUVULE9BQU87QUFFUCxNQUFNLGFBQWEsR0FBRyxDQUFDLE9BQWdCLEVBQWdCLEVBQUU7SUFDdkQsT0FBTztRQUNMLEdBQUcsRUFBRSxPQUFPLENBQUMsR0FBRztRQUNoQixLQUFLLEVBQUUsT0FBTyxDQUFDLEtBQUs7UUFDcEIsTUFBTSxFQUFFLFVBQVUsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDO1FBQ25DLFFBQVEsRUFBRSxPQUFPLENBQUMsUUFBUTtRQUMxQixPQUFPLEVBQUUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUM7UUFDcEMsYUFBYSxFQUFFLE9BQU8sQ0FBQyxpQkFBaUI7UUFDeEMsTUFBTSxFQUFFO1lBQ04sR0FBRyxFQUFFLE9BQU8sQ0FBQyxRQUFRO1lBQ3JCLEtBQUssRUFBRSxhQUFhLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztTQUNwQztLQUNGLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFlBQVksR0FBRyxDQUFDLGFBQXFCLEVBQUUsRUFBRTtJQUM3QyxRQUFRLGFBQWEsRUFBRTtRQUNyQixLQUFLLENBQUM7WUFDSixPQUFPLG1CQUFtQixDQUFDO1FBQzdCLEtBQUssQ0FBQztZQUNKLE9BQU8sbUJBQW1CLENBQUM7UUFDN0I7WUFDRSxPQUFPLG1CQUFtQixDQUFDO0tBQzlCO0FBQ0gsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sMkJBQTJCLEdBQUcsQ0FBQyxRQUFtQixFQUFFLEVBQUU7SUFDakUsT0FBTztRQUNMLElBQUksRUFBRSxZQUFZLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQztRQUNuQyxRQUFRLEVBQUUsUUFBUTthQUNmLEdBQUcsQ0FBQyxDQUFDLE9BQWdCLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDMUIsT0FBTyxFQUFFLGFBQWEsQ0FBQyxPQUFPLENBQUM7U0FDaEMsQ0FBQyxDQUFDO2FBQ0YsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7S0FDZixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
import { colours, fonts } from '@times-components/ts-styleguide';
|
|
3
|
+
export const Header = styled.div `
|
|
4
|
+
margin-bottom: 12px;
|
|
5
|
+
padding: 16px 12px 12px 12px;
|
|
6
|
+
color: ${colours.functional.brandColour};
|
|
7
|
+
font-family: ${fonts.headline};
|
|
8
|
+
font-size: 24px;
|
|
9
|
+
line-height: 24px;
|
|
10
|
+
font-weight: normal;
|
|
11
|
+
text-align: center;
|
|
12
|
+
border-top: 1px solid #dbdbdb;
|
|
13
|
+
border-bottom: 1px solid #dbdbdb;
|
|
14
|
+
`;
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcmVjb21tZW5kZWQtYXJ0aWNsZXMvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFakUsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7OztXQUdyQixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7aUJBQ3hCLEtBQUssQ0FBQyxRQUFROzs7Ozs7O0NBTzlCLENBQUMifQ==
|
|
@@ -6,7 +6,7 @@ export default {
|
|
|
6
6
|
slug: 'save-or-splurge-what-experts-spend-their-own-money-on',
|
|
7
7
|
label: null,
|
|
8
8
|
headline: 'Save or splurge: what experts spend their own money on',
|
|
9
|
-
publishedDateTime: '2022-
|
|
9
|
+
publishedDateTime: '2022-07-26T23:01:00.000Z',
|
|
10
10
|
bylines: [
|
|
11
11
|
{
|
|
12
12
|
type: 'inline',
|
|
@@ -50,7 +50,7 @@ export default {
|
|
|
50
50
|
slug: 'lieutenant-colonel-ian-crooke-obituary',
|
|
51
51
|
label: 'Obituary',
|
|
52
52
|
headline: 'Lieutenant Colonel Ian Crooke',
|
|
53
|
-
publishedDateTime: '2022-
|
|
53
|
+
publishedDateTime: '2022-07-27T16:00:00.000Z',
|
|
54
54
|
bylines: [],
|
|
55
55
|
summary: {
|
|
56
56
|
children: [
|
|
@@ -74,7 +74,7 @@ export default {
|
|
|
74
74
|
slug: 'is-the-party-over-for-boris-johnson',
|
|
75
75
|
label: 'RED BOX | PATRICK MAGUIRE',
|
|
76
76
|
headline: 'Is the party over for Johnson?',
|
|
77
|
-
publishedDateTime: '2022-
|
|
77
|
+
publishedDateTime: '2022-07-27T08:00:00.000Z',
|
|
78
78
|
bylines: [
|
|
79
79
|
{
|
|
80
80
|
type: 'author',
|
|
@@ -109,7 +109,7 @@ export default {
|
|
|
109
109
|
slug: 'quentin-letts-a-pm-his-party-and-the-country-left-firmly-in-limp-on-territory',
|
|
110
110
|
label: 'Political Sketch',
|
|
111
111
|
headline: 'A PM, his party and the country left firmly in limp-on territory',
|
|
112
|
-
publishedDateTime: '2022-
|
|
112
|
+
publishedDateTime: '2022-07-26T23:01:00.000Z',
|
|
113
113
|
bylines: [
|
|
114
114
|
{
|
|
115
115
|
type: 'author',
|
|
@@ -138,7 +138,7 @@ export default {
|
|
|
138
138
|
slug: 'boris-johnson-should-look-for-an-honourable-exit',
|
|
139
139
|
label: 'WILLIAM HAGUE | COMMENT',
|
|
140
140
|
headline: 'Hague: Johnson should look for an honourable exit',
|
|
141
|
-
publishedDateTime: '2022-
|
|
141
|
+
publishedDateTime: '2022-07-26T21:00:00.000Z',
|
|
142
142
|
bylines: [
|
|
143
143
|
{
|
|
144
144
|
type: 'author',
|
|
@@ -167,7 +167,7 @@ export default {
|
|
|
167
167
|
slug: 'carrie-johnson-and-hard-times-at-no-10',
|
|
168
168
|
label: 'POLITICS',
|
|
169
169
|
headline: 'Carrie Johnson and hard times at No 10',
|
|
170
|
-
publishedDateTime: '2022-
|
|
170
|
+
publishedDateTime: '2022-07-26T23:01:00.000Z',
|
|
171
171
|
bylines: [
|
|
172
172
|
{
|
|
173
173
|
type: 'author',
|
|
@@ -196,7 +196,7 @@ export default {
|
|
|
196
196
|
slug: 'dead-man-walking-times-commentators-give-their-verdicts-boris-johnson-confidence-vote',
|
|
197
197
|
label: 'Politics',
|
|
198
198
|
headline: 'Dead man walking? Times commentators give their verdicts',
|
|
199
|
-
publishedDateTime: '2022-
|
|
199
|
+
publishedDateTime: '2022-07-26T23:01:00.000Z',
|
|
200
200
|
bylines: [
|
|
201
201
|
{
|
|
202
202
|
type: 'inline',
|
|
@@ -245,7 +245,7 @@ export default {
|
|
|
245
245
|
slug: 'margot-heuman-obituary',
|
|
246
246
|
label: 'Obituary',
|
|
247
247
|
headline: 'Margot Heuman',
|
|
248
|
-
publishedDateTime: '2022-
|
|
248
|
+
publishedDateTime: '2022-07-26T23:01:00.000Z',
|
|
249
249
|
bylines: [],
|
|
250
250
|
summary: {
|
|
251
251
|
children: [
|
|
@@ -269,7 +269,7 @@ export default {
|
|
|
269
269
|
slug: 'the-times-view-on-tory-confidence-in-boris-johnson-pyrrhic-victory',
|
|
270
270
|
label: 'LEADING ARTICLE',
|
|
271
271
|
headline: 'Pyrrhic Victory',
|
|
272
|
-
publishedDateTime: '2022-
|
|
272
|
+
publishedDateTime: '2022-07-26T23:01:00.000Z',
|
|
273
273
|
bylines: [
|
|
274
274
|
{
|
|
275
275
|
type: 'author',
|
|
@@ -298,7 +298,7 @@ export default {
|
|
|
298
298
|
slug: 'boris-johnson-allies-took-time-saving-big-dog-leadership-contest',
|
|
299
299
|
label: 'Politics',
|
|
300
300
|
headline: 'Allies took their time in campaign to save Big Dog',
|
|
301
|
-
publishedDateTime: '2022-
|
|
301
|
+
publishedDateTime: '2022-07-26T23:01:00.000Z',
|
|
302
302
|
bylines: [
|
|
303
303
|
{
|
|
304
304
|
type: 'author',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.49.1",
|
|
4
4
|
"description": "Reuseable Typescript React Components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"dev": "dist/index.js",
|
|
@@ -57,8 +57,8 @@
|
|
|
57
57
|
"@times-components/link": "3.10.11",
|
|
58
58
|
"@times-components/provider": "1.32.6",
|
|
59
59
|
"@times-components/provider-queries": "2.17.0",
|
|
60
|
-
"@times-components/related-articles": "6.11.
|
|
61
|
-
"@times-components/ts-slices": "1.
|
|
60
|
+
"@times-components/related-articles": "6.11.18",
|
|
61
|
+
"@times-components/ts-slices": "1.5.0",
|
|
62
62
|
"@times-components/ts-styleguide": "1.36.8",
|
|
63
63
|
"@times-components/utils": "6.14.3",
|
|
64
64
|
"algoliasearch": "4.9.0",
|
|
@@ -69,6 +69,7 @@
|
|
|
69
69
|
"lodash.get": "4.4.2",
|
|
70
70
|
"lodash.keyby": "4.6.0",
|
|
71
71
|
"lodash.merge": "4.6.2",
|
|
72
|
+
"lodash.startcase": "4.4.0",
|
|
72
73
|
"react": "16.9.0",
|
|
73
74
|
"react-apollo": "2.5.5",
|
|
74
75
|
"react-elastic-carousel": "^0.11.5",
|
|
@@ -90,6 +91,7 @@
|
|
|
90
91
|
"@types/lodash.get": "4.4.6",
|
|
91
92
|
"@types/lodash.keyby": "4.6.6",
|
|
92
93
|
"@types/lodash.merge": "4.6.2",
|
|
94
|
+
"@types/lodash.startcase": "4.4.0",
|
|
93
95
|
"@types/node-fetch": "2.5.10",
|
|
94
96
|
"@types/react-dom": "17.0.3",
|
|
95
97
|
"@types/react-test-renderer": "16.9.0",
|
|
@@ -119,5 +121,5 @@
|
|
|
119
121
|
"@testing-library/jest-dom/extend-expect"
|
|
120
122
|
]
|
|
121
123
|
},
|
|
122
|
-
"gitHead": "
|
|
124
|
+
"gitHead": "af5e50ecf53ee5ed8303246204104a64848da4f0"
|
|
123
125
|
}
|