@times-components/ts-components 1.27.0 → 1.29.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 +30 -0
- package/dist/components/article-flag/ArticleFlag.js +3 -3
- package/dist/components/article-flag/LiveArticleFlag.d.ts +7 -2
- package/dist/components/article-flag/LiveArticleFlag.js +5 -5
- package/dist/components/in-article-puff/InArticlePuff.js +6 -5
- package/dist/components/in-article-puff/__tests__/InArticlePuff.test.js +11 -11
- package/dist/components/updated-timestamp/UpdatedTimestamp.d.ts +1 -0
- package/dist/components/updated-timestamp/UpdatedTimestamp.js +3 -3
- package/dist/components/updated-timestamp/__tests__/UpdatedTimestamp.test.js +6 -1
- package/dist/components/updated-timestamp/styles.d.ts +3 -1
- package/dist/components/updated-timestamp/styles.js +2 -2
- package/package.json +4 -4
- package/rnw.js +1 -1
- package/src/components/article-flag/ArticleFlag.tsx +3 -2
- package/src/components/article-flag/LiveArticleFlag.tsx +10 -7
- package/src/components/in-article-puff/InArticlePuff.tsx +5 -4
- package/src/components/in-article-puff/__tests__/InArticlePuff.test.tsx +10 -10
- package/src/components/updated-timestamp/UpdatedTimestamp.tsx +4 -3
- package/src/components/updated-timestamp/__tests__/UpdatedTimestamp.test.tsx +8 -0
- package/src/components/updated-timestamp/__tests__/__snapshots__/UpdatedTimestamp.test.tsx.snap +20 -0
- package/src/components/updated-timestamp/styles.ts +2 -2
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.29.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.28.1...@times-components/ts-components@1.29.0) (2022-04-05)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TDP-1639:** live flag analytics param renaming ([#2900](https://github.com/newsuk/times-components/issues/2900)) ([39099ab](https://github.com/newsuk/times-components/commit/39099ab577734ff2123c18aace8afc706faf3634))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [1.28.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.28.0...@times-components/ts-components@1.28.1) (2022-03-31)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @times-components/ts-components
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
# [1.28.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.27.0...@times-components/ts-components@1.28.0) (2022-03-31)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
### Features
|
|
29
|
+
|
|
30
|
+
* **TDP-1599:** live news updatedTimeStamp background contrast fix ([#2893](https://github.com/newsuk/times-components/issues/2893)) ([1f0a01e](https://github.com/newsuk/times-components/commit/1f0a01e24e96fa0c4d008d80596105e0262ad8d3))
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
6
36
|
# [1.27.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.26.2...@times-components/ts-components@1.27.0) (2022-03-30)
|
|
7
37
|
|
|
8
38
|
|
|
@@ -20,8 +20,8 @@ const flagsMapping = (override = '') => {
|
|
|
20
20
|
}
|
|
21
21
|
return new Map([
|
|
22
22
|
['NEW', React.createElement(NewArticleFlag, Object.assign({}, colourProp))],
|
|
23
|
-
['LIVE', React.createElement(LiveArticleFlag,
|
|
24
|
-
['BREAKING', React.createElement(BreakingArticleFlag,
|
|
23
|
+
['LIVE', React.createElement(LiveArticleFlag, Object.assign({}, colourProp))],
|
|
24
|
+
['BREAKING', React.createElement(BreakingArticleFlag, Object.assign({}, colourProp))],
|
|
25
25
|
['UPDATED', React.createElement(UpdatedArticleFlag, Object.assign({}, colourProp))],
|
|
26
26
|
['EXCLUSIVE', React.createElement(ExclusiveArticleFlag, Object.assign({}, colourProp))],
|
|
27
27
|
['SPONSORED', React.createElement(SponsoredArticleFlag, Object.assign({}, colourProp))],
|
|
@@ -48,4 +48,4 @@ const ArticleFlags = ({ flags = [], longRead = false, withContainer = false, col
|
|
|
48
48
|
};
|
|
49
49
|
export default ArticleFlag;
|
|
50
50
|
export { getActiveFlags, ArticleFlag, ArticleFlags, NewArticleFlag, UpdatedArticleFlag, ExclusiveArticleFlag, SponsoredArticleFlag, LongReadArticleFlag };
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUZsYWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLWZsYWcvQXJ0aWNsZUZsYWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3pFLE9BQU8sRUFDTCxvQkFBb0IsRUFDcEIsaUJBQWlCLEVBQ2pCLHdCQUF3QixFQUN4QixXQUFXLEVBQ1gsS0FBSyxFQUNMLGNBQWMsRUFDZixNQUFNLFVBQVUsQ0FBQztBQUNsQixPQUFPLGNBQWMsTUFBTSxrQkFBa0IsQ0FBQztBQUU5QyxNQUFNLFdBQVcsR0FBZ0QsQ0FBQyxFQUNoRSxLQUFLLEdBQUcsT0FBTyxDQUFDLFVBQVUsQ0FBQyxPQUFPLEVBQ2xDLEtBQUssRUFDTixFQUFFLEVBQUUsQ0FBQyxDQUNKLG9CQUFDLG9CQUFvQjtJQUNuQixvQkFBQyxpQkFBaUIsSUFBQyxLQUFLLEVBQUUsS0FBSyxHQUFJO0lBQ25DLG9CQUFDLHdCQUF3QixrQkFDWCxHQUFHLEtBQUssT0FBTyxFQUMzQixLQUFLLEVBQUUsS0FBSyxpQkFDQyxRQUFRLEtBQUssRUFBRSxJQUUzQixLQUFLLENBQUMsV0FBVyxFQUFFLENBQ0ssQ0FDTixDQUN4QixDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQWlDLENBQUMsRUFDcEQsS0FBSyxHQUFHLE9BQU8sQ0FBQyxVQUFVLENBQUMsY0FBYyxFQUMxQyxFQUFFLEVBQUUsQ0FBQyxvQkFBQyxXQUFXLElBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUMsS0FBSyxHQUFHLENBQUM7QUFFaEQsTUFBTSxrQkFBa0IsR0FBaUMsQ0FBQyxFQUN4RCxLQUFLLEdBQUcsT0FBTyxDQUFDLFVB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
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare const BaseLiveArticleFlag: React.FC<{
|
|
3
3
|
title: string;
|
|
4
|
+
timeStampTextColor?: string;
|
|
5
|
+
}>;
|
|
6
|
+
export declare const LiveArticleFlag: React.FC<{
|
|
7
|
+
color?: string;
|
|
8
|
+
}>;
|
|
9
|
+
export declare const BreakingArticleFlag: React.FC<{
|
|
10
|
+
color?: string;
|
|
4
11
|
}>;
|
|
5
|
-
export declare const LiveArticleFlag: React.FC;
|
|
6
|
-
export declare const BreakingArticleFlag: React.FC;
|
|
@@ -2,15 +2,15 @@ import React from 'react';
|
|
|
2
2
|
import { LiveArticleFlagContainer, LiveArticleFlagText, LiveFlagAndTimestampContainer, LiveArticleFlagIconContainer, LiveArticleFlagIcon } from './styles';
|
|
3
3
|
import { UpdatedTimestamp } from '../updated-timestamp/UpdatedTimestamp';
|
|
4
4
|
import { useUpdatedTime } from '../../helpers/time/UpdatedTimeProvider';
|
|
5
|
-
export const BaseLiveArticleFlag = ({ title }) => {
|
|
5
|
+
export const BaseLiveArticleFlag = ({ title, timeStampTextColor }) => {
|
|
6
6
|
const updatedTime = useUpdatedTime();
|
|
7
7
|
return (React.createElement(LiveFlagAndTimestampContainer, null,
|
|
8
8
|
React.createElement(LiveArticleFlagContainer, null,
|
|
9
9
|
React.createElement(LiveArticleFlagIconContainer, null,
|
|
10
10
|
React.createElement(LiveArticleFlagIcon, null)),
|
|
11
11
|
React.createElement(LiveArticleFlagText, null, title)),
|
|
12
|
-
React.createElement(UpdatedTimestamp, { updatedTime: updatedTime })));
|
|
12
|
+
React.createElement(UpdatedTimestamp, { updatedTime: updatedTime, color: timeStampTextColor })));
|
|
13
13
|
};
|
|
14
|
-
export const LiveArticleFlag = () => (React.createElement(BaseLiveArticleFlag, { title: "LIVE" }));
|
|
15
|
-
export const BreakingArticleFlag = () =>
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
export const LiveArticleFlag = ({ color }) => (React.createElement(BaseLiveArticleFlag, { timeStampTextColor: color, title: "LIVE" }));
|
|
15
|
+
export const BreakingArticleFlag = ({ color }) => React.createElement(BaseLiveArticleFlag, { timeStampTextColor: color, title: "BREAKING" });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGl2ZUFydGljbGVGbGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1mbGFnL0xpdmVBcnRpY2xlRmxhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCx3QkFBd0IsRUFDeEIsbUJBQW1CLEVBQ25CLDZCQUE2QixFQUM3Qiw0QkFBNEIsRUFDNUIsbUJBQW1CLEVBQ3BCLE1BQU0sVUFBVSxDQUFDO0FBQ2xCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUV4RSxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FHM0IsQ0FBQyxFQUFFLEtBQUssRUFBRSxrQkFBa0IsRUFBRSxFQUFFLEVBQUU7SUFDckMsTUFBTSxXQUFXLEdBQUcsY0FBYyxFQUFFLENBQUM7SUFFckMsT0FBTyxDQUNMLG9CQUFDLDZCQUE2QjtRQUM1QixvQkFBQyx3QkFBd0I7WUFDdkIsb0JBQUMsNEJBQTRCO2dCQUMzQixvQkFBQyxtQkFBbUIsT0FBRyxDQUNNO1lBQy9CLG9CQUFDLG1CQUFtQixRQUFFLEtBQUssQ0FBdUIsQ0FDekI7UUFDM0Isb0JBQUMsZ0JBQWdCLElBQUMsV0FBVyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsa0JBQWtCLEdBQUksQ0FDM0MsQ0FDakMsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBaUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUMxRSxvQkFBQyxtQkFBbUIsSUFBQyxrQkFBa0IsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFDLE1BQU0sR0FBRyxDQUNoRSxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQWlDLENBQUMsRUFDaEUsS0FBSyxFQUNOLEVBQUUsRUFBRSxDQUFDLG9CQUFDLG1CQUFtQixJQUFDLGtCQUFrQixFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUMsVUFBVSxHQUFHLENBQUMifQ==
|
|
@@ -13,18 +13,19 @@ const scrollEvent = {
|
|
|
13
13
|
event_navigation_browsing_method: 'scroll'
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
|
-
const clickEvent = (buttonLabel,
|
|
16
|
+
const clickEvent = (buttonLabel, flag) => ({
|
|
17
17
|
action: 'Clicked',
|
|
18
18
|
attrs: {
|
|
19
19
|
event_navigation_name: `button : ${buttonLabel}`,
|
|
20
20
|
event_navigation_browsing_method: 'click',
|
|
21
|
-
|
|
21
|
+
article_flag: flag
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
export const InArticlePuff = ({ sectionColour, forceImageAspectRatio, isLiveOrBreaking }) => {
|
|
25
|
+
const articleFlag = isLiveOrBreaking || 'no flag';
|
|
25
26
|
const handleClick = (fireAnalyticsEvent, buttonLabel) => {
|
|
26
27
|
fireAnalyticsEvent &&
|
|
27
|
-
fireAnalyticsEvent(clickEvent(buttonLabel,
|
|
28
|
+
fireAnalyticsEvent(clickEvent(buttonLabel, articleFlag));
|
|
28
29
|
};
|
|
29
30
|
const { loading, error, data } = useFetch();
|
|
30
31
|
if (loading) {
|
|
@@ -42,7 +43,7 @@ export const InArticlePuff = ({ sectionColour, forceImageAspectRatio, isLiveOrBr
|
|
|
42
43
|
component_type: 'in-article component : puff : interactive',
|
|
43
44
|
event_navigation_action: 'navigation',
|
|
44
45
|
component_name: `${headline}`,
|
|
45
|
-
|
|
46
|
+
article_flag: articleFlag
|
|
46
47
|
}
|
|
47
48
|
}, scrolledEvent: scrollEvent }, ({ fireAnalyticsEvent, intersectObserverRef }) => (React.createElement(Container, { ref: intersectObserverRef, sectionColour: sectionColour },
|
|
48
49
|
image ? (React.createElement(ImageContainer, null,
|
|
@@ -59,4 +60,4 @@ export const InArticlePuff = ({ sectionColour, forceImageAspectRatio, isLiveOrBr
|
|
|
59
60
|
} }))),
|
|
60
61
|
React.createElement(InArticleLink, { link: link, linkText: linkText || 'Read more', onClick: () => handleClick(fireAnalyticsEvent, linkText || 'Read more') }))))));
|
|
61
62
|
};
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5BcnRpY2xlUHVmZi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2luLWFydGljbGUtcHVmZi9JbkFydGljbGVQdWZmLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBSXRELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFFMUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNqRSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3hCLE1BQU0sZ0RBQWdELENBQUM7QUFFeEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDeEQsT0FBTyxFQUNMLFNBQVMsRUFDVCxjQUFjLEVBQ2QsZ0JBQWdCLEVBQ2hCLEtBQUssRUFDTCxRQUFRLEVBQ1IsSUFBSSxFQUNMLE1BQU0sVUFBVSxDQUFDO0FBZWxCLE1BQU0sV0FBVyxHQUFHO0lBQ2xCLEtBQUssRUFBRTtRQUNMLHFCQUFxQixFQUFFLHVDQUF1QztRQUM5RCxnQ0FBZ0MsRUFBRSxRQUFRO0tBQzNDO0NBQ0YsQ0FBQztBQUVGLE1BQU0sVUFBVSxHQUFHLENBQUMsV0FBbUIsRUFBRSxJQUFhLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDMUQsTUFBTSxFQUFFLFNBQVM7SUFDakIsS0FBSyxFQUFFO1FBQ0wscUJBQXFCLEVBQUUsWUFBWSxXQUFXLEVBQUU7UUFDaEQsZ0NBQWdDLEVBQUUsT0FBTztRQUN6QyxZQUFZLEVBQUUsSUFBSTtLQUNuQjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLGFBQWEs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
|
|
@@ -111,22 +111,22 @@ describe('InArticlePuff', () => {
|
|
|
111
111
|
event_navigation_action: 'navigation',
|
|
112
112
|
event_navigation_browsing_method: 'scroll',
|
|
113
113
|
event_navigation_name: 'in-article component displayed : puff',
|
|
114
|
-
section: 'section'
|
|
114
|
+
section: 'section',
|
|
115
|
+
article_flag: 'no flag'
|
|
115
116
|
}
|
|
116
117
|
});
|
|
117
118
|
});
|
|
118
119
|
it('fires click event when Read more clicked', () => {
|
|
119
|
-
mockIsLiveOrBreakingFlag = 'live';
|
|
120
120
|
useFetch.mockReturnValue(deckApiPayloadWrapper(optionalFields));
|
|
121
121
|
const { getByText } = render(React.createElement(TrackingContextProvider, { context: {
|
|
122
122
|
component: 'ArticleSkeleton',
|
|
123
123
|
attrs: {
|
|
124
124
|
articleHeadline: 'articleHeadline',
|
|
125
125
|
section: 'section',
|
|
126
|
-
|
|
126
|
+
article_flag: 'live'
|
|
127
127
|
}
|
|
128
128
|
}, analyticsStream: analyticsStream },
|
|
129
|
-
React.createElement(InArticlePuff,
|
|
129
|
+
React.createElement(InArticlePuff, { sectionColour: "yellow", isLiveOrBreaking: 'live' })));
|
|
130
130
|
fireEvent.click(getByText('Read the full article'));
|
|
131
131
|
expect(analyticsStream).toHaveBeenCalledTimes(1);
|
|
132
132
|
expect(analyticsStream).toHaveBeenCalledWith({
|
|
@@ -142,22 +142,21 @@ describe('InArticlePuff', () => {
|
|
|
142
142
|
event_navigation_browsing_method: 'click',
|
|
143
143
|
event_navigation_name: 'button : Read the full article',
|
|
144
144
|
section: 'section',
|
|
145
|
-
|
|
145
|
+
article_flag: 'live'
|
|
146
146
|
}
|
|
147
147
|
});
|
|
148
148
|
});
|
|
149
149
|
it('fires click event when headline clicked', () => {
|
|
150
|
-
mockIsLiveOrBreakingFlag = 'breaking';
|
|
151
150
|
useFetch.mockReturnValue(deckApiPayloadWrapper(optionalFields));
|
|
152
151
|
const { getByText } = render(React.createElement(TrackingContextProvider, { context: {
|
|
153
152
|
component: 'ArticleSkeleton',
|
|
154
153
|
attrs: {
|
|
155
154
|
articleHeadline: 'articleHeadline',
|
|
156
155
|
section: 'section',
|
|
157
|
-
|
|
156
|
+
article_flag: 'breaking'
|
|
158
157
|
}
|
|
159
158
|
}, analyticsStream: analyticsStream },
|
|
160
|
-
React.createElement(InArticlePuff,
|
|
159
|
+
React.createElement(InArticlePuff, { sectionColour: "yellow", isLiveOrBreaking: 'breaking' })));
|
|
161
160
|
fireEvent.click(getByText('Where can I get a Covid vaccine in England?'));
|
|
162
161
|
expect(analyticsStream).toHaveBeenCalledTimes(1);
|
|
163
162
|
expect(analyticsStream).toHaveBeenCalledWith({
|
|
@@ -173,7 +172,7 @@ describe('InArticlePuff', () => {
|
|
|
173
172
|
event_navigation_browsing_method: 'click',
|
|
174
173
|
event_navigation_name: 'button : headline',
|
|
175
174
|
section: 'section',
|
|
176
|
-
|
|
175
|
+
article_flag: 'breaking'
|
|
177
176
|
}
|
|
178
177
|
});
|
|
179
178
|
});
|
|
@@ -201,10 +200,11 @@ describe('InArticlePuff', () => {
|
|
|
201
200
|
event_navigation_action: 'navigation',
|
|
202
201
|
event_navigation_browsing_method: 'click',
|
|
203
202
|
event_navigation_name: 'button : image',
|
|
204
|
-
section: 'section'
|
|
203
|
+
section: 'section',
|
|
204
|
+
article_flag: 'no flag'
|
|
205
205
|
}
|
|
206
206
|
});
|
|
207
207
|
});
|
|
208
208
|
});
|
|
209
209
|
});
|
|
210
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
210
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5BcnRpY2xlUHVmZi50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW4tYXJ0aWNsZS1wdWZmL19fdGVzdHNfXy9JbkFydGljbGVQdWZmLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNwRSxPQUFPLDJCQUEyQixDQUFDO0FBRW5DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUVoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDNUYsT0FBTyx3QkFBd0IsTUFBTSw4Q0FBOEMsQ0FBQztBQUVwRixPQUFPLFFBQVEsTUFBTSxVQUFVLENBQUM7QUFFaEMsSUFBSSxDQUFDLElBQUksQ0FBQyx5QkFBeUIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQzFDLFdBQVcsRUFBRSxHQUFHLEVBQUUsQ0FBQywrQ0FBc0I7Q0FDMUMsQ0FBQyxDQUFDLENBQUM7QUFFSixJQUFJLENBQUMsSUFBSSxDQUFDLHlCQUF5QixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDMUMsa0JBQWtCLEVBQUUsQ0FBQyxLQUFVLEVBQUUsRUFBRSxDQUFDLENBQ2xDLDJDQUFLLFNBQVMsRUFBQyxvQkFBb0IsSUFBSyxLQUFLLHdCQUV2QyxDQUNQO0NBQ0YsQ0FBQyxDQUFDLENBQUM7QUFFSixJQUFJLENBQUMsSUFBSSxDQUFDLHNDQUFzQyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDdkQsUUFBUSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUU7Q0FDcEIsQ0FBQyxDQUFDLENBQUM7QUFFSixNQUFNLHFC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
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { differenceInSeconds, format, formatDistanceStrict } from 'date-fns';
|
|
3
3
|
import { Container, TimeSinceUpdate } from './styles';
|
|
4
|
-
export const UpdatedTimestamp = ({ updatedTime }) => {
|
|
4
|
+
export const UpdatedTimestamp = ({ updatedTime, color }) => {
|
|
5
5
|
if (!updatedTime) {
|
|
6
6
|
return null;
|
|
7
7
|
}
|
|
@@ -13,9 +13,9 @@ export const UpdatedTimestamp = ({ updatedTime }) => {
|
|
|
13
13
|
const diffInSeconds = differenceInSeconds(currentDateTime, updatedDate);
|
|
14
14
|
const isLessThan1Minute = diffInSeconds < 60;
|
|
15
15
|
const isLessThan13Hours = diffInSeconds < 60 * 60 * 13;
|
|
16
|
-
return (React.createElement(Container, null, !isLessThan1Minute && isLessThan13Hours ? (React.createElement(TimeSinceUpdate, { "data-testId": "MinutesHoursSinceUpdate" }, `Updated ${timeSincePublishing}`)) : !isLessThan13Hours ? (React.createElement(TimeSinceUpdate, { "data-testId": "DateTimeUpdated" },
|
|
16
|
+
return (React.createElement(Container, null, !isLessThan1Minute && isLessThan13Hours ? (React.createElement(TimeSinceUpdate, { color: color, "data-testId": "MinutesHoursSinceUpdate" }, `Updated ${timeSincePublishing}`)) : !isLessThan13Hours ? (React.createElement(TimeSinceUpdate, { color: color, "data-testId": "DateTimeUpdated" },
|
|
17
17
|
`Updated `,
|
|
18
18
|
format(updatedDate, 'MMMM d, '),
|
|
19
19
|
format(updatedDate, 'h.mmaaa'))) : null));
|
|
20
20
|
};
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXBkYXRlZFRpbWVzdGFtcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3VwZGF0ZWQtdGltZXN0YW1wL1VwZGF0ZWRUaW1lc3RhbXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxFQUFFLG9CQUFvQixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRTdFLE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRXRELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUd4QixDQUFDLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUU7SUFDOUIsSUFBSSxDQUFDLFdBQVcsRUFBRTtRQUNoQixPQUFPLElBQUksQ0FBQztLQUNiO0lBQ0QsTUFBTSxlQUFlLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQztJQUNuQyxNQUFNLFdBQVcsR0FBRyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUMxQyxNQUFNLG1CQUFtQixHQUN2QixvQkFBb0IsQ0FBQyxXQUFXLEVBQUUsZUFBZSxFQUFFO1FBQ2pELGNBQWMsRUFBRSxPQUFPO0tBQ3hCLENBQUMsR0FBRyxNQUFNLENBQUM7SUFDZCxNQUFNLGFBQWEsR0FBRyxtQkFBbUIsQ0FBQyxlQUFlLEVBQUUsV0FBVyxDQUFDLENBQUM7SUFFeEUsTUFBTSxpQkFBaUIsR0FBRyxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQzdDLE1BQU0saUJBQWlCLEdBQUcsYUFBYSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDO0lBRXZELE9BQU8sQ0FDTCxvQkFBQyxTQUFTLFFBQ1AsQ0FBQyxpQkFBaUIsSUFBSSxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsQ0FDekMsb0JBQUMsZUFBZSxJQUFDLEtBQUssRUFBRSxLQUFLLGlCQUFjLHlCQUF5QixJQUNqRSxXQUFXLG1CQUFtQixFQUFFLENBQ2pCLENBQ25CLENBQUMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLENBQ3ZCLG9CQUFDLGVBQWUsSUFBQyxLQUFLLEVBQUUsS0FBSyxpQkFBYyxpQkFBaUI7UUFDekQsVUFBVTtRQUNWLE1BQU0sQ0FBQyxXQUFXLEVBQUUsVUFBVSxDQUFDO1FBQy9CLE1BQU0sQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQ2YsQ0FDbkIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUNFLENBQ2IsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
|
@@ -30,5 +30,10 @@ describe('UpdatedTimestamp', () => {
|
|
|
30
30
|
expect(queryByTestId('DateTimeUpdated')).toBeTruthy();
|
|
31
31
|
expect(queryByTestId('DateTimeUpdated').textContent).toBe('Updated February 28, 9.00am');
|
|
32
32
|
});
|
|
33
|
+
it('shows timestamp with an overrided color', () => {
|
|
34
|
+
MockDate.set('2022-02-28T23:30:00Z');
|
|
35
|
+
const { baseElement } = render(React.createElement(UpdatedTimestamp, { updatedTime: updated, color: 'yellow' }));
|
|
36
|
+
expect(baseElement).toMatchSnapshot();
|
|
37
|
+
});
|
|
33
38
|
});
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXBkYXRlZFRpbWVzdGFtcC50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXBkYXRlZC10aW1lc3RhbXAvX190ZXN0c19fL1VwZGF0ZWRUaW1lc3RhbXAudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRCxPQUFPLDJCQUEyQixDQUFDO0FBRW5DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sUUFBUSxNQUFNLFVBQVUsQ0FBQztBQUVoQyxRQUFRLENBQUMsa0JBQWtCLEVBQUUsR0FBRyxFQUFFO0lBQ2hDLE1BQU0sT0FBTyxHQUFHLHNCQUFzQixDQUFDO0lBQ3ZDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUVsQyxFQUFFLENBQUMsMkVBQTJFLEVBQUUsR0FBRyxFQUFFO1FBQ25GLFFBQVEsQ0FBQyxHQUFHLENBQUMsc0JBQXNCLENBQUMsQ0FBQztRQUNyQyxNQUFNLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxHQUFHLE1BQU0sQ0FDM0Msb0JBQUMsZ0JBQWdCLElBQUMsV0FBVyxFQUFFLE9BQU8sR0FBSSxDQUMzQyxDQUFDO1FBQ0YsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3RDLE1BQU0sQ0FBQyxhQUFhLENBQUMseUJBQXlCLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQy9ELENBQUMsQ0FBQyxDQUFDO0lBQ0gsRUFBRSxDQUFDLDBDQUEwQyxFQUFFLEdBQUcsRUFBRTtRQUNsRCxRQUFRLENBQUMsR0FBRyxDQUFDLHNCQUFzQixDQUFDLENBQUM7UUFDckMsTUFBTSxFQUFFLGFBQWEsRUFBRSxHQUFHLE1BQU0sQ0FDOUIsb0JBQUMsZ0JBQWdCLElBQUMsV0FBVyxFQUFFLE9BQU8sR0FBSSxDQUMzQyxDQUFDO1FBQ0YsTUFBTSxDQUFDLGFBQWEsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDOUQsTUFBTSxDQUFDLGFBQWEsQ0FBQyx5QkFBeUIsQ0FBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLElBQUksQ0FDaEUsc0JBQXNCLENBQ3ZCLENBQUM7SUFDSixDQUFDLENBQUMsQ0FBQztJQUNILEVBQUUsQ0FBQyxzREFBc0QsRUFBRSxHQUFHLEVBQUU7UUFDOUQsUUFBUSxDQUFDLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO1FBQ3JDLE1BQU0sRUFBRSxhQUFhLEVBQUUsR0FBRyxNQUFNLENBQzlCLG9CQUFDLGdCQUFnQixJQUFDLFdBQVcsRUFBRSxPQUFPLEdBQUksQ0FDM0MsQ0FBQztRQUNGLE1BQU0sQ0FBQyxhQUFhLENBQUMseUJBQXlCLENBQUMsQ0FBQyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQzlELE1BQU0sQ0FBQyxhQUFhLENBQUMseUJBQXlCLENBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxJQUFJLENBQ2hFLHFCQUFxQixDQUN0QixDQUFDO0lBQ0osQ0FBQyxDQUFDLENBQUM7SUFDSCxFQUFFLENBQUMsMEVBQTBFLEVBQUUsR0FBRyxFQUFFO1FBQ2xGLFFBQVEsQ0FBQyxHQUFHLENBQUMsc0JBQXNCLENBQUMsQ0FBQztRQUNyQyxNQUFNLEVBQUUsYUFBYSxFQUFFLEdBQUcsTUFBTSxDQUM5QixvQkFBQyxnQkFBZ0IsSUFBQyxXQUFXLEVBQUUsT0FBTyxHQUFJLENBQzNDLENBQUM7UUFDRixNQUFNLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUN0RCxNQUFNLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsSUFBSSxDQUN4RCw2QkFBNkIsQ0FDOUIsQ0FBQztJQUNKLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLHlDQUF5QyxFQUFFLEdBQUcsRUFBRTtRQUNqRCxRQUFRLENBQUMsR0FBRyxDQUFDLHNCQUFzQixDQUFDLENBQUM7UUFDckMsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLE1BQU0sQ0FDNUIsb0JBQUMsZ0JBQWdCLElBQUMsV0FBVyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxHQUFJLENBQzVELENBQUM7UUFDRixNQUFNLENBQUMsV0FBVyxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDeEMsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
export declare const TimeSinceUpdate: import("styled-components").StyledComponent<"div", any, {
|
|
2
|
+
export declare const TimeSinceUpdate: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
color?: string | undefined;
|
|
4
|
+
}, never>;
|
|
@@ -6,9 +6,9 @@ export const Container = styled.div `
|
|
|
6
6
|
padding: 3px 0 0 8px;
|
|
7
7
|
`;
|
|
8
8
|
export const TimeSinceUpdate = styled.div `
|
|
9
|
-
color: ${colours.functional.primary};
|
|
9
|
+
color: ${({ color }) => color || colours.functional.primary};
|
|
10
10
|
font-family: ${fonts.supporting};
|
|
11
11
|
font-size: 12px;
|
|
12
12
|
line-height: 16px;
|
|
13
13
|
`;
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXBkYXRlZC10aW1lc3RhbXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFOUQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Q0FJbEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFvQjtXQUNsRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLEtBQUssSUFBSSxPQUFPLENBQUMsVUFBVSxDQUFDLE9BQU87aUJBQzVDLEtBQUssQ0FBQyxVQUFVOzs7Q0FHaEMsQ0FBQyJ9
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.29.0",
|
|
4
4
|
"description": "Reuseable Typescript React Components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"dev": "dist/index.js",
|
|
@@ -50,14 +50,14 @@
|
|
|
50
50
|
"node": ">=8.9"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@times-components/button": "2.
|
|
53
|
+
"@times-components/button": "2.5.0",
|
|
54
54
|
"@times-components/date-publication": "0.22.1",
|
|
55
55
|
"@times-components/icons": "2.16.11",
|
|
56
56
|
"@times-components/image": "6.9.0",
|
|
57
57
|
"@times-components/link": "3.7.0",
|
|
58
58
|
"@times-components/provider": "1.30.3",
|
|
59
59
|
"@times-components/provider-queries": "2.15.3",
|
|
60
|
-
"@times-components/related-articles": "6.7.
|
|
60
|
+
"@times-components/related-articles": "6.7.3",
|
|
61
61
|
"@times-components/styleguide": "3.38.30",
|
|
62
62
|
"@times-components/ts-slices": "1.3.1",
|
|
63
63
|
"@times-components/utils": "6.6.0",
|
|
@@ -118,5 +118,5 @@
|
|
|
118
118
|
"@testing-library/jest-dom/extend-expect"
|
|
119
119
|
]
|
|
120
120
|
},
|
|
121
|
-
"gitHead": "
|
|
121
|
+
"gitHead": "431366a1e084a2a86eaa8425161023b29313f338"
|
|
122
122
|
}
|