@times-components/ts-components 1.78.1-alpha.26 → 1.78.1-alpha.52
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/dist/components/article-header/ArticleBylineBlock.d.ts +6 -0
- package/dist/components/article-header/ArticleBylineBlock.js +19 -0
- package/dist/components/article-header/ArticleBylineBlock.stories.d.ts +1 -0
- package/dist/components/article-header/ArticleBylineBlock.stories.js +22 -0
- package/dist/components/article-header/ArticleHeader.d.ts +2 -0
- package/dist/components/article-header/ArticleHeader.js +20 -3
- package/dist/components/article-header/ArticleHeader.stories.js +6 -4
- package/dist/components/article-header/__tests__/ArticleBylineBlock.test.d.ts +1 -0
- package/dist/components/article-header/__tests__/ArticleBylineBlock.test.js +30 -0
- package/dist/components/article-header/styles.d.ts +8 -0
- package/dist/components/article-header/styles.js +45 -1
- package/dist/types/related-article-slice.d.ts +6 -0
- package/package.json +3 -3
- package/rnw.js +1 -1
- package/src/components/article-header/ArticleBylineBlock.stories.tsx +37 -0
- package/src/components/article-header/ArticleBylineBlock.tsx +51 -0
- package/src/components/article-header/ArticleHeader.stories.tsx +8 -1
- package/src/components/article-header/ArticleHeader.tsx +25 -1
- package/src/components/article-header/__tests__/ArticleBylineBlock.test.tsx +44 -0
- package/src/components/article-header/styles.ts +52 -0
- package/src/types/related-article-slice.ts +7 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BylineBlockContainer, BylineBlockImgContainer, BylineBlockImg, BylineBlockContent, BylineBlockAuthorContent, BylineBlockAuthorName, BylineBlockAuthorJobTitle, BylineBlockAuthorDescription } from './styles';
|
|
3
|
+
export const ArticleBylineBlock = ({ data, description }) => {
|
|
4
|
+
if (!((data && data.name) || (data && data.image)) && !description) {
|
|
5
|
+
return null;
|
|
6
|
+
}
|
|
7
|
+
return (React.createElement(BylineBlockContainer, null,
|
|
8
|
+
data &&
|
|
9
|
+
data.image && (React.createElement(BylineBlockImgContainer, null,
|
|
10
|
+
React.createElement(BylineBlockImg, { src: data.image, alt: data.name }))),
|
|
11
|
+
React.createElement(BylineBlockContent, null,
|
|
12
|
+
React.createElement(BylineBlockAuthorContent, null,
|
|
13
|
+
data &&
|
|
14
|
+
data.name && (React.createElement(BylineBlockAuthorName, null, data.name)),
|
|
15
|
+
data &&
|
|
16
|
+
data.jobTitle && (React.createElement(BylineBlockAuthorJobTitle, null, data.jobTitle))),
|
|
17
|
+
description && (React.createElement(BylineBlockAuthorDescription, null, description)))));
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUJ5bGluZUJsb2NrLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1oZWFkZXIvQXJ0aWNsZUJ5bGluZUJsb2NrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUNMLG9CQUFvQixFQUNwQix1QkFBdUIsRUFDdkIsY0FBYyxFQUNkLGtCQUFrQixFQUNsQix3QkFBd0IsRUFDeEIscUJBQXFCLEVBQ3JCLHlCQUF5QixFQUN6Qiw0QkFBNEIsRUFDN0IsTUFBTSxVQUFVLENBQUM7QUFFbEIsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBRzFCLENBQUMsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRTtJQUM3QixJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7UUFDbEUsT0FBTyxJQUFJLENBQUM7S0FDYjtJQUVELE9BQU8sQ0FDTCxvQkFBQyxvQkFBb0I7UUFDbEIsSUFBSTtZQUNILElBQUksQ0FBQyxLQUFLLElBQUksQ0FDWixvQkFBQyx1QkFBdUI7WUFDdEIsb0JBQUMsY0FBYyxJQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxJQUFJLENBQUMsSUFBSSxHQUFJLENBQzNCLENBQzNCO1FBQ0gsb0JBQUMsa0JBQWtCO1lBQ2pCLG9CQUFDLHdCQUF3QjtnQkFDdEIsSUFBSTtvQkFDSCxJQUFJLENBQUMsSUFBSSxJQUFJLENBQ1gsb0JBQUMscUJBQXFCLFFBQUUsSUFBSSxDQUFDLElBQUksQ0FBeUIsQ0FDM0Q7Z0JBQ0YsSUFBSTtvQkFDSCxJQUFJLENBQUMsUUFBUSxJQUFJLENBQ2Ysb0JBQUMseUJBQXlCLFFBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQ1ksQ0FDN0IsQ0FDc0I7WUFDMUIsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsNEJBQTRCLFFBQzFCLFdBQVcsQ0FDaUIsQ0FDaEMsQ0FDa0IsQ0FDQSxDQUN4QixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { storiesOf } from '@storybook/react';
|
|
3
|
+
import { text } from '@storybook/addon-knobs';
|
|
4
|
+
import { ArticleBylineBlock } from './ArticleBylineBlock';
|
|
5
|
+
const getAttributes = () => {
|
|
6
|
+
const id = 'Options';
|
|
7
|
+
const name = text('Name', 'Oliver Wright', id);
|
|
8
|
+
const jobTitle = text('Job Title', 'Policy Editor', id);
|
|
9
|
+
const image = text('Image', 'https://www.thetimes.co.uk/imageserver/image/methode%2Ftimes%2Fprod%2Fweb%2Fbin%2F043bbdb4-f8df-4856-92a4-132cc1524cb9.jpg?crop=668%2C668%2C0%2C0&resize=200', id);
|
|
10
|
+
const description = text('Description', 'Analysis', id);
|
|
11
|
+
return { name, jobTitle, image, description };
|
|
12
|
+
};
|
|
13
|
+
storiesOf('Typescript Component/Article Header', module).add('Article Byline Block', () => {
|
|
14
|
+
const props = getAttributes();
|
|
15
|
+
return (React.createElement(ArticleBylineBlock, { data: {
|
|
16
|
+
slug: 'oliver-wright',
|
|
17
|
+
name: props.name,
|
|
18
|
+
jobTitle: props.jobTitle,
|
|
19
|
+
image: props.image
|
|
20
|
+
}, description: props.description }));
|
|
21
|
+
});
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUJ5bGluZUJsb2NrLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLWhlYWRlci9BcnRpY2xlQnlsaW5lQmxvY2suc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDOUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFMUQsTUFBTSxhQUFhLEdBQUcsR0FBRyxFQUFFO0lBQ3pCLE1BQU0sRUFBRSxHQUFHLFNBQVMsQ0FBQztJQUVyQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLGVBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUMvQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLGVBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUN4RCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQ2hCLE9BQU8sRUFDUCw4SkFBOEosRUFDOUosRUFBRSxDQUNILENBQUM7SUFDRixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUV4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLENBQUM7QUFDaEQsQ0FBQyxDQUFDO0FBRUYsU0FBUyxDQUFDLHFDQUFxQyxFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDMUQsc0JBQXNCLEVBQ3RCLEdBQUcsRUFBRTtJQUNILE1BQU0sS0FBSyxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBQzlCLE9BQU8sQ0FDTCxvQkFBQyxrQkFBa0IsSUFDakIsSUFBSSxFQUFFO1lBQ0osSUFBSSxFQUFFLGVBQWU7WUFDckIsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJO1lBQ2hCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUTtZQUN4QixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUs7U0FDbkIsRUFDRCxXQUFXLEVBQUUsS0FBSyxDQUFDLFdBQVcsR0FDOUIsQ0FDSCxDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==
|
|
@@ -4,6 +4,7 @@ import { format, utcToZonedTime } from 'date-fns-tz';
|
|
|
4
4
|
import { BreakingArticleFlag } from '../article-flag/LiveArticleFlag';
|
|
5
5
|
import safeDecodeURIComponent from '../../utils/safeDecodeURIComponent';
|
|
6
6
|
import { Container, Divider, Headline, TimeSincePublishing, TimeSincePublishingContainer, UpdatedDate, UpdatedTime, UpdatedTimeItems, UpdatesContainer, FlagContainer } from './styles';
|
|
7
|
+
import { ArticleBylineBlock } from './ArticleBylineBlock';
|
|
7
8
|
const anchorString = (updateTxt = '', headlineTxt = '') => {
|
|
8
9
|
const onlyNumbersReg = /\D+/g;
|
|
9
10
|
const onlyNumbers = updateTxt.replace(onlyNumbersReg, '');
|
|
@@ -12,8 +13,9 @@ const anchorString = (updateTxt = '', headlineTxt = '') => {
|
|
|
12
13
|
const acronym = acronymMatch === null ? '' : acronymMatch.join('');
|
|
13
14
|
return `u_${onlyNumbers}${acronym}`;
|
|
14
15
|
};
|
|
15
|
-
const ArticleHeader = ({ updated, breaking, headline }) => {
|
|
16
|
+
const ArticleHeader = ({ updated, breaking, headline, authorSlug, description }) => {
|
|
16
17
|
const [timezone, setTimezone] = useState('');
|
|
18
|
+
const [bylineData, setBylineData] = useState();
|
|
17
19
|
const currentDateTime = new Date();
|
|
18
20
|
const updatedDate = new Date(updated);
|
|
19
21
|
const timeZone = 'Europe/London';
|
|
@@ -24,6 +26,20 @@ const ArticleHeader = ({ updated, breaking, headline }) => {
|
|
|
24
26
|
setTimezone(format(parsedDate, 'zzz', { timeZone }));
|
|
25
27
|
}
|
|
26
28
|
});
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
const fetchData = async () => {
|
|
31
|
+
try {
|
|
32
|
+
const response = await fetch(`/api/author-profile/${authorSlug}`);
|
|
33
|
+
const authorDetails = await response.json();
|
|
34
|
+
setBylineData(authorDetails);
|
|
35
|
+
}
|
|
36
|
+
catch (err) {
|
|
37
|
+
// tslint:disable-next-line:no-console
|
|
38
|
+
console.log(err);
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
fetchData();
|
|
42
|
+
}, [authorSlug]);
|
|
27
43
|
const timeSincePublishing = formatDistanceStrict(updatedDate, currentDateTime, {
|
|
28
44
|
roundingMethod: 'floor'
|
|
29
45
|
}) + ' ago';
|
|
@@ -46,7 +62,8 @@ const ArticleHeader = ({ updated, breaking, headline }) => {
|
|
|
46
62
|
React.createElement(Divider, null))) : null,
|
|
47
63
|
React.createElement(UpdatedTime, { isLessThan13Hours: !isLessThan1Minute && isLessThan13Hours }, `${format(parsedDate, 'h.mmaaa')} ${timezone}`)),
|
|
48
64
|
isDaysAgo ? (React.createElement(UpdatedDate, null, format(parsedDate, 'MMMM d'))) : null),
|
|
49
|
-
headline && React.createElement(Headline, null, safeDecodeURIComponent(headline))
|
|
65
|
+
headline && React.createElement(Headline, null, safeDecodeURIComponent(headline)),
|
|
66
|
+
React.createElement(ArticleBylineBlock, { data: bylineData, description: description })));
|
|
50
67
|
};
|
|
51
68
|
export default ArticleHeader;
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtaGVhZGVyL0FydGljbGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNuRCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLHdCQUF3QixFQUN4QixvQkFBb0IsRUFDckIsTUFBTSxVQUFVLENBQUM7QUFDbEIsT0FBTyxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFckQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEUsT0FBTyxzQkFBc0IsTUFBTSxvQ0FBb0MsQ0FBQztBQUV4RSxPQUFPLEVBQ0wsU0FBUyxFQUNULE9BQU8sRUFDUCxRQUFRLEVBQ1IsbUJBQW1CLEVBQ25CLDRCQUE0QixFQUM1QixXQUFXLEVBQ1gsV0FBVyxFQUNYLGdCQUFnQixFQUNoQixnQkFBZ0IsRUFDaEIsYUFBYSxFQUNkLE1BQU0sVUFBVSxDQUFDO0FBRWxCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRTFELE1BQU0sWUFBWSxHQUFHLENBQUMsU0FBUyxHQUFHLEVBQUUsRUFBRSxXQUFXLEdBQUcsRUFBRSxFQUFFLEVBQUU7SUFDeEQsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDO0lBQzlCLE1BQU0sV0FBVyxHQUFHLFNBQVMsQ0FBQyxPQUFPLENBQUMsY0FBYyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQzFELE1BQU0sVUFBVSxHQUFHLFNBQVMsQ0FBQztJQUM3QixNQUFNLFlBQVksR0FBRyxXQUFXLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ25ELE1BQU0sT0FBTyxHQUFHLFlBQVksS0FBSyxJQUFJLENBQUMsQ0FBQyxD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
|
|
@@ -17,7 +17,9 @@ const getAttributes = () => {
|
|
|
17
17
|
const options = { True: 'true', False: undefined };
|
|
18
18
|
const breaking = select('Breaking', options, 'true', id);
|
|
19
19
|
const headline = text('Headline', 'This is the headline', id);
|
|
20
|
-
|
|
20
|
+
const authorSlug = text('Author Slug', 'oliver-wright', id);
|
|
21
|
+
const description = text('Description', 'Analysis', id);
|
|
22
|
+
return { updated, breaking, headline, authorSlug, description };
|
|
21
23
|
};
|
|
22
24
|
storiesOf('Typescript Component/Article Header', module)
|
|
23
25
|
.add('Article Header with headline', () => {
|
|
@@ -26,7 +28,7 @@ storiesOf('Typescript Component/Article Header', module)
|
|
|
26
28
|
React.createElement(ArticleHeader, { updated: props.updated,
|
|
27
29
|
// date={props.date}
|
|
28
30
|
// time={props.time}
|
|
29
|
-
breaking: props.breaking, headline: encodeURIComponent(props.headline) })));
|
|
31
|
+
breaking: props.breaking, headline: encodeURIComponent(props.headline), authorSlug: props.authorSlug, description: props.description })));
|
|
30
32
|
})
|
|
31
33
|
.add('Article Header without headline', () => {
|
|
32
34
|
const props = getAttributes();
|
|
@@ -34,6 +36,6 @@ storiesOf('Typescript Component/Article Header', module)
|
|
|
34
36
|
React.createElement(ArticleHeader, { updated: props.updated,
|
|
35
37
|
// date={props.date}
|
|
36
38
|
// time={props.time}
|
|
37
|
-
breaking: props.breaking })));
|
|
39
|
+
breaking: props.breaking, authorSlug: props.authorSlug, description: props.description })));
|
|
38
40
|
});
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUhlYWRlci5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1oZWFkZXIvQXJ0aWNsZUhlYWRlci5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEQsT0FBTztBQUNMLFVBQVU7QUFDVixVQUFVLEVBQ1gsTUFBTSxVQUFVLENBQUM7QUFDbEIsZ0RBQWdEO0FBRWhELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUMvRSxPQUFPLGFBQWEsTUFBTSxpQkFBaUIsQ0FBQztBQUU1QyxNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUU7SUFDekIsTUFBTSxFQUFFLEdBQUcsU0FBUyxDQUFDO0lBRXJCLE1BQU0sR0FBRyxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7SUFDdkIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFeEUsMkRBQTJEO0lBQzNELDREQUE0RDtJQUM1RCx3RUFBd0U7SUFFeEUsTUFBTSxPQUFPLEdBQUcsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsQ0FBQztJQUNuRCxNQUFNLFFBQVEsR0FBRyxNQUFNLENBQUMsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFekQsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxzQkFBc0IsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUU5RCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLGVBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUM1RCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUV4RCxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxDQUFDO0FBQ2xFLENBQUMsQ0FBQztBQUVGLFNBQVMsQ0FBQyxxQ0FBcUMsRUFBRSxNQUFNLENBQUM7S0FDckQsR0FBRyxDQUFDLDhCQUE4QixFQUFFLEdBQUcsRUFBRTtJQUN4QyxNQUFNLEtBQUssR0FBRyxhQUFhLEVBQUUsQ0FBQztJQUM5QixPQUFPLENBQ0wsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGFBQWEsSUFDWixPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU87WUFDdEIsb0JBQW9CO1lBQ3BCLG9CQUFvQjtZQUNwQixRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDeEIsUUFBUSxFQUFFLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsRUFDNUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxVQUFVLEVBQzVCLFdBQVcsRUFBRSxLQUFLLENBQUMsV0FBVyxHQUM5QixDQUNhLENBQ2xCLENBQUM7QUFDSixDQUFDLENBQUM7S0FDRCxHQUFHLENBQUMsaUNBQWlDLEVBQUUsR0FBRyxFQUFFO0lBQzNDLE1BQU0sS0FBSyxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBQzlCLE9BQU8sQ0FDTCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUNaLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTztZQUN0QixvQkFBb0I7WUFDcEIsb0JBQW9CO1lBQ3BCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixVQUFVLEVBQUUsS0FBSyxDQUFDLFVBQVUsRUFDNUIsV0FBVyxFQUFFLEtBQUssQ0FBQyxXQUFXLEdBQzlCLENBQ2EsQ0FDbEIsQ0FBQztBQUNKLENBQUMsQ0FBQyxDQUFDIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import '@testing-library/jest-dom';
|
|
4
|
+
import { ArticleBylineBlock } from '../ArticleBylineBlock';
|
|
5
|
+
describe('Article byline block', () => {
|
|
6
|
+
const data = {
|
|
7
|
+
slug: 'oliver-wright',
|
|
8
|
+
name: 'Oliver Wright',
|
|
9
|
+
jobTitle: 'Privacy Editor',
|
|
10
|
+
image: 'https://www.thetimes.co.uk/imageserver/image/methode%2Ftimes%2Fprod%2Fweb%2Fbin%2F043bbdb4-f8df-4856-92a4-132cc1524cb9.jpg?crop=668%2C668%2C0%2C0&resize=200'
|
|
11
|
+
};
|
|
12
|
+
const description = 'Analysis';
|
|
13
|
+
it('Displays description', () => {
|
|
14
|
+
const { getByText } = render(React.createElement(ArticleBylineBlock, { data: undefined, description: description }));
|
|
15
|
+
expect(getByText(description)).toBeVisible();
|
|
16
|
+
});
|
|
17
|
+
it('Does not display the byline block component when no details exist', () => {
|
|
18
|
+
const { queryByText } = render(React.createElement(ArticleBylineBlock, null));
|
|
19
|
+
expect(queryByText(data.name)).not.toBeInTheDocument();
|
|
20
|
+
expect(queryByText(description)).not.toBeInTheDocument();
|
|
21
|
+
});
|
|
22
|
+
it('Displays author details and description', () => {
|
|
23
|
+
const { getByText, getByRole } = render(React.createElement(ArticleBylineBlock, { data: data, description: description }));
|
|
24
|
+
expect(getByText(data.name)).toBeVisible();
|
|
25
|
+
expect(getByText(data.jobTitle)).toBeVisible();
|
|
26
|
+
const bylineImg = getByRole('img');
|
|
27
|
+
expect(bylineImg).toHaveAttribute('src', 'https://www.thetimes.co.uk/imageserver/image/methode%2Ftimes%2Fprod%2Fweb%2Fbin%2F043bbdb4-f8df-4856-92a4-132cc1524cb9.jpg?crop=668%2C668%2C0%2C0&resize=200');
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUJ5bGluZUJsb2NrLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLWhlYWRlci9fX3Rlc3RzX18vQXJ0aWNsZUJ5bGluZUJsb2NrLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDaEQsT0FBTywyQkFBMkIsQ0FBQztBQUVuQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUUzRCxRQUFRLENBQUMsc0JBQXNCLEVBQUUsR0FBRyxFQUFFO0lBQ3BDLE1BQU0sSUFBSSxHQUFHO1FBQ1gsSUFBSSxFQUFFLGVBQWU7UUFDckIsSUFBSSxFQUFFLGVBQWU7UUFDckIsUUFBUSxFQUFFLGdCQUFnQjtRQUMxQixLQUFLLEVBQ0gsOEpBQThKO0tBQ2pLLENBQUM7SUFDRixNQUFNLFdBQVcsR0FBRyxVQUFVLENBQUM7SUFFL0IsRUFBRSxDQUFDLHNCQUFzQixFQUFFLEdBQUcsRUFBRTtRQUM5QixNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUMxQixvQkFBQyxrQkFBa0IsSUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxXQUFXLEdBQUksQ0FDbEUsQ0FBQztRQUVGLE1BQU0sQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMvQyxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxtRUFBbUUsRUFBRSxHQUFHLEVBQUU7UUFDM0UsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLE1BQU0sQ0FBQyxvQkFBQyxrQkFBa0IsT0FBRyxDQUFDLENBQUM7UUFFdkQsTUFBTSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN2RCxNQUFNLENBQUMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0QsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMseUNBQXlDLEVBQUUsR0FBRyxFQUFFO1FBQ2pELE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUNyQyxvQkFBQyxrQkFBa0IsSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxXQUFXLEdBQUksQ0FDN0QsQ0FBQztRQUNGLE1BQU0sQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDM0MsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUMvQyxNQUFNLFNBQVMsR0FBRyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLGVBQWUsQ0FDL0IsS0FBSyxFQUNMLDhKQUE4SixDQUMvSixDQUFDO0lBQ0osQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -12,3 +12,11 @@ export declare const UpdatedDate: import("styled-components").StyledComponent<"d
|
|
|
12
12
|
export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
13
13
|
export declare const Headline: import("styled-components").StyledComponent<"h2", any, {}, never>;
|
|
14
14
|
export declare const FlagContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
15
|
+
export declare const BylineBlockContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
16
|
+
export declare const BylineBlockImgContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
17
|
+
export declare const BylineBlockImg: import("styled-components").StyledComponent<"img", any, {}, never>;
|
|
18
|
+
export declare const BylineBlockContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
19
|
+
export declare const BylineBlockAuthorContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
20
|
+
export declare const BylineBlockAuthorName: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
21
|
+
export declare const BylineBlockAuthorJobTitle: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
22
|
+
export declare const BylineBlockAuthorDescription: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
@@ -75,4 +75,48 @@ export const Headline = styled.h2 `
|
|
|
75
75
|
export const FlagContainer = styled.div `
|
|
76
76
|
margin-right: 8px;
|
|
77
77
|
`;
|
|
78
|
-
|
|
78
|
+
export const BylineBlockContainer = styled.div `
|
|
79
|
+
display: flex;
|
|
80
|
+
align-items: center;
|
|
81
|
+
margin-top: 24px;
|
|
82
|
+
font-family: Roboto;
|
|
83
|
+
font-size: 14px;
|
|
84
|
+
font-style: normal;
|
|
85
|
+
font-weight: 400;
|
|
86
|
+
line-height: 16px;
|
|
87
|
+
`;
|
|
88
|
+
export const BylineBlockImgContainer = styled.div `
|
|
89
|
+
border-radius: 50%;
|
|
90
|
+
width: 50px;
|
|
91
|
+
height: 50px;
|
|
92
|
+
overflow: hidden;
|
|
93
|
+
margin-right: 10px;
|
|
94
|
+
`;
|
|
95
|
+
export const BylineBlockImg = styled.img `
|
|
96
|
+
height: 100%;
|
|
97
|
+
width: 100%;
|
|
98
|
+
`;
|
|
99
|
+
export const BylineBlockContent = styled.div `
|
|
100
|
+
display: flex;
|
|
101
|
+
flex-direction: column;
|
|
102
|
+
`;
|
|
103
|
+
export const BylineBlockAuthorContent = styled.div `
|
|
104
|
+
display: flex;
|
|
105
|
+
align-items: center;
|
|
106
|
+
margin-bottom: 2px;
|
|
107
|
+
`;
|
|
108
|
+
export const BylineBlockAuthorName = styled.p `
|
|
109
|
+
color: #069;
|
|
110
|
+
margin-right: 5px;
|
|
111
|
+
margin-block: 0;
|
|
112
|
+
`;
|
|
113
|
+
export const BylineBlockAuthorJobTitle = styled.p `
|
|
114
|
+
color: #696969;
|
|
115
|
+
margin-block: 0;
|
|
116
|
+
`;
|
|
117
|
+
export const BylineBlockAuthorDescription = styled.p `
|
|
118
|
+
color: #696969;
|
|
119
|
+
font-weight: 500;
|
|
120
|
+
margin-block: 0;
|
|
121
|
+
`;
|
|
122
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1oZWFkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDaEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUUsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQXlCOzs7OztpQkFLM0MsQ0FBQyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7Ozt1QkFHMUMsV0FBVyxDQUFDLE1BQU07Ozs7O3VCQUtsQixXQUFXLENBQUMsSUFBSTs7OztDQUl0QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7OztDQUl6QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sNEJBQTRCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7O0NBR3JELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBO1dBQ2xDLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVztpQkFDeEIsS0FBSyxDQUFDLFVBQVU7OztDQUdoQyxDQUFDO0FBRUYsTUFBTSxZQUFZLEdBQUcsR0FBRyxDQUFBO1dBQ2IsT0FBTyxDQUFDLFVBQVUsQ0FBQyxTQUFTO2lCQUN0QixLQUFLLENBQUMsVUFBVTs7O0NBR2hDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7O0NBSXpDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBaUM7SUFDbEUsWUFBWTtDQUNmLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTtJQUNqQyxZQUFZOztDQUVmLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTtzQkFDWCxPQUFPLENBQUMsVUFBVSxDQUFDLFNBQVM7OztDQUdqRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQUE7V0FDdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXO2lCQUN4QixLQUFLLENBQUMsUUFBUTs7Ozs7Ozt1QkFPUixXQUFXLENBQUMsTUFBTTs7Ozs7O0NBTXhDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Q0FFdEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Ozs7OztDQVM3QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7O0NBTWhELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7O0NBR3ZDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Q0FHM0MsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Q0FJakQsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUE7Ozs7Q0FJNUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHlCQUF5QixHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUE7OztDQUdoRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sNEJBQTRCLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQTs7OztDQUluRCxDQUFDIn0=
|
|
@@ -26,6 +26,12 @@ declare type Bylines = Array<{
|
|
|
26
26
|
byline: Byline[];
|
|
27
27
|
image?: any;
|
|
28
28
|
}>;
|
|
29
|
+
export declare type ArticleByline = {
|
|
30
|
+
slug: string;
|
|
31
|
+
name?: string;
|
|
32
|
+
jobTitle?: string;
|
|
33
|
+
image?: string;
|
|
34
|
+
};
|
|
29
35
|
declare type Summary = {
|
|
30
36
|
name: string;
|
|
31
37
|
attributes?: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.78.1-alpha.
|
|
3
|
+
"version": "1.78.1-alpha.52+8e4e3c557b",
|
|
4
4
|
"description": "Reuseable Typescript React Components ",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"dev": "dist/index.js",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"@times-components/link": "^3.14.1",
|
|
58
58
|
"@times-components/provider": "^1.39.0",
|
|
59
59
|
"@times-components/provider-queries": "^2.20.1",
|
|
60
|
-
"@times-components/related-articles": "^6.17.21-alpha.
|
|
60
|
+
"@times-components/related-articles": "^6.17.21-alpha.52+8e4e3c557b",
|
|
61
61
|
"@times-components/ts-slices": "^1.8.22",
|
|
62
62
|
"@times-components/ts-styleguide": "^1.47.0",
|
|
63
63
|
"@times-components/utils": "^6.16.17",
|
|
@@ -113,5 +113,5 @@
|
|
|
113
113
|
"@testing-library/jest-dom/extend-expect"
|
|
114
114
|
]
|
|
115
115
|
},
|
|
116
|
-
"gitHead": "
|
|
116
|
+
"gitHead": "8e4e3c557b5af21d29b1c9565380cc0d1c605f23"
|
|
117
117
|
}
|