@times-components/ts-components 1.78.1-alpha.52 → 1.79.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 +11 -0
- package/dist/components/article-header/ArticleBylineBlock.d.ts +2 -2
- package/dist/components/article-header/ArticleBylineBlock.js +13 -12
- package/dist/components/article-header/ArticleBylineBlock.stories.js +2 -2
- package/dist/components/article-header/ArticleHeader.js +4 -4
- package/dist/components/article-header/__tests__/ArticleBylineBlock.test.js +3 -3
- package/dist/components/article-header/styles.d.ts +1 -1
- package/dist/components/article-header/styles.js +2 -2
- package/dist/types/related-article-slice.d.ts +1 -1
- package/package.json +16 -16
- package/rnw.js +1 -1
- package/src/components/article-header/ArticleBylineBlock.stories.tsx +1 -1
- package/src/components/article-header/ArticleBylineBlock.tsx +18 -17
- package/src/components/article-header/ArticleHeader.tsx +4 -4
- package/src/components/article-header/__tests__/ArticleBylineBlock.test.tsx +2 -2
- package/src/components/article-header/styles.ts +1 -1
- package/src/types/related-article-slice.ts +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
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.79.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.78.0...@times-components/ts-components@1.79.0) (2023-09-13)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TMRX-1300:** create article byline block ([#3525](https://github.com/newsuk/times-components/issues/3525)) ([2f1466a](https://github.com/newsuk/times-components/commit/2f1466a6d992b577ddae3d9fc20e62eb4fd80cd2))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [1.78.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.77.7...@times-components/ts-components@1.78.0) (2023-08-18)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ArticleBylineAuthorData } from '../../types/related-article-slice';
|
|
3
3
|
export declare const ArticleBylineBlock: React.FC<{
|
|
4
|
-
|
|
4
|
+
authorData?: ArticleBylineAuthorData;
|
|
5
5
|
description?: string;
|
|
6
6
|
}>;
|
|
@@ -1,19 +1,20 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BylineBlockContainer, BylineBlockImgContainer, BylineBlockImg, BylineBlockContent, BylineBlockAuthorContent, BylineBlockAuthorName, BylineBlockAuthorJobTitle,
|
|
3
|
-
export const ArticleBylineBlock = ({
|
|
4
|
-
if (!((
|
|
2
|
+
import { BylineBlockContainer, BylineBlockImgContainer, BylineBlockImg, BylineBlockContent, BylineBlockAuthorContent, BylineBlockAuthorName, BylineBlockAuthorJobTitle, BylineBlockDescription } from './styles';
|
|
3
|
+
export const ArticleBylineBlock = ({ authorData, description }) => {
|
|
4
|
+
if (!((authorData && authorData.name) || (authorData && authorData.image)) &&
|
|
5
|
+
!description) {
|
|
5
6
|
return null;
|
|
6
7
|
}
|
|
7
8
|
return (React.createElement(BylineBlockContainer, null,
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
React.createElement(BylineBlockImg, { src:
|
|
9
|
+
authorData &&
|
|
10
|
+
authorData.image && (React.createElement(BylineBlockImgContainer, null,
|
|
11
|
+
React.createElement(BylineBlockImg, { src: authorData.image, alt: authorData.name }))),
|
|
11
12
|
React.createElement(BylineBlockContent, null,
|
|
12
13
|
React.createElement(BylineBlockAuthorContent, null,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
description && (React.createElement(
|
|
14
|
+
authorData &&
|
|
15
|
+
authorData.name && (React.createElement(BylineBlockAuthorName, null, authorData.name)),
|
|
16
|
+
authorData &&
|
|
17
|
+
authorData.jobTitle && (React.createElement(BylineBlockAuthorJobTitle, null, authorData.jobTitle))),
|
|
18
|
+
description && (React.createElement(BylineBlockDescription, null, description)))));
|
|
18
19
|
};
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUJ5bGluZUJsb2NrLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1oZWFkZXIvQXJ0aWNsZUJ5bGluZUJsb2NrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUNMLG9CQUFvQixFQUNwQix1QkFBdUIsRUFDdkIsY0FBYyxFQUNkLGtCQUFrQixFQUNsQix3QkFBd0IsRUFDeEIscUJBQXFCLEVBQ3JCLHlCQUF5QixFQUN6QixzQkFBc0IsRUFDdkIsTUFBTSxVQUFVLENBQUM7QUFFbEIsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBRzFCLENBQUMsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRTtJQUNuQyxJQUNFLENBQUMsQ0FBQyxDQUFDLFVBQVUsSUFBSSxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RFLENBQUMsV0FBVyxFQUNaO1FBQ0EsT0FBTyxJQUFJLENBQUM7S0FDYjtJQUVELE9BQU8sQ0FDTCxvQkFBQyxvQkFBb0I7UUFDbEIsVUFBVTtZQUNULFVBQVUsQ0FBQyxLQUFLLElBQUksQ0FDbEIsb0JBQUMsdUJBQXVCO1lBQ3RCLG9CQUFDLGNBQWMsSUFBQyxHQUFHLEVBQUUsVUFBVSxDQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsVUFBVSxDQUFDLElBQUksR0FBSSxDQUN2QyxDQUMzQjtRQUNILG9CQUFDLGtCQUFrQjtZQUNqQixvQkFBQyx3QkFBd0I7Z0JBQ3RCLFVBQVU7b0JBQ1QsVUFBVSxDQUFDLElBQUksSUFBSSxDQUNqQixvQkFBQyxxQkFBcUIsUUFBRSxVQUFVLENBQUMsSUFBSSxDQUF5QixDQUNqRTtnQkFDRixVQUFVO29CQUNULFVBQVUsQ0FBQyxRQUFRLElBQUksQ0FDckIsb0JBQUMseUJBQXlCLFFBQ3ZCLFVBQVUsQ0FBQyxRQUFRLENBQ00sQ0FDN0IsQ0FDc0I7WUFDMUIsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsc0JBQXNCLFFBQUUsV0FBVyxDQUEwQixDQUMvRCxDQUNrQixDQUNBLENBQ3hCLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -12,11 +12,11 @@ const getAttributes = () => {
|
|
|
12
12
|
};
|
|
13
13
|
storiesOf('Typescript Component/Article Header', module).add('Article Byline Block', () => {
|
|
14
14
|
const props = getAttributes();
|
|
15
|
-
return (React.createElement(ArticleBylineBlock, {
|
|
15
|
+
return (React.createElement(ArticleBylineBlock, { authorData: {
|
|
16
16
|
slug: 'oliver-wright',
|
|
17
17
|
name: props.name,
|
|
18
18
|
jobTitle: props.jobTitle,
|
|
19
19
|
image: props.image
|
|
20
20
|
}, description: props.description }));
|
|
21
21
|
});
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUJ5bGluZUJsb2NrLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLWhlYWRlci9BcnRpY2xlQnlsaW5lQmxvY2suc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDOUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFMUQsTUFBTSxhQUFhLEdBQUcsR0FBRyxFQUFFO0lBQ3pCLE1BQU0sRUFBRSxHQUFHLFNBQVMsQ0FBQztJQUVyQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLGVBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUMvQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLGVBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUN4RCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQ2hCLE9BQU8sRUFDUCw4SkFBOEosRUFDOUosRUFBRSxDQUNILENBQUM7SUFDRixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUV4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLENBQUM7QUFDaEQsQ0FBQyxDQUFDO0FBRUYsU0FBUyxDQUFDLHFDQUFxQyxFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDMUQsc0JBQXNCLEVBQ3RCLEdBQUcsRUFBRTtJQUNILE1BQU0sS0FBSyxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBQzlCLE9BQU8sQ0FDTCxvQkFBQyxrQkFBa0IsSUFDakIsVUFBVSxFQUFFO1lBQ1YsSUFBSSxFQUFFLGVBQWU7WUFDckIsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJO1lBQ2hCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUTtZQUN4QixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUs7U0FDbkIsRUFDRCxXQUFXLEVBQUUsS0FBSyxDQUFDLFdBQVcsR0FDOUIsQ0FDSCxDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==
|
|
@@ -15,7 +15,7 @@ const anchorString = (updateTxt = '', headlineTxt = '') => {
|
|
|
15
15
|
};
|
|
16
16
|
const ArticleHeader = ({ updated, breaking, headline, authorSlug, description }) => {
|
|
17
17
|
const [timezone, setTimezone] = useState('');
|
|
18
|
-
const [
|
|
18
|
+
const [authorData, setAuthorData] = useState();
|
|
19
19
|
const currentDateTime = new Date();
|
|
20
20
|
const updatedDate = new Date(updated);
|
|
21
21
|
const timeZone = 'Europe/London';
|
|
@@ -31,7 +31,7 @@ const ArticleHeader = ({ updated, breaking, headline, authorSlug, description })
|
|
|
31
31
|
try {
|
|
32
32
|
const response = await fetch(`/api/author-profile/${authorSlug}`);
|
|
33
33
|
const authorDetails = await response.json();
|
|
34
|
-
|
|
34
|
+
setAuthorData(authorDetails);
|
|
35
35
|
}
|
|
36
36
|
catch (err) {
|
|
37
37
|
// tslint:disable-next-line:no-console
|
|
@@ -63,7 +63,7 @@ const ArticleHeader = ({ updated, breaking, headline, authorSlug, description })
|
|
|
63
63
|
React.createElement(UpdatedTime, { isLessThan13Hours: !isLessThan1Minute && isLessThan13Hours }, `${format(parsedDate, 'h.mmaaa')} ${timezone}`)),
|
|
64
64
|
isDaysAgo ? (React.createElement(UpdatedDate, null, format(parsedDate, 'MMMM d'))) : null),
|
|
65
65
|
headline && React.createElement(Headline, null, safeDecodeURIComponent(headline)),
|
|
66
|
-
React.createElement(ArticleBylineBlock, {
|
|
66
|
+
React.createElement(ArticleBylineBlock, { authorData: authorData, description: description })));
|
|
67
67
|
};
|
|
68
68
|
export default ArticleHeader;
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtaGVhZGVyL0FydGljbGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNuRCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLHdCQUF3QixFQUN4QixvQkFBb0IsRUFDckIsTUFBTSxVQUFVLENBQUM7QUFDbEIsT0FBTyxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFckQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEUsT0FBTyxzQkFBc0IsTUFBTSxvQ0FBb0MsQ0FBQztBQUV4RSxPQUFPLEVBQ0wsU0FBUyxFQUNULE9BQU8sRUFDUCxRQUFRLEVBQ1IsbUJBQW1CLEVBQ25CLDRCQUE0QixFQUM1QixXQUFXLEVBQ1gsV0FBVyxFQUNYLGdCQUFnQixFQUNoQixnQkFBZ0IsRUFDaEIsYUFBYSxFQUNkLE1BQU0sVUFBVSxDQUFDO0FBRWxCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRTFELE1BQU0sWUFBWSxHQUFHLENBQUMsU0FBUyxHQUFHLEVBQUUsRUFBRSxXQUFXLEdBQUcsRUFBRSxFQUFFLEVBQUU7SUFDeEQsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDO0lBQzlCLE1BQU0sV0FBVyxHQUFHLFNBQVMsQ0FBQyxPQUFPLENBQUMsY0FBYyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQzFELE1BQU0sVUFBVSxHQUFHLFNBQVMsQ0FBQztJQUM3QixNQUFNLFlBQVksR0FBRyxXQUFXLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ25ELE1BQU0sT0FBTyxHQUFHLFlBQVksS0FBSyxJQUFJLENBQUMsQ0FBQyxD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
|
|
@@ -11,7 +11,7 @@ describe('Article byline block', () => {
|
|
|
11
11
|
};
|
|
12
12
|
const description = 'Analysis';
|
|
13
13
|
it('Displays description', () => {
|
|
14
|
-
const { getByText } = render(React.createElement(ArticleBylineBlock, {
|
|
14
|
+
const { getByText } = render(React.createElement(ArticleBylineBlock, { authorData: undefined, description: description }));
|
|
15
15
|
expect(getByText(description)).toBeVisible();
|
|
16
16
|
});
|
|
17
17
|
it('Does not display the byline block component when no details exist', () => {
|
|
@@ -20,11 +20,11 @@ describe('Article byline block', () => {
|
|
|
20
20
|
expect(queryByText(description)).not.toBeInTheDocument();
|
|
21
21
|
});
|
|
22
22
|
it('Displays author details and description', () => {
|
|
23
|
-
const { getByText, getByRole } = render(React.createElement(ArticleBylineBlock, {
|
|
23
|
+
const { getByText, getByRole } = render(React.createElement(ArticleBylineBlock, { authorData: data, description: description }));
|
|
24
24
|
expect(getByText(data.name)).toBeVisible();
|
|
25
25
|
expect(getByText(data.jobTitle)).toBeVisible();
|
|
26
26
|
const bylineImg = getByRole('img');
|
|
27
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
28
|
});
|
|
29
29
|
});
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUJ5bGluZUJsb2NrLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLWhlYWRlci9fX3Rlc3RzX18vQXJ0aWNsZUJ5bGluZUJsb2NrLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDaEQsT0FBTywyQkFBMkIsQ0FBQztBQUVuQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUUzRCxRQUFRLENBQUMsc0JBQXNCLEVBQUUsR0FBRyxFQUFFO0lBQ3BDLE1BQU0sSUFBSSxHQUFHO1FBQ1gsSUFBSSxFQUFFLGVBQWU7UUFDckIsSUFBSSxFQUFFLGVBQWU7UUFDckIsUUFBUSxFQUFFLGdCQUFnQjtRQUMxQixLQUFLLEVBQ0gsOEpBQThKO0tBQ2pLLENBQUM7SUFDRixNQUFNLFdBQVcsR0FBRyxVQUFVLENBQUM7SUFFL0IsRUFBRSxDQUFDLHNCQUFzQixFQUFFLEdBQUcsRUFBRTtRQUM5QixNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUMxQixvQkFBQyxrQkFBa0IsSUFBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxXQUFXLEdBQUksQ0FDeEUsQ0FBQztRQUVGLE1BQU0sQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMvQyxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxtRUFBbUUsRUFBRSxHQUFHLEVBQUU7UUFDM0UsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLE1BQU0sQ0FBQyxvQkFBQyxrQkFBa0IsT0FBRyxDQUFDLENBQUM7UUFFdkQsTUFBTSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN2RCxNQUFNLENBQUMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0QsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMseUNBQXlDLEVBQUUsR0FBRyxFQUFFO1FBQ2pELE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUNyQyxvQkFBQyxrQkFBa0IsSUFBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxXQUFXLEdBQUksQ0FDbkUsQ0FBQztRQUNGLE1BQU0sQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDM0MsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUMvQyxNQUFNLFNBQVMsR0FBRyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLGVBQWUsQ0FDL0IsS0FBSyxFQUNMLDhKQUE4SixDQUMvSixDQUFDO0lBQ0osQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -19,4 +19,4 @@ export declare const BylineBlockContent: import("styled-components").StyledCompo
|
|
|
19
19
|
export declare const BylineBlockAuthorContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
20
20
|
export declare const BylineBlockAuthorName: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
21
21
|
export declare const BylineBlockAuthorJobTitle: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
22
|
-
export declare const
|
|
22
|
+
export declare const BylineBlockDescription: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
@@ -114,9 +114,9 @@ export const BylineBlockAuthorJobTitle = styled.p `
|
|
|
114
114
|
color: #696969;
|
|
115
115
|
margin-block: 0;
|
|
116
116
|
`;
|
|
117
|
-
export const
|
|
117
|
+
export const BylineBlockDescription = styled.p `
|
|
118
118
|
color: #696969;
|
|
119
119
|
font-weight: 500;
|
|
120
120
|
margin-block: 0;
|
|
121
121
|
`;
|
|
122
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
122
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1oZWFkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDaEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUUsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQXlCOzs7OztpQkFLM0MsQ0FBQyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7Ozt1QkFHMUMsV0FBVyxDQUFDLE1BQU07Ozs7O3VCQUtsQixXQUFXLENBQUMsSUFBSTs7OztDQUl0QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7OztDQUl6QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sNEJBQTRCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7O0NBR3JELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBO1dBQ2xDLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVztpQkFDeEIsS0FBSyxDQUFDLFVBQVU7OztDQUdoQyxDQUFDO0FBRUYsTUFBTSxZQUFZLEdBQUcsR0FBRyxDQUFBO1dBQ2IsT0FBTyxDQUFDLFVBQVUsQ0FBQyxTQUFTO2lCQUN0QixLQUFLLENBQUMsVUFBVTs7O0NBR2hDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7O0NBSXpDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBaUM7SUFDbEUsWUFBWTtDQUNmLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTtJQUNqQyxZQUFZOztDQUVmLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTtzQkFDWCxPQUFPLENBQUMsVUFBVSxDQUFDLFNBQVM7OztDQUdqRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQUE7V0FDdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXO2lCQUN4QixLQUFLLENBQUMsUUFBUTs7Ozs7Ozt1QkFPUixXQUFXLENBQUMsTUFBTTs7Ozs7O0NBTXhDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Q0FFdEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Ozs7OztDQVM3QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7O0NBTWhELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7O0NBR3ZDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Q0FHM0MsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Q0FJakQsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUE7Ozs7Q0FJNUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHlCQUF5QixHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUE7OztDQUdoRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQTs7OztDQUk3QyxDQUFDIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.79.0",
|
|
4
4
|
"description": "Reuseable Typescript React Components ",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"dev": "dist/index.js",
|
|
@@ -50,17 +50,17 @@
|
|
|
50
50
|
"node": ">=8.9"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@times-components/button": "
|
|
54
|
-
"@times-components/date-publication": "
|
|
55
|
-
"@times-components/icons": "
|
|
56
|
-
"@times-components/image": "
|
|
57
|
-
"@times-components/link": "
|
|
58
|
-
"@times-components/provider": "
|
|
59
|
-
"@times-components/provider-queries": "
|
|
60
|
-
"@times-components/related-articles": "
|
|
61
|
-
"@times-components/ts-slices": "
|
|
62
|
-
"@times-components/ts-styleguide": "
|
|
63
|
-
"@times-components/utils": "
|
|
53
|
+
"@times-components/button": "2.10.17",
|
|
54
|
+
"@times-components/date-publication": "0.27.1",
|
|
55
|
+
"@times-components/icons": "2.20.17",
|
|
56
|
+
"@times-components/image": "6.15.10",
|
|
57
|
+
"@times-components/link": "3.14.1",
|
|
58
|
+
"@times-components/provider": "1.39.0",
|
|
59
|
+
"@times-components/provider-queries": "2.20.1",
|
|
60
|
+
"@times-components/related-articles": "6.17.21",
|
|
61
|
+
"@times-components/ts-slices": "1.8.22",
|
|
62
|
+
"@times-components/ts-styleguide": "1.47.0",
|
|
63
|
+
"@times-components/utils": "6.16.17",
|
|
64
64
|
"algoliasearch": "4.9.0",
|
|
65
65
|
"date-fns": "2.28.0",
|
|
66
66
|
"date-fns-tz": "1.3.3",
|
|
@@ -82,9 +82,9 @@
|
|
|
82
82
|
"@storybook/react": "6.5.16",
|
|
83
83
|
"@testing-library/jest-dom": "^5.12.0",
|
|
84
84
|
"@testing-library/react": "^12.1.2",
|
|
85
|
-
"@times-components/provider-test-tools": "
|
|
86
|
-
"@times-components/storybook": "
|
|
87
|
-
"@times-components/test-utils": "
|
|
85
|
+
"@times-components/provider-test-tools": "1.29.1",
|
|
86
|
+
"@times-components/storybook": "4.11.0",
|
|
87
|
+
"@times-components/test-utils": "2.4.1",
|
|
88
88
|
"@types/lodash.get": "4.4.6",
|
|
89
89
|
"@types/lodash.keyby": "4.6.6",
|
|
90
90
|
"@types/lodash.merge": "4.6.2",
|
|
@@ -113,5 +113,5 @@
|
|
|
113
113
|
"@testing-library/jest-dom/extend-expect"
|
|
114
114
|
]
|
|
115
115
|
},
|
|
116
|
-
"gitHead": "
|
|
116
|
+
"gitHead": "3706e3f5ec4e811105c886166f2b4cd72011f55d"
|
|
117
117
|
}
|