@times-components/ts-components 1.129.6 → 1.130.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 +16 -0
- package/dist/components/opta/cricket/scorecard/OptaCricketScorecard.d.ts +3 -1
- package/dist/components/opta/cricket/scorecard/OptaCricketScorecard.js +6 -5
- package/dist/components/opta/cricket/scorecard/OptaCricketScorecard.stories.js +2 -2
- package/dist/components/opta/cricket/shared-styles.d.ts +0 -8
- package/dist/components/opta/cricket/shared-styles.js +2 -24
- package/dist/components/opta/football/fixtures/OptaFootballFixtures.d.ts +3 -0
- package/dist/components/opta/football/fixtures/OptaFootballFixtures.js +5 -4
- package/dist/components/opta/football/fixtures-tournament/OptaFootballFixturesTournament.d.ts +3 -0
- package/dist/components/opta/football/fixtures-tournament/OptaFootballFixturesTournament.js +5 -4
- package/dist/components/opta/football/match-stats/OptaFootballMatchStats.d.ts +3 -1
- package/dist/components/opta/football/match-stats/OptaFootballMatchStats.js +5 -4
- package/dist/components/opta/football/player-stats/OptaFootballPlayerStats.d.ts +3 -1
- package/dist/components/opta/football/player-stats/OptaFootballPlayerStats.js +5 -4
- package/dist/components/opta/football/standings/OptaFootballStandings.d.ts +3 -1
- package/dist/components/opta/football/standings/OptaFootballStandings.js +5 -4
- package/dist/components/opta/football/standings/OptaFootballStandings.stories.js +2 -2
- package/dist/components/opta/football/summary/OptaFootballSummary.d.ts +3 -0
- package/dist/components/opta/football/summary/OptaFootballSummary.js +5 -4
- package/dist/components/opta/rugby/fixtures/OptaRugbyFixtures.d.ts +3 -0
- package/dist/components/opta/rugby/fixtures/OptaRugbyFixtures.js +6 -5
- package/dist/components/opta/rugby/match-stats/OptaRugbyMatchStats.d.ts +3 -0
- package/dist/components/opta/rugby/match-stats/OptaRugbyMatchStats.js +6 -5
- package/dist/components/opta/rugby/shared-styles.d.ts +0 -5
- package/dist/components/opta/rugby/shared-styles.js +2 -24
- package/dist/components/opta/rugby/standings/OptaRugbyStandings.d.ts +3 -0
- package/dist/components/opta/rugby/standings/OptaRugbyStandings.js +6 -5
- package/dist/components/opta/rugby/summary/OptaRugbySummary.d.ts +3 -0
- package/dist/components/opta/rugby/summary/OptaRugbySummary.js +6 -5
- package/dist/components/opta/shared/fixtures-ticker/OptaFixturesTicker.js +2 -2
- package/dist/components/opta/shared/fixtures-ticker/styles.js +3 -3
- package/dist/components/opta/shared/shared-styles.d.ts +4 -2
- package/dist/components/opta/shared/shared-styles.js +6 -3
- package/dist/index.d.ts +0 -1
- package/dist/index.js +1 -3
- package/package.json +4 -4
- package/rnw.js +1 -1
- package/src/components/opta/cricket/scorecard/OptaCricketScorecard.stories.tsx +1 -1
- package/src/components/opta/cricket/scorecard/OptaCricketScorecard.tsx +69 -58
- package/src/components/opta/cricket/scorecard/__tests__/__snapshots__/OptaCricketScorecard.test.tsx.snap +5 -5
- package/src/components/opta/cricket/shared-styles.ts +1 -31
- package/src/components/opta/football/fixtures/OptaFootballFixtures.tsx +76 -54
- package/src/components/opta/football/fixtures/__tests__/__snapshots__/OptaFootballFixtures.test.tsx.snap +2 -2
- package/src/components/opta/football/fixtures-tournament/OptaFootballFixturesTournament.tsx +17 -3
- package/src/components/opta/football/fixtures-tournament/__tests__/__snapshots__/OptaFootballFixturesTournament.test.tsx.snap +8 -8
- package/src/components/opta/football/match-stats/OptaFootballMatchStats.tsx +64 -45
- package/src/components/opta/football/match-stats/__tests__/__snapshots__/OptaFootballMatchStats.test.tsx.snap +3 -4
- package/src/components/opta/football/player-stats/OptaFootballPlayerStats.tsx +11 -4
- package/src/components/opta/football/player-stats/__tests__/__snapshots__/OptaFootballPlayerStats.test.tsx.snap +2 -2
- package/src/components/opta/football/standings/OptaFootballStandings.stories.tsx +1 -1
- package/src/components/opta/football/standings/OptaFootballStandings.tsx +11 -4
- package/src/components/opta/football/standings/__tests__/__snapshots__/OptaFootballStandings.test.tsx.snap +4 -4
- package/src/components/opta/football/summary/OptaFootballSummary.tsx +62 -42
- package/src/components/opta/football/summary/__tests__/__snapshots__/OptaFootballSummary.test.tsx.snap +2 -2
- package/src/components/opta/rugby/fixtures/OptaRugbyFixtures.tsx +80 -59
- package/src/components/opta/rugby/fixtures/__tests__/__snapshots__/OptaRugbyFixtures.test.tsx.snap +4 -4
- package/src/components/opta/rugby/match-stats/OptaRugbyMatchStats.tsx +65 -45
- package/src/components/opta/rugby/match-stats/__tests__/__snapshots__/OptaRugbyMatchStats.test.tsx.snap +4 -4
- package/src/components/opta/rugby/shared-styles.ts +1 -26
- package/src/components/opta/rugby/standings/OptaRugbyStandings.tsx +23 -4
- package/src/components/opta/rugby/standings/__tests__/__snapshots__/OptaRugbyStandings.test.tsx.snap +4 -4
- package/src/components/opta/rugby/summary/OptaRugbySummary.tsx +65 -45
- package/src/components/opta/rugby/summary/__tests__/__snapshots__/OptaRugbySummary.test.tsx.snap +4 -4
- package/src/components/opta/shared/fixtures-ticker/OptaFixturesTicker.tsx +1 -1
- package/src/components/opta/shared/fixtures-ticker/__tests__/__snapshots__/OptaFixturesTicker.test.tsx.snap +25 -30
- package/src/components/opta/shared/fixtures-ticker/styles.ts +3 -3
- package/src/components/opta/shared/shared-styles.ts +11 -5
- package/src/index.ts +0 -3
- package/dist/components/palin-polls/PalinPolls.d.ts +0 -6
- package/dist/components/palin-polls/PalinPolls.js +0 -24
- package/dist/components/palin-polls/__tests__/PalinPolls.test.d.ts +0 -1
- package/dist/components/palin-polls/__tests__/PalinPolls.test.js +0 -47
- package/src/components/palin-polls/PalinPolls.tsx +0 -35
- package/src/components/palin-polls/__tests__/PalinPolls.test.tsx +0 -59
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,22 @@
|
|
|
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.130.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.129.6...@times-components/ts-components@1.130.0) (2025-05-20)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TMRA-309:** update height parameters ([#4141](https://github.com/newsuk/times-components/issues/4141)) ([bff182e](https://github.com/newsuk/times-components/commit/bff182efb665fe805c0b9f571fa54c790bd61c4b))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Reverts
|
|
15
|
+
|
|
16
|
+
* Revert "fix(TMC-500): Implement & fix Palin Polls component (#4135)" (#4142) ([62a0722](https://github.com/newsuk/times-components/commit/62a07228627816229dcb29e01bbe203ecfaa7237)), closes [#4135](https://github.com/newsuk/times-components/issues/4135) [#4142](https://github.com/newsuk/times-components/issues/4142)
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
6
22
|
## [1.129.6](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.129.5...@times-components/ts-components@1.129.6) (2025-05-19)
|
|
7
23
|
|
|
8
24
|
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import { Placeholder } from '@times-components/image';
|
|
3
3
|
import { initSettings, initStyleSheet, initScript, initElement, initComponent } from '../../utils/config';
|
|
4
|
-
import { Container, PlaceholderContainer } from '
|
|
4
|
+
import { Container, PlaceholderContainer } from '../../shared/shared-styles';
|
|
5
5
|
import { WidgetContainer } from './styles';
|
|
6
|
-
export const OptaCricketScorecard = React.memo(({ competition, match, full_width,
|
|
6
|
+
export const OptaCricketScorecard = React.memo(({ competition, match, full_width, heightSm, heightMd, heightLg }) => {
|
|
7
7
|
const ref = React.createRef();
|
|
8
8
|
const [isReady, setIsReady] = useState(false);
|
|
9
|
+
const isHeight = heightSm || heightMd || heightLg;
|
|
9
10
|
useEffect(() => {
|
|
10
11
|
const sport = 'cricket';
|
|
11
12
|
initSettings();
|
|
@@ -47,9 +48,9 @@ export const OptaCricketScorecard = React.memo(({ competition, match, full_width
|
|
|
47
48
|
}
|
|
48
49
|
});
|
|
49
50
|
}, []);
|
|
50
|
-
return (React.createElement(Container, { border: isReady, fullWidth: full_width,
|
|
51
|
+
return (React.createElement(Container, { border: isReady, fullWidth: full_width, heightSm: heightSm, heightMd: heightMd, heightLg: heightLg },
|
|
51
52
|
React.createElement(WidgetContainer, { ref: ref }),
|
|
52
|
-
!isReady && (React.createElement(PlaceholderContainer, {
|
|
53
|
+
!isReady && (React.createElement(PlaceholderContainer, { isHeight: !!isHeight },
|
|
53
54
|
React.createElement(Placeholder, null)))));
|
|
54
55
|
});
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2NyaWNrZXQvc2NvcmVjYXJkL09wdGFDcmlja2V0U2NvcmVjYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBTzVCLEtBQUssQ0FBQyxJQUFJLENBQ2IsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTtJQUNuRSxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsU0FBUyxFQUFrQixDQUFDO0lBRTlDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRXZELE1BQU0sUUFBUSxHQUFHLFFBQVEsSUFBSSxRQUFRLElBQUksUUFBUSxDQUFDO0lBRWxELFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxTQUFTLENBQUM7UUFFeEIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFdEIsVUFBVSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNyQixJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7Z0JBQ2YsR0FBRyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDLGFBQWEsRUFBRTtvQkFDakQsS0FBSztvQkFDTCxNQUFNLEVBQUUsWUFBWTtvQkFDcEIsTUFBTSxFQUFFLEdBQUc7b0JBQ1gsV0FBVztvQkFDWCxLQUFLO29CQUNMLFFBQVEsRUFBRSxRQUFRO29CQUNsQixJQUFJLEVBQUUsSUFBSTtvQkFDVixpQkFBaUIsRUFBRSxJQUFJO29CQUN2QixXQUFXLEVBQUUsSUFBSTtvQkFDakIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0Isc0JBQXNCLEVBQUUsSUFBSTtvQkFDNUIsU0FBUyxFQUFFLElBQUk7b0JBQ2YsV0FBVyxFQUFFLFlBQVk7b0JBQ3pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixjQUFjLEVBQUUsS0FBSztvQkFDckIsU0FBUyxFQUFFLEtBQUs7b0JBQ2hCLGtCQUFrQixFQUFFLElBQUk7b0JBQ3hCLFVBQVUsRUFBRSxNQUFNO29CQUNsQixZQUFZLEVBQUUsSUFBSTtvQkFDbEIsZ0JBQWdCLEVBQUUsS0FBSztvQkFDdkIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixnQkFBZ0IsRUFBRSxJQUFJO29CQUN0QixZQUFZLEVBQUUsSUFBSTtvQkFDbEIsWUFBWSxFQUFFLElBQUk7b0JBQ2xCLFFBQVEsRUFBRSxJQUFJO29CQUNkLGFBQWEsRUFBRSxNQUFNO29CQUNyQixXQUFXLEVBQUUsS0FBSztpQkFDbkIsQ0FBQyxDQUFDLFNBQVMsQ0FBQztnQkFFYixhQUFhLEVBQUUsQ0FBQztnQkFDaEIsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ2xCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsb0JBQUMsU0FBUyxJQUNSLE1BQU0sRUFBRSxPQUFPLEVBQ2YsU0FBUyxFQUFFLFVBQVUsRUFDckIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVE7UUFFbEIsb0JBQUMsZUFBZSxJQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUk7UUFFNUIsQ0FBQyxPQUFPLElBQUksQ0FDWCxvQkFBQyxvQkFBb0IsSUFBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLFFBQVE7WUFDeEMsb0JBQUMsV0FBVyxPQUFHLENBQ00sQ0FDeEIsQ0FDUyxDQUNiLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
|
|
@@ -14,7 +14,7 @@ const showcase = {
|
|
|
14
14
|
type: 'story'
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
|
-
component: () => (React.createElement(OptaCricketScorecard, { competition: "3071", match: "55391",
|
|
17
|
+
component: () => (React.createElement(OptaCricketScorecard, { competition: "3071", match: "55391", heightSm: 905 })),
|
|
18
18
|
name: 'Scorecard (1st inns) with set height',
|
|
19
19
|
type: 'story'
|
|
20
20
|
}
|
|
@@ -23,4 +23,4 @@ const showcase = {
|
|
|
23
23
|
};
|
|
24
24
|
// @ts-ignore
|
|
25
25
|
showcaseConverter(module, showcase);
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvY3JpY2tldC9zY29yZWNhcmQvT3B0YUNyaWNrZXRTY29yZWNhcmQuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNyRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5RCxNQUFNLFFBQVEsR0FBRztJQUNmLFFBQVEsRUFBRTtRQUNSO1lBQ0UsU0FBUyxFQUFFLENBQUMsT0FBOEIsRUFBRSxFQUFFLENBQUMsQ0FDN0Msb0JBQUMsY0FBYyxRQUFFLE9BQU8sRUFBRSxDQUFrQixDQUM3QztZQUNELElBQUksRUFBRSxXQUFXO1NBQ2xCO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxvQkFBb0IsSUFBQyxXQUFXLEVBQUMsTUFBTSxFQUFDLEtBQUssRUFBQyxPQUFPLEdBQUcsQ0FDMUQ7WUFDRCxJQUFJLEVBQUUsV0FBVztZQUNqQixJQUFJLEVBQUUsT0FBTztTQUNkO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxvQkFBb0IsSUFBQyxXQUFXLEVBQUMsTUFBTSxFQUFDLEtBQUssRUFBQyxPQUFPLEVBQUMsUUFBUSxFQUFFLEdBQUcsR0FBSSxDQUN6RTtZQUNELElBQUksRUFBRSxzQ0FBc0M7WUFDNUMsSUFBSSxFQUFFLE9BQU87U0FDZDtLQUNGO0lBQ0QsSUFBSSxFQUFFLG1EQUFtRDtDQUMxRCxDQUFDO0FBRUYsYUFBYTtBQUNiLGlCQUFpQixDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQyJ9
|
|
@@ -1,9 +1 @@
|
|
|
1
|
-
export declare const Container: import("styled-components").StyledComponent<"div", any, {
|
|
2
|
-
border: boolean;
|
|
3
|
-
fullWidth?: boolean | undefined;
|
|
4
|
-
$height?: number | undefined;
|
|
5
|
-
}, never>;
|
|
6
|
-
export declare const PlaceholderContainer: import("styled-components").StyledComponent<"div", any, {
|
|
7
|
-
height?: number | undefined;
|
|
8
|
-
}, never>;
|
|
9
1
|
export declare const WidgetContainerBase: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,27 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import {
|
|
3
|
-
export const Container = styled.div `
|
|
4
|
-
${({ $height }) => $height && `height: ${$height}px;`} margin: 0 auto 20px auto;
|
|
5
|
-
background-color: ${colours.functional.backgroundPrimary};
|
|
6
|
-
border-top: ${({ border }) => border ? `2px solid ${colours.section.sport}` : 'none'};
|
|
7
|
-
|
|
8
|
-
a {
|
|
9
|
-
text-decoration: none;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
@media (min-width: ${breakpoints.medium}px) {
|
|
13
|
-
flex-direction: row;
|
|
14
|
-
width: ${({ fullWidth }) => (fullWidth ? '100%' : '80.8%')};
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
@media (min-width: ${breakpoints.wide}px) {
|
|
18
|
-
width: ${({ fullWidth }) => (fullWidth ? '100%' : '56.2%')};
|
|
19
|
-
}
|
|
20
|
-
`;
|
|
21
|
-
export const PlaceholderContainer = styled.div `
|
|
22
|
-
height: ${({ height }) => height || 200}px;
|
|
23
|
-
position: relative;
|
|
24
|
-
`;
|
|
2
|
+
import { colours, fonts } from '@times-components/ts-styleguide';
|
|
25
3
|
export const WidgetContainerBase = styled.div `
|
|
26
4
|
.Opta {
|
|
27
5
|
.Opta_W {
|
|
@@ -69,4 +47,4 @@ export const WidgetContainerBase = styled.div `
|
|
|
69
47
|
}
|
|
70
48
|
}
|
|
71
49
|
`;
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcmVkLXN0eWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvY3JpY2tldC9zaGFyZWQtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFakUsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7Ozs7O2lCQVM1QixPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUs7dUJBQ2YsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7ZUE0QnhCLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVztxQkFDeEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Q0FPcEMsQ0FBQyJ9
|
|
@@ -3,9 +3,10 @@ import { Placeholder } from '@times-components/image';
|
|
|
3
3
|
import { initSettings, initStyleSheet, initScript, initElement, initComponent } from '../../utils/config';
|
|
4
4
|
import { Container, PlaceholderContainer } from '../../shared/shared-styles';
|
|
5
5
|
import { WidgetContainer } from './styles';
|
|
6
|
-
export const OptaFootballFixtures = React.memo(({ season, competition, date_from, date_to, full_width }) => {
|
|
6
|
+
export const OptaFootballFixtures = React.memo(({ season, competition, date_from, date_to, full_width, heightSm, heightMd, heightLg }) => {
|
|
7
7
|
const ref = React.createRef();
|
|
8
8
|
const [isReady, setIsReady] = useState(false);
|
|
9
|
+
const isHeight = heightSm || heightMd || heightLg;
|
|
9
10
|
useEffect(() => {
|
|
10
11
|
const sport = 'football';
|
|
11
12
|
initSettings();
|
|
@@ -42,9 +43,9 @@ export const OptaFootballFixtures = React.memo(({ season, competition, date_from
|
|
|
42
43
|
}
|
|
43
44
|
});
|
|
44
45
|
}, []);
|
|
45
|
-
return (React.createElement(Container, { border: isReady, fullWidth: full_width },
|
|
46
|
+
return (React.createElement(Container, { border: isReady, fullWidth: full_width, heightSm: heightSm, heightMd: heightMd, heightLg: heightLg },
|
|
46
47
|
React.createElement(WidgetContainer, { ref: ref }),
|
|
47
|
-
!isReady && (React.createElement(PlaceholderContainer,
|
|
48
|
+
!isReady && (React.createElement(PlaceholderContainer, { isHeight: !!isHeight },
|
|
48
49
|
React.createElement(Placeholder, null)))));
|
|
49
50
|
});
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsRml4dHVyZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2Zvb3RiYWxsL2ZpeHR1cmVzL09wdGFGb290YmFsbEZpeHR1cmVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sb0JBQW9CLENBQUM7QUFFNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBUzVCLEtBQUssQ0FBQyxJQUFJLENBQ2IsQ0FBQyxFQUNDLE1BQU0sRUFDTixXQUFXLEVBQ1gsU0FBUyxFQUNULE9BQU8sRUFDUCxVQUFVLEVBQ1YsUUFBUSxFQUNSLFFBQVEsRUFDUixRQUFRLEVBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFNBQVMsRUFBa0IsQ0FBQztJQUU5QyxNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLFFBQVEsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUV2RCxNQUFNLFFBQVEsR0FBRyxRQUFRLElBQUksUUFBUSxJQUFJLFFBQVEsQ0FBQztJQUVsRCxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsTUFBTSxLQUFLLEdBQUcsVUFBVSxDQUFDO1FBRXpCLFlBQVksRUFBRSxDQUFDO1FBQ2YsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXRCLFVBQVUsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDckIsSUFBSSxHQUFHLENBQUMsT0FBTyxFQUFFO2dCQUNmLEdBQUcsQ0FBQyxPQUFPLENBQUMsU0FBUyxHQUFHLFdBQVcsQ0FDakMsYUFBYSxFQUNiO29CQUNFLEtBQUs7b0JBQ0wsTUFBTSxFQUFFLFVBQVU7b0JBQ2xCLE1BQU07b0JBQ04sV0FBVztvQkFDWCxTQUFTO29CQUNULE9BQU87b0JBQ1AsSUFBSSxFQUFFLElBQUk7b0JBQ1YsUUFBUSxFQUFFLE1BQU07b0JBQ2hCLGFBQWEsRUFBRSxJQUFJO29CQUNuQixXQUFXLEVBQUUsSUFBSTtvQkFDakIsV0FBVyxFQUFFLGtCQUFrQjtvQkFDL0IsV0FBVyxFQUFFLEdBQUc7aUJBQ2pCLEVBQ0QsV0FBVyxDQUFDLGFBQWEsRUFBRTtvQkFDekIsS0FBSztvQkFDTCxNQUFNLEVBQUUsZUFBZTtvQkFDdkIsTUFBTSxFQUFFLEVBQUU7b0JBQ1YsV0FBVyxFQUFFLEVBQUU7b0JBQ2YsS0FBSyxFQUFFLEVBQUU7b0JBQ1QsSUFBSSxFQUFFLElBQUk7b0JBQ1YsV0FBVyxFQUFFLElBQUk7b0JBQ2pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixVQUFVLEVBQUUsS0FBSztvQkFDakIsV0FBVyxFQUFFLEtBQUs7aUJBQ25CLENBQUMsQ0FDSCxDQUFDLFNBQVMsQ0FBQztnQkFFWixhQUFhLEVBQUUsQ0FBQztnQkFDaEIsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ2xCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsb0JBQUMsU0FBUyxJQUNSLE1BQU0sRUFBRSxPQUFPLEVBQ2YsU0FBUyxFQUFFLFVBQVUsRUFDckIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVE7UUFFbEIsb0JBQUMsZUFBZSxJQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUk7UUFFNUIsQ0FBQyxPQUFPLElBQUksQ0FDWCxvQkFBQyxvQkFBb0IsSUFBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLFFBQVE7WUFDeEMsb0JBQUMsV0FBVyxPQUFHLENBQ00sQ0FDeEIsQ0FDUyxDQUNiLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
|
|
@@ -5,10 +5,11 @@ import { Container, PlaceholderContainer } from '../../shared/shared-styles';
|
|
|
5
5
|
import { WidgetContainer } from './styles';
|
|
6
6
|
import { isNationalCompetition } from '../../utils/replaceNationalTeamDetails';
|
|
7
7
|
import { useUpdateNationalTeamDetails } from '../../utils/useUpdateNationalTeamDetails';
|
|
8
|
-
export const OptaFootballFixturesTournament = React.memo(({ season, competition, date_from, date_to, days_ahead, days_before, matchday, round, classes, hide_matchday, show_title = true, columns = true, full_width }) => {
|
|
8
|
+
export const OptaFootballFixturesTournament = React.memo(({ season, competition, date_from, date_to, days_ahead, days_before, matchday, round, classes, hide_matchday, show_title = true, columns = true, full_width, heightSm, heightMd, heightLg }) => {
|
|
9
9
|
const ref = React.createRef();
|
|
10
10
|
const [isReady, setIsReady] = useState(false);
|
|
11
11
|
const isNationalComp = isNationalCompetition(competition);
|
|
12
|
+
const isHeight = heightSm || heightMd || heightLg;
|
|
12
13
|
useEffect(() => {
|
|
13
14
|
const sport = 'football';
|
|
14
15
|
initSettings();
|
|
@@ -53,9 +54,9 @@ export const OptaFootballFixturesTournament = React.memo(({ season, competition,
|
|
|
53
54
|
});
|
|
54
55
|
}, []);
|
|
55
56
|
isNationalComp && useUpdateNationalTeamDetails(ref, 'Opta-Team');
|
|
56
|
-
return (React.createElement(Container, { border: isReady, fullWidth: full_width, className: classes },
|
|
57
|
+
return (React.createElement(Container, { border: isReady, fullWidth: full_width, className: classes, heightSm: heightSm, heightMd: heightMd, heightLg: heightLg },
|
|
57
58
|
React.createElement(WidgetContainer, { ref: ref, isNationalComp: isNationalComp, hide_matchday: hide_matchday, columns: columns }),
|
|
58
|
-
!isReady && (React.createElement(PlaceholderContainer,
|
|
59
|
+
!isReady && (React.createElement(PlaceholderContainer, { isHeight: !!isHeight },
|
|
59
60
|
React.createElement(Placeholder, null)))));
|
|
60
61
|
});
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsRml4dHVyZXNUb3VybmFtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9maXh0dXJlcy10b3VybmFtZW50L09wdGFGb290YmFsbEZpeHR1cmVzVG91cm5hbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRW5ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV0RCxPQUFPLEVBQ0wsWUFBWSxFQUNaLGNBQWMsRUFDZCxVQUFVLEVBQ1YsV0FBVyxFQUNYLGFBQWEsRUFDZCxNQUFNLG9CQUFvQixDQUFDO0FBRTVCLE9BQU8sRUFBRSxTQUFTLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBRXhGLE1BQU0sQ0FBQyxNQUFNLDhCQUE4QixHQWlCdEMsS0FBSyxDQUFDLElBQUksQ0FDYixDQUFDLEVBQ0MsTUFBTSxFQUNOLFdBQVcsRUFDWCxTQUFTLEVBQ1QsT0FBTyxFQUNQLFVBQVUsRUFDVixXQUFXLEVBQ1gsUUFBUSxFQUNSLEtBQUssRUFDTCxPQUFPLEVBQ1AsYUFBYSxFQUNiLFVBQVUsR0FBRyxJQUFJLEVBQ2pCLE9BQU8sR0FBRyxJQUFJLEVBQ2QsVUFBVSxFQUNWLFFBQVEsRUFDUixRQUFRLEVBQ1IsUUFBUSxFQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxTQUFTLEVBQWtCLENBQUM7SUFFOUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDdkQsTUFBTSxjQUFjLEdBQUcscUJBQXFCLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDMUQsTUFBTSxRQUFRLEdBQUcsUUFBUSxJQUFJLFFBQVEsSUFBSSxRQUFRLENBQUM7SUFFbEQsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLE1BQU0sS0FBSyxHQUFHLFVBQVUsQ0FBQztRQUV6QixZQUFZLEVBQUUsQ0FBQztRQUNmLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUV0QixVQUFVLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFO1lBQ3JCLElBQUksR0FBRyxDQUFDLE9BQU8sRUFBRTtnQkFDZixHQUFHLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQ2pDLGFBQWEsRUFDYjtvQkFDRSxLQUFLO29CQUNMLE1BQU0sRUFBRSxVQUFVO29CQUNsQixNQUFNO29CQUNOLFdBQVc7b0JBQ1gsU0FBUztvQkFDVCxPQUFPO29CQUNQLFVBQVU7b0JBQ1YsV0FBVztvQkFDWCxRQUFRO29CQUNSLEtBQUs7b0JBQ0wsVUFBVTtvQkFDVixJQUFJLEVBQUUsSUFBSTtvQkFDVixRQUFRLEVBQUUsVUFBVTtvQkFDcEIsYUFBYSxFQUFFLElBQUk7b0JBQ25CLFlBQVksRUFBRSxxQkFBcUI7b0JBQ25DLGdCQUFnQixFQUFFLElBQUk7b0JBQ3RCLFdBQVcsRUFBRSxDQUFDLGNBQWM7b0JBQzVCLFdBQVcsRUFBRSxrQkFBa0I7b0JBQy9CLFdBQVcsRUFBRSxHQUFHO2lCQUNqQixFQUNELFdBQVcsQ0FBQyxhQUFhLEVBQUU7b0JBQ3pCLEtBQUs7b0JBQ0wsTUFBTSxFQUFFLGVBQWU7b0JBQ3ZCLE1BQU0sRUFBRSxFQUFFO29CQUNWLFdBQVcsRUFBRSxFQUFFO29CQUNmLEtBQUssRUFBRSxFQUFFO29CQUNULElBQUksRUFBRSxJQUFJO29CQUNWLFdBQVcsRUFBRSxJQUFJO29CQUNqQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsVUFBVSxFQUFFLEtBQUs7b0JBQ2pCLFdBQVcsRUFBRSxLQUFLO2lCQUNuQixDQUFDLENBQ0gsQ0FBQyxTQUFTLENBQUM7Z0JBRVosYUFBYSxFQUFFLENBQUM7Z0JBQ2hCLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUNsQjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsY0FBYyxJQUFJLDRCQUE0QixDQUFDLEdBQUcsRUFBRSxXQUFXLENBQUMsQ0FBQztJQUVqRSxPQUFPLENBQ0wsb0JBQUMsU0FBUyxJQUNSLE1BQU0sRUFBRSxPQUFPLEVBQ2YsU0FBUyxFQUFFLFVBQVUsRUFDckIsU0FBUyxFQUFFLE9BQU8sRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVE7UUFFbEIsb0JBQUMsZUFBZSxJQUNkLEdBQUcsRUFBRSxHQUFHLEVBQ1IsY0FBYyxFQUFFLGNBQWMsRUFDOUIsYUFBYSxFQUFFLGFBQWEsRUFDNUIsT0FBTyxFQUFFLE9BQU8sR0FDaEI7UUFFRCxDQUFDLE9BQU8sSUFBSSxDQUNYLG9CQUFDLG9CQUFvQixJQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsUUFBUTtZQUN4QyxvQkFBQyxXQUFXLE9BQUcsQ0FDTSxDQUN4QixDQUNTLENBQ2IsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
|
|
@@ -3,9 +3,10 @@ import { Placeholder } from '@times-components/image';
|
|
|
3
3
|
import { initSettings, initStyleSheet, initScript, initElement, initComponent } from '../../utils/config';
|
|
4
4
|
import { Container, PlaceholderContainer } from '../../shared/shared-styles';
|
|
5
5
|
import { WidgetContainer } from './styles';
|
|
6
|
-
export const OptaFootballMatchStats = React.memo(({ season, competition, match, full_width,
|
|
6
|
+
export const OptaFootballMatchStats = React.memo(({ season, competition, match, full_width, heightSm = 640, heightMd, heightLg }) => {
|
|
7
7
|
const ref = React.createRef();
|
|
8
8
|
const [isReady, setIsReady] = useState(false);
|
|
9
|
+
const isHeight = heightSm || heightMd || heightLg;
|
|
9
10
|
useEffect(() => {
|
|
10
11
|
const sport = 'football';
|
|
11
12
|
initSettings();
|
|
@@ -35,9 +36,9 @@ export const OptaFootballMatchStats = React.memo(({ season, competition, match,
|
|
|
35
36
|
}
|
|
36
37
|
});
|
|
37
38
|
}, []);
|
|
38
|
-
return (React.createElement(Container, { border: isReady, fullWidth: full_width,
|
|
39
|
+
return (React.createElement(Container, { border: isReady, fullWidth: full_width, heightSm: heightSm, heightMd: heightMd, heightLg: heightLg },
|
|
39
40
|
React.createElement(WidgetContainer, { ref: ref }),
|
|
40
|
-
!isReady && (React.createElement(PlaceholderContainer, {
|
|
41
|
+
!isReady && (React.createElement(PlaceholderContainer, { isHeight: !!isHeight },
|
|
41
42
|
React.createElement(Placeholder, null)))));
|
|
42
43
|
});
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsTWF0Y2hTdGF0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvZm9vdGJhbGwvbWF0Y2gtc3RhdHMvT3B0YUZvb3RiYWxsTWF0Y2hTdGF0cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRW5ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV0RCxPQUFPLEVBQ0wsWUFBWSxFQUNaLGNBQWMsRUFDZCxVQUFVLEVBQ1YsV0FBVyxFQUNYLGFBQWEsRUFDZCxNQUFNLG9CQUFvQixDQUFDO0FBRTVCLE9BQU8sRUFBRSxTQUFTLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRTNDLE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQVE5QixLQUFLLENBQUMsSUFBSSxDQUNiLENBQUMsRUFDQyxNQUFNLEVBQ04sV0FBVyxFQUNYLEtBQUssRUFDTCxVQUFVLEVBQ1YsUUFBUSxHQUFHLEdBQUcsRUFDZCxRQUFRLEVBQ1IsUUFBUSxFQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxTQUFTLEVBQWtCLENBQUM7SUFFOUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDdkQsTUFBTSxRQUFRLEdBQUcsUUFBUSxJQUFJLFFBQVEsSUFBSSxRQUFRLENBQUM7SUFFbEQsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLE1BQU0sS0FBSyxHQUFHLFVBQVUsQ0FBQztRQUV6QixZQUFZLEVBQUUsQ0FBQztRQUNmLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUV0QixVQUFVLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFO1lBQ3JCLElBQUksR0FBRyxDQUFDLE9BQU8sRUFBRTtnQkFDZixHQUFHLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUMsYUFBYSxFQUFFO29CQUNqRCxLQUFLO29CQUNMLE1BQU0sRUFBRSxZQUFZO29CQUNwQixNQUFNO29CQUNOLFdBQVc7b0JBQ1gsS0FBSztvQkFDTCxRQUFRLEVBQUUsUUFBUTtvQkFDbEIsV0FBVyxFQUFFLFVBQVU7b0JBQ3ZCLGdCQUFnQixFQUNkLHNIQUFzSDtvQkFDeEgsSUFBSSxFQUFFLElBQUk7b0JBQ1YsaUJBQWlCLEVBQUUsSUFBSTtvQkFDdkIsbUJBQW1CLEVBQUUsSUFBSTtvQkFDekIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0IsU0FBUyxFQUFFLElBQUk7b0JBQ2YsV0FBVyxFQUFFLElBQUk7b0JBQ2pCLFdBQVcsRUFBRSxZQUFZO29CQUN6QixXQUFXLEVBQUUsS0FBSztpQkFDbkIsQ0FBQyxDQUFDLFNBQVMsQ0FBQztnQkFFYixhQUFhLEVBQUUsQ0FBQztnQkFDaEIsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ2xCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsb0JBQUMsU0FBUyxJQUNSLE1BQU0sRUFBRSxPQUFPLEVBQ2YsU0FBUyxFQUFFLFVBQVUsRUFDckIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVE7UUFFbEIsb0JBQUMsZUFBZSxJQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUk7UUFFNUIsQ0FBQyxPQUFPLElBQUksQ0FDWCxvQkFBQyxvQkFBb0IsSUFBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLFFBQVE7WUFDeEMsb0JBQUMsV0FBVyxPQUFHLENBQ00sQ0FDeEIsQ0FDUyxDQUNiLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
|
|
@@ -5,10 +5,11 @@ import { Container, PlaceholderContainer } from '../../shared/shared-styles';
|
|
|
5
5
|
import { WidgetContainer } from './styles';
|
|
6
6
|
import { isNationalCompetition } from '../../utils/replaceNationalTeamDetails';
|
|
7
7
|
import { useUpdateNationalTeamDetails } from '../../utils/useUpdateNationalTeamDetails';
|
|
8
|
-
export const OptaFootballPlayerStats = React.memo(({ season, competition, full_width, hide_zeroes = true, show_title = true, visible_categories, classes,
|
|
8
|
+
export const OptaFootballPlayerStats = React.memo(({ season, competition, full_width, hide_zeroes = true, show_title = true, visible_categories, classes, heightSm, heightMd, heightLg }) => {
|
|
9
9
|
const ref = React.createRef();
|
|
10
10
|
const [isReady, setIsReady] = useState(false);
|
|
11
11
|
const isNationalComp = isNationalCompetition(competition);
|
|
12
|
+
const isHeight = heightSm || heightMd || heightLg;
|
|
12
13
|
useEffect(() => {
|
|
13
14
|
const sport = 'football';
|
|
14
15
|
initSettings();
|
|
@@ -40,9 +41,9 @@ export const OptaFootballPlayerStats = React.memo(({ season, competition, full_w
|
|
|
40
41
|
});
|
|
41
42
|
}, [ref]);
|
|
42
43
|
isNationalComp && useUpdateNationalTeamDetails(ref, 'Opta-Image-Team');
|
|
43
|
-
return (React.createElement(Container, { border: isReady, fullWidth: full_width, className: classes,
|
|
44
|
+
return (React.createElement(Container, { border: isReady, fullWidth: full_width, className: classes, heightSm: heightSm, heightMd: heightMd, heightLg: heightLg },
|
|
44
45
|
React.createElement(WidgetContainer, { ref: ref }),
|
|
45
|
-
!isReady && (React.createElement(PlaceholderContainer, {
|
|
46
|
+
!isReady && (React.createElement(PlaceholderContainer, { isHeight: !!isHeight },
|
|
46
47
|
React.createElement(Placeholder, null)))));
|
|
47
48
|
});
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsUGxheWVyU3RhdHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2Zvb3RiYWxsL3BsYXllci1zdGF0cy9PcHRhRm9vdGJhbGxQbGF5ZXJTdGF0cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRW5ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV0RCxPQUFPLEVBQ0wsWUFBWSxFQUNaLGNBQWMsRUFDZCxVQUFVLEVBQ1YsV0FBVyxFQUNYLGFBQWEsRUFDZCxNQUFNLG9CQUFvQixDQUFDO0FBRTVCLE9BQU8sRUFBRSxTQUFTLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBRXhGLE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQVcvQixLQUFLLENBQUMsSUFBSSxDQUNiLENBQUMsRUFDQyxNQUFNLEVBQ04sV0FBVyxFQUNYLFVBQVUsRUFDVixXQUFXLEdBQUcsSUFBSSxFQUNsQixVQUFVLEdBQUcsSUFBSSxFQUNqQixrQkFBa0IsRUFDbEIsT0FBTyxFQUNQLFFBQVEsRUFDUixRQUFRLEVBQ1IsUUFBUSxFQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxTQUFTLEVBQWtCLENBQUM7SUFFOUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDdkQsTUFBTSxjQUFjLEdBQUcscUJBQXFCLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDMUQsTUFBTSxRQUFRLEdBQUcsUUFBUSxJQUFJLFFBQVEsSUFBSSxRQUFRLENBQUM7SUFFbEQsU0FBUyxDQUNQLEdBQUcsRUFBRTtRQUNILE1BQU0sS0FBSyxHQUFHLFVBQVUsQ0FBQztRQUV6QixZQUFZLEVBQUUsQ0FBQztRQUNmLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUV0QixVQUFVLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFO1lBQ3JCLElBQUksR0FBRyxDQUFDLE9BQU8sRUFBRTtnQkFDZixHQUFHLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUMsYUFBYSxFQUFFO29CQUNqRCxLQUFLO29CQUNMLE1BQU0sRUFBRSxnQkFBZ0I7b0JBQ3hCLFdBQVc7b0JBQ1gsTUFBTTtvQkFDTixXQUFXO29CQUNYLFFBQVEsRUFBRSxRQUFRO29CQUNsQixXQUFXLEVBQUUsVUFBVTtvQkFDdkIsa0JBQWtCO29CQUNsQixJQUFJLEVBQUUsSUFBSTtvQkFDVixpQkFBaUIsRUFBRSxJQUFJO29CQUN2QixtQkFBbUIsRUFBRSxJQUFJO29CQUN6QixxQkFBcUIsRUFBRSxJQUFJO29CQUMzQixTQUFTLEVBQUUsSUFBSTtvQkFDZixXQUFXLEVBQUUsSUFBSTtvQkFDakIsVUFBVTtvQkFDVixXQUFXLEVBQUUsWUFBWTtvQkFDekIsV0FBVyxFQUFFLEtBQUs7aUJBQ25CLENBQUMsQ0FBQyxTQUFTLENBQUM7Z0JBRWIsYUFBYSxFQUFFLENBQUM7Z0JBQ2hCLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUNsQjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxFQUNELENBQUMsR0FBRyxDQUFDLENBQ04sQ0FBQztJQUVGLGNBQWMsSUFBSSw0QkFBNEIsQ0FBQyxHQUFHLEVBQUUsaUJBQWlCLENBQUMsQ0FBQztJQUV2RSxPQUFPLENBQ0wsb0JBQUMsU0FBUyxJQUNSLE1BQU0sRUFBRSxPQUFPLEVBQ2YsU0FBUyxFQUFFLFVBQVUsRUFDckIsU0FBUyxFQUFFLE9BQU8sRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVE7UUFFbEIsb0JBQUMsZUFBZSxJQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUk7UUFFNUIsQ0FBQyxPQUFPLElBQUksQ0FDWCxvQkFBQyxvQkFBb0IsSUFBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLFFBQVE7WUFDeEMsb0JBQUMsV0FBVyxPQUFHLENBQ00sQ0FDeEIsQ0FDUyxDQUNiLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
|
|
@@ -5,10 +5,11 @@ import { Container, PlaceholderContainer } from '../../shared/shared-styles';
|
|
|
5
5
|
import { WidgetContainer } from './styles';
|
|
6
6
|
import { isNationalCompetition } from '../../utils/replaceNationalTeamDetails';
|
|
7
7
|
import { useUpdateNationalTeamDetails } from '../../utils/useUpdateNationalTeamDetails';
|
|
8
|
-
export const OptaFootballStandings = React.memo(({ season, competition, default_nav = 1, classes, navigation, show_title = true, full_width, columns,
|
|
8
|
+
export const OptaFootballStandings = React.memo(({ season, competition, default_nav = 1, classes, navigation, show_title = true, full_width, columns, heightSm, heightMd, heightLg }) => {
|
|
9
9
|
const ref = React.createRef();
|
|
10
10
|
const [isReady, setIsReady] = useState(false);
|
|
11
11
|
const isNationalComp = isNationalCompetition(competition);
|
|
12
|
+
const isHeight = heightSm || heightMd || heightLg;
|
|
12
13
|
useEffect(() => {
|
|
13
14
|
const sport = 'football';
|
|
14
15
|
initSettings();
|
|
@@ -34,9 +35,9 @@ export const OptaFootballStandings = React.memo(({ season, competition, default_
|
|
|
34
35
|
});
|
|
35
36
|
}, []);
|
|
36
37
|
isNationalComp && useUpdateNationalTeamDetails(ref, 'Opta-Team');
|
|
37
|
-
return (React.createElement(Container, { border: isReady, fullWidth: full_width, className: classes,
|
|
38
|
+
return (React.createElement(Container, { border: isReady, fullWidth: full_width, className: classes, heightSm: heightSm, heightMd: heightMd, heightLg: heightLg },
|
|
38
39
|
React.createElement(WidgetContainer, { ref: ref, columns: columns }),
|
|
39
|
-
!isReady && (React.createElement(PlaceholderContainer, {
|
|
40
|
+
!isReady && (React.createElement(PlaceholderContainer, { isHeight: !!isHeight },
|
|
40
41
|
React.createElement(Placeholder, null)))));
|
|
41
42
|
});
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsU3RhbmRpbmdzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9zdGFuZGluZ3MvT3B0YUZvb3RiYWxsU3RhbmRpbmdzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sb0JBQW9CLENBQUM7QUFFNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDM0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDL0UsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFFeEYsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBWTdCLEtBQUssQ0FBQyxJQUFJLENBQ2IsQ0FBQyxFQUNDLE1BQU0sRUFDTixXQUFXLEVBQ1gsV0FBVyxHQUFHLENBQUMsRUFDZixPQUFPLEVBQ1AsVUFBVSxFQUNWLFVBQVUsR0FBRyxJQUFJLEVBQ2pCLFVBQVUsRUFDVixPQUFPLEVBQ1AsUUFBUSxFQUNSLFFBQVEsRUFDUixRQUFRLEVBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFNBQVMsRUFBa0IsQ0FBQztJQUU5QyxNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLFFBQVEsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUN2RCxNQUFNLGNBQWMsR0FBRyxxQkFBcUIsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUMxRCxNQUFNLFFBQVEsR0FBRyxRQUFRLElBQUksUUFBUSxJQUFJLFFBQVEsQ0FBQztJQUVsRCxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsTUFBTSxLQUFLLEdBQUcsVUFBVSxDQUFDO1FBRXpCLFlBQVksRUFBRSxDQUFDO1FBQ2YsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXRCLFVBQVUsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDckIsSUFBSSxHQUFHLENBQUMsT0FBTyxFQUFFO2dCQUNmLEdBQUcsQ0FBQyxPQUFPLENBQUMsU0FBUyxHQUFHLFdBQVcsQ0FBQyxhQUFhLEVBQUU7b0JBQ2pELEtBQUs7b0JBQ0wsTUFBTSxFQUFFLFdBQVc7b0JBQ25CLE1BQU07b0JBQ04sV0FBVztvQkFDWCxJQUFJLEVBQUUsSUFBSTtvQkFDVixVQUFVLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFNBQVM7b0JBQy9DLFdBQVc7b0JBQ1gsVUFBVTtvQkFDVixXQUFXLEVBQUUsQ0FBQyxjQUFjO29CQUM1QixXQUFXLEVBQUUsT0FBTztvQkFDcEIsV0FBVyxFQUFFLEdBQUc7aUJBQ2pCLENBQUMsQ0FBQyxTQUFTLENBQUM7Z0JBRWIsYUFBYSxFQUFFLENBQUM7Z0JBQ2hCLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUNsQjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsY0FBYyxJQUFJLDRCQUE0QixDQUFDLEdBQUcsRUFBRSxXQUFXLENBQUMsQ0FBQztJQUVqRSxPQUFPLENBQ0wsb0JBQUMsU0FBUyxJQUNSLE1BQU0sRUFBRSxPQUFPLEVBQ2YsU0FBUyxFQUFFLFVBQVUsRUFDckIsU0FBUyxFQUFFLE9BQU8sRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVE7UUFFbEIsb0JBQUMsZUFBZSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLE9BQU8sR0FBSTtRQUU5QyxDQUFDLE9BQU8sSUFBSSxDQUNYLG9CQUFDLG9CQUFvQixJQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsUUFBUTtZQUN4QyxvQkFBQyxXQUFXLE9BQUcsQ0FDTSxDQUN4QixDQUNTLENBQ2IsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
|
|
@@ -14,7 +14,7 @@ const showcase = {
|
|
|
14
14
|
type: 'story'
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
|
-
component: () => (React.createElement(OptaFootballStandings, { season: "2024", competition: "10",
|
|
17
|
+
component: () => (React.createElement(OptaFootballStandings, { season: "2024", competition: "10", heightSm: 1057 })),
|
|
18
18
|
name: 'Standings (with height)',
|
|
19
19
|
type: 'story'
|
|
20
20
|
},
|
|
@@ -43,4 +43,4 @@ const showcase = {
|
|
|
43
43
|
};
|
|
44
44
|
// @ts-ignore
|
|
45
45
|
showcaseConverter(module, showcase);
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsU3RhbmRpbmdzLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2Zvb3RiYWxsL3N0YW5kaW5ncy9PcHRhRm9vdGJhbGxTdGFuZGluZ3Muc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNyRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVoRSxNQUFNLFFBQVEsR0FBRztJQUNmLFFBQVEsRUFBRTtRQUNSO1lBQ0UsU0FBUyxFQUFFLENBQUMsT0FBOEIsRUFBRSxFQUFFLENBQUMsQ0FDN0Msb0JBQUMsY0FBYyxRQUFFLE9BQU8sRUFBRSxDQUFrQixDQUM3QztZQUNELElBQUksRUFBRSxXQUFXO1NBQ2xCO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsb0JBQUMscUJBQXFCLElBQUMsTUFBTSxFQUFDLE1BQU0sRUFBQyxXQUFXLEVBQUMsR0FBRyxHQUFHO1lBQ3hFLElBQUksRUFBRSxXQUFXO1lBQ2pCLElBQUksRUFBRSxPQUFPO1NBQ2Q7UUFDRDtZQUNFLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUNmLG9CQUFDLHFCQUFxQixJQUFDLE1BQU0sRUFBQyxNQUFNLEVBQUMsV0FBVyxFQUFDLElBQUksRUFBQyxRQUFRLEVBQUUsSUFBSSxHQUFJLENBQ3pFO1lBQ0QsSUFBSSxFQUFFLHlCQUF5QjtZQUMvQixJQUFJLEVBQUUsT0FBTztTQUNkO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxxQkFBcUIsSUFDcEIsTUFBTSxFQUFDLE1BQU0sRUFDYixXQUFXLEVBQUMsR0FBRyxFQUNmLFVBQVUsUUFDVixPQUFPLFNBQ1AsQ0FDSDtZQUNELElBQUksRUFBRSxpQ0FBaUM7WUFDdkMsSUFBSSxFQUFFLE9BQU87U0FDZDtRQUNEO1lBQ0UsU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ2Ysb0JBQUMscUJBQXFCLElBQ3BCLE1BQU0sRUFBQyxNQUFNLEVBQ2IsV0FBVyxFQUFDLEdBQUcsRUFDZixVQUFVLEVBQUUsS0FBSyxHQUNqQixDQUNIO1lBQ0QsSUFBSSxFQUFFLG9CQUFvQjtZQUMxQixJQUFJLEVBQUUsT0FBTztTQUNkO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxxQkFBcUIsSUFBQyxNQUFNLEVBQUMsTUFBTSxFQUFDLFdBQVcsRUFBQyxHQUFHLEVBQUMsVUFBVSxTQUFHLENBQ25FO1lBQ0QsSUFBSSxFQUFFLHNCQUFzQjtZQUM1QixJQUFJLEVBQUUsT0FBTztTQUNkO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxxQkFBcUIsSUFDcEIsTUFBTSxFQUFDLE1BQU0sRUFDYixXQUFXLEVBQUMsR0FBRyxFQUNmLFdBQVcsRUFBQyxHQUFHLEVBQ2YsVUFBVSxTQUNWLENBQ0g7WUFDRCxJQUFJLEVBQUUscUJBQXFCO1lBQzNCLElBQUksRUFBRSxPQUFPO1NBQ2Q7S0FDRjtJQUNELElBQUksRUFBRSxvREFBb0Q7Q0FDM0QsQ0FBQztBQUVGLGFBQWE7QUFDYixpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQUMifQ==
|
|
@@ -3,9 +3,10 @@ import { Placeholder } from '@times-components/image';
|
|
|
3
3
|
import { initSettings, initStyleSheet, initScript, initElement, initComponent } from '../../utils/config';
|
|
4
4
|
import { Container, PlaceholderContainer } from '../../shared/shared-styles';
|
|
5
5
|
import { WidgetContainer } from './styles';
|
|
6
|
-
export const OptaFootballSummary = React.memo(({ season, competition, match, full_width }) => {
|
|
6
|
+
export const OptaFootballSummary = React.memo(({ season, competition, match, full_width, heightSm, heightMd, heightLg }) => {
|
|
7
7
|
const ref = React.createRef();
|
|
8
8
|
const [isReady, setIsReady] = useState(false);
|
|
9
|
+
const isHeight = heightSm || heightMd || heightLg;
|
|
9
10
|
useEffect(() => {
|
|
10
11
|
const sport = 'football';
|
|
11
12
|
initSettings();
|
|
@@ -34,9 +35,9 @@ export const OptaFootballSummary = React.memo(({ season, competition, match, ful
|
|
|
34
35
|
}
|
|
35
36
|
});
|
|
36
37
|
}, []);
|
|
37
|
-
return (React.createElement(Container, { border: isReady, fullWidth: full_width },
|
|
38
|
+
return (React.createElement(Container, { border: isReady, fullWidth: full_width, heightSm: heightSm, heightMd: heightMd, heightLg: heightLg },
|
|
38
39
|
React.createElement(WidgetContainer, { ref: ref }),
|
|
39
|
-
!isReady && (React.createElement(PlaceholderContainer,
|
|
40
|
+
!isReady && (React.createElement(PlaceholderContainer, { isHeight: !!isHeight },
|
|
40
41
|
React.createElement(Placeholder, null)))));
|
|
41
42
|
});
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsU3VtbWFyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvZm9vdGJhbGwvc3VtbWFyeS9PcHRhRm9vdGJhbGxTdW1tYXJ5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sb0JBQW9CLENBQUM7QUFFNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBUTNCLEtBQUssQ0FBQyxJQUFJLENBQ2IsQ0FBQyxFQUNDLE1BQU0sRUFDTixXQUFXLEVBQ1gsS0FBSyxFQUNMLFVBQVUsRUFDVixRQUFRLEVBQ1IsUUFBUSxFQUNSLFFBQVEsRUFDVCxFQUFFLEVBQUU7SUFDSCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsU0FBUyxFQUFrQixDQUFDO0lBRTlDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQ3ZELE1BQU0sUUFBUSxHQUFHLFFBQVEsSUFBSSxRQUFRLElBQUksUUFBUSxDQUFDO0lBRWxELFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxVQUFVLENBQUM7UUFFekIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFdEIsVUFBVSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNyQixJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7Z0JBQ2YsR0FBRyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDLGFBQWEsRUFBRTtvQkFDakQsS0FBSztvQkFDTCxNQUFNLEVBQUUsZUFBZTtvQkFDdkIsTUFBTTtvQkFDTixXQUFXO29CQUNYLEtBQUs7b0JBQ0wsSUFBSSxFQUFFLElBQUk7b0JBQ1YsaUJBQWlCLEVBQUUsSUFBSTtvQkFDdkIsbUJBQW1CLEVBQUUsSUFBSTtvQkFDekIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0IsU0FBUyxFQUFFLElBQUk7b0JBQ2YsV0FBVyxFQUFFLElBQUk7b0JBQ2pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixVQUFVLEVBQUUsS0FBSztvQkFDakIsV0FBVyxFQUFFLFlBQVk7b0JBQ3pCLFdBQVcsRUFBRSxLQUFLO2lCQUNuQixDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUViLGFBQWEsRUFBRSxDQUFDO2dCQUNoQixVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDbEI7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTCxvQkFBQyxTQUFTLElBQ1IsTUFBTSxFQUFFLE9BQU8sRUFDZixTQUFTLEVBQUUsVUFBVSxFQUNyQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUTtRQUVsQixvQkFBQyxlQUFlLElBQUMsR0FBRyxFQUFFLEdBQUcsR0FBSTtRQUU1QixDQUFDLE9BQU8sSUFBSSxDQUNYLG9CQUFDLG9CQUFvQixJQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsUUFBUTtZQUN4QyxvQkFBQyxXQUFXLE9BQUcsQ0FDTSxDQUN4QixDQUNTLENBQ2IsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import { Placeholder } from '@times-components/image';
|
|
3
3
|
import { initSettings, initStyleSheet, initScript, initElement, initComponent } from '../../utils/config';
|
|
4
|
-
import { Container, PlaceholderContainer } from '
|
|
4
|
+
import { Container, PlaceholderContainer } from '../../shared/shared-styles';
|
|
5
5
|
import { WidgetContainer } from './styles';
|
|
6
|
-
export const OptaRugbyFixtures = React.memo(({ season, competition, date_from, date_to, full_width }) => {
|
|
6
|
+
export const OptaRugbyFixtures = React.memo(({ season, competition, date_from, date_to, full_width, heightSm, heightMd, heightLg }) => {
|
|
7
7
|
const ref = React.createRef();
|
|
8
8
|
const [isReady, setIsReady] = useState(false);
|
|
9
|
+
const isHeight = heightSm || heightMd || heightLg;
|
|
9
10
|
useEffect(() => {
|
|
10
11
|
const sport = 'rugby';
|
|
11
12
|
initSettings();
|
|
@@ -46,9 +47,9 @@ export const OptaRugbyFixtures = React.memo(({ season, competition, date_from, d
|
|
|
46
47
|
}
|
|
47
48
|
});
|
|
48
49
|
}, []);
|
|
49
|
-
return (React.createElement(Container, { border: isReady, fullWidth: full_width },
|
|
50
|
+
return (React.createElement(Container, { border: isReady, fullWidth: full_width, heightSm: heightSm, heightMd: heightMd, heightLg: heightLg },
|
|
50
51
|
React.createElement(WidgetContainer, { ref: ref }),
|
|
51
|
-
!isReady && (React.createElement(PlaceholderContainer,
|
|
52
|
+
!isReady && (React.createElement(PlaceholderContainer, { isHeight: !!isHeight },
|
|
52
53
|
React.createElement(Placeholder, null)))));
|
|
53
54
|
});
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YVJ1Z2J5Rml4dHVyZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL3J1Z2J5L2ZpeHR1cmVzL09wdGFSdWdieUZpeHR1cmVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sb0JBQW9CLENBQUM7QUFFNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBU3pCLEtBQUssQ0FBQyxJQUFJLENBQ2IsQ0FBQyxFQUNDLE1BQU0sRUFDTixXQUFXLEVBQ1gsU0FBUyxFQUNULE9BQU8sRUFDUCxVQUFVLEVBQ1YsUUFBUSxFQUNSLFFBQVEsRUFDUixRQUFRLEVBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFNBQVMsRUFBa0IsQ0FBQztJQUU5QyxNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLFFBQVEsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUN2RCxNQUFNLFFBQVEsR0FBRyxRQUFRLElBQUksUUFBUSxJQUFJLFFBQVEsQ0FBQztJQUVsRCxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsTUFBTSxLQUFLLEdBQUcsT0FBTyxDQUFDO1FBRXRCLFlBQVksRUFBRSxDQUFDO1FBQ2YsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXRCLFVBQVUsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDckIsSUFBSSxHQUFHLENBQUMsT0FBTyxFQUFFO2dCQUNmLEdBQUcsQ0FBQyxPQUFPLENBQUMsU0FBUyxHQUFHLFdBQVcsQ0FDakMsYUFBYSxFQUNiO29CQUNFLEtBQUs7b0JBQ0wsTUFBTSxFQUFFLFVBQVU7b0JBQ2xCLE1BQU07b0JBQ04sV0FBVztvQkFDWCxTQUFTO29CQUNULE9BQU87b0JBQ1AsSUFBSSxFQUFFLElBQUk7b0JBQ1YsUUFBUSxFQUFFLE1BQU07b0JBQ2hCLGFBQWEsRUFBRSxJQUFJO29CQUNuQixnQkFBZ0IsRUFBRSxLQUFLO29CQUN2QixXQUFXLEVBQUUsSUFBSTtvQkFDakIsV0FBVyxFQUFFLGtCQUFrQjtvQkFDL0IsV0FBVyxFQUFFLEdBQUc7aUJBQ2pCLEVBQ0QsV0FBVyxDQUFDLGFBQWEsRUFBRTtvQkFDekIsS0FBSztvQkFDTCxNQUFNLEVBQUUsZUFBZTtvQkFDdkIsTUFBTSxFQUFFLEVBQUU7b0JBQ1YsV0FBVyxFQUFFLEVBQUU7b0JBQ2YsS0FBSyxFQUFFLEVBQUU7b0JBQ1QsSUFBSSxFQUFFLElBQUk7b0JBQ1YsV0FBVyxFQUFFLElBQUk7b0JBQ2pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixnQkFBZ0IsRUFBRSxJQUFJO29CQUN0QixjQUFjLEVBQUUsSUFBSTtvQkFDcEIsZUFBZSxFQUFFLFFBQVE7b0JBQ3pCLFVBQVUsRUFBRSxLQUFLO29CQUNqQixXQUFXLEVBQUUsS0FBSztpQkFDbkIsQ0FBQyxDQUNILENBQUMsU0FBUyxDQUFDO2dCQUVaLGFBQWEsRUFBRSxDQUFDO2dCQUNoQixVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDbEI7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTCxvQkFBQyxTQUFTLElBQ1IsTUFBTSxFQUFFLE9BQU8sRUFDZixTQUFTLEVBQUUsVUFBVSxFQUNyQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUTtRQUVsQixvQkFBQyxlQUFlLElBQUMsR0FBRyxFQUFFLEdBQUcsR0FBSTtRQUU1QixDQUFDLE9BQU8sSUFBSSxDQUNYLG9CQUFDLG9CQUFvQixJQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsUUFBUTtZQUN4QyxvQkFBQyxXQUFXLE9BQUcsQ0FDTSxDQUN4QixDQUNTLENBQ2IsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import { Placeholder } from '@times-components/image';
|
|
3
3
|
import { initSettings, initStyleSheet, initScript, initElement, initComponent } from '../../utils/config';
|
|
4
|
-
import { Container, PlaceholderContainer } from '
|
|
4
|
+
import { Container, PlaceholderContainer } from '../../shared/shared-styles';
|
|
5
5
|
import { WidgetContainer } from './styles';
|
|
6
|
-
export const OptaRugbyMatchStats = React.memo(({ season, competition, match, full_width }) => {
|
|
6
|
+
export const OptaRugbyMatchStats = React.memo(({ season, competition, match, full_width, heightSm, heightMd, heightLg }) => {
|
|
7
7
|
const ref = React.createRef();
|
|
8
8
|
const [isReady, setIsReady] = useState(false);
|
|
9
|
+
const isHeight = heightSm || heightMd || heightLg;
|
|
9
10
|
useEffect(() => {
|
|
10
11
|
const sport = 'rugby';
|
|
11
12
|
initSettings();
|
|
@@ -35,9 +36,9 @@ export const OptaRugbyMatchStats = React.memo(({ season, competition, match, ful
|
|
|
35
36
|
}
|
|
36
37
|
});
|
|
37
38
|
}, []);
|
|
38
|
-
return (React.createElement(Container, { border: isReady, fullWidth: full_width },
|
|
39
|
+
return (React.createElement(Container, { border: isReady, fullWidth: full_width, heightSm: heightSm, heightMd: heightMd, heightLg: heightLg },
|
|
39
40
|
React.createElement(WidgetContainer, { ref: ref }),
|
|
40
|
-
!isReady && (React.createElement(PlaceholderContainer,
|
|
41
|
+
!isReady && (React.createElement(PlaceholderContainer, { isHeight: !!isHeight },
|
|
41
42
|
React.createElement(Placeholder, null)))));
|
|
42
43
|
});
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YVJ1Z2J5TWF0Y2hTdGF0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvcnVnYnkvbWF0Y2gtc3RhdHMvT3B0YVJ1Z2J5TWF0Y2hTdGF0cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRW5ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV0RCxPQUFPLEVBQ0wsWUFBWSxFQUNaLGNBQWMsRUFDZCxVQUFVLEVBQ1YsV0FBVyxFQUNYLGFBQWEsRUFDZCxNQUFNLG9CQUFvQixDQUFDO0FBRTVCLE9BQU8sRUFBRSxTQUFTLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRTNDLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQVEzQixLQUFLLENBQUMsSUFBSSxDQUNiLENBQUMsRUFDQyxNQUFNLEVBQ04sV0FBVyxFQUNYLEtBQUssRUFDTCxVQUFVLEVBQ1YsUUFBUSxFQUNSLFFBQVEsRUFDUixRQUFRLEVBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFNBQVMsRUFBa0IsQ0FBQztJQUU5QyxNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLFFBQVEsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUN2RCxNQUFNLFFBQVEsR0FBRyxRQUFRLElBQUksUUFBUSxJQUFJLFFBQVEsQ0FBQztJQUVsRCxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsTUFBTSxLQUFLLEdBQUcsT0FBTyxDQUFDO1FBRXRCLFlBQVksRUFBRSxDQUFDO1FBQ2YsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXRCLFVBQVUsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDckIsSUFBSSxHQUFHLENBQUMsT0FBTyxFQUFFO2dCQUNmLEdBQUcsQ0FBQyxPQUFPLENBQUMsU0FBUyxHQUFHLFdBQVcsQ0FBQyxhQUFhLEVBQUU7b0JBQ2pELEtBQUs7b0JBQ0wsTUFBTSxFQUFFLFlBQVk7b0JBQ3BCLE1BQU07b0JBQ04sV0FBVztvQkFDWCxLQUFLO29CQUNMLFFBQVEsRUFBRSxRQUFRO29CQUNsQixXQUFXLEVBQUUsVUFBVTtvQkFDdkIsZ0JBQWdCLEVBQ2Qsa0lBQWtJO29CQUNwSSxJQUFJLEVBQUUsSUFBSTtvQkFDVixpQkFBaUIsRUFBRSxJQUFJO29CQUN2QixtQkFBbUIsRUFBRSxJQUFJO29CQUN6QixxQkFBcUIsRUFBRSxJQUFJO29CQUMzQixTQUFTLEVBQUUsSUFBSTtvQkFDZixXQUFXLEVBQUUsSUFBSTtvQkFDakIsV0FBVyxFQUFFLFlBQVk7b0JBQ3pCLFdBQVcsRUFBRSxLQUFLO2lCQUNuQixDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUViLGFBQWEsRUFBRSxDQUFDO2dCQUNoQixVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDbEI7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTCxvQkFBQyxTQUFTLElBQ1IsTUFBTSxFQUFFLE9BQU8sRUFDZixTQUFTLEVBQUUsVUFBVSxFQUNyQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUTtRQUVsQixvQkFBQyxlQUFlLElBQUMsR0FBRyxFQUFFLEdBQUcsR0FBSTtRQUU1QixDQUFDLE9BQU8sSUFBSSxDQUNYLG9CQUFDLG9CQUFvQixJQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsUUFBUTtZQUN4QyxvQkFBQyxXQUFXLE9BQUcsQ0FDTSxDQUN4QixDQUNTLENBQ2IsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
export declare const Container: import("styled-components").StyledComponent<"div", any, {
|
|
2
|
-
border: boolean;
|
|
3
|
-
fullWidth?: boolean | undefined;
|
|
4
|
-
}, never>;
|
|
5
|
-
export declare const PlaceholderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
1
|
export declare const WidgetContainerBase: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,27 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import {
|
|
3
|
-
export const Container = styled.div `
|
|
4
|
-
margin: 0 auto 20px auto;
|
|
5
|
-
background-color: ${colours.functional.backgroundPrimary};
|
|
6
|
-
border-top: ${({ border }) => border ? `2px solid ${colours.section.sport}` : 'none'};
|
|
7
|
-
|
|
8
|
-
a {
|
|
9
|
-
text-decoration: none;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
@media (min-width: ${breakpoints.medium}px) {
|
|
13
|
-
flex-direction: row;
|
|
14
|
-
width: ${({ fullWidth }) => (fullWidth ? '100%' : '80.8%')};
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
@media (min-width: ${breakpoints.wide}px) {
|
|
18
|
-
width: ${({ fullWidth }) => (fullWidth ? '100%' : '56.2%')};
|
|
19
|
-
}
|
|
20
|
-
`;
|
|
21
|
-
export const PlaceholderContainer = styled.div `
|
|
22
|
-
position: relative;
|
|
23
|
-
height: 200px;
|
|
24
|
-
`;
|
|
2
|
+
import { colours, fonts } from '@times-components/ts-styleguide';
|
|
25
3
|
export const WidgetContainerBase = styled.div `
|
|
26
4
|
.Opta {
|
|
27
5
|
.Opta_W {
|
|
@@ -69,4 +47,4 @@ export const WidgetContainerBase = styled.div `
|
|
|
69
47
|
}
|
|
70
48
|
}
|
|
71
49
|
`;
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcmVkLXN0eWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvcnVnYnkvc2hhcmVkLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRWpFLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Ozs7OztpQkFTNUIsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLO3VCQUNmLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2VBNEJ4QixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7cUJBQ3hCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7O0NBT3BDLENBQUMifQ==
|