@times-components/ts-components 1.104.1-alpha.57 → 1.104.1-alpha.58
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 +41 -0
- package/dist/components/opta/cricket/scorecard/OptaCricketScorecard.js +2 -2
- package/dist/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.stories.js +2 -2
- package/dist/components/opta/football/fixtures-ticker/styles.js +39 -21
- package/dist/components/social-embed/SocialMediaEmbed.d.ts +1 -1
- package/dist/components/social-embed/SocialMediaEmbed.js +12 -17
- package/package.json +3 -3
- package/rnw.js +1 -1
- package/src/components/opta/cricket/scorecard/OptaCricketScorecard.tsx +1 -1
- package/src/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.stories.tsx +2 -2
- package/src/components/opta/football/fixtures-ticker/__tests__/__snapshots__/OptaFootballFixturesTicker.test.tsx.snap +8 -8
- package/src/components/opta/football/fixtures-ticker/styles.ts +44 -20
- package/src/components/social-embed/SocialMediaEmbed.tsx +16 -20
- package/dist/components/latest-from-section/LatestFromSection.d.ts +0 -8
- package/dist/components/latest-from-section/LatestFromSection.js +0 -14
- package/dist/components/latest-from-section/LatestFromSection.stories.d.ts +0 -1
- package/dist/components/latest-from-section/LatestFromSection.stories.js +0 -11
- package/dist/components/latest-from-section/__tests__/LatestFromSection.test.d.ts +0 -1
- package/dist/components/latest-from-section/__tests__/LatestFromSection.test.js +0 -23
- package/dist/components/latest-from-section/__tests__/formatters.test.d.ts +0 -1
- package/dist/components/latest-from-section/__tests__/formatters.test.js +0 -11
- package/dist/components/latest-from-section/fixtures/fixtures.d.ts +0 -2
- package/dist/components/latest-from-section/fixtures/fixtures.js +0 -1064
- package/dist/components/latest-from-section/formatters.d.ts +0 -24
- package/dist/components/latest-from-section/formatters.js +0 -78
- package/src/components/latest-from-section/LatestFromSection.stories.tsx +0 -31
- package/src/components/latest-from-section/LatestFromSection.tsx +0 -36
- package/src/components/latest-from-section/__tests__/LatestFromSection.test.tsx +0 -33
- package/src/components/latest-from-section/__tests__/__snapshots__/LatestFromSection.test.tsx.snap +0 -322
- package/src/components/latest-from-section/__tests__/__snapshots__/formatters.test.ts.snap +0 -213
- package/src/components/latest-from-section/__tests__/formatters.test.ts +0 -11
- package/src/components/latest-from-section/fixtures/fixtures.ts +0 -1286
- package/src/components/latest-from-section/formatters.ts +0 -107
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,47 @@
|
|
|
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.107.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.106.1...@times-components/ts-components@1.107.0) (2024-10-23)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TMRS-487:** related articles category path ([#3970](https://github.com/newsuk/times-components/issues/3970)) ([ad2441c](https://github.com/newsuk/times-components/commit/ad2441cffe800bbf53681d685fbfb873b0f0d5d1))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [1.106.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.106.0...@times-components/ts-components@1.106.1) (2024-10-18)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @times-components/ts-components
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
# [1.106.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.105.2...@times-components/ts-components@1.106.0) (2024-10-18)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
### Features
|
|
29
|
+
|
|
30
|
+
* **TMRS-491:** update player_naming on cricket ([#3962](https://github.com/newsuk/times-components/issues/3962)) ([0e0b9aa](https://github.com/newsuk/times-components/commit/0e0b9aacb30d99dbb497003b0ccc02d754b62044))
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
## [1.105.2](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.105.1...@times-components/ts-components@1.105.2) (2024-10-17)
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
### Bug Fixes
|
|
40
|
+
|
|
41
|
+
* **TMRS-514:** ticker styling app ([#3959](https://github.com/newsuk/times-components/issues/3959)) ([f2d9696](https://github.com/newsuk/times-components/commit/f2d969665fd47efb8d73c15850e69563ba2593b2))
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
6
47
|
## [1.105.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.105.0...@times-components/ts-components@1.105.1) (2024-10-15)
|
|
7
48
|
|
|
8
49
|
**Note:** Version bump only for package @times-components/ts-components
|
|
@@ -39,7 +39,7 @@ export const OptaCricketScorecard = React.memo(({ competition, match, full_width
|
|
|
39
39
|
show_bowling: true,
|
|
40
40
|
show_economy: true,
|
|
41
41
|
show_fow: true,
|
|
42
|
-
player_naming: '
|
|
42
|
+
player_naming: 'full',
|
|
43
43
|
breakpoints: '520'
|
|
44
44
|
}).outerHTML;
|
|
45
45
|
initComponent();
|
|
@@ -52,4 +52,4 @@ export const OptaCricketScorecard = React.memo(({ competition, match, full_width
|
|
|
52
52
|
!isReady && (React.createElement(PlaceholderContainer, null,
|
|
53
53
|
React.createElement(Placeholder, null)))));
|
|
54
54
|
});
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2NyaWNrZXQvc2NvcmVjYXJkL09wdGFDcmlja2V0U2NvcmVjYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sb0JBQW9CLENBQUM7QUFFNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBSTVCLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRTtJQUNyRCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsU0FBUyxFQUFrQixDQUFDO0lBRTlDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRXZELFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxTQUFTLENBQUM7UUFFeEIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFdEIsVUFBVSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNyQixJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7Z0JBQ2YsR0FBRyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDLGFBQWEsRUFBRTtvQkFDakQsS0FBSztvQkFDTCxNQUFNLEVBQUUsWUFBWTtvQkFDcEIsTUFBTSxFQUFFLEdBQUc7b0JBQ1gsV0FBVztvQkFDWCxLQUFLO29CQUNMLFFBQVEsRUFBRSxRQUFRO29CQUNsQixJQUFJLEVBQUUsSUFBSTtvQkFDVixpQkFBaUIsRUFBRSxJQUFJO29CQUN2QixXQUFXLEVBQUUsSUFBSTtvQkFDakIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0Isc0JBQXNCLEVBQUUsSUFBSTtvQkFDNUIsU0FBUyxFQUFFLElBQUk7b0JBQ2YsV0FBVyxFQUFFLFlBQVk7b0JBQ3pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixjQUFjLEVBQUUsS0FBSztvQkFDckIsU0FBUyxFQUFFLEtBQUs7b0JBQ2hCLGtCQUFrQixFQUFFLElBQUk7b0JBQ3hCLFVBQVUsRUFBRSxNQUFNO29CQUNsQixZQUFZLEVBQUUsSUFBSTtvQkFDbEIsZ0JBQWdCLEVBQUUsS0FBSztvQkFDdkIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixnQkFBZ0IsRUFBRSxJQUFJO29CQUN0QixZQUFZLEVBQUUsSUFBSTtvQkFDbEIsWUFBWSxFQUFFLElBQUk7b0JBQ2xCLFFBQVEsRUFBRSxJQUFJO29CQUNkLGFBQWEsRUFBRSxNQUFNO29CQUNyQixXQUFXLEVBQUUsS0FBSztpQkFDbkIsQ0FBQyxDQUFDLFNBQVMsQ0FBQztnQkFFYixhQUFhLEVBQUUsQ0FBQztnQkFDaEIsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ2xCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsb0JBQUMsU0FBUyxJQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVU7UUFDL0Msb0JBQUMsZUFBZSxJQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUk7UUFFNUIsQ0FBQyxPQUFPLElBQUksQ0FDWCxvQkFBQyxvQkFBb0I7WUFDbkIsb0JBQUMsV0FBVyxPQUFHLENBQ00sQ0FDeEIsQ0FDUyxDQUNiLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -21,12 +21,12 @@ storiesOf('Typescript Component/In Article/Football/Fixtures', module)
|
|
|
21
21
|
.addDecorator(withKnobs)
|
|
22
22
|
.add('Fixtures Ticker', () => {
|
|
23
23
|
const selComp = select('Competition', competitons, '8');
|
|
24
|
-
return (React.createElement(OptaFootballFixturesTicker, { season: text('season', '
|
|
24
|
+
return (React.createElement(OptaFootballFixturesTicker, { season: text('season', '2024'), competition: selComp, date_from: "", date_to: "", days_ahead: number('days ahead (of current day)', 100), days_before: number('days before (of current day)', 100), round: text('round(s)', '') }));
|
|
25
25
|
});
|
|
26
26
|
storiesOf('Typescript Component/In Article/Football/Fixtures', module)
|
|
27
27
|
.addDecorator(withKnobs)
|
|
28
28
|
.add('Fixtures Ticker buttons and link', () => {
|
|
29
29
|
const selComp = select('Competition', competitons, '8');
|
|
30
|
-
return (React.createElement(OptaFootballFixturesTicker, { season: text('season', '
|
|
30
|
+
return (React.createElement(OptaFootballFixturesTicker, { season: text('season', '2024'), competition: selComp, date_from: "", date_to: "", days_ahead: number('days ahead (of current day)', 100), days_before: number('days before (of current day)', 100), round: text('round(s)', ''), fixturesPageUrl: "https://www.thetimes.co.uk/sport/football/euro-2024", showButtons: true }));
|
|
31
31
|
});
|
|
32
32
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsRml4dHVyZXNUaWNrZXIuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvZm9vdGJhbGwvZml4dHVyZXMtdGlja2VyL09wdGFGb290YmFsbEZpeHR1cmVzVGlja2VyLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXpFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFFLE1BQU0sV0FBVyxHQUFHO0lBQ2xCLEdBQUc7SUFDSCxHQUFHO0lBQ0gsR0FBRztJQUNILEdBQUc7SUFDSCxHQUFHO0lBQ0gsR0FBRztJQUNILElBQUk7SUFDSixJQUFJO0lBQ0osSUFBSTtJQUNKLElBQUk7SUFDSixLQUFLO0lBQ0wsS0FBSztJQUNMLE1BQU07Q0FDUCxDQUFDO0FBRUYsU0FBUyxDQUFDLG1EQUFtRCxFQUFFLE1BQU0sQ0FBQztLQUNuRSxZQUFZLENBQUMsU0FBUyxDQUFDO0tBQ3ZCLEdBQUcsQ0FBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLGFBQWEsRUFBRSxXQUFXLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDeEQsT0FBTyxDQUNMLG9CQUFDLDBCQUEwQixJQUN6QixNQUFNLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsRUFDOUIsV0FBVyxFQUFFLE9BQU8sRUFDcEIsU0FBUyxFQUFDLEVBQUUsRUFDWixPQUFPLEVBQUMsRUFBRSxFQUNWLFVBQVUsRUFBRSxNQUFNLENBQUMsNkJBQTZCLEVBQUUsR0FBRyxDQUFDLEVBQ3RELFdBQVcsRUFBRSxNQUFNLENBQUMsOEJBQThCLEVBQUUsR0FBRyxDQUFDLEVBQ3hELEtBQUssRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLEVBQUUsQ0FBQyxHQUMzQixDQUNILENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQztBQUVMLFNBQVMsQ0FBQyxtREFBbUQsRUFBRSxNQUFNLENBQUM7S0FDbkUsWUFBWSxDQUFDLFNBQVMsQ0FBQztLQUN2QixHQUFHLENBQUMsa0NBQWtDLEVBQUUsR0FBRyxFQUFFO0lBQzVDLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxhQUFhLEVBQUUsV0FBVyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ3hELE9BQU8sQ0FDTCxvQkFBQywwQkFBMEIsSUFDekIsTUFBTSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLEVBQzlCLFdBQVcsRUFBRSxPQUFPLEVBQ3BCLFNBQVMsRUFBQyxFQUFFLEVBQ1osT0FBTyxFQUFDLEVBQUUsRUFDVixVQUFVLEVBQUUsTUFBTSxDQUFDLDZCQUE2QixFQUFFLEdBQUcsQ0FBQyxFQUN0RCxXQUFXLEVBQUUsTUFBTSxDQUFDLDhCQUE4QixFQUFFLEdBQUcsQ0FBQyxFQUN4RCxLQUFLLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUMsRUFDM0IsZUFBZSxFQUFDLHFEQUFxRCxFQUNyRSxXQUFXLFNBQ1gsQ0FDSCxDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUMifQ==
|
|
@@ -214,18 +214,24 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
214
214
|
border-start-start-radius: 4px;
|
|
215
215
|
border-start-end-radius: 4px;
|
|
216
216
|
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
217
|
+
${({ isApp }) => isApp &&
|
|
218
|
+
`
|
|
219
|
+
@media (prefers-color-scheme: dark) {
|
|
220
|
+
color: #e4e4e4 !important;
|
|
221
|
+
}
|
|
222
|
+
`}
|
|
220
223
|
}
|
|
221
224
|
|
|
222
225
|
.Opta-timings .Opta-Time * {
|
|
223
226
|
font-weight: 700;
|
|
224
227
|
color: #01000d !important;
|
|
225
228
|
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
+
${({ isApp }) => isApp &&
|
|
230
|
+
`
|
|
231
|
+
@media (prefers-color-scheme: dark) {
|
|
232
|
+
color: #fff !important;
|
|
233
|
+
}
|
|
234
|
+
`}
|
|
229
235
|
}
|
|
230
236
|
|
|
231
237
|
.Opta-TeamName,
|
|
@@ -233,9 +239,12 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
233
239
|
color: #01000d !important;
|
|
234
240
|
font-family: 'Roboto-Medium' !important;
|
|
235
241
|
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
242
|
+
${({ isApp }) => isApp &&
|
|
243
|
+
`
|
|
244
|
+
@media (prefers-color-scheme: dark) {
|
|
245
|
+
color: #fff !important;
|
|
246
|
+
}
|
|
247
|
+
`}
|
|
239
248
|
}
|
|
240
249
|
|
|
241
250
|
.Opta-Away {
|
|
@@ -248,9 +257,12 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
248
257
|
> div {
|
|
249
258
|
background-color: #f5f5f5 !important;
|
|
250
259
|
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
260
|
+
${({ isApp }) => isApp &&
|
|
261
|
+
`
|
|
262
|
+
@media (prefers-color-scheme: dark) {
|
|
263
|
+
background-color: #333 !important;
|
|
264
|
+
}
|
|
265
|
+
`}
|
|
254
266
|
}
|
|
255
267
|
.Opta-Team-Score::after {
|
|
256
268
|
content: '-';
|
|
@@ -264,10 +276,13 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
264
276
|
&.Opta-result > div {
|
|
265
277
|
border: 1px solid #ccc !important;
|
|
266
278
|
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
279
|
+
${({ isApp }) => isApp &&
|
|
280
|
+
`
|
|
281
|
+
@media (prefers-color-scheme: dark) {
|
|
282
|
+
background-color: #1d1d1b !important;
|
|
283
|
+
border: 1px solid #333 !important;
|
|
284
|
+
}
|
|
285
|
+
`}
|
|
271
286
|
|
|
272
287
|
&.Opta-timings {
|
|
273
288
|
border-bottom: none !important;
|
|
@@ -283,10 +298,13 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
283
298
|
&.Opta-live > div {
|
|
284
299
|
border: 1px solid #01000d !important;
|
|
285
300
|
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
301
|
+
${({ isApp }) => isApp &&
|
|
302
|
+
`
|
|
303
|
+
@media (prefers-color-scheme: dark) {
|
|
304
|
+
background-color: #121212 !important;
|
|
305
|
+
border: 1px solid #e4e4e4 !important;
|
|
306
|
+
}
|
|
307
|
+
`}
|
|
290
308
|
|
|
291
309
|
&.Opta-timings {
|
|
292
310
|
border-bottom: none !important;
|
|
@@ -520,4 +538,4 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
520
538
|
}
|
|
521
539
|
}
|
|
522
540
|
`;
|
|
523
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
541
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9maXh0dXJlcy10aWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTlFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXZELE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOztDQUVsQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs2QkFlckMsS0FBSyxDQUFDLFFBQVE7Ozs7Ozs7OzttQ0FTUixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7OztDQVVwRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUd4RDs7Ozs7Ozs7Ozs7SUFXRSxDQUFDLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUNwQixDQUFDLFdBQVc7SUFDWjt5QkFDcUIsV0FBVyxDQUFDLEtBQUs7Ozs7O0dBS3ZDOzt1QkFFb0IsV0FBVyxDQUFDLEtBQUs7O2NBRTFCLENBQUMsRUFBRSxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDOztRQUV2RCxDQUFDLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUNwQixXQUFXO0lBQ1QsQ0FBQyxDQUFDLHNDQUFzQztJQUN4QyxDQUFDLENBQUM7O3VDQUUyQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O01BaUNqQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7Ozs7Ozs7Ozs7Ozs7OztLQWdCRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3lCQTBDb0IsV0FBVyxDQUFDLE1BQU07Ozt5QkFHbEIsV0FBVyxDQUFDLElBQUk7OztNQUduQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7Ozs7Ozs7Ozs7Ozs7O0tBZUQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztRQWlDRyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7OztPQUlEOzs7Ozs7O1FBT0MsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDZCxLQUFLO0lBQ0w7Ozs7T0FJRDs7Ozs7Ozs7UUFRQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7OztPQUlEOzs7Ozs7Ozs7Ozs7O1VBYUcsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDZCxLQUFLO0lBQ0w7Ozs7U0FJRDs7Ozs7Ozs7Ozs7Ozs7UUFjRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7Ozs7T0FLRDs7Ozs7Ozs7Ozs7Ozs7OztRQWdCQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7Ozs7T0FLRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztnQ0E0QnlCLE9BQU8sQ0FBQyxVQUFVLENBQUMsbUJBQW1COzs7Ozt1QkFLL0MsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOzZCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7OzttQ0FhVixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7aUNBV3BCLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7O3VCQU81QixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7NkJBQ3hCLEtBQUssQ0FBQyxRQUFROzs7Ozs7Ozt5QkFRbEIsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLOytCQUNmLEtBQUssQ0FBQyxVQUFVOzs7Ozs7OztxQ0FRVixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7Ozs7Ozs7O3FDQWtCbEIsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7cUNBeUJsQixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztxQ0ErQmxCLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7bUNBTXBCLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7dUJBWTlCLE9BQU8sQ0FBQyxVQUFVLENBQUMsT0FBTzs2QkFDcEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2lDQWdDWixPQUFPLENBQUMsVUFBVSxDQUFDLE9BQU87dUNBQ3BCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7OzttQ0FXcEIsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLOzs7Ozs7Ozs7Ozs7O0NBYXZELENBQUMifQ==
|
|
@@ -6,7 +6,7 @@ import { checkVendorConsent } from './helpers/vendorConsent';
|
|
|
6
6
|
import { getVendorTitle } from './helpers/getVendorTitle';
|
|
7
7
|
import { enableCookies } from './helpers/enableCookies';
|
|
8
8
|
import { socialMediaVendors } from './helpers/socialMediaVendors';
|
|
9
|
-
export const SocialMediaEmbed = ({ element,
|
|
9
|
+
export const SocialMediaEmbed = ({ element, vendorName }) => {
|
|
10
10
|
const [allowedOnce, setAllowedOnce] = useState(false);
|
|
11
11
|
const [isSocialAllowed, setIsSocialAllowed] = useState(false);
|
|
12
12
|
useEffect(() => {
|
|
@@ -15,20 +15,13 @@ export const SocialMediaEmbed = ({ element, url, vendorName, id }) => {
|
|
|
15
15
|
checkVendorConsent(vendorName, setIsSocialAllowed);
|
|
16
16
|
}, [vendorName, allowedOnce, isSocialAllowed]);
|
|
17
17
|
useEffect(() => {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
script
|
|
21
|
-
|
|
22
|
-
script.
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const twitterEmbed = document.createElement('twitter-embed');
|
|
26
|
-
twitterEmbed.setAttribute('url', url);
|
|
27
|
-
const wrapperId = `interactiveWrapper-${id}`;
|
|
28
|
-
const interactiveWrapper = document.getElementById(wrapperId);
|
|
29
|
-
if (interactiveWrapper) {
|
|
30
|
-
interactiveWrapper.innerHTML = '';
|
|
31
|
-
interactiveWrapper.appendChild(twitterEmbed);
|
|
18
|
+
let socialEmbedContainer = document.getElementsByClassName('social-embed')[0];
|
|
19
|
+
if (socialEmbedContainer) {
|
|
20
|
+
let script = document.createElement('script');
|
|
21
|
+
script.type = 'text/javascript';
|
|
22
|
+
script.async = true;
|
|
23
|
+
script.src = 'https://platform.twitter.com/widgets.js';
|
|
24
|
+
socialEmbedContainer.appendChild(script);
|
|
32
25
|
}
|
|
33
26
|
}, [isSocialAllowed, allowedOnce]);
|
|
34
27
|
const allowCookiesOnce = () => {
|
|
@@ -45,7 +38,9 @@ export const SocialMediaEmbed = ({ element, url, vendorName, id }) => {
|
|
|
45
38
|
console.log('allowedOnce || isSocialAllowed', allowedOnce || isSocialAllowed);
|
|
46
39
|
// tslint:disable-next-line:no-console
|
|
47
40
|
console.log('allowedOnce && isSocialAllowed', allowedOnce && isSocialAllowed);
|
|
48
|
-
return isSocialAllowed || allowedOnce ? (React.createElement("div", {
|
|
41
|
+
return isSocialAllowed || allowedOnce ? (React.createElement("div", { className: "social-embed" },
|
|
42
|
+
React.createElement("blockquote", { className: "twitter-tweet" },
|
|
43
|
+
React.createElement("a", { href: `${element.attributes.url}?ref_src=twsrc%5Etfw` })))) : (React.createElement(CardContainer, null,
|
|
49
44
|
React.createElement(Header, null,
|
|
50
45
|
React.createElement(CustomIconContainer, null,
|
|
51
46
|
React.createElement(InfoIcon, null)),
|
|
@@ -59,4 +54,4 @@ export const SocialMediaEmbed = ({ element, url, vendorName, id }) => {
|
|
|
59
54
|
React.createElement(EnableButton, { onClick: () => enableCookies(vendorName, setIsSocialAllowed) }, "Enable cookies"),
|
|
60
55
|
React.createElement(AllowButton, { onClick: allowCookiesOnce }, "Allow cookies once")));
|
|
61
56
|
};
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsTWVkaWFFbWJlZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NvY2lhbC1lbWJlZC9Tb2NpYWxNZWRpYUVtYmVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxhQUFhLEVBQ2IsWUFBWSxFQUNaLGtCQUFrQixFQUNsQixTQUFTLEVBQ1QsS0FBSyxFQUNMLG1CQUFtQixFQUNuQixNQUFNLEVBQ1AsTUFBTSxVQUFVLENBQUM7QUFDbEIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUdyRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBbUJsRSxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBK0IsQ0FBQyxFQUMzRCxPQUFPLEVBQ1AsVUFBVSxFQUNYLEVBQUUsRUFBRTtJQUNILE1BQU0sQ0FBQyxXQUFXLEVBQUUsY0FBYyxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RELE1BQU0sQ0FBQyxlQUFlLEVBQUUsa0JBQWtCLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFOUQsU0FBUyxDQUNQLEdBQUcsRUFBRTtRQUNILHNDQUFzQztRQUN0QyxPQUFPLENBQUMsR0FBRyxDQUFDLG9CQUFvQixFQUFFLE9BQU8sQ0FBQyxD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
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.104.1-alpha.
|
|
3
|
+
"version": "1.104.1-alpha.58+5f864a5ea6",
|
|
4
4
|
"description": "Reuseable Typescript React Components ",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"dev": "dist/index.js",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"@times-components/link": "^3.17.34",
|
|
59
59
|
"@times-components/provider": "^1.41.4",
|
|
60
60
|
"@times-components/provider-queries": "^2.23.3",
|
|
61
|
-
"@times-components/related-articles": "^6.17.89-alpha.
|
|
61
|
+
"@times-components/related-articles": "^6.17.89-alpha.58+5f864a5ea6",
|
|
62
62
|
"@times-components/ts-slices": "^1.9.23",
|
|
63
63
|
"@times-components/ts-styleguide": "^1.50.34",
|
|
64
64
|
"@times-components/utils": "^6.26.0",
|
|
@@ -118,5 +118,5 @@
|
|
|
118
118
|
"@testing-library/jest-dom/extend-expect"
|
|
119
119
|
]
|
|
120
120
|
},
|
|
121
|
-
"gitHead": "
|
|
121
|
+
"gitHead": "5f864a5ea6c5e5ce9ee5472723d9619fdf90f8e4"
|
|
122
122
|
}
|