@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.
Files changed (42) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/components/article-sidebar/ArticleSidebar.d.ts +8 -0
  3. package/dist/components/article-sidebar/ArticleSidebar.js +18 -0
  4. package/dist/components/article-sidebar/ArticleSidebar.stories.d.ts +1 -0
  5. package/dist/components/article-sidebar/ArticleSidebar.stories.js +31 -0
  6. package/dist/components/article-sidebar/__tests__/index.test.js +28 -0
  7. package/dist/components/article-sidebar/assets/ChevronIcon.d.ts +2 -0
  8. package/dist/components/article-sidebar/assets/ChevronIcon.js +6 -0
  9. package/dist/components/article-sidebar/styles.d.ts +11 -0
  10. package/dist/components/article-sidebar/styles.js +98 -0
  11. package/dist/components/article-sidebar/types.d.ts +5 -0
  12. package/dist/components/article-sidebar/types.js +2 -0
  13. package/dist/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.d.ts +3 -0
  14. package/dist/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.js +8 -4
  15. package/dist/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.stories.js +3 -3
  16. package/dist/components/opta/football/fixtures-ticker/__tests__/OptaFootballFixturesTicker.test.js +3 -3
  17. package/dist/components/opta/utils/__tests__/replaceNationalTeamDetails.test.d.ts +1 -0
  18. package/dist/components/opta/utils/__tests__/replaceNationalTeamDetails.test.js +48 -0
  19. package/dist/components/opta/utils/replaceNationalTeamDetails.d.ts +1 -0
  20. package/dist/components/opta/utils/replaceNationalTeamDetails.js +26 -0
  21. package/dist/index.d.ts +1 -0
  22. package/dist/index.js +2 -1
  23. package/package.json +13 -13
  24. package/rnw.js +1 -1
  25. package/src/components/article-sidebar/ArticleSidebar.stories.tsx +43 -0
  26. package/src/components/article-sidebar/ArticleSidebar.tsx +53 -0
  27. package/src/components/article-sidebar/__tests__/__snapshots__/index.test.tsx.snap +88 -0
  28. package/src/components/article-sidebar/__tests__/index.test.tsx +33 -0
  29. package/src/components/article-sidebar/assets/ChevronIcon.tsx +19 -0
  30. package/src/components/article-sidebar/styles.ts +108 -0
  31. package/src/components/article-sidebar/types.ts +5 -0
  32. package/src/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.stories.tsx +4 -1
  33. package/src/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.tsx +75 -58
  34. package/src/components/opta/football/fixtures-ticker/__tests__/OptaFootballFixturesTicker.test.tsx +2 -2
  35. package/src/components/opta/utils/__tests__/replaceNationalTeamDetails.test.tsx +62 -0
  36. package/src/components/opta/utils/{replaceFlags.ts → replaceNationalTeamDetails.ts} +5 -1
  37. package/src/index.ts +1 -0
  38. package/dist/components/opta/utils/__tests__/replaceFlags.test.js +0 -32
  39. package/dist/components/opta/utils/replaceFlags.d.ts +0 -1
  40. package/dist/components/opta/utils/replaceFlags.js +0 -23
  41. package/src/components/opta/utils/__tests__/replaceFlags.test.tsx +0 -39
  42. /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
- });