@times-components/ts-components 1.82.2-alpha.8 → 1.84.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 +22 -0
- package/dist/components/save-star/ContentProvider.d.ts +8 -0
- package/dist/components/save-star/ContentProvider.js +8 -0
- package/dist/components/save-star/SaveStar.js +13 -7
- package/dist/components/save-star/SaveStarUI.d.ts +2 -1
- package/dist/components/save-star/SaveStarUI.js +2 -4
- package/dist/helpers/fetch/FetchProvider.js +8 -8
- package/dist/helpers/fetch/__tests__/FetchProvider.test.js +6 -3
- package/package.json +16 -16
- package/rnw.js +1 -1
- package/src/components/latest-from-section/__tests__/__snapshots__/LatestFromSection.test.tsx.snap +6 -6
- package/src/components/save-star/ContentProvider.tsx +19 -0
- package/src/components/save-star/SaveStar.tsx +18 -11
- package/src/components/save-star/SaveStarUI.tsx +7 -9
- package/src/helpers/fetch/FetchProvider.tsx +7 -6
- package/src/helpers/fetch/__tests__/FetchProvider.test.tsx +5 -3
- package/src/helpers/fetch/__tests__/__snapshots__/FetchProvider.test.tsx.snap +0 -8
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,28 @@
|
|
|
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.84.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.83.0...@times-components/ts-components@1.84.0) (2024-04-16)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TMD-11:** redesigned article share bar ([#3800](https://github.com/newsuk/times-components/issues/3800)) ([209b1bc](https://github.com/newsuk/times-components/commit/209b1bc753b571c88b380ae65910cd8bfdd4ae6a))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
# [1.83.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.82.1...@times-components/ts-components@1.83.0) (2024-04-12)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Features
|
|
21
|
+
|
|
22
|
+
* **TMD-177:** removed low res article images ([#3810](https://github.com/newsuk/times-components/issues/3810)) ([2b821e0](https://github.com/newsuk/times-components/commit/2b821e060140457d300ea9ecf8e876eb4e30b944))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
6
28
|
## [1.82.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.82.0...@times-components/ts-components@1.82.1) (2024-03-25)
|
|
7
29
|
|
|
8
30
|
**Note:** Version bump only for package @times-components/ts-components
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useFetch } from '../../helpers/fetch/FetchProvider';
|
|
3
|
+
export const ContentProvider = React.memo(({ children }) => {
|
|
4
|
+
const fetchResponse = useFetch();
|
|
5
|
+
return (React.createElement(React.Fragment, null, React.isValidElement(children) &&
|
|
6
|
+
React.cloneElement(children, fetchResponse)));
|
|
7
|
+
});
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudFByb3ZpZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2F2ZS1zdGFyL0NvbnRlbnRQcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQVM3RCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQWEsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTtJQUNuRSxNQUFNLGFBQWEsR0FBRyxRQUFRLEVBQW1CLENBQUM7SUFDbEQsT0FBTyxDQUNMLDBDQUNHLEtBQUssQ0FBQyxjQUFjLENBQWUsUUFBUSxDQUFDO1FBQzNDLEtBQUssQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLGFBQWEsQ0FBQyxDQUM1QyxDQUNKLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
1
|
+
import React, { cloneElement, useCallback, useMemo, useState } from 'react';
|
|
2
2
|
import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
3
3
|
import { SaveStarUI } from './SaveStarUI';
|
|
4
|
-
|
|
4
|
+
import { ContentProvider } from './ContentProvider';
|
|
5
|
+
export const SaveStar = React.memo(({ articleId, isPreviewMode, children }) => {
|
|
5
6
|
const [url, setUrl] = useState(`/api/collections/is-bookmarked/${articleId}`);
|
|
6
7
|
const [previewData, setPreviewData] = useState(isPreviewMode ? { isBookmarked: false } : undefined);
|
|
7
|
-
const
|
|
8
|
+
const fetchOptions = useMemo(() => ({ credentials: 'same-origin' }), []);
|
|
9
|
+
const onToggleSave = useCallback((id, isSaved) => {
|
|
8
10
|
if (isPreviewMode) {
|
|
9
11
|
setPreviewData({ isBookmarked: !isSaved });
|
|
10
12
|
}
|
|
@@ -13,8 +15,12 @@ export const SaveStar = React.memo(({ articleId, isPreviewMode }) => {
|
|
|
13
15
|
? `/api/collections/delete/${id}`
|
|
14
16
|
: `/api/collections/save/${id}`);
|
|
15
17
|
}
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
|
|
18
|
+
}, []);
|
|
19
|
+
const Content = children ? (cloneElement(children, {
|
|
20
|
+
articleId,
|
|
21
|
+
onToggleSave
|
|
22
|
+
})) : (React.createElement(SaveStarUI, { articleId: articleId, onToggleSave: onToggleSave }));
|
|
23
|
+
return (React.createElement(FetchProvider, { url: url, options: fetchOptions, previewData: previewData },
|
|
24
|
+
React.createElement(ContentProvider, null, Content)));
|
|
19
25
|
});
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2F2ZVN0YXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zYXZlLXN0YXIvU2F2ZVN0YXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsVUFBVSxFQUFtQixNQUFNLGNBQWMsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFcEQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUdoQixLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDekQsTUFBTSxDQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxRQUFRLENBQzVCLGtDQUFrQyxTQUFTLEVBQUUsQ0FDOUMsQ0FBQztJQUVGLE1BQU0sQ0FBQyxXQUFXLEVBQUUsY0FBYyxDQUFDLEdBQUcsUUFBUSxDQUM1QyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQ3BELENBQUM7SUFFRixNQUFNLFlBQVksR0FBRyxPQUFPLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRXpFLE1BQU0sWUFBWSxHQUFHLFdBQVcsQ0FBQyxDQUFDLEVBQVUsRUFBRSxPQUFnQixFQUFFLEVBQUU7UUFDaEUsSUFBSSxhQUFhLEVBQUU7WUFDakIsY0FBYyxDQUFDLEVBQUUsWUFBWSxFQUFFLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztTQUM1QzthQUFNO1lBQ0wsTUFBTSxDQUNKLE9BQU87Z0JBQ0wsQ0FBQyxDQUFDLDJCQUEyQixFQUFFLEVBQUU7Z0JBQ2pDLENBQUMsQ0FBQyx5QkFBeUIsRUFBRSxFQUFFLENBQ2xDLENBQUM7U0FDSDtJQUNILENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDekIsWUFBWSxDQUFDLFFBQThCLEVBQUU7UUFDM0MsU0FBUztRQUNULFlBQVk7S0FDYixDQUFDLENBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxVQUFVLElBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxHQUFJLENBQ2pFLENBQUM7SUFFRixPQUFPLENBQ0wsb0JBQUMsYUFBYSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsV0FBVztRQUN0RSxvQkFBQyxlQUFlLFFBQUUsT0FBTyxDQUFtQixDQUM5QixDQUNqQixDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUMifQ==
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ContentProps } from './ContentProvider';
|
|
2
3
|
export declare type ArticleBookmark = {
|
|
3
4
|
isBookmarked: boolean;
|
|
4
5
|
};
|
|
5
6
|
export declare const SaveStarUI: React.FC<{
|
|
6
7
|
articleId: string;
|
|
7
8
|
onToggleSave: (id: string, isSaved: boolean) => void;
|
|
8
|
-
}>;
|
|
9
|
+
} & ContentProps>;
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { colours } from '@times-components/ts-styleguide';
|
|
3
3
|
import { IconStar } from '@times-components/icons';
|
|
4
|
-
import { useFetch } from '../../helpers/fetch/FetchProvider';
|
|
5
4
|
import { IconContainer, LoadingIcon, SaveStarText, SaveStarButton } from './styles';
|
|
6
5
|
const getText = (isSaved) => (isSaved ? 'Saved' : 'Save');
|
|
7
6
|
const getIconTitle = (isSaved) => isSaved ? 'Remove from My Articles' : 'Save to My Articles';
|
|
8
7
|
const getIconFillColour = (isSaved) => isSaved ? colours.functional.action : colours.functional.white;
|
|
9
|
-
export const SaveStarUI = ({ articleId, onToggleSave }) => {
|
|
10
|
-
const { loading, error, data } = useFetch();
|
|
8
|
+
export const SaveStarUI = ({ articleId, onToggleSave, loading, error, data }) => {
|
|
11
9
|
if (loading) {
|
|
12
10
|
return (React.createElement(React.Fragment, null,
|
|
13
11
|
React.createElement(SaveStarText, null, getText(false)),
|
|
@@ -23,4 +21,4 @@ export const SaveStarUI = ({ articleId, onToggleSave }) => {
|
|
|
23
21
|
React.createElement(IconContainer, null,
|
|
24
22
|
React.createElement(IconStar, { height: 18, title: getIconTitle(data.isBookmarked), fillColour: getIconFillColour(data.isBookmarked), strokeColour: colours.functional.secondary })))));
|
|
25
23
|
};
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2F2ZVN0YXJVSS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NhdmUtc3Rhci9TYXZlU3RhclVJLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVuRCxPQUFPLEVBQ0wsYUFBYSxFQUNiLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNmLE1BQU0sVUFBVSxDQUFDO0FBTWxCLE1BQU0sT0FBTyxHQUFHLENBQUMsT0FBZ0IsRUFBRSxFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7QUFFbkUsTUFBTSxZQUFZLEdBQUcsQ0FBQyxPQUFnQixFQUFFLEVBQUUsQ0FDeEMsT0FBTyxDQUFDLENBQUMsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUM7QUFFOUQsTUFBTSxpQkFBaUIsR0FBRyxDQUFDLE9BQWdCLEVBQUUsRUFBRSxDQUM3QyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztBQUVqRSxNQUFNLENBQUMsTUFBTSxVQUFVLEdBS25CLENBQUMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRTtJQUN4RCxJQUFJLE9BQU8sRUFBRTtRQUNYLE9BQU8sQ0FDTDtZQUNFLG9CQUFDLFlBQVksUUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDLENBQWdCO1lBQzdDLG9CQUFDLGFBQWE7Z0JBQ1osb0JBQUMsV0FBVyxPQUFHLENBQ0QsQ0FDZixDQUNKLENBQUM7S0FDSDtJQUVELElBQUksS0FBSyxJQUFJLENBQUMsSUFBSSxFQUFFO1FBQ2xCLE9BQU8sSUFBSSxDQUFDO0tBQ2I7SUFFRCxPQUFPLENBQ0w7UUFDRSxvQkFBQyxZQUFZLFFBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBZ0I7UUFDekQsb0JBQUMsY0FBYyxJQUNiLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUM7WUFFekQsb0JBQUMsYUFBYTtnQkFDWixvQkFBQyxRQUFRLElBQ1AsTUFBTSxFQUFFLEVBQUUsRUFDVixLQUFLLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFDdEMsVUFBVSxFQUFFLGlCQUFpQixDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFDaEQsWUFBWSxFQUFFLE9BQU8sQ0FBQyxVQUFVLENBQUMsU0FBUyxHQUMxQyxDQUNZLENBQ0QsQ0FDaEIsQ0FDSixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
|
@@ -10,6 +10,12 @@ export const FetchProvider = ({ url, options, previewData, children }) => {
|
|
|
10
10
|
setLoading(true);
|
|
11
11
|
const fetchData = async () => {
|
|
12
12
|
try {
|
|
13
|
+
if (previewData) {
|
|
14
|
+
await new Promise(resolve => setTimeout(resolve, 1500));
|
|
15
|
+
setData(previewData);
|
|
16
|
+
setLoading(false);
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
13
19
|
if (url) {
|
|
14
20
|
const response = await fetch(url, options);
|
|
15
21
|
const json = await response.json();
|
|
@@ -25,13 +31,7 @@ export const FetchProvider = ({ url, options, previewData, children }) => {
|
|
|
25
31
|
setLoading(false);
|
|
26
32
|
}
|
|
27
33
|
};
|
|
28
|
-
|
|
29
|
-
setData(previewData);
|
|
30
|
-
setLoading(false);
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
fetchData();
|
|
34
|
-
}
|
|
34
|
+
fetchData();
|
|
35
35
|
}
|
|
36
36
|
}, [url, options, previewData]);
|
|
37
37
|
return (React.createElement(FetchProviderContext.Provider, { value: { loading, error, data } }, children));
|
|
@@ -43,4 +43,4 @@ export const useFetch = () => {
|
|
|
43
43
|
}
|
|
44
44
|
return context;
|
|
45
45
|
};
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmV0Y2hQcm92aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9oZWxwZXJzL2ZldGNoL0ZldGNoUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLG9CQUFvQixDQUFDO0FBQ3ZDLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBZTlFLE1BQU0sb0JBQW9CLEdBQUcsYUFBYSxDQUN4QyxTQUFTLENBQ1YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBaUMsQ0FBQyxFQUMxRCxHQUFHLEVBQ0gsT0FBTyxFQUNQLFdBQVcsRUFDWCxRQUFRLEVBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDdkQsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLEVBQXNCLENBQUM7SUFDekQsTUFBTSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxRQUFRLEVBQW1CLENBQUM7SUFFcEQsU0FBUyxDQUNQLEdBQUcsRUFBRTtRQUNILElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDWixVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7WUFFakIsTUFBTSxTQUFTLEdBQUcsS0FBSyxJQUFJLEVBQUU7Z0JBQzNCLElBQUk7b0JBQ0YsSUFBSSxXQUFXLEVBQUU7d0JBQ2YsTUFBTSxJQUFJLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQzt3QkFDeEQsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDO3dCQUNyQixVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7d0JBQ2xCLE9BQU87cUJBQ1I7b0JBQ0QsSUFBSSxHQUFHLEVBQUU7d0JBQ1AsTUFBTSxRQUFRLEdBQUcsTUFBTSxLQUFLLENBQUMsR0FBRyxFQUFFLE9BQU8sQ0FBQyxDQUFDO3dCQUMzQyxNQUFNLElBQUksR0FBRyxNQUFNLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQzt3QkFFbkMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO3dCQUNkLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztxQkFDbkI7eUJBQU07d0JBQ0wsTUFBTSxJQUFJLEtBQUssQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO3FCQUM3QztpQkFDRjtnQkFBQyxPQUFPLEdBQUcsRUFBRTtvQkFDWixRQUFRLENBQUMsR0FBRyxZQUFZLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUM7b0JBQy9ELFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDbkI7WUFDSCxDQUFDLENBQUM7WUFFRixTQUFTLEVBQUUsQ0FBQztTQUNiO0lBQ0gsQ0FBQyxFQUNELENBQUMsR0FBRyxFQUFFLE9BQU8sRUFBRSxXQUFXLENBQUMsQ0FDNUIsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxvQkFBb0IsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsSUFDM0QsUUFBUSxDQUNxQixDQUNqQyxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQW1DLEVBQUU7SUFDM0QsTUFBTSxPQUFPLEdBQW9CLFVBQVUsQ0FDekMsb0JBQW9CLENBQ0YsQ0FBQztJQUVyQixJQUFJLE9BQU8sS0FBSyxTQUFTLEVBQUU7UUFDekIsTUFBTSxJQUFJLEtBQUssQ0FBQyxxQ0FBcUMsQ0FBQyxDQUFDO0tBQ3hEO0lBRUQsT0FBTyxPQUFPLENBQUM7QUFDakIsQ0FBQyxDQUFDIn0=
|
|
@@ -51,8 +51,11 @@ describe('<FetchProvider>', () => {
|
|
|
51
51
|
const value = 'Preloaded';
|
|
52
52
|
const { asFragment, findByText } = render(React.createElement(FetchProvider, { previewData: { value } },
|
|
53
53
|
React.createElement(TestComponent, null)));
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
// Await artificial delay
|
|
55
|
+
setTimeout(async () => {
|
|
56
|
+
await findByText(value);
|
|
57
|
+
expect(asFragment()).toMatchSnapshot();
|
|
58
|
+
}, 2000);
|
|
56
59
|
});
|
|
57
60
|
});
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmV0Y2hQcm92aWRlci50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2hlbHBlcnMvZmV0Y2gvX190ZXN0c19fL0ZldGNoUHJvdmlkZXIudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFhLE1BQU0sT0FBTyxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxPQUFPLHFCQUFxQixDQUFDO0FBRTdCLE9BQU8sVUFBVSxNQUFNLG9CQUFvQixDQUFDO0FBQzVDLE1BQU0sU0FBUyxHQUFHLFVBQWlCLENBQUM7QUFFcEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUUzRCxNQUFNLGFBQWEsR0FBVyxHQUFHLEVBQUU7SUFDakMsSUFBSTtRQUNGLE1BQU0sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFFBQVEsRUFBcUIsQ0FBQztRQUUvRCxJQUFJLE9BQU8sRUFBRTtZQUNYLE9BQU8sMkNBQWtCLENBQUM7U0FDM0I7UUFFRCxJQUFJLEtBQUssRUFBRTtZQUNULE9BQU8seUNBQWdCLENBQUM7U0FDekI7UUFFRCxPQUFPLGlDQUFNLElBQUssQ0FBQyxLQUFLLENBQU8sQ0FBQztLQUNqQztJQUFDLE1BQU07UUFDTixPQUFPLHlDQUFnQixDQUFDO0tBQ3pCO0FBQ0gsQ0FBQyxDQUFDO0FBRUYsUUFBUSxDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRTtJQUMvQixTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsU0FBUyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ3BCLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNwQixDQUFDLENBQUMsQ0FBQztJQUVILE1BQU0sUUFBUSxHQUFHLHNCQUFzQixDQUFDO0lBRXhDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsS0FBSyxJQUFJLEVBQUU7UUFDckIsTUFBTSxLQUFLLEdBQUcsU0FBUyxDQUFDO1FBQ3hCLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFM0QsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsR0FBRyxNQUFNLENBQ3ZDLG9CQUFDLGFBQWEsSUFBQyxHQUFHLEVBQUUsUUFBUTtZQUMxQixvQkFBQyxhQUFhLE9BQUcsQ0FDSCxDQUNqQixDQUFDO1FBRUYsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3RCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXZDLE1BQU0sVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLE9BQU8sRUFBRSxLQUFLLElBQUksRUFBRTtRQUNyQixTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBRTFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEdBQUcsTUFBTSxDQUN2QyxvQkFBQyxhQUFhLElBQUMsR0FBRyxFQUFFLFFBQVE7WUFDMUIsb0JBQUMsYUFBYSxtQkFBeUIsQ0FDekIsQ0FDakIsQ0FBQztRQUVGLE1BQU0sVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzFCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLFlBQVksRUFBRSxLQUFLLElBQUksRUFBRTtRQUMxQixNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxHQUFHLE1BQU0sQ0FDdkMsb0JBQUMsYUFBYSxtQkFBeUIsQ0FDeEMsQ0FBQztRQUVGLE1BQU0sVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzFCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLFNBQVMsRUFBRSxLQUFLLElBQUksRUFBRTtRQUN2QixNQUFNLEtBQUssR0FBRyxXQUFXLENBQUM7UUFFMUIsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsR0FBRyxNQUFNLENBQ3ZDLG9CQUFDLGFBQWEsSUFBQyxXQUFXLEVBQUUsRUFBRSxLQUFLLEVBQUU7WUFDbkMsb0JBQUMsYUFBYSxPQUFHLENBQ0gsQ0FDakIsQ0FBQztRQUNGLHlCQUF5QjtRQUN6QixVQUFVLENBQUMsS0FBSyxJQUFJLEVBQUU7WUFDcEIsTUFBTSxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDeEIsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDekMsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ1gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.84.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.40",
|
|
54
|
+
"@times-components/date-publication": "0.30.13",
|
|
55
|
+
"@times-components/icons": "2.21.19",
|
|
56
|
+
"@times-components/image": "6.16.0",
|
|
57
|
+
"@times-components/link": "3.17.13",
|
|
58
|
+
"@times-components/provider": "1.40.14",
|
|
59
|
+
"@times-components/provider-queries": "2.21.0",
|
|
60
|
+
"@times-components/related-articles": "6.17.52",
|
|
61
|
+
"@times-components/ts-slices": "1.9.1",
|
|
62
|
+
"@times-components/ts-styleguide": "1.50.13",
|
|
63
|
+
"@times-components/utils": "6.20.1",
|
|
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.2",
|
|
86
|
+
"@times-components/storybook": "4.12.13",
|
|
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",
|
|
@@ -115,5 +115,5 @@
|
|
|
115
115
|
"@testing-library/jest-dom/extend-expect"
|
|
116
116
|
]
|
|
117
117
|
},
|
|
118
|
-
"gitHead": "
|
|
118
|
+
"gitHead": "94a399c0beb404720f398d3e4c65bd7f555f8089"
|
|
119
119
|
}
|