@times-components/ts-components 1.86.0 → 1.87.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 +12 -0
- package/dist/components/article-sidebar/ArticleSidebar.d.ts +8 -0
- package/dist/components/article-sidebar/ArticleSidebar.js +18 -0
- package/dist/components/article-sidebar/ArticleSidebar.stories.d.ts +1 -0
- package/dist/components/article-sidebar/ArticleSidebar.stories.js +31 -0
- package/dist/components/article-sidebar/__tests__/index.test.js +28 -0
- package/dist/components/article-sidebar/assets/ChevronIcon.d.ts +2 -0
- package/dist/components/article-sidebar/assets/ChevronIcon.js +6 -0
- package/dist/components/article-sidebar/styles.d.ts +11 -0
- package/dist/components/article-sidebar/styles.js +98 -0
- package/dist/components/article-sidebar/types.d.ts +5 -0
- package/dist/components/article-sidebar/types.js +2 -0
- package/dist/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.d.ts +3 -0
- package/dist/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.js +8 -4
- package/dist/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.stories.js +3 -3
- package/dist/components/opta/football/fixtures-ticker/__tests__/OptaFootballFixturesTicker.test.js +3 -3
- package/dist/components/opta/utils/__tests__/replaceNationalTeamDetails.test.d.ts +1 -0
- package/dist/components/opta/utils/__tests__/replaceNationalTeamDetails.test.js +48 -0
- package/dist/components/opta/utils/replaceNationalTeamDetails.d.ts +1 -0
- package/dist/components/opta/utils/replaceNationalTeamDetails.js +26 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -1
- package/package.json +13 -13
- package/rnw.js +1 -1
- package/src/components/article-sidebar/ArticleSidebar.stories.tsx +43 -0
- package/src/components/article-sidebar/ArticleSidebar.tsx +53 -0
- package/src/components/article-sidebar/__tests__/__snapshots__/index.test.tsx.snap +88 -0
- package/src/components/article-sidebar/__tests__/index.test.tsx +33 -0
- package/src/components/article-sidebar/assets/ChevronIcon.tsx +19 -0
- package/src/components/article-sidebar/styles.ts +108 -0
- package/src/components/article-sidebar/types.ts +5 -0
- package/src/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.stories.tsx +4 -1
- package/src/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.tsx +75 -58
- package/src/components/opta/football/fixtures-ticker/__tests__/OptaFootballFixturesTicker.test.tsx +2 -2
- package/src/components/opta/utils/__tests__/replaceNationalTeamDetails.test.tsx +62 -0
- package/src/components/opta/utils/{replaceFlags.ts → replaceNationalTeamDetails.ts} +5 -1
- package/src/index.ts +1 -0
- package/dist/components/opta/utils/__tests__/replaceFlags.test.js +0 -32
- package/dist/components/opta/utils/replaceFlags.d.ts +0 -1
- package/dist/components/opta/utils/replaceFlags.js +0 -23
- package/src/components/opta/utils/__tests__/replaceFlags.test.tsx +0 -39
- /package/dist/components/{opta/utils/__tests__/replaceFlags.test.d.ts → article-sidebar/__tests__/index.test.d.ts} +0 -0
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
export const replaceFlags = (element) => {
|
|
2
|
-
let count = 0;
|
|
3
|
-
const replaceImages = setInterval(() => {
|
|
4
|
-
if (count >= 5) {
|
|
5
|
-
clearInterval(replaceImages);
|
|
6
|
-
}
|
|
7
|
-
count++;
|
|
8
|
-
if (element && element.length > 0) {
|
|
9
|
-
for (let optaFlagContainer of element) {
|
|
10
|
-
const country = optaFlagContainer.innerText;
|
|
11
|
-
if (!optaFlagContainer.querySelector('img')) {
|
|
12
|
-
const countryImg = document.createElement('img');
|
|
13
|
-
countryImg.setAttribute('src', `https://nuk-tnl-editorial-prod-staticassets.s3.eu-west-1.amazonaws.com/opta/euro-flags/${country}.svg`);
|
|
14
|
-
countryImg.setAttribute('onerror', 'this.remove()');
|
|
15
|
-
countryImg.classList.add('team-flag');
|
|
16
|
-
optaFlagContainer.prepend(countryImg);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
clearInterval(replaceImages);
|
|
20
|
-
}
|
|
21
|
-
}, 500);
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwbGFjZUZsYWdzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS91dGlscy9yZXBsYWNlRmxhZ3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLENBQzFCLE9BQThDLEVBQzlDLEVBQUU7SUFDRixJQUFJLEtBQUssR0FBRyxDQUFDLENBQUM7SUFDZCxNQUFNLGFBQWEsR0FBRyxXQUFXLENBQUMsR0FBRyxFQUFFO1FBQ3JDLElBQUksS0FBSyxJQUFJLENBQUMsRUFBRTtZQUNkLGFBQWEsQ0FBQyxhQUFhLENBQUMsQ0FBQztTQUM5QjtRQUNELEtBQUssRUFBRSxDQUFDO1FBRVIsSUFBSSxPQUFPLElBQUksT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDakMsS0FBSyxJQUFJLGlCQUFpQixJQUFJLE9BQU8sRUFBRTtnQkFDckMsTUFBTSxPQUFPLEdBQUksaUJBQWlDLENBQUMsU0FBUyxDQUFDO2dCQUU3RCxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxFQUFFO29CQUMzQyxNQUFNLFVBQVUsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO29CQUNqRCxVQUFVLENBQUMsWUFBWSxDQUNyQixLQUFLLEVBQ0wsMEZBQTBGLE9BQU8sTUFBTSxDQUN4RyxDQUFDO29CQUNGLFVBQVUsQ0FBQyxZQUFZLENBQUMsU0FBUyxFQUFFLGVBQWUsQ0FBQyxDQUFDO29CQUNwRCxVQUFVLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsQ0FBQztvQkFFdEMsaUJBQWlCLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDO2lCQUN2QzthQUNGO1lBQ0QsYUFBYSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1NBQzlCO0lBQ0gsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0FBQ1YsQ0FBQyxDQUFDIn0=
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|
|
2
|
-
import * as optaFn from '../replaceFlags';
|
|
3
|
-
|
|
4
|
-
const mockReplaceFlags = () => {
|
|
5
|
-
const mockDomContainer = document.createElement('div');
|
|
6
|
-
const mockDomElement = document.createElement('div');
|
|
7
|
-
const mockDomElement2 = document.createElement('div');
|
|
8
|
-
|
|
9
|
-
mockDomElement.innerHTML = 'Portugal';
|
|
10
|
-
mockDomElement.classList.add('Opta-TeamName');
|
|
11
|
-
|
|
12
|
-
mockDomElement2.innerHTML = 'Spain';
|
|
13
|
-
mockDomElement2.classList.add('Opta-TeamName');
|
|
14
|
-
|
|
15
|
-
mockDomContainer.append(mockDomElement);
|
|
16
|
-
mockDomContainer.append(mockDomElement2);
|
|
17
|
-
|
|
18
|
-
return mockDomContainer;
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
describe('replaceFlags', () => {
|
|
22
|
-
jest.spyOn(optaFn, 'replaceFlags');
|
|
23
|
-
|
|
24
|
-
it('should replace images when valid elements are passed', async () => {
|
|
25
|
-
jest.useFakeTimers();
|
|
26
|
-
const container = mockReplaceFlags();
|
|
27
|
-
const elements = container.getElementsByClassName('Opta-TeamName');
|
|
28
|
-
const replaceFlags = await optaFn.replaceFlags(elements);
|
|
29
|
-
|
|
30
|
-
expect(optaFn.replaceFlags).toHaveBeenCalledWith(elements);
|
|
31
|
-
jest.advanceTimersByTime(3000);
|
|
32
|
-
expect(replaceFlags).toBe(undefined);
|
|
33
|
-
const transformedElements = Array.from(elements);
|
|
34
|
-
expect(transformedElements[0].querySelector('img')).toBeInstanceOf;
|
|
35
|
-
expect(transformedElements[0]).toHaveTextContent('Portugal');
|
|
36
|
-
expect(transformedElements[1].querySelector('img')).toBeInstanceOf;
|
|
37
|
-
expect(transformedElements[1]).toHaveTextContent('Spain');
|
|
38
|
-
});
|
|
39
|
-
});
|
|
File without changes
|