@times-components/ts-components 1.22.3 → 1.25.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 +38 -0
- package/dist/components/article-flag/LiveArticleFlag.js +5 -5
- package/dist/components/article-flag/styles.d.ts +4 -3
- package/dist/components/article-flag/styles.js +40 -21
- package/dist/components/article-header/ArticleHeader.js +11 -2
- package/dist/helpers/fetch/__tests__/FetchProvider.test.js +2 -3
- package/package.json +5 -5
- package/rnw.js +1 -1
- package/src/components/article-flag/LiveArticleFlag.tsx +7 -6
- package/src/components/article-flag/__tests__/__snapshots__/ArticleFlag.test.tsx.snap +100 -100
- package/src/components/article-flag/__tests__/__snapshots__/LiveArticleFlag.test.tsx.snap +33 -33
- package/src/components/article-flag/styles.ts +44 -23
- package/src/components/article-header/ArticleHeader.tsx +10 -2
- package/src/components/article-header/__tests__/__snapshots__/ArticleHeader.test.tsx.snap +14 -11
- package/src/helpers/fetch/__tests__/FetchProvider.test.tsx +1 -3
- package/src/helpers/fetch/__tests__/__snapshots__/FetchProvider.test.tsx.snap +0 -8
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,44 @@
|
|
|
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.25.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.24.0...@times-components/ts-components@1.25.0) (2022-03-16)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **TDP-000:** fix live flag styling ([#2881](https://github.com/newsuk/times-components/issues/2881)) ([b304127](https://github.com/newsuk/times-components/commit/b304127759ec7cf4850e7a8f95bfca118bb4b022))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Features
|
|
15
|
+
|
|
16
|
+
* **TDP-1452:** updated live blog schema to have live blog updates ([#2878](https://github.com/newsuk/times-components/issues/2878)) ([290fdb7](https://github.com/newsuk/times-components/commit/290fdb7ab28c1ffce8ca7c09c59c0e541fa83448))
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
# [1.24.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.23.0...@times-components/ts-components@1.24.0) (2022-03-15)
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### Features
|
|
26
|
+
|
|
27
|
+
* **TDP-756:** live flag animation ([#2879](https://github.com/newsuk/times-components/issues/2879)) ([110ff58](https://github.com/newsuk/times-components/commit/110ff58ff303ebb5ba7786ed73fa779bfabcc2a3))
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
# [1.23.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.22.3...@times-components/ts-components@1.23.0) (2022-03-14)
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
### Features
|
|
37
|
+
|
|
38
|
+
* **TDP-1472:** Small changes to Live/Breaking flag UI ([#2876](https://github.com/newsuk/times-components/issues/2876)) ([e3871da](https://github.com/newsuk/times-components/commit/e3871da50cd3d8f52911e894418dff1245849234))
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
6
44
|
## [1.22.3](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.22.2...@times-components/ts-components@1.22.3) (2022-03-09)
|
|
7
45
|
|
|
8
46
|
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { LiveArticleFlagContainer,
|
|
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
5
|
export const BaseLiveArticleFlag = ({ title }) => {
|
|
6
6
|
const updatedTime = useUpdatedTime();
|
|
7
7
|
return (React.createElement(LiveFlagAndTimestampContainer, null,
|
|
8
8
|
React.createElement(LiveArticleFlagContainer, null,
|
|
9
|
-
React.createElement(
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
React.createElement(LiveArticleFlagIconContainer, null,
|
|
10
|
+
React.createElement(LiveArticleFlagIcon, null)),
|
|
11
|
+
React.createElement(LiveArticleFlagText, null, title)),
|
|
12
12
|
React.createElement(UpdatedTimestamp, { updatedTime: updatedTime })));
|
|
13
13
|
};
|
|
14
14
|
export const LiveArticleFlag = () => (React.createElement(BaseLiveArticleFlag, { title: "LIVE" }));
|
|
15
15
|
export const BreakingArticleFlag = () => (React.createElement(BaseLiveArticleFlag, { title: "BREAKING" }));
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGl2ZUFydGljbGVGbGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1mbGFnL0xpdmVBcnRpY2xlRmxhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCx3QkFBd0IsRUFDeEIsbUJBQW1CLEVBQ25CLDZCQUE2QixFQUM3Qiw0QkFBNEIsRUFDNUIsbUJBQW1CLEVBQ3BCLE1BQU0sVUFBVSxDQUFDO0FBQ2xCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUV4RSxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBZ0MsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUU7SUFDNUUsTUFBTSxXQUFXLEdBQUcsY0FBYyxFQUFFLENBQUM7SUFFckMsT0FBTyxDQUNMLG9CQUFDLDZCQUE2QjtRQUM1QixvQkFBQyx3QkFBd0I7WUFDdkIsb0JBQUMsNEJBQTRCO2dCQUMzQixvQkFBQyxtQkFBbUIsT0FBRyxDQUNNO1lBQy9CLG9CQUFDLG1CQUFtQixRQUFFLEtBQUssQ0FBdUIsQ0FDekI7UUFDM0Isb0JBQUMsZ0JBQWdCLElBQUMsV0FBVyxFQUFFLFdBQVcsR0FBSSxDQUNoQixDQUNqQyxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFhLEdBQUcsRUFBRSxDQUFDLENBQzdDLG9CQUFDLG1CQUFtQixJQUFDLEtBQUssRUFBQyxNQUFNLEdBQUcsQ0FDckMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFhLEdBQUcsRUFBRSxDQUFDLENBQ2pELG9CQUFDLG1CQUFtQixJQUFDLEtBQUssRUFBQyxVQUFVLEdBQUcsQ0FDekMsQ0FBQyJ9
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { FlagType } from './ArticleFlag';
|
|
2
|
+
export declare const LiveArticleFlagContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
+
export declare const LiveArticleFlagText: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
4
|
+
export declare const LiveArticleFlagIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
+
export declare const LiveArticleFlagIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
6
|
export declare const ArticleFlagContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
7
|
export declare const LiveFlagAndTimestampContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
-
export declare const LiveArticleFlagContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
8
|
export declare const ArticleFlagBullet: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
-
export declare const LiveIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
9
|
export declare const ArticleFlagTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
|
-
export declare const LiveArticleFlagText: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
9
10
|
export declare const FlagPadding: import("styled-components").StyledComponent<"div", any, {
|
|
10
11
|
allFlags: FlagType;
|
|
11
12
|
}, never>;
|
|
@@ -1,6 +1,44 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
1
|
+
import styled, { keyframes } from 'styled-components';
|
|
2
2
|
import { fonts } from '@times-components/styleguide';
|
|
3
3
|
import { gqlRgbaToStyle } from '@times-components/utils';
|
|
4
|
+
export const LiveArticleFlagContainer = styled.div `
|
|
5
|
+
background-color: #9f0000;
|
|
6
|
+
height: 24px;
|
|
7
|
+
padding: 7px 7px 7px 9px;
|
|
8
|
+
display: flex;
|
|
9
|
+
flex-direction: row;
|
|
10
|
+
width: fit-content;
|
|
11
|
+
`;
|
|
12
|
+
export const LiveArticleFlagText = styled.span `
|
|
13
|
+
font-family: ${fonts.supporting};
|
|
14
|
+
color: #ffffff;
|
|
15
|
+
font-weight: 500;
|
|
16
|
+
font-size: 12px;
|
|
17
|
+
letter-spacing: 0.1em;
|
|
18
|
+
`;
|
|
19
|
+
const flashing = keyframes `
|
|
20
|
+
0% {
|
|
21
|
+
background-color: #ffffff;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
50% {
|
|
25
|
+
background-color: #9f0000;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
100% {
|
|
29
|
+
background-color: #ffffff;
|
|
30
|
+
}`;
|
|
31
|
+
export const LiveArticleFlagIconContainer = styled.div `
|
|
32
|
+
height: 100%;
|
|
33
|
+
display: flex;
|
|
34
|
+
align-items: center;
|
|
35
|
+
margin-right: 7px;
|
|
36
|
+
`;
|
|
37
|
+
export const LiveArticleFlagIcon = styled.div `
|
|
38
|
+
height: 6px;
|
|
39
|
+
width: 6px;
|
|
40
|
+
animation: ${flashing} 2000ms infinite;
|
|
41
|
+
`;
|
|
4
42
|
export const ArticleFlagContainer = styled.div `
|
|
5
43
|
display: flex;
|
|
6
44
|
align-items: center;
|
|
@@ -11,23 +49,12 @@ export const LiveFlagAndTimestampContainer = styled.div `
|
|
|
11
49
|
align-items: center;
|
|
12
50
|
flex-direction: row;
|
|
13
51
|
`;
|
|
14
|
-
export const LiveArticleFlagContainer = styled.div `
|
|
15
|
-
display: flex;
|
|
16
|
-
padding: 2px 6px;
|
|
17
|
-
background-color: #9f0000;
|
|
18
|
-
align-items: baseline;
|
|
19
|
-
`;
|
|
20
52
|
export const ArticleFlagBullet = styled.div `
|
|
21
53
|
border-radius: 2.5px;
|
|
22
54
|
height: 5px;
|
|
23
55
|
width: 5px;
|
|
24
56
|
background-color: ${({ color }) => gqlRgbaToStyle(color) || color};
|
|
25
57
|
`;
|
|
26
|
-
export const LiveIconContainer = styled.div `
|
|
27
|
-
margin-right: 8px;
|
|
28
|
-
color: #ffffff;
|
|
29
|
-
align-self: self-start;
|
|
30
|
-
`;
|
|
31
58
|
export const ArticleFlagTextContainer = styled.div `
|
|
32
59
|
font-family: TimesDigitalW04-RegularSC;
|
|
33
60
|
font-size: 12px;
|
|
@@ -37,14 +64,6 @@ export const ArticleFlagTextContainer = styled.div `
|
|
|
37
64
|
margin-left: 5px;
|
|
38
65
|
color: ${({ color }) => gqlRgbaToStyle(color) || color};
|
|
39
66
|
`;
|
|
40
|
-
export const LiveArticleFlagText = styled.span `
|
|
41
|
-
font-family: ${fonts.supporting};
|
|
42
|
-
color: #ffffff;
|
|
43
|
-
font-weight: 500;
|
|
44
|
-
font-size: 12px;
|
|
45
|
-
letter-spacing: 0.1em;
|
|
46
|
-
line-height: 16px;
|
|
47
|
-
`;
|
|
48
67
|
export const FlagPadding = styled.div `
|
|
49
68
|
margin-right: ${({ allFlags }) => (allFlags.length > 1 ? '15px' : 0)};
|
|
50
69
|
`;
|
|
@@ -58,4 +77,4 @@ export const FlagsContainer = styled.div `
|
|
|
58
77
|
margin-bottom: 15px;
|
|
59
78
|
margin-top: 5px;
|
|
60
79
|
`;
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1mbGFnL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFekQsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7OztDQU9qRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQTtpQkFDN0IsS0FBSyxDQUFDLFVBQVU7Ozs7O0NBS2hDLENBQUM7QUFFRixNQUFNLFFBQVEsR0FBRyxTQUFTLENBQUE7Ozs7Ozs7Ozs7O0lBV3RCLENBQUM7QUFFTCxNQUFNLENBQUMsTUFBTSw0QkFBNEIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7OztDQUtyRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7O2VBRzlCLFFBQVE7Q0FDdEIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Q0FJN0MsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLDZCQUE2QixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Q0FJdEQsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7c0JBSXJCLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLEtBQUs7Q0FDbEUsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Ozs7V0FPdkMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLElBQUksS0FBSztDQUN2RCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQXdCO2tCQUMzQyxDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0NBQ3JFLENBQUM7QUFDRixNQUFNLENBQUMsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7Q0FLOUIsQ0FBQztBQUNGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Q0FHdkMsQ0FBQyJ9
|
|
@@ -10,14 +10,23 @@ const ArticleHeader = ({ updated, breaking, headline }) => {
|
|
|
10
10
|
roundingMethod: 'floor'
|
|
11
11
|
}) + ' ago';
|
|
12
12
|
const diffInSeconds = differenceInSeconds(currentDateTime, updatedDate);
|
|
13
|
+
const anchorString = (updateTxt = '', headlineTxt = '') => {
|
|
14
|
+
const onlyNumbersReg = /\D+/g;
|
|
15
|
+
const onlyNumbers = updateTxt.replace(onlyNumbersReg, '');
|
|
16
|
+
const acronymReg = /\b(\w)/g;
|
|
17
|
+
const acronymMatch = headlineTxt.match(acronymReg);
|
|
18
|
+
const acronym = acronymMatch === null ? '' : acronymMatch.join('');
|
|
19
|
+
return `u_${onlyNumbers}${acronym}`;
|
|
20
|
+
};
|
|
13
21
|
const isLessThan1Minute = diffInSeconds < 60;
|
|
14
22
|
const isLessThan1Hour = diffInSeconds < 60 * 60;
|
|
15
23
|
const isLessThan13Hours = diffInSeconds < 60 * 60 * 13;
|
|
16
24
|
const isDaysAgo = differenceInCalendarDays(currentDateTime, updatedDate) >= 1;
|
|
25
|
+
const anchorPoint = anchorString(updated, headline);
|
|
17
26
|
const isBreaking = breaking
|
|
18
27
|
? Boolean(breaking.toLowerCase() === 'true')
|
|
19
28
|
: false;
|
|
20
|
-
return (React.createElement(Container, { isBreaking: isBreaking && isLessThan1Hour },
|
|
29
|
+
return (React.createElement(Container, { isBreaking: isBreaking && isLessThan1Hour, id: anchorPoint },
|
|
21
30
|
React.createElement(UpdatesContainer, null,
|
|
22
31
|
React.createElement(UpdatedTimeItems, null,
|
|
23
32
|
isBreaking && isLessThan1Hour ? (React.createElement(FlagContainer, null,
|
|
@@ -30,4 +39,4 @@ const ArticleHeader = ({ updated, breaking, headline }) => {
|
|
|
30
39
|
headline && React.createElement(Headline, null, safeDecodeURIComponent(headline))));
|
|
31
40
|
};
|
|
32
41
|
export default ArticleHeader;
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtaGVhZGVyL0FydGljbGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsTUFBTSxFQUNOLG1CQUFtQixFQUNuQix3QkFBd0IsRUFDeEIsb0JBQW9CLEVBQ3JCLE1BQU0sVUFBVSxDQUFDO0FBRWxCLE9BQU8sRUFDTCxTQUFTLEVBQ1QsT0FBTyxFQUNQLFFBQVEsRUFDUixtQkFBbUIsRUFDbkIsNEJBQTRCLEVBQzVCLFdBQVcsRUFDWCxXQUFXLEVBQ1gsZ0JBQWdCLEVBQ2hCLGdCQUFnQixFQUNoQixhQUFhLEVBQ2QsTUFBTSxVQUFVLENBQUM7QUFDbEIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEUsT0FBTyxzQkFBc0IsTUFBTSxvQ0FBb0MsQ0FBQztBQUV4RSxNQUFNLGFBQWEsR0FJZCxDQUFDLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQ3ZDLE1BQU0sZUFBZSxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7SUFDbkMsTUFBTSxXQUFXLEdBQUcsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDdEMsTUFBTSxtQkFBbUIsR0FDdkIsb0JBQW9CLENBQUMsV0FBVyxFQUFFLGVBQWUsRUFBRTtRQUNqRCxjQUFjLEVBQUUsT0FBTztLQUN4QixDQUFDLEdBQUcsTUFBTSxDQUFDO0lBQ2QsTUFBTSxhQUFhLEdBQUcsbUJBQW1CLENBQUMsZUFBZSxFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBQ3hFLE1BQU0sWUFBWSxHQUFHLENBQUMsU0FBUyxHQUFHLEVBQUUsRUFBRSxXQUFXLEdBQUcsRUFBRSxFQUFFLEVBQUU7UUFDeEQsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDO1FBQzlCLE1BQU0sV0FBVyxHQUFHLFNBQVMsQ0FBQyxPQUFPLENBQUMsY0FBYyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzFELE1BQU0sVUFBVSxHQUFHLFNBQVMsQ0FBQztRQUM3QixNQUFNLFlBQVksR0FBRyxXQUFXLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ25ELE1BQU0sT0FBTyxHQUFHLFlBQVksS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNuRSxPQUFPLEtBQUssV0FBVyxHQUFHLE9BQU8sRUFBRSxDQUFDO0lBQ3RDLENBQUMsQ0FBQztJQUVGLE1BQU0saUJBQWlCLEdBQUcsYUFBYSxHQUFHLEVBQUUsQ0FBQztJQUM3QyxNQUFNLGVBQWUsR0FBRyxhQUFhLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUNoRCxNQUFNLGlCQUFpQixHQUFHLGFBQWEsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUN2RCxNQUFNLFNBQVMsR0FBRyx3QkFBd0IsQ0FBQyxlQUFlLEVBQUUsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlFLE1BQU0sV0FBVyxHQUFHLFlBQVksQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDcEQsTUFBTSxVQUFVLEdBQUcsUUFBUTtRQUN6QixDQUFDLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsS0FBSyxNQUFNLENBQUM7UUFDNUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUVWLE9BQU8sQ0FDTCxvQkFBQyxTQUFTLElBQUMsVUFBVSxFQUFFLFVBQVUsSUFBSSxlQUFlLEVBQUUsRUFBRSxFQUFFLFdBQVc7UUFDbkUsb0JBQUMsZ0JBQWdCO1lBQ2Ysb0JBQUMsZ0JBQWdCO2dCQUNkLFVBQVUsSUFBSSxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQy9CLG9CQUFDLGFBQWE7b0JBQ1osb0JBQUMsbUJBQW1CLE9BQUcsQ0FDVCxDQUNqQixDQUFDLENBQUMsQ0FBQyxJQUFJO2dCQUNQLENBQUMsaUJBQWlCLElBQUksaUJBQWlCLENBQUMsQ0FBQyxDQUFDLENBQ3pDLG9CQUFDLDRCQUE0QjtvQkFDM0Isb0JBQUMsbUJBQW1CLElBQ2xCLFVBQVUsRUFBRSxVQUFVLGlCQUNWLHFCQUFxQixJQUVoQyxtQkFBbUIsQ0FDQTtvQkFDdEIsb0JBQUMsT0FBTyxPQUFHLENBQ2tCLENBQ2hDLENBQUMsQ0FBQyxDQUFDLElBQUk7Z0JBQ1Isb0JBQUMsV0FBVyxJQUNWLGlCQUFpQixFQUFFLENBQUMsaUJBQWlCLElBQUksaUJBQWlCLGlCQUM5QyxhQUFhLElBRXhCLE1BQU0sQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQ25CLENBQ0c7WUFDbEIsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUNYLG9CQUFDLFdBQVcsbUJBQWEsYUFBYSxJQUNuQyxNQUFNLENBQUMsV0FBVyxFQUFFLGFBQWEsQ0FBQyxDQUN2QixDQUNmLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDUztRQUNsQixRQUFRLElBQUksb0JBQUMsUUFBUSxRQUFFLHNCQUFzQixDQUFDLFFBQVEsQ0FBQyxDQUFZLENBQzFELENBQ2IsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGVBQWUsYUFBYSxDQUFDIn0=
|
|
@@ -37,10 +37,9 @@ describe('<FetchProvider>', () => {
|
|
|
37
37
|
});
|
|
38
38
|
it('loading', async () => {
|
|
39
39
|
fetchMock.mockResponse(async () => ({ body: '{ "value" : "boo" }' }));
|
|
40
|
-
const {
|
|
40
|
+
const { findByText } = render(React.createElement(FetchProvider, { url: "http://thetimes.co.uk" },
|
|
41
41
|
React.createElement(TestComponent, null)));
|
|
42
42
|
await findByText('Loading');
|
|
43
|
-
expect(asFragment()).toMatchSnapshot();
|
|
44
43
|
});
|
|
45
44
|
it('error', async () => {
|
|
46
45
|
fetchMock.mockResponse(() => Promise.reject('error'));
|
|
@@ -62,4 +61,4 @@ describe('<FetchProvider>', () => {
|
|
|
62
61
|
expect(asFragment()).toMatchSnapshot();
|
|
63
62
|
});
|
|
64
63
|
});
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmV0Y2hQcm92aWRlci50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2hlbHBlcnMvZmV0Y2gvX190ZXN0c19fL0ZldGNoUHJvdmlkZXIudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFhLE1BQU0sT0FBTyxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxPQUFPLHFCQUFxQixDQUFDO0FBQzdCLE9BQU8sMkJBQTJCLENBQUM7QUFFbkMsT0FBTyxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUVuRCxnQkFBZ0IsRUFBRSxDQUFDO0FBRW5CLE1BQU0sYUFBYSxHQUFXLEdBQUcsRUFBRTtJQUNqQyxJQUFJO1FBQ0YsTUFBTSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsUUFBUSxFQUFxQixDQUFDO1FBRS9ELElBQUksT0FBTyxFQUFFO1lBQ1gsT0FBTywyQ0FBa0IsQ0FBQztTQUMzQjtRQUVELElBQUksS0FBSyxFQUFFO1lBQ1QsT0FBTyx5Q0FBZ0IsQ0FBQztTQUN6QjtRQUVELE9BQU8saUNBQU0sSUFBSyxDQUFDLEtBQUssQ0FBTyxDQUFDO0tBQ2pDO0lBQUMsTUFBTTtRQUNOLE9BQU8seUNBQWdCLENBQUM7S0FDekI7QUFDSCxDQUFDLENBQUM7QUFFRixRQUFRLENBQUMsaUJBQWlCLEVBQUUsR0FBRyxFQUFFO0lBQy9CLFVBQVUsQ0FBQyxHQUFHLEVBQUU7UUFDZCx5RUFBeUU7UUFDekUsU0FBUyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3JCLENBQUMsQ0FBQyxDQUFDO0lBRUgsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLFNBQVMsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUN6QixDQUFDLENB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
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.25.0",
|
|
4
4
|
"description": "Reuseable Typescript React Components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"dev": "dist/index.js",
|
|
@@ -55,9 +55,9 @@
|
|
|
55
55
|
"@times-components/icons": "2.16.10",
|
|
56
56
|
"@times-components/image": "6.8.15",
|
|
57
57
|
"@times-components/link": "3.6.51",
|
|
58
|
-
"@times-components/provider": "1.30.
|
|
58
|
+
"@times-components/provider": "1.30.1",
|
|
59
59
|
"@times-components/provider-queries": "2.15.3",
|
|
60
|
-
"@times-components/related-articles": "6.6.
|
|
60
|
+
"@times-components/related-articles": "6.6.45",
|
|
61
61
|
"@times-components/styleguide": "3.38.29",
|
|
62
62
|
"@times-components/ts-slices": "1.3.0",
|
|
63
63
|
"@times-components/utils": "6.5.13",
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
"@storybook/react": "5.3.18",
|
|
82
82
|
"@testing-library/jest-dom": "^5.12.0",
|
|
83
83
|
"@testing-library/react": "^12.1.2",
|
|
84
|
-
"@times-components/provider-test-tools": "1.
|
|
84
|
+
"@times-components/provider-test-tools": "1.24.0",
|
|
85
85
|
"@times-components/storybook": "4.1.73",
|
|
86
86
|
"@times-components/test-utils": "2.3.10",
|
|
87
87
|
"@types/graphql": "14.0.3",
|
|
@@ -117,5 +117,5 @@
|
|
|
117
117
|
"@testing-library/jest-dom/extend-expect"
|
|
118
118
|
]
|
|
119
119
|
},
|
|
120
|
-
"gitHead": "
|
|
120
|
+
"gitHead": "a911ad648dac3d9ffd7bbe7799e8494d3281fee0"
|
|
121
121
|
}
|