@times-components/ts-components 1.145.1-777882a8b99dc7733f00b94202a91fa8b7dc2a7e.1 → 1.145.1-82bc6796129e892c1eb22c6257c5e3809c159767.3
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/dist/components/opta/football/opta-match-stats/matchday-live/__tests__/MobileWidget.test.d.ts +1 -0
- package/dist/components/opta/football/opta-match-stats/matchday-live/__tests__/MobileWidget.test.js +57 -0
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.js +30 -14
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/NavigationWrapper.test.d.ts +1 -0
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/NavigationWrapper.test.js +33 -0
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/WidgetContainer.test.d.ts +1 -0
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/WidgetContainer.test.js +36 -0
- package/dist/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.js +2 -2
- package/dist/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.stories.js +1 -1
- package/dist/components/opta/football/opta-match-stats/summary/WidgetContainer.js +13 -4
- package/package.json +3 -3
- package/rnw.js +1 -1
- package/src/components/opta/football/opta-match-stats/matchday-live/__tests__/MobileWidget.test.tsx +69 -0
- package/src/components/opta/football/opta-match-stats/matchday-live/__tests__/__snapshots__/OptaMatchStatsMatchdayLive.test.tsx.snap +3 -3
- package/src/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.tsx +29 -13
- package/src/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/NavigationWrapper.test.tsx +67 -0
- package/src/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/WidgetContainer.test.tsx +64 -0
- package/src/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.stories.tsx +1 -1
- package/src/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.tsx +1 -1
- package/src/components/opta/football/opta-match-stats/summary/WidgetContainer.tsx +12 -3
- package/src/components/opta/football/opta-match-stats/summary/__tests__/__snapshots__/OptaMatchStatsSummary.test.tsx.snap +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
package/dist/components/opta/football/opta-match-stats/matchday-live/__tests__/MobileWidget.test.js
ADDED
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render, screen, fireEvent, act } from '@testing-library/react';
|
|
3
|
+
import '@testing-library/jest-dom';
|
|
4
|
+
jest.mock('@times-components/image', () => ({
|
|
5
|
+
Placeholder: () => React.createElement(React.Fragment, null, "Placeholder")
|
|
6
|
+
}));
|
|
7
|
+
const mockInitSettings = jest.fn();
|
|
8
|
+
const mockInitStyleSheet = jest.fn();
|
|
9
|
+
const mockInitComponent = jest.fn();
|
|
10
|
+
const mockInitElement = () => {
|
|
11
|
+
const element = document.createElement('div');
|
|
12
|
+
element.appendChild(document.createTextNode('Widget'));
|
|
13
|
+
return element;
|
|
14
|
+
};
|
|
15
|
+
jest.mock('../../../../utils/config', () => ({
|
|
16
|
+
initSettings: mockInitSettings,
|
|
17
|
+
initStyleSheet: mockInitStyleSheet,
|
|
18
|
+
initScript: () => Promise.resolve({}),
|
|
19
|
+
initElement: mockInitElement,
|
|
20
|
+
initComponent: mockInitComponent
|
|
21
|
+
}));
|
|
22
|
+
import { MobileWidget } from '../MobileWidget';
|
|
23
|
+
const requiredProps = {
|
|
24
|
+
season: '2020',
|
|
25
|
+
competition: '3',
|
|
26
|
+
match: '2041900',
|
|
27
|
+
homeTeamName: 'Liverpool',
|
|
28
|
+
awayTeamName: 'Manchester City'
|
|
29
|
+
};
|
|
30
|
+
describe('MobileWidget navigation buttons state', () => {
|
|
31
|
+
beforeEach(() => {
|
|
32
|
+
jest.clearAllMocks();
|
|
33
|
+
});
|
|
34
|
+
it('renders with home active and toggles to away on click', async () => {
|
|
35
|
+
render(React.createElement(MobileWidget, Object.assign({}, requiredProps)));
|
|
36
|
+
const homeBtn = screen.getByRole('button', { name: 'Liverpool' });
|
|
37
|
+
const awayBtn = screen.getByRole('button', { name: 'Manchester City' });
|
|
38
|
+
expect(homeBtn).toHaveClass('home');
|
|
39
|
+
expect(homeBtn).toHaveClass('active');
|
|
40
|
+
expect(awayBtn).toHaveClass('away');
|
|
41
|
+
expect(awayBtn).not.toHaveClass('active');
|
|
42
|
+
fireEvent.click(awayBtn);
|
|
43
|
+
expect(awayBtn).toHaveClass('active');
|
|
44
|
+
expect(homeBtn).not.toHaveClass('active');
|
|
45
|
+
expect(homeBtn).toHaveClass('home');
|
|
46
|
+
await act(async () => {
|
|
47
|
+
await Promise.resolve();
|
|
48
|
+
});
|
|
49
|
+
// Placeholder may still be present during async; assert wrapper exists
|
|
50
|
+
expect(screen.getByTestId('mobile-navigation-wrapper')).toBeInTheDocument();
|
|
51
|
+
fireEvent.click(homeBtn);
|
|
52
|
+
expect(homeBtn).toHaveClass('active');
|
|
53
|
+
expect(awayBtn).not.toHaveClass('active');
|
|
54
|
+
expect(awayBtn).toHaveClass('away');
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9iaWxlV2lkZ2V0LnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2Zvb3RiYWxsL29wdGEtbWF0Y2gtc3RhdHMvbWF0Y2hkYXktbGl2ZS9fX3Rlc3RzX18vTW9iaWxlV2lkZ2V0LnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEUsT0FBTywyQkFBMkIsQ0FBQztBQUVuQyxJQUFJLENBQUMsSUFBSSxDQUFDLHlCQUF5QixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDMUMsV0FBVyxFQUFFLEdBQUcsRUFBRSxDQUFDLHdEQUFnQjtDQUNwQyxDQUFDLENBQUMsQ0FBQztBQUVKLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO0FBQ25DLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO0FBQ3JDLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO0FBRXBDLE1BQU0sZUFBZSxHQUFHLEdBQUcsRUFBRTtJQUMzQixNQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlDLE9BQU8sQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQ3ZELE9BQU8sT0FBTyxDQUFDO0FBQ2pCLENBQUMsQ0FBQztBQUVGLElBQUksQ0FBQyxJQUFJLENBQUMsMEJBQTBCLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUMzQyxZQUFZLEVBQUUsZ0JBQWdCO0lBQzlCLGNBQWMsRUFBRSxrQkFBa0I7SUFDbEMsVUFBVSxF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
|
package/dist/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.js
CHANGED
|
@@ -231,9 +231,8 @@ export const WidgetContainer = styled.div `
|
|
|
231
231
|
height: auto;
|
|
232
232
|
|
|
233
233
|
.Opta-Sub {
|
|
234
|
-
display:
|
|
235
|
-
|
|
236
|
-
grid-template-rows: auto auto;
|
|
234
|
+
display: flex;
|
|
235
|
+
align-items: center;
|
|
237
236
|
|
|
238
237
|
&.Opta-Home {
|
|
239
238
|
span.Opta-Circle {
|
|
@@ -273,14 +272,14 @@ export const WidgetContainer = styled.div `
|
|
|
273
272
|
}
|
|
274
273
|
|
|
275
274
|
span.Opta-Circle {
|
|
276
|
-
grid-column: 1 / 1;
|
|
277
|
-
grid-row: 1 / 3;
|
|
278
275
|
background-color: ${backgroundColor};
|
|
279
276
|
font-family: ${fonts.headline};
|
|
280
277
|
font-weight: 800;
|
|
281
278
|
font-size: 16px;
|
|
282
279
|
line-height: 112.99999%;
|
|
283
280
|
margin-bottom: 0;
|
|
281
|
+
min-width: 32px;
|
|
282
|
+
margin-right: 12px;
|
|
284
283
|
|
|
285
284
|
${props => props.isApp &&
|
|
286
285
|
`
|
|
@@ -290,15 +289,12 @@ export const WidgetContainer = styled.div `
|
|
|
290
289
|
`};
|
|
291
290
|
|
|
292
291
|
& + span.Opta-PlayerName {
|
|
293
|
-
|
|
294
|
-
grid-row: 1 / 2;
|
|
295
|
-
padding-right: 8px;
|
|
292
|
+
padding-right: 4px;
|
|
296
293
|
width: max-content;
|
|
297
294
|
font-size: 14px !important;
|
|
295
|
+
white-space: nowrap;
|
|
298
296
|
|
|
299
297
|
& + span.Opta-PlayerName {
|
|
300
|
-
grid-column: 4 / 5;
|
|
301
|
-
grid-row: 1 / 2;
|
|
302
298
|
width: max-content;
|
|
303
299
|
font-size: 14px !important;
|
|
304
300
|
}
|
|
@@ -313,10 +309,9 @@ export const WidgetContainer = styled.div `
|
|
|
313
309
|
}
|
|
314
310
|
|
|
315
311
|
span.Opta-MatcheventsIcons {
|
|
316
|
-
grid-column: 3 / 5;
|
|
317
|
-
grid-row: 2 / 3;
|
|
318
312
|
display: flex;
|
|
319
313
|
gap: 4px;
|
|
314
|
+
margin-top: 0;
|
|
320
315
|
}
|
|
321
316
|
}
|
|
322
317
|
}
|
|
@@ -404,6 +399,7 @@ export const WidgetContainer = styled.div `
|
|
|
404
399
|
grid-template-rows: 1fr;
|
|
405
400
|
padding-inline: 32px;
|
|
406
401
|
padding-block: 32px;
|
|
402
|
+
padding-bottom: 16px;
|
|
407
403
|
${props => props.isApp &&
|
|
408
404
|
`
|
|
409
405
|
@media(prefers-color-scheme: dark) {
|
|
@@ -438,7 +434,7 @@ export const WidgetContainer = styled.div `
|
|
|
438
434
|
color: ${textColor} !important;
|
|
439
435
|
font-family: ${fonts.headline} !important;
|
|
440
436
|
font-weight: 800;
|
|
441
|
-
font-size:
|
|
437
|
+
font-size: 28px;
|
|
442
438
|
line-height: 112.999%;
|
|
443
439
|
padding-bottom: 4px;
|
|
444
440
|
}
|
|
@@ -450,6 +446,26 @@ export const WidgetContainer = styled.div `
|
|
|
450
446
|
line-height: 112.999%;
|
|
451
447
|
}
|
|
452
448
|
}
|
|
449
|
+
|
|
450
|
+
.Opta-Close {
|
|
451
|
+
background: none !important;
|
|
452
|
+
top: 16px !important;
|
|
453
|
+
right: 16px !important;
|
|
454
|
+
position: relative;
|
|
455
|
+
&::before {
|
|
456
|
+
position: absolute;
|
|
457
|
+
top: 0;
|
|
458
|
+
left: 0;
|
|
459
|
+
right: 0;
|
|
460
|
+
bottom: 0;
|
|
461
|
+
display: flex;
|
|
462
|
+
justify-content: center;
|
|
463
|
+
align-items: center;
|
|
464
|
+
content: '\\00D7';
|
|
465
|
+
font-size: 32px;
|
|
466
|
+
color: ${textColor};
|
|
467
|
+
}
|
|
468
|
+
}
|
|
453
469
|
}
|
|
454
470
|
|
|
455
471
|
// Mobile styles
|
|
@@ -711,4 +727,4 @@ export const WidgetContainer = styled.div `
|
|
|
711
727
|
}
|
|
712
728
|
}
|
|
713
729
|
`;
|
|
714
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
730
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0Q29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL21hdGNoZGF5LWxpdmUvc3R5bGVzL1dpZGdldENvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVqRSxPQUFPLEVBQ0wsZUFBZSxFQUNmLG1CQUFtQixFQUNuQixhQUFhLEVBQ2IsV0FBVyxFQUNYLFNBQVMsRUFDVCxlQUFlLEVBQ2YsZUFBZSxFQUNoQixNQUFNLHFCQUFxQixDQUFDO0FBRTdCLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUl2QztJQUNFLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7MEJBRXNCLG1CQUFtQjtlQUM5QixhQUFhOztHQUV6QjtNQUNHLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7MEJBRW9CLG1CQUFtQjs7R0FFMUM7Ozs7Ozs7Ozs7OztNQVlHLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7NEJBRXNCLG1CQUFtQjtpQkFDOUIsYUFBYTs7R0FFM0I7Ozs7Ozs7Ozs7Ozs7NEJBYXlCLFdBQVc7K0JBQ1IsV0FBVzt3QkFDbEIsZUFBZTs7Ozs7Ozs7OztNQVVqQyxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzRCQUVzQixtQkFBbUI7Z0NBQ2YsZUFBZTttQ0FDWixlQUFlOzttQkFFL0IsYUFBYTs7O0tBRzNCOzs7Ozs7Ozs7Ozs7Ozs7OztlQWlCVSxTQUFTOzs7UUFHaEIsS0FBSyxDQUFDLEVBQUUsQ0FDUixLQUFL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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import '@testing-library/jest-dom';
|
|
4
|
+
import { NavigationWrapper } from '../NavigationWrapper';
|
|
5
|
+
const HomeColour = { light: '#123456', dark: '#abcdef' };
|
|
6
|
+
const AwayColour = { light: '#654321', dark: '#fedcba' };
|
|
7
|
+
describe('Matchday Live NavigationWrapper', () => {
|
|
8
|
+
it('renders with active home', () => {
|
|
9
|
+
const { container } = render(React.createElement(NavigationWrapper, { isApp: false, activeTeam: "home", homeTeamColor: HomeColour, awayTeamColor: AwayColour },
|
|
10
|
+
React.createElement("div", { className: "navigation-buttons" },
|
|
11
|
+
React.createElement("button", { className: "active home" }, "Home"),
|
|
12
|
+
React.createElement("button", { className: "away" }, "Away")),
|
|
13
|
+
React.createElement("div", { className: "home-widget-container" }, "Home widget"),
|
|
14
|
+
React.createElement("div", { className: "away-widget-container" }, "Away widget")));
|
|
15
|
+
expect(container.querySelector('.navigation-buttons')).toBeInTheDocument();
|
|
16
|
+
expect(container.querySelector('.navigation-buttons .active.home')).toBeInTheDocument();
|
|
17
|
+
expect(container.querySelector('.home-widget-container')).toBeInTheDocument();
|
|
18
|
+
expect(container.querySelector('.away-widget-container')).toBeInTheDocument();
|
|
19
|
+
});
|
|
20
|
+
it('renders with active away and isApp true', () => {
|
|
21
|
+
const { container } = render(React.createElement(NavigationWrapper, { isApp: true, activeTeam: "away", homeTeamColor: HomeColour, awayTeamColor: AwayColour },
|
|
22
|
+
React.createElement("div", { className: "navigation-buttons" },
|
|
23
|
+
React.createElement("button", { className: "home" }, "Home"),
|
|
24
|
+
React.createElement("button", { className: "active away" }, "Away")),
|
|
25
|
+
React.createElement("div", { className: "home-widget-container" }, "Home widget"),
|
|
26
|
+
React.createElement("div", { className: "away-widget-container" }, "Away widget")));
|
|
27
|
+
expect(container.querySelector('.navigation-buttons')).toBeInTheDocument();
|
|
28
|
+
expect(container.querySelector('.navigation-buttons .active.away')).toBeInTheDocument();
|
|
29
|
+
expect(container.querySelector('.home-widget-container')).toBeInTheDocument();
|
|
30
|
+
expect(container.querySelector('.away-widget-container')).toBeInTheDocument();
|
|
31
|
+
});
|
|
32
|
+
});
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbldyYXBwZXIudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvZm9vdGJhbGwvb3B0YS1tYXRjaC1zdGF0cy9tYXRjaGRheS1saXZlL3N0eWxlcy9fX3Rlc3RzX18vTmF2aWdhdGlvbldyYXBwZXIudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRCxPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXpELE1BQU0sVUFBVSxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLENBQUM7QUFDekQsTUFBTSxVQUFVLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsQ0FBQztBQUV6RCxRQUFRLENBQUMsaUNBQWlDLEVBQUUsR0FBRyxFQUFFO0lBQy9DLEVBQUUsQ0FBQywwQkFBMEIsRUFBRSxHQUFHLEVBQUU7UUFDbEMsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLE1BQU0sQ0FDMUIsb0JBQUMsaUJBQWlCLElBQ2hCLEtBQUssRUFBRSxLQUFLLEVBQ1osVUFBVSxFQUFDLE1BQU0sRUFDakIsYUFBYSxFQUFFLFVBQVUsRUFDekIsYUFBYSxFQUFFLFVBQVU7WUFFekIsNkJBQUssU0FBUyxFQUFDLG9CQUFvQjtnQkFDakMsZ0NBQVEsU0FBUyxFQUFDLGFBQWEsV0FBYztnQkFDN0MsZ0NBQVEsU0FBUyxFQUFDLE1BQU0sV0FBYyxDQUNsQztZQUNOLDZCQUFLLFNBQVMsRUFBQyx1QkFBdUIsa0JBQWtCO1lBQ3hELDZCQUFLLFNBQVMsRUFBQyx1QkFBdUIsa0JBQWtCLENBQ3RDLENBQ3JCLENBQUM7UUFFRixNQUFNLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUMzRSxNQUFNLENBQ0osU0FBUyxDQUFDLGFBQWEsQ0FBQyxrQ0FBa0MsQ0FBQyxDQUM1RCxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDdEIsTUFBTSxDQUNKLFNBQVMsQ0FBQyxhQUFhLENBQUMsd0JBQXdCLENBQUMsQ0FDbEQsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3RCLE1BQU0sQ0FDSixTQUFTLENBQUMsYUFBYSxDQUFDLHdCQUF3QixDQUFDLENBQ2xELENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUN4QixDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyx5Q0FBeUMsRUFBRSxHQUFHLEVBQUU7UUFDakQsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLE1BQU0sQ0FDMUIsb0JBQUMsaUJBQWlCLElBQ2hCLEtBQUssRUFBRSxJQUFJLEVBQ1gsVUFBVSxFQUFDLE1BQU0sRUFDakIsYUFBYSxFQUFFLFVBQVUsRUFDekIsYUFBYSxFQUFFLFVBQVU7WUFFekIsNkJBQUssU0FBUyxFQUFDLG9CQUFvQjtnQkFDakMsZ0NBQVEsU0FBUyxFQUFDLE1BQU0sV0FBYztnQkFDdEMsZ0NBQVEsU0FBUyxFQUFDLGFBQWEsV0FBYyxDQUN6QztZQUNOLDZCQUFLLFNBQVMsRUFBQyx1QkFBdUIsa0JBQWtCO1lBQ3hELDZCQUFLLFNBQVMsRUFBQyx1QkFBdUIsa0JBQWtCLENBQ3RDLENBQ3JCLENBQUM7UUFFRixNQUFNLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUMzRSxNQUFNLENBQ0osU0FBUyxDQUFDLGFBQWEsQ0FBQyxrQ0FBa0MsQ0FBQyxDQUM1RCxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDdEIsTUFBTSxDQUNKLFNBQVMsQ0FBQyxhQUFhLENBQUMsd0JBQXdCLENBQUMsQ0FDbEQsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3RCLE1BQU0sQ0FDSixTQUFTLENBQUMsYUFBYSxDQUFDLHdCQUF3QixDQUFDLENBQ2xELENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUN4QixDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import '@testing-library/jest-dom';
|
|
4
|
+
import { WidgetContainer } from '../WidgetContainer';
|
|
5
|
+
describe('Matchday Live WidgetContainer', () => {
|
|
6
|
+
const baseProps = {
|
|
7
|
+
isApp: true,
|
|
8
|
+
homeTeamColor: { light: '#000000', dark: '#a19c9cff' },
|
|
9
|
+
awayTeamColor: { light: '#007A3F', dark: '#007A3F' }
|
|
10
|
+
};
|
|
11
|
+
it('generates styles', () => {
|
|
12
|
+
const { container } = render(React.createElement(WidgetContainer, Object.assign({}, baseProps),
|
|
13
|
+
React.createElement("div", { className: "Opta" },
|
|
14
|
+
React.createElement("div", { className: "Opta_W" }, "content"))));
|
|
15
|
+
expect(container.querySelector('.Opta > .Opta_W')).toBeTruthy();
|
|
16
|
+
});
|
|
17
|
+
it('generates dark-mode styles under .Opta-Overlay .Opta-Flex', () => {
|
|
18
|
+
const { container } = render(React.createElement(WidgetContainer, Object.assign({}, baseProps),
|
|
19
|
+
React.createElement("div", { className: "Opta-Overlay" },
|
|
20
|
+
React.createElement("div", { className: "Opta-Flex" }, "flex"))));
|
|
21
|
+
expect(container.querySelector('.Opta-Overlay .Opta-Flex')).toBeTruthy();
|
|
22
|
+
});
|
|
23
|
+
it('applies home-widget-container styles', () => {
|
|
24
|
+
const { container } = render(React.createElement(WidgetContainer, Object.assign({}, baseProps, { className: "home-widget-container" }),
|
|
25
|
+
React.createElement("div", { className: "Opta-MatchHeader" },
|
|
26
|
+
React.createElement("div", { className: "Opta-Away" }, "Away Team"))));
|
|
27
|
+
expect(container.querySelector('.home-widget-container .Opta-MatchHeader .Opta-Away')).toBeTruthy();
|
|
28
|
+
});
|
|
29
|
+
it('applies away-widget-container styles', () => {
|
|
30
|
+
const { container } = render(React.createElement(WidgetContainer, Object.assign({}, baseProps, { className: "away-widget-container" }),
|
|
31
|
+
React.createElement("div", { className: "Opta-MatchHeader" },
|
|
32
|
+
React.createElement("div", { className: "Opta-Home" }, "Home Team"))));
|
|
33
|
+
expect(container.querySelector('.away-widget-container .Opta-MatchHeader .Opta-Home')).toBeTruthy();
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0Q29udGFpbmVyLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2Zvb3RiYWxsL29wdGEtbWF0Y2gtc3RhdHMvbWF0Y2hkYXktbGl2ZS9zdHlsZXMvX190ZXN0c19fL1dpZGdldENvbnRhaW5lci50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2hELE9BQU8sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXJELFFBQVEsQ0FBQywrQkFBK0IsRUFBRSxHQUFHLEVBQUU7SUFDN0MsTUFBTSxTQUFTLEdBQUc7UUFDaEIsS0FBSyxFQUFFLElBQUk7UUFDWCxhQUFhLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7UUFDdEQsYUFBYSxFQUFFLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFO0tBQ3JELENBQUM7SUFFRixFQUFFLENBQUMsa0JBQWtCLEVBQUUsR0FBRyxFQUFFO1FBQzFCLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxNQUFNLENBQzFCLG9CQUFDLGVBQWUsb0JBQUssU0FBUztZQUM1Qiw2QkFBSyxTQUFTLEVBQUMsTUFBTTtnQkFDbkIsNkJBQUssU0FBUyxFQUFDLFFBQVEsY0FBYyxDQUNqQyxDQUNVLENBQ25CLENBQUM7UUFDRixNQUFNLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDbEUsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsMkRBQTJELEVBQUUsR0FBRyxFQUFFO1FBQ25FLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxNQUFNLENBQzFCLG9CQUFDLGVBQWUsb0JBQUssU0FBUztZQUM1Qiw2QkFBSyxTQUFTLEVBQUMsY0FBYztnQkFDM0IsNkJBQUssU0FBUyxFQUFDLFdBQVcsV0FBVyxDQUNqQyxDQUNVLENBQ25CLENBQUM7UUFDRixNQUFNLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDM0UsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsc0NBQXNDLEVBQUUsR0FBRyxFQUFFO1FBQzlDLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxNQUFNLENBQzFCLG9CQUFDLGVBQWUsb0JBQUssU0FBUyxJQUFFLFNBQVMsRUFBQyx1QkFBdUI7WUFDL0QsNkJBQUssU0FBUyxFQUFDLGtCQUFrQjtnQkFDL0IsNkJBQUssU0FBUyxFQUFDLFdBQVcsZ0JBQWdCLENBQ3RDLENBQ1UsQ0FDbkIsQ0FBQztRQUNGLE1BQU0sQ0FDSixTQUFTLENBQUMsYUFBYSxDQUNyQixxREFBcUQsQ0FDdEQsQ0FDRixDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ2pCLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLHNDQUFzQyxFQUFFLEdBQUcsRUFBRTtRQUM5QyxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUMxQixvQkFBQyxlQUFlLG9CQUFLLFNBQVMsSUFBRSxTQUFTLEVBQUMsdUJBQXVCO1lBQy9ELDZCQUFLLFNBQVMsRUFBQyxrQkFBa0I7Z0JBQy9CLDZCQUFLLFNBQVMsRUFBQyxXQUFXLGdCQUFnQixDQUN0QyxDQUNVLENBQ25CLENBQUM7UUFDRixNQUFNLENBQ0osU0FBUyxDQUFDLGFBQWEsQ0FDckIscURBQXFELENBQ3RELENBQ0YsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNqQixDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=
|
|
@@ -45,7 +45,7 @@ export const OptaMatchStatsSummary = React.memo(({ season, competition, match, i
|
|
|
45
45
|
show_competition_name: true,
|
|
46
46
|
competition_naming: 'full',
|
|
47
47
|
team_naming: 'full',
|
|
48
|
-
player_naming: '
|
|
48
|
+
player_naming: 'last_name',
|
|
49
49
|
show_live: false,
|
|
50
50
|
show_logo: false,
|
|
51
51
|
show_title: false
|
|
@@ -62,4 +62,4 @@ export const OptaMatchStatsSummary = React.memo(({ season, competition, match, i
|
|
|
62
62
|
!isReady && (React.createElement(PlaceholderContainer, { "data-testid": "placeholder" },
|
|
63
63
|
React.createElement(Placeholder, null)))));
|
|
64
64
|
});
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YU1hdGNoU3RhdHNTdW1tYXJ5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3N1bW1hcnkvT3B0YU1hdGNoU3RhdHNTdW1tYXJ5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sdUJBQXVCLENBQUM7QUFFL0IsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUc5QyxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FPN0IsS0FBSyxDQUFDLElBQUksQ0FDYixDQUFDLEVBQ0MsTUFBTSxFQUNOLFdBQVcsRUFDWCxLQUFLLEVBQ0wsS0FBSyxHQUFHLEtBQUssRUFDYixhQUFhLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsRUFDckQsYUFBYSxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLEVBQ3RELEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxTQUFTLEVBQWtCLENBQUM7SUFDOUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDdkQsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2xCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxVQUFVLENBQUM7UUFFekIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEIsVUFBVSxFQUFFO2FBQ1QsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNULElBQUksR0FBRyxDQUFDLE9BQU8sRUFBRTtnQkFDZixHQUFHLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUMsYUFBYSxFQUFFO29CQUNqRCxLQUFLO29CQUNMLE1BQU0sRUFBRSxlQUFlO29CQUN2QixNQUFNO29CQUNOLFdBQVc7b0JBQ1gsS0FBSztvQkFDTCxRQUFRLEVBQUUsUUFBUTtvQkFDbEIsSUFBSSxFQUFFLElBQUk7b0JBQ1YsaUJBQWlCLEVBQUUsSUFBSTtvQkFDdkIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSxLQUFLO29CQUN0QixTQUFTLEVBQUUsSUFBSTtvQkFDZixXQUFXLEVBQUUsS0FBSztvQkFDbEIsa0JBQWtCLEVBQUUsTUFBTTtvQkFDMUIsVUFBVSxFQUFFLEtBQUs7b0JBQ2pCLFdBQVcsRUFBRSxJQUFJO29CQUNqQixtQkFBbUIsRUFBRSxLQUFLO29CQUMxQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsbUJBQW1CLEVBQUUsS0FBSztvQkFDMUIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0IsbUJBQW1CLEVBQUUsSUFBSTtvQkFDekIsWUFBWSxFQUFFLEtBQUs7b0JBQ25CLFNBQVMsRUFBRSxLQUFLO29CQUNoQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsY0FBYyxFQUFFLElBQUk7b0JBQ3BCLGFBQWEsRUFBRSxLQUFLO29CQUNwQixXQUFXLEVBQUUsS0FBSztvQkFDbEIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0Isa0JBQWtCLEVBQUUsTUFBTTtvQkFDMUIsV0FBVyxFQUFFLE1BQU07b0JBQ25CLGFBQWEsRUFBRSxXQUFXO29CQUMxQixTQUFTLEVBQUUsS0FBSztvQkFDaEIsU0FBUyxFQUFFLEtBQUs7b0JBQ2hCLFVBQVUsRUFBRSxLQUFLO2lCQUNsQixDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUViLGFBQWEsRUFBRSxDQUFDO2FBQ2pCO1FBQ0gsQ0FBQyxDQUFDO2FBQ0QsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNULFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTDtRQUNFLG9CQUFDLGVBQWUsSUFDZCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxLQUFLLEVBQ1osYUFBYSxFQUFFLGFBQWEsRUFDNUIsYUFBYSxFQUFFLGFBQWEsR0FDNUI7UUFDRCxDQUFDLE9BQU8sSUFBSSxDQUNYLG9CQUFDLG9CQUFvQixtQkFBYSxhQUFhO1lBQzdDLG9CQUFDLFdBQVcsT0FBRyxDQUNNLENBQ3hCLENBQ0EsQ0FDSixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==
|
package/dist/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.stories.js
CHANGED
|
@@ -14,7 +14,7 @@ const showcase = {
|
|
|
14
14
|
React.createElement("br", null),
|
|
15
15
|
React.createElement("hr", null),
|
|
16
16
|
React.createElement("br", null),
|
|
17
|
-
React.createElement(OptaMatchStatsSummary, { season: "2025", competition: "8", match: "
|
|
17
|
+
React.createElement(OptaMatchStatsSummary, { season: "2025", competition: "8", match: "2562044", isApp: true }))),
|
|
18
18
|
name: 'Summary',
|
|
19
19
|
type: 'story'
|
|
20
20
|
}
|
|
@@ -293,14 +293,23 @@ export const WidgetContainer = styled.div `
|
|
|
293
293
|
display: flex;
|
|
294
294
|
text-align: right;
|
|
295
295
|
}
|
|
296
|
+
|
|
297
|
+
&.Opta-Home {
|
|
298
|
+
.Opta-Event-Player {
|
|
299
|
+
text-align: left;
|
|
300
|
+
}
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
&.Opta-Away {
|
|
304
|
+
.Opta-Event-Player {
|
|
305
|
+
text-align: right;
|
|
306
|
+
}
|
|
307
|
+
}
|
|
296
308
|
}
|
|
297
309
|
|
|
298
310
|
.Opta-Event-Text {
|
|
299
311
|
display: flex;
|
|
300
312
|
align-items: center;
|
|
301
|
-
.Opta-Event-Player {
|
|
302
|
-
text-align: left;
|
|
303
|
-
}
|
|
304
313
|
|
|
305
314
|
&.Opta-Home {
|
|
306
315
|
li {
|
|
@@ -377,4 +386,4 @@ export const WidgetContainer = styled.div `
|
|
|
377
386
|
}
|
|
378
387
|
}
|
|
379
388
|
`;
|
|
380
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
389
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0Q29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3N1bW1hcnkvV2lkZ2V0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU5RSxPQUFPLEVBQ0wsZUFBZSxFQUNmLG1CQUFtQixFQUNuQixhQUFhLEVBQ2IsV0FBVyxFQUNYLGVBQWUsRUFDZixTQUFTLEVBQ1QsZUFBZSxFQUNoQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUl2QztzQkFDb0IsZUFBZTtzQkFDZixXQUFXOztJQUU3QixLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzBCQUVzQixtQkFBbUI7ZUFDOUIsYUFBYTtzQkFDTixlQUFlOztHQUVsQzs7dUJBRW9CLGVBQWU7Ozs7Ozs7Ozs7Ozs7OytCQWNQLFdBQVc7O01BRXBDLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7d0JBRWtCLGVBQWU7O0tBRWxDOzs7Ozs7Ozs7OzRCQVV1QixlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs2QkF1QmQsZUFBZTs7Ozs7Ozs7O3VCQVNyQixLQUFLLENBQUMsUUFBUTs7O2lCQUdwQixTQUFTO1VBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7cUJBRVcsYUFBYTs7U0FFekI7OzZCQUVvQixlQUFlOzs7Ozs7Ozs7Ozs7O3lCQWFuQixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7NkJBV1osZUFBZTs7Ozs7OzhCQU1kLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxLQUFLO1lBQ3BELEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7a0NBRXNCLEtBQUssQ0FBQyxhQUFhLENBQUMsSUFBSTs7V0FFL0M7Ozs4QkFHbUIsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUs7WUFDcEQsS0FBSyxDQUFDLEVBQUUsQ0FDUixLQUFLLENBQUMsS0FBSztJQUNYOztrQ0FFc0IsS0FBSyxDQUFDLGFBQWEsQ0FBQyxJQUFJOztXQUUvQzs7Ozs7Ozs7Ozs7Ozt1QkFhWSxLQUFLLENBQUMsUUFBUTtpQkFDcEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxLQUFLOzs7OzZCQUlaLGVBQWU7Ozs7Ozs7MkJBT2pCLGVBQWU7Ozs7Ozs7Ozs7Ozs7MkJBYWYsZUFBZTs7Ozs7eUJBS2pCLEtBQUssQ0FBQyxVQUFVOzttQkFFdEIsU0FBUztZQUNoQixLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7O3VCQUVXLGFBQWE7O1dBRXpCOzs7K0JBR29CLGVBQWU7MkJBQ25CLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkFvQmhCLGVBQWU7Ozs7OzsyQkFNZixlQUFlOzs7Ozs7OzswQkFRaEIsZUFBZTtRQUNqQyxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzhCQUVzQixtQkFBbUI7bUJBQzlCLGFBQWE7O09BRXpCOzs7Ozs7Ozs7MkJBU29CLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7bUJBWTFCLEtBQUssQ0FBQyxVQUFVOzthQUV0QixTQUFTO01BQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7aUJBRVcsYUFBYTs7S0FFekI7Ozs7Ozs7Ozs7T0FVRSxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzhCQUV1QixtQkFBbUI7bUJBQzlCLGFBQWE7O09BRXpCOzs7Ozs7Ozs7Ozs7O3lCQWFrQixlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkFtQ2IsZUFBZTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MkJBb0JmLGVBQWU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztxQkFxQnJCLEtBQUssQ0FBQyxVQUFVOztlQUV0QixTQUFTO1FBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7bUJBRVcsYUFBYTs7T0FFekI7Ozs7Ozs7Ozs7Ozs7O0NBY04sQ0FBQyJ9
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.145.1-
|
|
3
|
+
"version": "1.145.1-82bc6796129e892c1eb22c6257c5e3809c159767.3+82bc67961",
|
|
4
4
|
"description": "Reuseable Typescript React Components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"dev": "dist/index.js",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"@times-components/link": "^3.18.27",
|
|
58
58
|
"@times-components/provider": "^1.48.20",
|
|
59
59
|
"@times-components/provider-queries": "^2.29.0",
|
|
60
|
-
"@times-components/related-articles": "^6.20.44-
|
|
60
|
+
"@times-components/related-articles": "^6.20.44-82bc6796129e892c1eb22c6257c5e3809c159767.3+82bc67961",
|
|
61
61
|
"@times-components/ts-slices": "^1.10.42",
|
|
62
62
|
"@times-components/ts-styleguide": "^1.56.21",
|
|
63
63
|
"@times-components/utils": "^6.36.0",
|
|
@@ -120,5 +120,5 @@
|
|
|
120
120
|
"@testing-library/jest-dom/extend-expect"
|
|
121
121
|
]
|
|
122
122
|
},
|
|
123
|
-
"gitHead": "
|
|
123
|
+
"gitHead": "82bc6796129e892c1eb22c6257c5e3809c159767"
|
|
124
124
|
}
|