@times-components/ts-components 1.144.1-d88954832f63cdbc40779d5cd4f06c4568affa14.22 → 1.145.1-ffc8fe2350c1f6194dbd798c9b12b0d865cd13fb.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 +11 -0
- package/dist/components/opta/football/opta-match-stats/commentary/__tests__/OptaMatchStatsCommentary.test.js +36 -9
- package/dist/components/opta/football/opta-match-stats/shared/styles.js +33 -26
- package/dist/components/opta/football/opta-match-stats/stats-graphs/WidgetContainer.js +14 -1
- package/dist/components/opta/football/opta-match-stats/{matchday-live/__tests__/OptaMatchStatsMatchdayLive.test.d.ts → stats-graphs/__tests__/WidgetContainer.test.d.ts} +0 -1
- package/dist/components/opta/football/opta-match-stats/stats-graphs/__tests__/WidgetContainer.test.js +57 -0
- package/dist/components/opta/football/opta-match-stats/summary/WidgetContainer.js +12 -4
- package/dist/components/opta/football/opta-match-stats/summary/__tests__/WidgetContainer.test.d.ts +1 -0
- package/dist/components/opta/football/opta-match-stats/summary/__tests__/WidgetContainer.test.js +70 -0
- package/dist/components/opta/shared/fixtures-ticker/OptaFixturesTicker.d.ts +1 -0
- package/dist/components/opta/shared/fixtures-ticker/OptaFixturesTicker.js +12 -3
- package/dist/components/opta/shared/fixtures-ticker/styles.d.ts +1 -0
- package/dist/components/opta/shared/fixtures-ticker/styles.js +8 -1
- package/dist/components/opta/utils/__tests__/useAddFixtureNavigation.test.d.ts +1 -0
- package/dist/components/opta/utils/__tests__/useAddFixtureNavigation.test.js +200 -0
- package/dist/components/opta/utils/useAddFixtureNavigation.d.ts +7 -0
- package/dist/components/opta/utils/useAddFixtureNavigation.js +77 -0
- package/dist/index.d.ts +0 -1
- package/dist/index.js +1 -2
- package/package.json +13 -12
- package/rnw.js +1 -1
- package/src/components/opta/football/opta-match-stats/commentary/__tests__/OptaMatchStatsCommentary.test.tsx +45 -10
- package/src/components/opta/football/opta-match-stats/commentary/__tests__/__snapshots__/OptaMatchStatsCommentary.test.tsx.snap +25 -10
- package/src/components/opta/football/opta-match-stats/shared/styles.ts +36 -28
- package/src/components/opta/football/opta-match-stats/stats-graphs/WidgetContainer.tsx +15 -0
- package/src/components/opta/football/opta-match-stats/stats-graphs/__tests__/WidgetContainer.test.tsx +117 -0
- package/src/components/opta/football/opta-match-stats/stats-graphs/__tests__/__snapshots__/OptaMatchStatsGraphs.test.tsx.snap +2 -2
- package/src/components/opta/football/opta-match-stats/summary/WidgetContainer.tsx +13 -3
- package/src/components/opta/football/opta-match-stats/summary/__tests__/WidgetContainer.test.tsx +125 -0
- package/src/components/opta/football/opta-match-stats/summary/__tests__/__snapshots__/OptaMatchStatsSummary.test.tsx.snap +1 -1
- package/src/components/opta/shared/fixtures-ticker/OptaFixturesTicker.tsx +19 -2
- package/src/components/opta/shared/fixtures-ticker/__tests__/__snapshots__/OptaFixturesTicker.test.tsx.snap +5 -5
- package/src/components/opta/shared/fixtures-ticker/styles.ts +9 -0
- package/src/components/opta/utils/__tests__/useAddFixtureNavigation.test.tsx +235 -0
- package/src/components/opta/utils/useAddFixtureNavigation.ts +101 -0
- package/src/index.ts +0 -3
- package/dist/components/opta/football/opta-match-stats/matchday-live/DesktopWidget.d.ts +0 -10
- package/dist/components/opta/football/opta-match-stats/matchday-live/DesktopWidget.js +0 -69
- package/dist/components/opta/football/opta-match-stats/matchday-live/MobileWidget.d.ts +0 -12
- package/dist/components/opta/football/opta-match-stats/matchday-live/MobileWidget.js +0 -90
- package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.d.ts +0 -12
- package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.js +0 -10
- package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.stories.d.ts +0 -1
- package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.stories.js +0 -24
- package/dist/components/opta/football/opta-match-stats/matchday-live/__tests__/OptaMatchStatsMatchdayLive.test.js +0 -48
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/MatchdayLiveController.d.ts +0 -1
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/MatchdayLiveController.js +0 -19
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/NavigationWrapper.d.ts +0 -12
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/NavigationWrapper.js +0 -67
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.d.ts +0 -6
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.js +0 -714
- package/src/components/opta/football/opta-match-stats/matchday-live/DesktopWidget.tsx +0 -108
- package/src/components/opta/football/opta-match-stats/matchday-live/MobileWidget.tsx +0 -158
- package/src/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.stories.tsx +0 -38
- package/src/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.tsx +0 -23
- package/src/components/opta/football/opta-match-stats/matchday-live/__tests__/OptaMatchStatsMatchdayLive.test.tsx +0 -61
- package/src/components/opta/football/opta-match-stats/matchday-live/__tests__/__snapshots__/OptaMatchStatsMatchdayLive.test.tsx.snap +0 -22
- package/src/components/opta/football/opta-match-stats/matchday-live/styles/MatchdayLiveController.tsx +0 -19
- package/src/components/opta/football/opta-match-stats/matchday-live/styles/NavigationWrapper.tsx +0 -81
- package/src/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.tsx +0 -745
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
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.145.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.144.0...@times-components/ts-components@1.145.0) (2025-12-09)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TMPERS-709:** Create match summary widget ([#4241](https://github.com/newsuk/times-components/issues/4241)) ([ecd1d49](https://github.com/newsuk/times-components/commit/ecd1d495eb02e2f706888297b9b7423df0436534))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [1.144.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.143.2...@times-components/ts-components@1.144.0) (2025-12-02)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -8,10 +8,23 @@ jest.mock('@times-components/image', () => ({
|
|
|
8
8
|
const mockInitSettings = jest.fn();
|
|
9
9
|
const mockInitStyleSheet = jest.fn();
|
|
10
10
|
const mockInitComponent = jest.fn();
|
|
11
|
-
const mockHasMatchEvents = jest.fn();
|
|
12
11
|
const mockInitElement = () => {
|
|
13
12
|
const element = document.createElement('div');
|
|
14
|
-
element.
|
|
13
|
+
element.className = 'Opta-Root';
|
|
14
|
+
// Create structure with timestamps to exercise useUpdateTimestamps
|
|
15
|
+
const list = document.createElement('ul');
|
|
16
|
+
list.className = 'Opta-Striped';
|
|
17
|
+
const li = document.createElement('li');
|
|
18
|
+
const time1 = document.createElement('span');
|
|
19
|
+
time1.className = 'Opta-Time';
|
|
20
|
+
time1.innerHTML = ' ';
|
|
21
|
+
const time2 = document.createElement('span');
|
|
22
|
+
time2.className = 'Opta-Time';
|
|
23
|
+
time2.textContent = "45'";
|
|
24
|
+
li.appendChild(time1);
|
|
25
|
+
li.appendChild(time2);
|
|
26
|
+
list.appendChild(li);
|
|
27
|
+
element.appendChild(list);
|
|
15
28
|
return element;
|
|
16
29
|
};
|
|
17
30
|
jest.mock('../../../../utils/config', () => ({
|
|
@@ -27,20 +40,34 @@ const requiredProps = {
|
|
|
27
40
|
competition: '3',
|
|
28
41
|
match: '2041900'
|
|
29
42
|
};
|
|
30
|
-
describe('
|
|
43
|
+
describe('OptaMatchStatsCommentary', () => {
|
|
31
44
|
beforeEach(() => {
|
|
32
45
|
jest.clearAllMocks();
|
|
33
46
|
});
|
|
34
|
-
it('
|
|
35
|
-
const { asFragment } = render(React.createElement(OptaMatchStatsCommentary, Object.assign({}, requiredProps)));
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
47
|
+
it('renders and initialises widget', async () => {
|
|
48
|
+
const { asFragment, queryByTestId } = render(React.createElement(OptaMatchStatsCommentary, Object.assign({}, requiredProps, { isApp: true })));
|
|
49
|
+
expect(queryByTestId('placeholder')).toBeInTheDocument();
|
|
50
|
+
// allow promises in useEffect chain to resolve
|
|
51
|
+
await act(async () => {
|
|
52
|
+
await Promise.resolve();
|
|
39
53
|
});
|
|
40
54
|
expect(mockInitSettings).toHaveBeenCalledTimes(1);
|
|
41
55
|
expect(mockInitStyleSheet).toHaveBeenCalledTimes(1);
|
|
42
56
|
expect(mockInitComponent).toHaveBeenCalledTimes(1);
|
|
43
57
|
expect(asFragment()).toMatchSnapshot();
|
|
44
58
|
});
|
|
59
|
+
it('marks empty timestamps via useUpdateTimestamps', async () => {
|
|
60
|
+
jest.useFakeTimers();
|
|
61
|
+
const { container } = render(React.createElement(OptaMatchStatsCommentary, Object.assign({}, requiredProps)));
|
|
62
|
+
await act(async () => {
|
|
63
|
+
mockInitComponent();
|
|
64
|
+
});
|
|
65
|
+
act(() => {
|
|
66
|
+
jest.advanceTimersByTime(500);
|
|
67
|
+
});
|
|
68
|
+
const emptyTimes = container.querySelectorAll('.Opta-Time.Opta-Time--empty');
|
|
69
|
+
expect(emptyTimes.length).toBeGreaterThan(0);
|
|
70
|
+
jest.useRealTimers();
|
|
71
|
+
});
|
|
45
72
|
});
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YU1hdGNoU3RhdHNDb21tZW50YXJ5LnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2Zvb3RiYWxsL29wdGEtbWF0Y2gtc3RhdHMvY29tbWVudGFyeS9fX3Rlc3RzX18vT3B0YU1hdGNoU3RhdHNDb21tZW50YXJ5LnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXJELE9BQU8scUJBQXFCLENBQUM7QUFDN0IsT0FBTywyQkFBMkIsQ0FBQztBQUVuQyxJQUFJLENBQUMsSUFBSSxDQUFDLHlCQUF5QixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDMUMsV0FBVyxFQUFFLEdBQUcsRUFBRSxDQUFDLHdEQUFnQjtDQUNwQyxDQUFDLENBQUMsQ0FBQztBQUVKLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO0FBQ25DLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO0FBQ3JDLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO0FBRXBDLE1BQU0sZUFBZSxHQUFHLEdBQUcsRUFBRTtJQUMzQixNQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDO0lBQ2hDLG1FQUFtRTtJQUNuRSxNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFDLElBQUksQ0FBQyxTQUFTLEdBQUcsY0FBYyxDQUFDO0lBQ2hDLE1BQU0sRUFBRSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENB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
|
|
@@ -10,34 +10,41 @@ export const maxMDBreakpoint = (breakpoints.medium && typeof breakpoints.medium
|
|
|
10
10
|
? breakpoints.medium
|
|
11
11
|
: 768) - 1;
|
|
12
12
|
export const WidgetWrapper = styled.div `
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
${props => props.isApp &&
|
|
13
|
+
background-color: ${backgroundColor};
|
|
14
|
+
color: ${textColor};
|
|
15
|
+
${props => props.isApp &&
|
|
17
16
|
`
|
|
18
17
|
@media(prefers-color-scheme: dark) {
|
|
19
18
|
background-color: ${darkBackgroundColor} !important;
|
|
20
19
|
color: ${darkTextColor} !important;
|
|
21
|
-
border: 1px solid ${darkBorderColor};
|
|
22
20
|
}
|
|
23
|
-
`}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
21
|
+
`}
|
|
22
|
+
|
|
23
|
+
border: 1px solid ${borderColor};
|
|
24
|
+
border-radius: 8px;
|
|
25
|
+
overflow: hidden;
|
|
26
|
+
@media (max-width: ${maxMDBreakpoint}px) {
|
|
27
|
+
border-radius: ${props => props.roundedCorners ? '0px 0px 8px 8px' : '0px'};
|
|
28
|
+
}
|
|
29
|
+
${props => props.isApp &&
|
|
30
|
+
`
|
|
31
|
+
@media(prefers-color-scheme: dark) {
|
|
32
|
+
border-color: ${darkBorderColor};
|
|
33
|
+
}
|
|
34
|
+
`}
|
|
35
|
+
|
|
36
|
+
h3 {
|
|
37
|
+
text-align: center;
|
|
38
|
+
font-family: ${fonts.headline};
|
|
39
|
+
font-size: 24px;
|
|
40
|
+
font-weight: 800;
|
|
41
|
+
padding-top: 24px;
|
|
42
|
+
padding-bottom: 8px;
|
|
43
|
+
margin: 0;
|
|
44
|
+
|
|
45
|
+
@media (max-width: ${maxMDBreakpoint}px) {
|
|
46
|
+
display: none;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
`;
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3NoYXJlZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUUsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLFNBQVMsQ0FBQztBQUNyQyxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsU0FBUyxDQUFDO0FBQ3pDLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztBQUN4RCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxTQUFTLENBQUM7QUFDN0MsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDO0FBQ2xELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztBQUN0RCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQzFCLENBQUMsV0FBVyxDQUFDLE1BQU0sSUFBSSxPQUFPLFdBQVcsQ0FBQyxNQUFNLEtBQUssUUFBUTtJQUMzRCxDQUFDLENBQUMsV0FBVyxDQUFDLE1BQU07SUFDcEIsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztBQUVmLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUdyQzswQkFDd0IsZUFBZTtlQUMxQixTQUFTO1FBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7OEJBRXNCLG1CQUFtQjttQkFDOUIsYUFBYTs7T0FFekI7OzBCQUVtQixXQUFXOzs7MkJBR1YsZUFBZTt5QkFDakIsS0FBSyxDQUFDLEVBQUUsQ0FDdkIsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEtBQUs7O1FBRWxELEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7MEJBRWtCLGVBQWU7O09BRWxDOzs7O3VCQUlnQixLQUFLLENBQUMsUUFBUTs7Ozs7Ozs2QkFPUixlQUFlOzs7O0tBSXZDLENBQUMifQ==
|
|
@@ -29,6 +29,12 @@ export const WidgetContainer = styled.div `
|
|
|
29
29
|
.Opta-Nav {
|
|
30
30
|
background-color: ${backgroundColor};
|
|
31
31
|
border-bottom: 1px solid ${borderColor};
|
|
32
|
+
${props => props.isApp &&
|
|
33
|
+
`
|
|
34
|
+
@media(prefers-color-scheme: dark) {
|
|
35
|
+
border-color: ${darkBorderColor} !important;
|
|
36
|
+
}
|
|
37
|
+
`}
|
|
32
38
|
|
|
33
39
|
ul {
|
|
34
40
|
display: flex;
|
|
@@ -87,10 +93,17 @@ export const WidgetContainer = styled.div `
|
|
|
87
93
|
a {
|
|
88
94
|
border: 1px solid ${borderColor};
|
|
89
95
|
border-radius: 100px;
|
|
96
|
+
${props => props.isApp &&
|
|
97
|
+
`
|
|
98
|
+
@media(prefers-color-scheme: dark) {
|
|
99
|
+
border: 1px solid ${darkBorderColor};
|
|
100
|
+
}
|
|
101
|
+
`}
|
|
90
102
|
}
|
|
91
103
|
}
|
|
92
104
|
|
|
93
105
|
a {
|
|
106
|
+
-webkit-tap-highlight-color: transparent;
|
|
94
107
|
display: flex;
|
|
95
108
|
align-items: center;
|
|
96
109
|
justify-content: center;
|
|
@@ -382,4 +395,4 @@ export const WidgetContainer = styled.div `
|
|
|
382
395
|
|
|
383
396
|
}
|
|
384
397
|
`;
|
|
385
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
398
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0Q29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3N0YXRzLWdyYXBocy9XaWRnZXRDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFdkUsT0FBTyxFQUNMLGVBQWUsRUFDZixtQkFBbUIsRUFDbkIsYUFBYSxFQUNiLFdBQVcsRUFDWCxlQUFlLEVBQ2YsU0FBUyxFQUNULGVBQWUsRUFDaEIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FJdkM7O0lBRUUsS0FBSyxDQUFDLEVBQUUsQ0FDUixLQUFLLENBQUMsS0FBSztJQUNYOzswQkFFc0IsbUJBQW1CO2VBQzlCLGFBQWE7O0dBRXpCOzs7TUFHRyxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzBCQUVvQixtQkFBbUI7O0dBRTFDOzs7Ozs7Ozs7O3dCQVVxQixlQUFlOytCQUNSLFdBQVc7TUFDcEMsS0FBSyxDQUFDLEVBQUUsQ0FDUixLQUFLLENBQUMsS0FBSztJQUNYOzt3QkFFa0IsZUFBZTs7S0FFbEM7Ozs7Ozs7MEJBT3FCLGVBQWU7UUFDakMsS0FBSyxDQUFDLEVBQUUsQ0FDUixLQUFLLENBQUMsS0FBSztJQUNYOzs4QkFFc0IsbUJBQW1COztPQUUxQzs7MkJBRW9CLGVBQWU7Ozs7Ozs7Ozs7OzRCQVdkLFdBQVc7Ozs7OzRCQUtYLFdBQVcsQ0FBQyxNQUFNOztnQ0FFZCxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUs7Y0FDMUMsS0FBSyxDQUFDLEVBQUUsQ0FDUixLQUFLLENBQUMsS0FBSztJ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
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import '@testing-library/jest-dom';
|
|
4
|
+
import { WidgetContainer } from '../WidgetContainer';
|
|
5
|
+
const HomeColour = { light: '#123456', dark: '#abcdef' };
|
|
6
|
+
const AwayColour = { light: '#654321', dark: '#fedcba' };
|
|
7
|
+
describe('OptaMatchStatsGraphs WidgetContainer styles', () => {
|
|
8
|
+
it('renders default styles and structure', () => {
|
|
9
|
+
const { container } = render(React.createElement(WidgetContainer, { isApp: false, homeTeamColor: HomeColour, awayTeamColor: AwayColour },
|
|
10
|
+
React.createElement("div", { className: "Opta-Nav" },
|
|
11
|
+
React.createElement("ul", null,
|
|
12
|
+
React.createElement("li", null,
|
|
13
|
+
React.createElement("a", { href: "#" }, "Tab 1")),
|
|
14
|
+
React.createElement("li", { className: "Opta-On" },
|
|
15
|
+
React.createElement("a", { href: "#" }, "Tab 2")))),
|
|
16
|
+
React.createElement("div", { className: "Opta-Stats-Bars-Text" }, "Shots"),
|
|
17
|
+
React.createElement("div", { className: "Opta-Stats-Bars" },
|
|
18
|
+
React.createElement("table", null,
|
|
19
|
+
React.createElement("tbody", null,
|
|
20
|
+
React.createElement("tr", null,
|
|
21
|
+
React.createElement("td", { className: "Opta-Outer Opta-Outer-bigger" }, "H"),
|
|
22
|
+
React.createElement("td", null,
|
|
23
|
+
React.createElement("div", { className: "Opta-Bars-Full" },
|
|
24
|
+
React.createElement("div", { className: "Opta-Percent Opta-Home", style: { width: '70%' } }),
|
|
25
|
+
React.createElement("div", { className: "Opta-Percent Opta-Away", style: { width: '30%' } }))),
|
|
26
|
+
React.createElement("td", { className: "Opta-Outer Opta-Outer-bigger" }, "A")))))));
|
|
27
|
+
expect(container.querySelector('.Opta-Nav')).toBeInTheDocument();
|
|
28
|
+
expect(container.querySelector('.Opta-Stats-Bars-Text')).toBeInTheDocument();
|
|
29
|
+
expect(container.querySelector('.Opta-Percent.Opta-Home')).toBeInTheDocument();
|
|
30
|
+
expect(container.querySelector('.Opta-Percent.Opta-Away')).toBeInTheDocument();
|
|
31
|
+
expect(container.querySelector('.Opta-Outer.Opta-Outer-bigger')).toBeInTheDocument();
|
|
32
|
+
});
|
|
33
|
+
it('renders app styles supporting dark mode', () => {
|
|
34
|
+
const { container } = render(React.createElement(WidgetContainer, { isApp: true, homeTeamColor: HomeColour, awayTeamColor: AwayColour },
|
|
35
|
+
React.createElement("div", { className: "Opta-Cf Opta-js-main" }),
|
|
36
|
+
React.createElement("div", { className: "Opta-Nav" },
|
|
37
|
+
React.createElement("ul", null,
|
|
38
|
+
React.createElement("li", null,
|
|
39
|
+
React.createElement("a", { href: "#" }, "Tab")))),
|
|
40
|
+
React.createElement("div", { className: "Opta-Stats-Bars-Text" }, "Passes"),
|
|
41
|
+
React.createElement("div", { className: "Opta-Stats-Bars" },
|
|
42
|
+
React.createElement("table", null,
|
|
43
|
+
React.createElement("tbody", null,
|
|
44
|
+
React.createElement("tr", null,
|
|
45
|
+
React.createElement("td", { className: "Opta-Outer Opta-Outer-bigger" }, "H"),
|
|
46
|
+
React.createElement("td", null,
|
|
47
|
+
React.createElement("div", { className: "Opta-Bars-Full" },
|
|
48
|
+
React.createElement("div", { className: "Opta-Percent Opta-Home", style: { width: '40%' } }),
|
|
49
|
+
React.createElement("div", { className: "Opta-Percent Opta-Away", style: { width: '60%' } }))),
|
|
50
|
+
React.createElement("td", { className: "Opta-Outer Opta-Outer-bigger" }, "A")))))));
|
|
51
|
+
expect(container.querySelector('.Opta-Cf.Opta-js-main')).toBeInTheDocument();
|
|
52
|
+
expect(container.querySelector('.Opta-Nav')).toBeInTheDocument();
|
|
53
|
+
expect(container.querySelectorAll('.Opta-Percent').length).toBe(2);
|
|
54
|
+
expect(container.querySelectorAll('.Opta-Outer.Opta-Outer-bigger').length).toBe(2);
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0Q29udGFpbmVyLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2Zvb3RiYWxsL29wdGEtbWF0Y2gtc3RhdHMvc3RhdHMtZ3JhcGhzL19fdGVzdHNfXy9XaWRnZXRDb250YWluZXIudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRCxPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVyRCxNQUFNLFVBQVUsR0FBRyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxDQUFDO0FBQ3pELE1BQU0sVUFBVSxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLENBQUM7QUFFekQsUUFBUSxDQUFDLDZDQUE2QyxFQUFFLEdBQUcsRUFBRTtJQUMzRCxFQUFFLENBQUMsc0NBQXNDLEVBQUUsR0FBRyxFQUFFO1FBQzlDLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxNQUFNLENBQzFCLG9CQUFDLGVBQWUsSUFDZCxLQUFLLEVBQUUsS0FBSyxFQUNaLGFBQWEsRUFBRSxVQUFVLEVBQ3pCLGFBQWEsRUFBRSxVQUFVO1lBRXpCLDZCQUFLLFNBQVMsRUFBQyxVQUFVO2dCQUN2QjtvQkFDRTt3QkFDRSwyQkFBRyxJQUFJLEVBQUMsR0FBRyxZQUFVLENBQ2xCO29CQUNMLDRCQUFJLFNBQVMsRUFBQyxTQUFTO3dCQUNyQiwyQkFBRyxJQUFJLEVBQUMsR0FBRyxZQUFVLENBQ2xCLENBQ0YsQ0FDRDtZQUNOLDZCQUFLLFNBQVMsRUFBQyxzQkFBc0IsWUFBWTtZQUNqRCw2QkFBSyxTQUFTLEVBQUMsaUJBQWlC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
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
import { breakpoints, colours, fonts } from '@times-components/ts-styleguide';
|
|
3
|
-
import { backgroundColor, darkBackgroundColor, darkTextColor, borderColor, maxMDBreakpoint, textColor } from '../shared/styles';
|
|
3
|
+
import { backgroundColor, darkBackgroundColor, darkTextColor, borderColor, maxMDBreakpoint, textColor, darkBorderColor } from '../shared/styles';
|
|
4
4
|
export const WidgetContainer = styled.div `
|
|
5
5
|
background-color: ${backgroundColor};
|
|
6
|
+
border: 1px solid ${borderColor};
|
|
7
|
+
border-radius: 8px;
|
|
6
8
|
${props => props.isApp &&
|
|
7
9
|
`
|
|
8
10
|
@media(prefers-color-scheme: dark) {
|
|
9
11
|
background-color: ${darkBackgroundColor} !important;
|
|
10
12
|
color: ${darkTextColor} !important;
|
|
13
|
+
border-color: ${darkBorderColor} !important;
|
|
11
14
|
}
|
|
12
15
|
`}
|
|
13
16
|
|
|
14
|
-
border: 1px solid ${borderColor};
|
|
15
|
-
border-radius: 8px;
|
|
16
17
|
@media (max-width: ${maxMDBreakpoint}px) {
|
|
17
18
|
border-radius: 8px 8px 0 0;
|
|
18
19
|
}
|
|
@@ -29,6 +30,13 @@ export const WidgetContainer = styled.div `
|
|
|
29
30
|
text-align: center;
|
|
30
31
|
border-bottom: 1px solid ${borderColor};
|
|
31
32
|
|
|
33
|
+
${props => props.isApp &&
|
|
34
|
+
`
|
|
35
|
+
@media(prefers-color-scheme: dark) {
|
|
36
|
+
border-color: ${darkBorderColor} !important;
|
|
37
|
+
}
|
|
38
|
+
`}
|
|
39
|
+
|
|
32
40
|
// Score row
|
|
33
41
|
tr:nth-of-type(1) {
|
|
34
42
|
order: 2;
|
|
@@ -369,4 +377,4 @@ export const WidgetContainer = styled.div `
|
|
|
369
377
|
}
|
|
370
378
|
}
|
|
371
379
|
`;
|
|
372
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
380
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0Q29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3N1bW1hcnkvV2lkZ2V0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU5RSxPQUFPLEVBQ0wsZUFBZSxFQUNmLG1CQUFtQixFQUNuQixhQUFhLEVBQ2IsV0FBVyxFQUNYLGVBQWUsRUFDZixTQUFTLEVBQ1QsZUFBZSxFQUNoQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUl2QztzQkFDb0IsZUFBZTtzQkFDZixXQUFXOztJQUU3QixLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzBCQUVzQixtQkFBbUI7ZUFDOUIsYUFBYTtzQkFDTixlQUFlOztHQUVsQzs7dUJBRW9CLGVBQWU7Ozs7Ozs7Ozs7Ozs7OytCQWNQLFdBQVc7O01BRXBDLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7d0JBRWtCLGVBQWU7O0tBRWxDOzs7Ozs7Ozs7OzRCQVV1QixlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs2QkF1QmQsZUFBZTs7Ozs7Ozs7O3VCQVNyQixLQUFLLENBQUMsUUFBUTs7O2lCQUdwQixTQUFTO1VBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7cUJBRVcsYUFBYTs7U0FFekI7OzZCQUVvQixlQUFlOzs7Ozs7Ozs7Ozs7O3lCQWFuQixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7NkJBV1osZUFBZTs7Ozs7OzhCQU1kLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxLQUFLO1lBQ3BELEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7a0NBRXNCLEtBQUssQ0FBQyxhQUFhLENBQUMsSUFBSTs7V0FFL0M7Ozs4QkFHbUIsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUs7WUFDcEQsS0FBSyxDQUFDLEVBQUUsQ0FDUixLQUFLLENBQUMsS0FBSztJQUNYOztrQ0FFc0IsS0FBSyxDQUFDLGFBQWEsQ0FBQyxJQUFJOztXQUUvQzs7Ozs7Ozs7Ozs7Ozt1QkFhWSxLQUFLLENBQUMsUUFBUTtpQkFDcEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxLQUFLOzs7OzZCQUlaLGVBQWU7Ozs7Ozs7MkJBT2pCLGVBQWU7Ozs7Ozs7Ozs7Ozs7MkJBYWYsZUFBZTs7Ozs7eUJBS2pCLEtBQUssQ0FBQyxVQUFVOzttQkFFdEIsU0FBUztZQUNoQixLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7O3VCQUVXLGFBQWE7O1dBRXpCOzs7K0JBR29CLGVBQWU7MkJBQ25CLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkFvQmhCLGVBQWU7Ozs7OzsyQkFNZixlQUFlOzs7Ozs7OzswQkFRaEIsZUFBZTtRQUNqQyxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzhCQUVzQixtQkFBbUI7bUJBQzlCLGFBQWE7O09BRXpCOzs7Ozs7Ozs7MkJBU29CLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7bUJBWTFCLEtBQUssQ0FBQyxVQUFVOzthQUV0QixTQUFTO01BQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7aUJBRVcsYUFBYTs7S0FFekI7Ozs7Ozs7Ozs7T0FVRSxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzhCQUV1QixtQkFBbUI7bUJBQzlCLGFBQWE7O09BRXpCOzs7Ozs7Ozs7Ozs7O3lCQWFrQixlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkEwQmIsZUFBZTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MkJBb0JmLGVBQWU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztxQkFxQnJCLEtBQUssQ0FBQyxVQUFVOztlQUV0QixTQUFTO1FBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7bUJBRVcsYUFBYTs7T0FFekI7Ozs7Ozs7Ozs7Ozs7O0NBY04sQ0FBQyJ9
|
package/dist/components/opta/football/opta-match-stats/summary/__tests__/WidgetContainer.test.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
package/dist/components/opta/football/opta-match-stats/summary/__tests__/WidgetContainer.test.js
ADDED
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import '@testing-library/jest-dom';
|
|
4
|
+
import { WidgetContainer } from '../WidgetContainer';
|
|
5
|
+
const HomeColour = { light: '#123456', dark: '#abcdef' };
|
|
6
|
+
const AwayColour = { light: '#654321', dark: '#fedcba' };
|
|
7
|
+
describe('OptaMatchSummary WidgetContainer styles', () => {
|
|
8
|
+
it('renders default styles and header layout', () => {
|
|
9
|
+
const { container } = render(React.createElement(WidgetContainer, { isApp: false, homeTeamColor: HomeColour, awayTeamColor: AwayColour },
|
|
10
|
+
React.createElement("div", { className: "Opta" },
|
|
11
|
+
React.createElement("div", { className: "Opta_W" })),
|
|
12
|
+
React.createElement("table", { className: "Opta-MatchHeader" },
|
|
13
|
+
React.createElement("tbody", null,
|
|
14
|
+
React.createElement("tr", null,
|
|
15
|
+
React.createElement("td", { className: "Opta-Team Opta-Home" }, "Home"),
|
|
16
|
+
React.createElement("td", { className: "Opta-Score Opta-Home" },
|
|
17
|
+
React.createElement("span", null,
|
|
18
|
+
React.createElement("span", { className: "Opta-Team-Score" }, "1"))),
|
|
19
|
+
React.createElement("td", { className: "Opta-Score Opta-Away" },
|
|
20
|
+
React.createElement("span", null,
|
|
21
|
+
React.createElement("span", { className: "Opta-Team-Score" }, "2"))),
|
|
22
|
+
React.createElement("td", { className: "Opta-Team Opta-Away" }, "Away"),
|
|
23
|
+
React.createElement("td", { className: "Opta-Divider Opta-Dash" }, "-")),
|
|
24
|
+
React.createElement("tr", { className: "Opta-Score-Extras" },
|
|
25
|
+
React.createElement("td", null,
|
|
26
|
+
React.createElement("span", { className: "Opta-Date" }, "Fri 1 Dec"))),
|
|
27
|
+
React.createElement("tr", null,
|
|
28
|
+
React.createElement("td", null,
|
|
29
|
+
React.createElement("div", null,
|
|
30
|
+
React.createElement("span", { className: "Opta-MatchHeader-Venue" },
|
|
31
|
+
React.createElement("span", { className: "Opta-MatchHeader-VenueLabel" }, "Venue"))))))),
|
|
32
|
+
React.createElement("div", { className: "Opta-Matchdata" }),
|
|
33
|
+
React.createElement("div", { className: "Opta-Cf" },
|
|
34
|
+
React.createElement("ul", { className: "Opta-Events Opta-Home" },
|
|
35
|
+
React.createElement("li", null,
|
|
36
|
+
React.createElement("span", { className: "Opta-Event-Text Opta-Home" },
|
|
37
|
+
React.createElement("span", { className: "Opta-Event-Player" }, "Player")),
|
|
38
|
+
React.createElement("span", { className: "Opta-Event-Time" }, "45'"),
|
|
39
|
+
React.createElement("span", { className: "Opta-Icon" }))))));
|
|
40
|
+
expect(container.querySelector('.Opta_W')).toBeInTheDocument();
|
|
41
|
+
expect(container.querySelector('.Opta-MatchHeader tbody')).toBeInTheDocument();
|
|
42
|
+
expect(container.querySelector('.Opta-Date')).toBeInTheDocument();
|
|
43
|
+
expect(container.querySelector('.Opta-MatchHeader-VenueLabel')).toBeInTheDocument();
|
|
44
|
+
expect(container.querySelector('.Opta-Events.Opta-Home')).toBeInTheDocument();
|
|
45
|
+
expect(container.querySelector('.Opta-Event-Time')).toBeInTheDocument();
|
|
46
|
+
});
|
|
47
|
+
it('renders app styles and away events layout', () => {
|
|
48
|
+
const { container } = render(React.createElement(WidgetContainer, { isApp: true, homeTeamColor: HomeColour, awayTeamColor: AwayColour },
|
|
49
|
+
React.createElement("table", { className: "Opta-MatchHeader" },
|
|
50
|
+
React.createElement("tbody", null,
|
|
51
|
+
React.createElement("tr", { className: "Opta-Score-Extras" },
|
|
52
|
+
React.createElement("td", null,
|
|
53
|
+
React.createElement("abbr", { className: "Opta-Date" }, "Sat 2 Dec"))),
|
|
54
|
+
React.createElement("tr", null,
|
|
55
|
+
React.createElement("td", null,
|
|
56
|
+
React.createElement("div", null,
|
|
57
|
+
React.createElement("span", { className: "Opta-Competition" }, "League")))))),
|
|
58
|
+
React.createElement("div", { className: "Opta-Cf" },
|
|
59
|
+
React.createElement("ul", { className: "Opta-Events Opta-Away" },
|
|
60
|
+
React.createElement("li", null,
|
|
61
|
+
React.createElement("span", { className: "Opta-Event-Text Opta-Away" },
|
|
62
|
+
React.createElement("span", { className: "Opta-Event-Player" }, "Player")),
|
|
63
|
+
React.createElement("span", { className: "Opta-Event-Time" }, "12'"),
|
|
64
|
+
React.createElement("span", { className: "Opta-Icon" }))))));
|
|
65
|
+
expect(container.querySelector('.Opta-Competition')).toBeInTheDocument();
|
|
66
|
+
expect(container.querySelector('.Opta-Events.Opta-Away')).toBeInTheDocument();
|
|
67
|
+
expect(container.querySelector('.Opta-Event-Time')).toBeInTheDocument();
|
|
68
|
+
});
|
|
69
|
+
});
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0Q29udGFpbmVyLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2Zvb3RiYWxsL29wdGEtbWF0Y2gtc3RhdHMvc3VtbWFyeS9fX3Rlc3RzX18vV2lkZ2V0Q29udGFpbmVyLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDaEQsT0FBTywyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFckQsTUFBTSxVQUFVLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsQ0FBQztBQUN6RCxNQUFNLFVBQVUsR0FBRyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxDQUFDO0FBRXpELFFBQVEsQ0FBQyx5Q0FBeUMsRUFBRSxHQUFHLEVBQUU7SUFDdkQsRUFBRSxDQUFDLDBDQUEwQyxFQUFFLEdBQUcsRUFBRTtRQUNsRCxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUMxQixvQkFBQyxlQUFlLElBQ2QsS0FBSyxFQUFFLEtBQUssRUFDWixhQUFhLEVBQUUsVUFBVSxFQUN6QixhQUFhLEVBQUUsVUFBVTtZQUV6Qiw2QkFBSyxTQUFTLEVBQUMsTUFBTTtnQkFDbkIsNkJBQUssU0FBUyxFQUFDLFFBQVEsR0FBRyxDQUN0QjtZQUNOLCtCQUFPLFNBQVMsRUFBQyxrQkFBa0I7Z0JBQ2pDO29CQUNFO3dCQUNFLDRCQUFJLFNBQVMsRUFBQyxxQkFBcUIsV0FBVTt3QkFDN0MsNEJBQUksU0FBUyxFQUFDLHNCQUFzQjs0QkFDbEM7Z0NBQ0UsOEJBQU0sU0FBUyxFQUFDLGlCQUFpQixRQUFTLENBQ3JDLENBQ0o7d0JBQ0wsNEJBQUksU0FBUyxFQUFDLHNCQUFzQjs0QkFDbEM7Z0NBQ0UsOEJBQU0sU0FBUyxFQUFDLGlCQUFpQixRQUFTLENBQ3JDLENBQ0o7d0JBQ0wsNEJBQUksU0FBUyxFQUFDLHFCQUFxQixXQUFVO3dCQUM3Qyw0QkFBSSxTQUFTLEVBQUMsd0JBQXdCLFFBQU8sQ0FDMUM7b0JBQ0wsNEJBQUksU0FBUyxFQUFDLG1CQUFtQjt3QkFDL0I7NEJBQ0UsOEJBQU0sU0FBUyxFQUFDLFdBQVcsZ0JBQWlCLENBQ3pDLENBQ0Y7b0JBQ0w7d0JBQ0U7NEJBQ0U7Z0NBQ0UsOEJBQU0sU0FBUyxFQUFDLHdCQUF3QjtvQ0FDdEMsOEJBQU0sU0FBUyxFQUFDLDZCQUE2QixZQUFhLENBQ3JELENBQ0gsQ0FDSCxDQUNGLENBQ0MsQ0FDRjtZQUNSLDZCQUFLLFNBQVMsRUFBQyxnQkFBZ0IsR0FBRztZQUNsQyw2QkFBSyxTQUFTLEVBQUMsU0FBUztnQkFDdEIsNEJBQUksU0FBUyxFQUFDLHVCQUF1QjtvQkFDbkM7d0JBQ0UsOEJBQU0sU0FBUyxFQUFDLDJCQUEyQjs0QkFDekMsOEJBQU0sU0FBUyxFQUFDLG1CQUFtQixhQUFjLENBQzVDO3dCQUNQLDhCQUFNLFNBQVMsRUFBQyxpQkFBaUIsVUFBVzt3QkFDNUMsOEJBQU0sU0FBUyxFQUFDLFdBQVcsR0FBRyxDQUMzQixDQUNGLENBQ0QsQ0FDVSxDQUNuQixDQUFDO1FBRUYsTUFBTSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQy9ELE1BQU0sQ0FDSixTQUFTLENBQUMsYUFBYSxDQUFDLHlCQUF5QixDQUFDLENBQ25ELENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN0QixNQUFNLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDbEUsTUFBTSxDQUNKLFNBQVMsQ0FBQyxhQUFhLENBQUMsOEJBQThCLENBQUMsQ0FDeEQsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3RCLE1BQU0sQ0FDSixTQUFTLENBQUMsYUFBYSxDQUFDLHdCQUF3QixDQUFDLENBQ2xELENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN0QixNQUFNLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMxRSxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQywyQ0FBMkMsRUFBRSxHQUFHLEVBQUU7UUFDbkQsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLE1BQU0sQ0FDMUIsb0JBQUMsZUFBZSxJQUNkLEtBQUssRUFBRSxJQUFJLEVBQ1gsYUFBYSxFQUFFLFVBQVUsRUFDekIsYUFBYSxFQUFFLFVBQVU7WUFFekIsK0JBQU8sU0FBUyxFQUFDLGtCQUFrQjtnQkFDakM7b0JBQ0UsNEJBQUksU0FBUyxFQUFDLG1CQUFtQjt3QkFDL0I7NEJBQ0UsOEJBQU0sU0FBUyxFQUFDLFdBQVcsZ0JBQWlCLENBQ3pDLENBQ0Y7b0JBQ0w7d0JBQ0U7NEJBQ0U7Z0NBQ0UsOEJBQU0sU0FBUyxFQUFDLGtCQUFrQixhQUFjLENBQzVDLENBQ0gsQ0FDRixDQUNDLENBQ0Y7WUFDUiw2QkFBSyxTQUFTLEVBQUMsU0FBUztnQkFDdEIsNEJBQUksU0FBUyxFQUFDLHVCQUF1QjtvQkFDbkM7d0JBQ0UsOEJBQU0sU0FBUyxFQUFDLDJCQUEyQjs0QkFDekMsOEJBQU0sU0FBUyxFQUFDLG1CQUFtQixhQUFjLENBQzVDO3dCQUNQLDhCQUFNLFNBQVMsRUFBQyxpQkFBaUIsVUFBVzt3QkFDNUMsOEJBQU0sU0FBUyxFQUFDLFdBQVcsR0FBRyxDQUMzQixDQUNGLENBQ0QsQ0FDVSxDQUNuQixDQUFDO1FBRUYsTUFBTSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDekUsTUFBTSxDQUNKLFNBQVMsQ0FBQyxhQUFhLENBQUMsd0JBQXdCLENBQUMsQ0FDbEQsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3RCLE1BQU0sQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzFFLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==
|
|
@@ -6,7 +6,8 @@ import { Container, WidgetContainer } from './styles';
|
|
|
6
6
|
import { isNationalCompetition } from '../../utils/replaceTeamDetails';
|
|
7
7
|
import { useUpdateTeamDetails } from '../../utils/useUpdateTeamDetails';
|
|
8
8
|
import { useFixturePageLink } from '../../utils/useFixturePageLink';
|
|
9
|
-
|
|
9
|
+
import { useAddFixtureNavigation } from '../../utils/useAddFixtureNavigation';
|
|
10
|
+
export const OptaFixturesTicker = React.memo(({ season, competition, date_from, date_to, days_ahead, days_before, round, isApp, showButtons, fixturesPageUrl, sport, enableMatchStatsNavigation = false }) => {
|
|
10
11
|
const ref = React.createRef();
|
|
11
12
|
const isNationalComp = isNationalCompetition(competition, sport);
|
|
12
13
|
const [isReady, setIsReady] = useState(false);
|
|
@@ -52,9 +53,17 @@ export const OptaFixturesTicker = React.memo(({ season, competition, date_from,
|
|
|
52
53
|
fixturesPageUrl &&
|
|
53
54
|
!isApp &&
|
|
54
55
|
useFixturePageLink(ref, 'Opta-Room', fixturesPageUrl);
|
|
56
|
+
enableMatchStatsNavigation &&
|
|
57
|
+
sport === 'football' &&
|
|
58
|
+
useAddFixtureNavigation({
|
|
59
|
+
ref,
|
|
60
|
+
sport,
|
|
61
|
+
competition,
|
|
62
|
+
season
|
|
63
|
+
});
|
|
55
64
|
return (React.createElement(Container, null,
|
|
56
65
|
!isReady && (React.createElement(PlaceholderContainer, { className: "opta-placeholder" },
|
|
57
66
|
React.createElement(Placeholder, null))),
|
|
58
|
-
React.createElement(WidgetContainer, { isApp: isApp, showButtons: showButtons,
|
|
67
|
+
React.createElement(WidgetContainer, { ref: ref, isApp: isApp, showButtons: showButtons, enableMatchStatsNavigation: enableMatchStatsNavigation })));
|
|
59
68
|
});
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZpeHR1cmVzVGlja2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9zaGFyZWQvZml4dHVyZXMtdGlja2VyL09wdGFGaXh0dXJlc1RpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRW5ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV0RCxPQUFPLEVBQ0wsWUFBWSxFQUNaLGNBQWMsRUFDZCxVQUFVLEVBQ1YsV0FBVyxFQUNYLGFBQWEsRUFDZCxNQUFNLG9CQUFvQixDQUFDO0FBRTVCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3RELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBbUI5RSxNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBc0MsS0FBSyxDQUFDLElBQUksQ0FDN0UsQ0FBQyxFQUNDLE1BQU0sRUFDTixXQUFXLEVBQ1gsU0FBUyxFQUNULE9BQU8sRUFDUCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFDTCxLQUFLLEVBQ0wsV0FBVyxFQUNYLGVBQWUsRUFDZixLQUFLLEVBQ0wsMEJBQTBCLEdBQUcsS0FBSyxFQUNuQyxFQUFFLEVBQUU7SUFDSCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsU0FBUyxFQUFrQixDQUFDO0lBQzlDLE1BQU0sY0FBYyxHQUFHLHFCQUFxQixDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNqRSxNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLFFBQVEsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUV2RCxTQUFTLENBQ1AsR0FBRyxFQUFFO1FBQ0gsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFdEIsVUFBVSxFQUFFO2FBQ1QsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNULElBQUksR0FBRyxDQUFDLE9BQU8sRUFBRTtnQkFDZixHQUFHLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUMsYUFBYSxFQUFFO29CQUNqRCxLQUFLO29CQUNMLE1BQU0sRUFBRSxVQUFVO29CQUNsQixNQUFNO29CQUNOLFdBQVc7b0JBQ1gsU0FBUztvQkFDVCxPQUFPO29CQUNQLFVBQVU7b0JBQ1YsV0FBVztvQkFDWCxLQUFLO29CQUNMLElBQUksRUFBRSxJQUFJO29CQUNWLGdCQUFnQixFQUFFLElBQUk7b0JBQ3RCLFFBQVEsRUFBRSxPQUFPO29CQUNqQixXQUFXLEVBQUUsT0FBTztvQkFDcEIsWUFBWSxFQUFFLEtBQUs7b0JBQ25CLFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLGFBQWEsRUFBRSxJQUFJO29CQUNuQixXQUFXLEVBQUUsSUFBSTtvQkFDakIsU0FBUyxFQUFFLElBQUk7b0JBQ2YsU0FBUyxFQUFFLElBQUk7b0JBQ2YsV0FBVyxFQUFFLFlBQVk7b0JBQ3pCLGFBQWEsRUFBRSxHQUFHO29CQUNsQixXQUFXLEVBQUUsR0FBRztpQkFDakIsQ0FBQyxDQUFDLFNBQVMsQ0FBQztnQkFFYixhQUFhLEVBQUUsQ0FBQzthQUNqQjtRQUNILENBQUMsQ0FBQzthQUNELElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDVCxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbkIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDLEVBQ0QsQ0FBQyxHQUFHLENBQUMsQ0FDTixDQUFDO0lBRUYsQ0FBQyxjQUFjLElBQUksS0FBSyxLQUFLLE9BQU8sQ0FBQztRQUNuQyxvQkFBb0IsQ0FBQyxHQUFHLEVBQUUsZUFBZSxDQUFDLENBQUM7SUFFN0MsZUFBZTtRQUNiLENBQUMsS0FBSztRQUNOLGtCQUFrQixDQUFDLEdBQUcsRUFBRSxXQUFXLEVBQUUsZUFBZSxDQUFDLENBQUM7SUFFeEQsMEJBQTBCO1FBQ3hCLEtBQUssS0FBSyxVQUFVO1FBQ3BCLHVCQUF1QixDQUFDO1lBQ3RCLEdBQUc7WUFDSCxLQUFLO1lBQ0wsV0FBVztZQUNYLE1BQU07U0FDUCxDQUFDLENBQUM7SUFFTCxPQUFPLENBQ0wsb0JBQUMsU0FBUztRQUNQLENBQUMsT0FBTyxJQUFJLENBQ1gsb0JBQUMsb0JBQW9CLElBQUMsU0FBUyxFQUFDLGtCQUFrQjtZQUNoRCxvQkFBQyxXQUFXLE9BQUcsQ0FDTSxDQUN4QjtRQUNELG9CQUFDLGVBQWUsSUFDZCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxLQUFLLEVBQ1osV0FBVyxFQUFFLFdBQVcsRUFDeEIsMEJBQTBCLEVBQUUsMEJBQTBCLEdBQ3RELENBQ1EsQ0FDYixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==
|
|
@@ -3,4 +3,5 @@ export declare const WidgetContainerOverride: import("styled-components").Styled
|
|
|
3
3
|
export declare const WidgetContainer: import("styled-components").StyledComponent<"div", any, {
|
|
4
4
|
isApp?: boolean | undefined;
|
|
5
5
|
showButtons?: boolean | undefined;
|
|
6
|
+
enableMatchStatsNavigation?: boolean | undefined;
|
|
6
7
|
}, never>;
|
|
@@ -194,6 +194,13 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
194
194
|
display: flex;
|
|
195
195
|
flex-direction: column;
|
|
196
196
|
|
|
197
|
+
${({ enableMatchStatsNavigation }) => enableMatchStatsNavigation &&
|
|
198
|
+
`
|
|
199
|
+
&:hover {
|
|
200
|
+
cursor: pointer;
|
|
201
|
+
}
|
|
202
|
+
`}
|
|
203
|
+
|
|
197
204
|
> div {
|
|
198
205
|
background-color: white !important;
|
|
199
206
|
}
|
|
@@ -546,4 +553,4 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
546
553
|
}
|
|
547
554
|
}
|
|
548
555
|
`;
|
|
549
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
556
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9zaGFyZWQvZml4dHVyZXMtdGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU5RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUV2RCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7OztDQUlsQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs2QkFlckMsS0FBSyxDQUFDLFFBQVE7Ozs7Ozs7OzttQ0FTUixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7OztDQVVwRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUl4RDs7Ozs7Ozs7Ozs7OztJQWFFLENBQUMsRUFBRSxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQ3BCLENBQUMsV0FBVztJQUNaO3lCQUNxQixXQUFXLENBQUMsS0FBSzs7Ozs7R0FLdkM7O3VCQUVvQixXQUFXLENBQUMsS0FBSzs7Y0FFMUIsQ0FBQyxFQUFFLFdBQVcsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7O1FBRXZELENBQUMsRUFBRSxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQ3BCLFdBQVc7SUFDVCxDQUFDLENBQUMsc0NBQXNDO0lBQ3hDLENBQUMsQ0FBQzs7dUNBRTJCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7TUFpQ2pDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsS0FBSztJQUNMOzs7Ozs7Ozs7Ozs7Ozs7O0tBZ0JEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7eUJBMENvQixXQUFXLENBQUMsTUFBTTs7O3lCQUdsQixXQUFXLENBQUMsSUFBSTs7O01BR25DLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsS0FBSztJQUNMOzs7Ozs7Ozs7Ozs7Ozs7S0FlRDs7Ozs7Ozs7O01BU0MsQ0FBQyxFQUFFLDBCQUEwQixFQUFFLEVBQUUsRUFBRSxDQUNuQywwQkFBMEI7SUFDMUI7Ozs7S0FJRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7UUEwQkcsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDZCxLQUFLO0lBQ0w7Ozs7T0FJRDs7Ozs7OztRQU9DLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsS0FBSztJQUNMOzs7O09BSUQ7Ozs7Ozs7Ozs7O1FBV0MsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDZCxLQUFLO0lBQ0w7Ozs7T0FJRDs7Ozs7Ozs7Ozs7OztVQWFHLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsS0FBSztJQUNMOzs7O1NBSUQ7Ozs7Ozs7Ozs7Ozs7UUFhRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7Ozs7T0FLRDs7Ozs7Ozs7Ozs7Ozs7OztRQWdCQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7Ozs7T0FLRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2dDQThCeUIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxtQkFBbUI7Ozs7O3VCQUsvQyxPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7NkJBQ3hCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7O21DQWFWLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7OztpQ0FXcEIsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7dUJBTzVCLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVzs2QkFDeEIsS0FBSyxDQUFDLFFBQVE7Ozs7Ozs7O3lCQVFsQixPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUs7K0JBQ2YsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7O3FDQVFWLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7Ozs7Ozs7cUNBa0JsQixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztxQ0F5QmxCLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3FDQStCbEIsV0FBVyxDQUFDLE1BQU07Ozs7OzttQ0FNcEIsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7Ozs7Ozt1QkFZOUIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxPQUFPOzZCQUNwQixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7aUNBZ0NaLE9BQU8sQ0FBQyxVQUFVLENBQUMsT0FBTzt1Q0FDcEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7O21DQVdwQixPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUs7Ozs7Ozs7Ozs7Ozs7Q0FhdkQsQ0FBQyJ9
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|