@times-components/ts-components 1.145.1-cfea81c4084e6f91221ea00fec9fc730d5b933cb.4 → 1.145.1-d1253ed8e87e7cdf861fbf772a5f9026182434db.4
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/cricket/scorecard/OptaCricketScorecard.js +10 -2
- package/dist/components/opta/cricket/scorecard/__tests__/OptaCricketScorecard.test.js +94 -17
- package/dist/components/opta/football/summary/OptaFootballSummary.js +10 -2
- package/dist/components/opta/football/summary/__tests__/OptaFootballSummary.test.js +95 -18
- package/dist/components/opta/rugby/summary/OptaRugbySummary.js +10 -2
- package/dist/components/opta/rugby/summary/__tests__/OptaRugbySummary.test.js +94 -17
- package/dist/components/opta/utils/__tests__/emitEvent.test.js +264 -0
- package/dist/components/opta/utils/emitEvent.d.ts +1 -0
- package/dist/components/opta/utils/emitEvent.js +15 -0
- package/dist/index.d.ts +0 -1
- package/dist/index.js +1 -2
- package/package.json +3 -3
- package/rnw.js +1 -1
- package/src/components/opta/cricket/scorecard/OptaCricketScorecard.tsx +13 -0
- package/src/components/opta/cricket/scorecard/__tests__/OptaCricketScorecard.test.tsx +126 -16
- package/src/components/opta/cricket/scorecard/__tests__/__snapshots__/OptaCricketScorecard.test.tsx.snap +5 -6
- package/src/components/opta/football/summary/OptaFootballSummary.tsx +13 -0
- package/src/components/opta/football/summary/__tests__/OptaFootballSummary.test.tsx +127 -18
- package/src/components/opta/football/summary/__tests__/__snapshots__/OptaFootballSummary.test.tsx.snap +5 -6
- package/src/components/opta/rugby/summary/OptaRugbySummary.tsx +13 -0
- package/src/components/opta/rugby/summary/__tests__/OptaRugbySummary.test.tsx +127 -17
- package/src/components/opta/rugby/summary/__tests__/__snapshots__/OptaRugbySummary.test.tsx.snap +5 -6
- package/src/components/opta/utils/__tests__/emitEvent.test.tsx +415 -0
- package/src/components/opta/utils/emitEvent.ts +20 -0
- package/src/index.ts +0 -2
- package/dist/components/carousel-component/CarouselComponent.stories.js +0 -146
- package/dist/components/carousel-component/CarouselItem.d.ts +0 -3
- package/dist/components/carousel-component/CarouselItem.js +0 -11
- package/dist/components/carousel-component/DefaultNavigationArrow.d.ts +0 -8
- package/dist/components/carousel-component/DefaultNavigationArrow.js +0 -6
- package/dist/components/carousel-component/DefaultPageDot.d.ts +0 -8
- package/dist/components/carousel-component/DefaultPageDot.js +0 -4
- package/dist/components/carousel-component/__tests__/CarouselComponent.test.d.ts +0 -1
- package/dist/components/carousel-component/__tests__/CarouselComponent.test.js +0 -163
- package/dist/components/carousel-component/__tests__/CarouselItem.test.d.ts +0 -1
- package/dist/components/carousel-component/__tests__/CarouselItem.test.js +0 -80
- package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.d.ts +0 -1
- package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.js +0 -62
- package/dist/components/carousel-component/__tests__/DefaultPageDot.test.d.ts +0 -1
- package/dist/components/carousel-component/__tests__/DefaultPageDot.test.js +0 -68
- package/dist/components/carousel-component/hooks/__tests__/useCarousel.test.d.ts +0 -1
- package/dist/components/carousel-component/hooks/__tests__/useCarousel.test.js +0 -314
- package/dist/components/carousel-component/hooks/useCarousel.d.ts +0 -2
- package/dist/components/carousel-component/hooks/useCarousel.js +0 -140
- package/dist/components/carousel-component/index.d.ts +0 -4
- package/dist/components/carousel-component/index.js +0 -20
- package/dist/components/carousel-component/styles.d.ts +0 -30
- package/dist/components/carousel-component/styles.js +0 -120
- package/dist/components/carousel-component/types.d.ts +0 -46
- package/dist/components/carousel-component/types.js +0 -2
- package/dist/components/trip-cards/SkeletonCard.d.ts +0 -2
- package/dist/components/trip-cards/SkeletonCard.js +0 -21
- package/dist/components/trip-cards/TripCard.d.ts +0 -3
- package/dist/components/trip-cards/TripCard.js +0 -47
- package/dist/components/trip-cards/TripCards.stories.d.ts +0 -1
- package/dist/components/trip-cards/TripCards.stories.js +0 -40
- package/dist/components/trip-cards/TripCardsLayout.d.ts +0 -3
- package/dist/components/trip-cards/TripCardsLayout.js +0 -26
- package/dist/components/trip-cards/__tests__/SkeletonCard.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/SkeletonCard.test.js +0 -139
- package/dist/components/trip-cards/__tests__/TripCard.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/TripCard.test.js +0 -95
- package/dist/components/trip-cards/__tests__/TripCardsLayout.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/TripCardsLayout.test.js +0 -277
- package/dist/components/trip-cards/__tests__/assets.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/assets.test.js +0 -165
- package/dist/components/trip-cards/__tests__/helpers.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/helpers.test.js +0 -135
- package/dist/components/trip-cards/__tests__/index.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/index.test.js +0 -437
- package/dist/components/trip-cards/__tests__/mockData.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/mockData.test.js +0 -57
- package/dist/components/trip-cards/__tests__/skeletonStyles.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/skeletonStyles.test.js +0 -194
- package/dist/components/trip-cards/assets/BoatIcon.d.ts +0 -1
- package/dist/components/trip-cards/assets/BoatIcon.js +0 -4
- package/dist/components/trip-cards/assets/CalendarIcon.d.ts +0 -1
- package/dist/components/trip-cards/assets/CalendarIcon.js +0 -4
- package/dist/components/trip-cards/assets/ChevronRightIcon.d.ts +0 -1
- package/dist/components/trip-cards/assets/ChevronRightIcon.js +0 -4
- package/dist/components/trip-cards/assets/LocationIcon.d.ts +0 -1
- package/dist/components/trip-cards/assets/LocationIcon.js +0 -4
- package/dist/components/trip-cards/assets/MoonIcon.d.ts +0 -1
- package/dist/components/trip-cards/assets/MoonIcon.js +0 -4
- package/dist/components/trip-cards/assets/index.d.ts +0 -6
- package/dist/components/trip-cards/assets/index.js +0 -7
- package/dist/components/trip-cards/helpers.d.ts +0 -4
- package/dist/components/trip-cards/helpers.js +0 -74
- package/dist/components/trip-cards/index.d.ts +0 -4
- package/dist/components/trip-cards/index.js +0 -70
- package/dist/components/trip-cards/mockData.d.ts +0 -3
- package/dist/components/trip-cards/mockData.js +0 -323
- package/dist/components/trip-cards/skeletonStyles.d.ts +0 -9
- package/dist/components/trip-cards/skeletonStyles.js +0 -37
- package/dist/components/trip-cards/styles.d.ts +0 -39
- package/dist/components/trip-cards/styles.js +0 -387
- package/dist/components/trip-cards/types.d.ts +0 -87
- package/dist/components/trip-cards/types.js +0 -2
- package/src/components/carousel-component/CarouselComponent.stories.tsx +0 -220
- package/src/components/carousel-component/CarouselItem.tsx +0 -20
- package/src/components/carousel-component/DefaultNavigationArrow.tsx +0 -37
- package/src/components/carousel-component/DefaultPageDot.tsx +0 -20
- package/src/components/carousel-component/__tests__/CarouselComponent.test.tsx +0 -259
- package/src/components/carousel-component/__tests__/CarouselItem.test.tsx +0 -140
- package/src/components/carousel-component/__tests__/DefaultNavigationArrow.test.tsx +0 -153
- package/src/components/carousel-component/__tests__/DefaultPageDot.test.tsx +0 -105
- package/src/components/carousel-component/hooks/__tests__/useCarousel.test.ts +0 -438
- package/src/components/carousel-component/hooks/useCarousel.ts +0 -187
- package/src/components/carousel-component/index.tsx +0 -88
- package/src/components/carousel-component/styles.ts +0 -140
- package/src/components/carousel-component/types.ts +0 -51
- package/src/components/trip-cards/SkeletonCard.tsx +0 -54
- package/src/components/trip-cards/TripCard.tsx +0 -135
- package/src/components/trip-cards/TripCards.stories.tsx +0 -67
- package/src/components/trip-cards/TripCardsLayout.tsx +0 -75
- package/src/components/trip-cards/__tests__/SkeletonCard.test.tsx +0 -169
- package/src/components/trip-cards/__tests__/TripCard.test.tsx +0 -120
- package/src/components/trip-cards/__tests__/TripCardsLayout.test.tsx +0 -532
- package/src/components/trip-cards/__tests__/assets.test.tsx +0 -206
- package/src/components/trip-cards/__tests__/helpers.test.ts +0 -165
- package/src/components/trip-cards/__tests__/index.test.tsx +0 -499
- package/src/components/trip-cards/__tests__/mockData.test.ts +0 -67
- package/src/components/trip-cards/__tests__/skeletonStyles.test.tsx +0 -256
- package/src/components/trip-cards/assets/BoatIcon.tsx +0 -17
- package/src/components/trip-cards/assets/CalendarIcon.tsx +0 -17
- package/src/components/trip-cards/assets/ChevronRightIcon.tsx +0 -20
- package/src/components/trip-cards/assets/LocationIcon.tsx +0 -17
- package/src/components/trip-cards/assets/MoonIcon.tsx +0 -17
- package/src/components/trip-cards/assets/index.ts +0 -7
- package/src/components/trip-cards/helpers.ts +0 -99
- package/src/components/trip-cards/index.tsx +0 -104
- package/src/components/trip-cards/mockData.ts +0 -351
- package/src/components/trip-cards/skeletonStyles.ts +0 -46
- package/src/components/trip-cards/styles.ts +0 -426
- package/src/components/trip-cards/types.ts +0 -91
- /package/dist/components/{carousel-component/CarouselComponent.stories.d.ts → opta/utils/__tests__/emitEvent.test.d.ts} +0 -0
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
export const breakpoints = {
|
|
3
|
-
sm: '390px',
|
|
4
|
-
md: '768px',
|
|
5
|
-
lg: '1024px',
|
|
6
|
-
xl: '1320px'
|
|
7
|
-
};
|
|
8
|
-
export const colors = {
|
|
9
|
-
primary: '#005C8A',
|
|
10
|
-
white: '#FFFFFF'
|
|
11
|
-
};
|
|
12
|
-
export const ItemContainer = styled.div `
|
|
13
|
-
flex: 0 0 ${({ widthConfig }) => widthConfig.mobile};
|
|
14
|
-
scroll-snap-align: start;
|
|
15
|
-
border-radius: 8px;
|
|
16
|
-
transition: filter 0.3s ease;
|
|
17
|
-
|
|
18
|
-
@media (min-width: ${breakpoints.md}) {
|
|
19
|
-
flex: 0 0 ${({ widthConfig }) => widthConfig.tablet};
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
@media (min-width: ${breakpoints.lg}) {
|
|
23
|
-
flex: 0 0 ${({ widthConfig }) => widthConfig.desktop};
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
@media (min-width: ${breakpoints.xl}) {
|
|
27
|
-
flex: 0 0 ${({ widthConfig }) => widthConfig.xl};
|
|
28
|
-
}
|
|
29
|
-
`;
|
|
30
|
-
export const CarouselContainer = styled.div `
|
|
31
|
-
width: 100%;
|
|
32
|
-
`;
|
|
33
|
-
export const CarouselWrapper = styled.div `
|
|
34
|
-
position: relative;
|
|
35
|
-
width: 100%;
|
|
36
|
-
`;
|
|
37
|
-
export const CarouselContent = styled.div `
|
|
38
|
-
overflow: hidden;
|
|
39
|
-
`;
|
|
40
|
-
export const CardsRow = styled.div `
|
|
41
|
-
display: flex;
|
|
42
|
-
gap: 20px;
|
|
43
|
-
overflow-x: auto;
|
|
44
|
-
scroll-snap-type: x mandatory;
|
|
45
|
-
scrollbar-width: none;
|
|
46
|
-
-ms-overflow-style: none;
|
|
47
|
-
padding: 0;
|
|
48
|
-
scroll-behavior: smooth;
|
|
49
|
-
cursor: grab;
|
|
50
|
-
user-select: none;
|
|
51
|
-
|
|
52
|
-
&::-webkit-scrollbar {
|
|
53
|
-
display: none;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
&:active {
|
|
57
|
-
cursor: grabbing;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
@media (max-width: ${breakpoints.md}) {
|
|
61
|
-
padding-left: 10px;
|
|
62
|
-
}
|
|
63
|
-
`;
|
|
64
|
-
export const PageControl = styled.div `
|
|
65
|
-
display: flex;
|
|
66
|
-
justify-content: center;
|
|
67
|
-
align-items: center;
|
|
68
|
-
gap: 10px;
|
|
69
|
-
padding: 12px;
|
|
70
|
-
background: ${colors.white};
|
|
71
|
-
`;
|
|
72
|
-
export const NavigationArrowButton = styled.button `
|
|
73
|
-
display: none;
|
|
74
|
-
position: absolute;
|
|
75
|
-
top: 50%;
|
|
76
|
-
transform: translateY(-50%);
|
|
77
|
-
${({ direction }) => direction === 'left' ? 'left: -60px;' : 'right: -60px;'} z-index: 10;
|
|
78
|
-
width: 48px;
|
|
79
|
-
height: 48px;
|
|
80
|
-
border: none;
|
|
81
|
-
border-radius: 50%;
|
|
82
|
-
background: ${({ disabled }) => (disabled ? '#CCCCCC' : colors.primary)};
|
|
83
|
-
cursor: ${({ disabled }) => (disabled ? 'default' : 'pointer')};
|
|
84
|
-
align-items: center;
|
|
85
|
-
justify-content: center;
|
|
86
|
-
transition: background 0.2s ease;
|
|
87
|
-
pointer-events: ${({ disabled }) => (disabled ? 'none' : 'auto')};
|
|
88
|
-
|
|
89
|
-
svg {
|
|
90
|
-
width: 24px;
|
|
91
|
-
height: 24px;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
svg path {
|
|
95
|
-
stroke: ${colors.white};
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
&:hover:not(:disabled) {
|
|
99
|
-
background: #004a6e;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
@media (min-width: ${breakpoints.lg}) {
|
|
103
|
-
display: flex;
|
|
104
|
-
}
|
|
105
|
-
`;
|
|
106
|
-
export const PageDotButton = styled.button `
|
|
107
|
-
width: 8px;
|
|
108
|
-
height: 8px;
|
|
109
|
-
border-radius: 1000px;
|
|
110
|
-
border: none;
|
|
111
|
-
padding: 0;
|
|
112
|
-
background: ${({ active }) => (active ? '#01000D' : '#AAAAAA')};
|
|
113
|
-
cursor: pointer;
|
|
114
|
-
transition: background 0.2s ease;
|
|
115
|
-
|
|
116
|
-
&:hover {
|
|
117
|
-
background: #01000d;
|
|
118
|
-
}
|
|
119
|
-
`;
|
|
120
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2Fyb3VzZWwtY29tcG9uZW50L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUc7SUFDekIsRUFBRSxFQUFFLE9BQU87SUFDWCxFQUFFLEVBQUUsT0FBTztJQUNYLEVBQUUsRUFBRSxRQUFRO0lBQ1osRUFBRSxFQUFFLFFBQVE7Q0FDYixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHO0lBQ3BCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLEtBQUssRUFBRSxTQUFTO0NBQ2pCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FPckM7Y0FDWSxDQUFDLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQyxNQUFNOzs7Ozt1QkFLOUIsV0FBVyxDQUFDLEVBQUU7Z0JBQ3JCLENBQUMsRUFBRSxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLE1BQU07Ozt1QkFHaEMsV0FBVyxDQUFDLEVBQUU7Z0JBQ3JCLENBQUMsRUFBRSxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLE9BQU87Ozt1QkFHakMsV0FBVyxDQUFDLEVBQUU7Z0JBQ3JCLENBQUMsRUFBRSxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUU7O0NBRWxELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOztDQUUxQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7OztDQUd4QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7O0NBRXhDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7dUJBb0JYLFdBQVcsQ0FBQyxFQUFFOzs7Q0FHcEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7Z0JBTXJCLE1BQU0sQ0FBQyxLQUFLO0NBQzNCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUdoRDs7Ozs7SUFLRSxDQUFDLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxDQUNsQixTQUFTLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLGVBQWU7Ozs7O2dCQUszQyxDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUM7WUFDN0QsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7Ozs7b0JBSTVDLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDOzs7Ozs7OztjQVFwRCxNQUFNLENBQUMsS0FBSzs7Ozs7Ozt1QkFPSCxXQUFXLENBQUMsRUFBRTs7O0NBR3BDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBcUI7Ozs7OztnQkFNL0MsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7Ozs7Ozs7Q0FPL0QsQ0FBQyJ9
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface CarouselComponentProps {
|
|
3
|
-
items: ReactNode[];
|
|
4
|
-
options?: UseCarouselOptions;
|
|
5
|
-
showArrows?: boolean;
|
|
6
|
-
showDots?: boolean;
|
|
7
|
-
arrowComponent?: React.ComponentType<{
|
|
8
|
-
direction: 'left' | 'right';
|
|
9
|
-
onClick: () => void;
|
|
10
|
-
disabled: boolean;
|
|
11
|
-
}>;
|
|
12
|
-
dotComponent?: React.ComponentType<{
|
|
13
|
-
active: boolean;
|
|
14
|
-
onClick: () => void;
|
|
15
|
-
index: number;
|
|
16
|
-
}>;
|
|
17
|
-
className?: string;
|
|
18
|
-
}
|
|
19
|
-
export interface CarouselItemProps {
|
|
20
|
-
children: ReactNode;
|
|
21
|
-
widthConfig?: {
|
|
22
|
-
xs?: string;
|
|
23
|
-
mobile?: string;
|
|
24
|
-
tablet?: string;
|
|
25
|
-
desktop?: string;
|
|
26
|
-
xl?: string;
|
|
27
|
-
};
|
|
28
|
-
className?: string;
|
|
29
|
-
}
|
|
30
|
-
export interface UseCarouselOptions {
|
|
31
|
-
itemsPerPage?: number;
|
|
32
|
-
onPageChange?: (page: number) => void;
|
|
33
|
-
}
|
|
34
|
-
export interface UseCarouselReturn {
|
|
35
|
-
currentPage: number;
|
|
36
|
-
totalPages: number;
|
|
37
|
-
carouselRef: React.RefObject<HTMLDivElement>;
|
|
38
|
-
isScrolling: boolean;
|
|
39
|
-
handlePrevious: () => void;
|
|
40
|
-
handleNext: () => void;
|
|
41
|
-
scrollToPage: (page: number) => void;
|
|
42
|
-
handleMouseDown: (e: React.MouseEvent) => void;
|
|
43
|
-
handleMouseMove: (e: React.MouseEvent) => void;
|
|
44
|
-
handleMouseUp: (e: React.MouseEvent) => void;
|
|
45
|
-
handleMouseLeave: () => void;
|
|
46
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Placeholder } from '@times-components/image';
|
|
3
|
-
import { CardContainer, ImageContainer, CardContent, TopContainer, BottomContainer, DataPointsList, DataPoint, PriceSection, PriceContainer } from './styles';
|
|
4
|
-
import { SkeletonLine, SkeletonHeadline, SkeletonPrice, SkeletonButton } from './skeletonStyles';
|
|
5
|
-
export const SkeletonCard = () => {
|
|
6
|
-
return (React.createElement(CardContainer, { "data-testid": "skeleton-card-container" },
|
|
7
|
-
React.createElement(ImageContainer, { "data-testid": "skeleton-image-container" },
|
|
8
|
-
React.createElement(Placeholder, null)),
|
|
9
|
-
React.createElement(CardContent, { "data-testid": "skeleton-card-content" },
|
|
10
|
-
React.createElement(TopContainer, { "data-testid": "skeleton-top-container" },
|
|
11
|
-
React.createElement(SkeletonHeadline, { "data-testid": "skeleton-headline" }),
|
|
12
|
-
React.createElement(DataPointsList, { "data-testid": "skeleton-data-points-list" }, [1, 2, 3, 4].map(i => (React.createElement(DataPoint, { key: i, "data-testid": `skeleton-data-point-${i}` },
|
|
13
|
-
React.createElement(SkeletonLine, { width: "80px", "data-testid": `skeleton-line-${i}` })))))),
|
|
14
|
-
React.createElement(BottomContainer, { "data-testid": "skeleton-bottom-container" },
|
|
15
|
-
React.createElement(PriceSection, { "data-testid": "skeleton-price-section" },
|
|
16
|
-
React.createElement(PriceContainer, { "data-testid": "skeleton-price-container" },
|
|
17
|
-
React.createElement(SkeletonLine, { width: "40px", marginBottom: "4px", "data-testid": "skeleton-price-label" }),
|
|
18
|
-
React.createElement(SkeletonPrice, { "data-testid": "skeleton-price" }))),
|
|
19
|
-
React.createElement(SkeletonButton, { as: "div", "data-testid": "skeleton-button" })))));
|
|
20
|
-
};
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b25DYXJkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJpcC1jYXJkcy9Ta2VsZXRvbkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBYSxNQUFNLE9BQU8sQ0FBQztBQUNsQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEQsT0FBTyxFQUNMLGFBQWEsRUFDYixjQUFjLEVBQ2QsV0FBVyxFQUNYLFlBQVksRUFDWixlQUFlLEVBQ2YsY0FBYyxFQUNkLFNBQVMsRUFDVCxZQUFZLEVBQ1osY0FBYyxFQUNmLE1BQU0sVUFBVSxDQUFDO0FBQ2xCLE9BQU8sRUFDTCxZQUFZLEVBQ1osZ0JBQWdCLEVBQ2hCLGFBQWEsRUFDYixjQUFjLEVBQ2YsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixNQUFNLENBQUMsTUFBTSxZQUFZLEdBQU8sR0FBRyxFQUFFO0lBQ25DLE9BQU8sQ0FDTCxvQkFBQyxhQUFhLG1CQUFhLHlCQUF5QjtRQUNsRCxvQkFBQyxjQUFjLG1CQUFhLDBCQUEwQjtZQUNwRCxvQkFBQyxXQUFXLE9BQUcsQ0FDQTtRQUNqQixvQkFBQyxXQUFXLG1CQUFhLHVCQUF1QjtZQUM5QyxvQkFBQyxZQUFZLG1CQUFhLHdCQUF3QjtnQkFDaEQsb0JBQUMsZ0JBQWdCLG1CQUFhLG1CQUFtQixHQUFHO2dCQUNwRCxvQkFBQyxjQUFjLG1CQUFhLDJCQUEyQixJQUNwRCxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQ3JCLG9CQUFDLFNBQVMsSUFBQyxHQUFHLEVBQUUsQ0FBQyxpQkFBZSx1QkFBdUIsQ0FBQyxFQUFFO29CQUN4RCxvQkFBQyxZQUFZLElBQUMsS0FBSyxFQUFDLE1BQU0saUJBQWMsaUJBQWlCLENBQUMsRUFBRSxHQUFJLENBQ3RELENBQ2IsQ0FBQyxDQUNhLENBQ0o7WUFDZixvQkFBQyxlQUFlLG1CQUFhLDJCQUEyQjtnQkFDdEQsb0JBQUMsWUFBWSxtQkFBYSx3QkFBd0I7b0JBQ2hELG9CQUFDLGNBQWMsbUJBQWEsMEJBQTBCO3dCQUNwRCxvQkFBQyxZQUFZLElBQ1gsS0FBSyxFQUFDLE1BQU0sRUFDWixZQUFZLEVBQUMsS0FBSyxpQkFDTixzQkFBc0IsR0FDbEM7d0JBQ0Ysb0JBQUMsYUFBYSxtQkFBYSxnQkFBZ0IsR0FBRyxDQUMvQixDQUNKO2dCQUNmLG9CQUFDLGNBQWMsSUFBQyxFQUFFLEVBQUMsS0FBSyxpQkFBYSxpQkFBaUIsR0FBRyxDQUN6QyxDQUNOLENBQ0EsQ0FDakIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import { Placeholder } from '@times-components/image';
|
|
3
|
-
import { CardContainer, ImageContainer, CardImage, OfferLabel, GiftBanner, CardContent, TopContainer, BottomContainer, Headline, DataPointsList, DataPoint, DataIcon, PriceSection, PriceContainer, OfferContainer, PriceLabel, OriginalPrice, CurrentPrice, LogoContainer, CTAButton } from './styles';
|
|
4
|
-
import { MoonIcon, LocationIcon, BoatIcon, CalendarIcon } from './assets';
|
|
5
|
-
export const TripCard = ({ card }) => {
|
|
6
|
-
const [imageLoaded, setImageLoaded] = useState(false);
|
|
7
|
-
return (React.createElement(CardContainer, null,
|
|
8
|
-
React.createElement("a", { href: card.cta_url, target: "_blank", rel: "noopener noreferrer", style: { textDecoration: 'none', color: 'inherit' } },
|
|
9
|
-
React.createElement(ImageContainer, null,
|
|
10
|
-
!imageLoaded && React.createElement(Placeholder, null),
|
|
11
|
-
React.createElement(CardImage, { src: card.image, alt: card.headline, onLoad: () => setImageLoaded(true), style: { display: imageLoaded ? 'block' : 'none' } }),
|
|
12
|
-
card.offer_label && React.createElement(OfferLabel, null, card.offer_label),
|
|
13
|
-
card.gift_banner && React.createElement(GiftBanner, null, card.gift_banner))),
|
|
14
|
-
React.createElement(CardContent, null,
|
|
15
|
-
React.createElement(TopContainer, null,
|
|
16
|
-
React.createElement("a", { href: card.cta_url, target: "_blank", rel: "noopener noreferrer", style: { textDecoration: 'none', color: 'inherit' } },
|
|
17
|
-
React.createElement(Headline, null, card.headline)),
|
|
18
|
-
React.createElement(DataPointsList, null,
|
|
19
|
-
card.date && (React.createElement(DataPoint, null,
|
|
20
|
-
React.createElement(DataIcon, null,
|
|
21
|
-
React.createElement(CalendarIcon, null)),
|
|
22
|
-
React.createElement("span", null, card.date))),
|
|
23
|
-
card.duration && (React.createElement(DataPoint, null,
|
|
24
|
-
React.createElement(DataIcon, null,
|
|
25
|
-
React.createElement(MoonIcon, null)),
|
|
26
|
-
React.createElement("span", null, card.duration))),
|
|
27
|
-
card.route && (React.createElement(DataPoint, null,
|
|
28
|
-
React.createElement(DataIcon, null,
|
|
29
|
-
React.createElement(LocationIcon, null)),
|
|
30
|
-
React.createElement("span", null, card.route))),
|
|
31
|
-
card.ship && (React.createElement(DataPoint, null,
|
|
32
|
-
React.createElement(DataIcon, null,
|
|
33
|
-
React.createElement(BoatIcon, null)),
|
|
34
|
-
React.createElement("span", null, card.ship))))),
|
|
35
|
-
React.createElement(BottomContainer, null,
|
|
36
|
-
React.createElement(PriceSection, null,
|
|
37
|
-
React.createElement(PriceContainer, null,
|
|
38
|
-
React.createElement(OfferContainer, null,
|
|
39
|
-
card.price !== 'Enquire now' && React.createElement(PriceLabel, null, "From"),
|
|
40
|
-
card.original_price && (React.createElement(OriginalPrice, null, card.original_price))),
|
|
41
|
-
React.createElement(CurrentPrice, null, card.price)),
|
|
42
|
-
card.logo && (React.createElement(LogoContainer, null,
|
|
43
|
-
React.createElement("a", { href: card.logo_url, target: "_blank", rel: "noopener noreferrer" },
|
|
44
|
-
React.createElement("img", { src: card.logo, alt: "Partner logo" }))))),
|
|
45
|
-
React.createElement(CTAButton, { href: card.cta_url, target: "_blank", rel: "noopener noreferrer" }, card.cta_text || 'View Itinerary')))));
|
|
46
|
-
};
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJpcENhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmlwLWNhcmRzL1RyaXBDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFNLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUM1QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFdEQsT0FBTyxFQUNMLGFBQWEsRUFDYixjQUFjLEVBQ2QsU0FBUyxFQUNULFVBQVUsRUFDVixVQUFVLEVBQ1YsV0FBVyxFQUNYLFlBQVksRUFDWixlQUFlLEVBQ2YsUUFBUSxFQUNSLGNBQWMsRUFDZCxTQUFTLEVBQ1QsUUFBUSxFQUNSLFlBQVksRUFDWixjQUFjLEVBQ2QsY0FBYyxFQUNkLFVBQVUsRUFDVixhQUFhLEVBQ2IsWUFBWSxFQUNaLGFBQWEsRUFDYixTQUFTLEVBQ1YsTUFBTSxVQUFVLENBQUM7QUFDbEIsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUUxRSxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQXNCLENBQUMsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFO0lBQ3RELE1BQU0sQ0FBQyxXQUFXLEVBQUUsY0FBYyxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRXRELE9BQU8sQ0FDTCxvQkFBQyxhQUFhO1FBQ1osMkJBQ0UsSUFBSSxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQ2xCLE1BQU0sRUFBQyxRQUFRLEVBQ2YsR0FBRyxFQUFDLHFCQUFxQixFQUN6QixLQUFLLEVBQUUsRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFFbkQsb0JBQUMsY0FBYztnQkFDWixDQUFDLFdBQVcsSUFBSSxvQkFBQyxXQUFXLE9BQUc7Z0JBQ2hDLG9CQUFDLFNBQVMsSUFD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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { storiesOf } from '@storybook/react';
|
|
3
|
-
import { TripCards } from './index';
|
|
4
|
-
storiesOf('Typescript Component/TripCards', module)
|
|
5
|
-
.add('Default', () => (React.createElement(TripCards, { element: {
|
|
6
|
-
class: 'trip-cards',
|
|
7
|
-
tripcards: btoa(JSON.stringify([2074350, 2140335, 2177685])),
|
|
8
|
-
title: 'Similar cruises',
|
|
9
|
-
titleUrl: 'https://www.thetimes.com/travel/holidays',
|
|
10
|
-
description: 'Brought to you by Times Holidays'
|
|
11
|
-
}, useMockData: true })))
|
|
12
|
-
.add('Two Cards', () => (React.createElement(TripCards, { element: {
|
|
13
|
-
class: 'trip-cards',
|
|
14
|
-
tripcards: btoa(JSON.stringify([2074350, 2140335])),
|
|
15
|
-
title: 'Similar cruises',
|
|
16
|
-
titleUrl: 'https://www.thetimes.com/travel/holidays',
|
|
17
|
-
description: 'Brought to you by Times Holidays'
|
|
18
|
-
}, useMockData: true })))
|
|
19
|
-
.add('Three Cards', () => (React.createElement(TripCards, { element: {
|
|
20
|
-
class: 'trip-cards',
|
|
21
|
-
tripcards: btoa(JSON.stringify([2074350, 2140335, 2177685])),
|
|
22
|
-
title: 'Similar cruises',
|
|
23
|
-
titleUrl: 'https://www.thetimes.com/travel/holidays',
|
|
24
|
-
description: 'Brought to you by Times Holidays'
|
|
25
|
-
}, useMockData: true })))
|
|
26
|
-
.add('Six Cards (Carousel)', () => (React.createElement(TripCards, { element: {
|
|
27
|
-
class: 'trip-cards',
|
|
28
|
-
tripcards: btoa(JSON.stringify([2074350, 2140335, 2177685, 2074351, 2140336, 2177686])),
|
|
29
|
-
title: 'Featured Voyages',
|
|
30
|
-
titleUrl: 'https://www.thetimes.com/travel/holidays',
|
|
31
|
-
description: 'Handpicked by our travel experts'
|
|
32
|
-
}, useMockData: true })))
|
|
33
|
-
.add('With Title Link', () => (React.createElement(TripCards, { element: {
|
|
34
|
-
class: 'trip-cards',
|
|
35
|
-
tripcards: btoa(JSON.stringify([2074350, 2140335, 2177685])),
|
|
36
|
-
title: 'Explore Mediterranean',
|
|
37
|
-
titleUrl: 'https://www.thetimes.com/travel/holidays/cruises',
|
|
38
|
-
description: 'Discover amazing cruise deals'
|
|
39
|
-
}, useMockData: true })));
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJpcENhcmRzLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmlwLWNhcmRzL1RyaXBDYXJkcy5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFFcEMsU0FBUyxDQUFDLGdDQUFnQyxFQUFFLE1BQU0sQ0FBQztLQUNoRCxHQUFHLENBQUMsU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ3BCLG9CQUFDLFNBQVMsSUFDUixPQUFPLEVBQUU7UUFDUCxLQUFLLEVBQUUsWUFBWTtRQUNuQixTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUM7UUFDNUQsS0FBSyxFQUFFLGlCQUFpQjtRQUN4QixRQUFRLEVBQUUsMENBQTBDO1FBQ3BELFdBQVcsRUFBRSxrQ0FBa0M7S0FDaEQsRUFDRCxXQUFXLEVBQUUsSUFBSSxHQUNqQixDQUNILENBQUM7S0FDRCxHQUFHLENBQUMsV0FBVyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ3RCLG9CQUFDLFNBQVMsSUFDUixPQUFPLEVBQUU7UUFDUCxLQUFLLEVBQUUsWUFBWTtRQUNuQixTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQztRQUNuRCxLQUFLLEVBQUUsaUJBQWlCO1FBQ3hCLFFBQVEsRUFBRSwwQ0FBMEM7UUFDcEQsV0FBVyxFQUFFLGtDQUFrQztLQUNoRCxFQUNELFdBQVcsRUFBRSxJQUFJLEdBQ2pCLENBQ0gsQ0FBQztLQUNELEdBQUcsQ0FBQyxhQUFhLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDeEIsb0JBQUMsU0FBUyxJQUNSLE9BQU8sRUFBRTtRQUNQLEtBQUssRUFBRSxZQUFZO1FBQ25CLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQztRQUM1RCxLQUFLLEVBQUUsaUJBQWlCO1FBQ3hCLFFBQVEsRUFBRSwwQ0FBMEM7UUFDcEQsV0FBVyxFQUFFLGtDQUFrQztLQUNoRCxFQUNELFdBQVcsRUFBRSxJQUFJLEdBQ2pCLENBQ0gsQ0FBQztLQUNELEdBQUcsQ0FBQyxzQkFBc0IsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUNqQyxvQkFBQyxTQUFTLElBQ1IsT0FBTyxFQUFFO1FBQ1AsS0FBSyxFQUFFLFlBQVk7UUFDbkIsU0FBUyxFQUFFLElBQUksQ0FDYixJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUN2RTtRQUNELEtBQUssRUFBRSxrQkFBa0I7UUFDekIsUUFBUSxFQUFFLDBDQUEwQztRQUNwRCxXQUFXLEVBQUUsa0NBQWtDO0tBQ2hELEVBQ0QsV0FBVyxFQUFFLElBQUksR0FDakIsQ0FDSCxDQUFDO0tBQ0QsR0FBRyxDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzVCLG9CQUFDLFNBQVMsSUFDUixPQUFPLEVBQUU7UUFDUCxLQUFLLEVBQUUsWUFBWTtRQUNuQixTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUM7UUFDNUQsS0FBSyxFQUFFLHVCQUF1QjtRQUM5QixRQUFRLEVBQUUsa0RBQWtEO1FBQzVELFdBQVcsRUFBRSwrQkFBK0I7S0FDN0MsRUFDRCxXQUFXLEVBQUUsSUFBSSxHQUNqQixDQUNILENBQUMsQ0FBQyJ9
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CarouselComponent, CarouselItem } from '../carousel-component';
|
|
3
|
-
import { Container, TitleSection, TitleBar, TitleContent, Title, Subtitle, TitleLink, StaticCardsGrid } from './styles';
|
|
4
|
-
import { ChevronRightIcon } from './assets';
|
|
5
|
-
export const TripCardsLayout = ({ element, items, CardComponent, itemsPerPage }) => {
|
|
6
|
-
const { titleUrl, title, description } = element;
|
|
7
|
-
const isStaticGrid = items.length === 2;
|
|
8
|
-
return (React.createElement(Container, { "data-testid": "trip-cards-container" },
|
|
9
|
-
React.createElement(TitleSection, { "data-testid": "title-section" },
|
|
10
|
-
React.createElement(TitleBar, { "data-testid": "title-bar" },
|
|
11
|
-
React.createElement(TitleContent, { "data-testid": "title-content" },
|
|
12
|
-
React.createElement(Title, { "data-testid": "trip-cards-title" }, title),
|
|
13
|
-
React.createElement(Subtitle, { "data-testid": "trip-cards-subtitle" }, description)),
|
|
14
|
-
titleUrl && (React.createElement(TitleLink, { href: titleUrl, target: "_blank", rel: "noopener noreferrer", "data-testid": "title-link" },
|
|
15
|
-
React.createElement(ChevronRightIcon, null))))),
|
|
16
|
-
isStaticGrid ? (React.createElement(StaticCardsGrid, { "data-testid": "static-cards-grid" }, items.map(item => (React.createElement(CardComponent, { key: item.id, card: item.data }))))) : (React.createElement(CarouselComponent, { items: items.map(item => (React.createElement(CarouselItem, { key: item.id, widthConfig: {
|
|
17
|
-
mobile: '90%',
|
|
18
|
-
tablet: '43.5%',
|
|
19
|
-
desktop: '46.5%',
|
|
20
|
-
xl: '45.5%'
|
|
21
|
-
} },
|
|
22
|
-
React.createElement(CardComponent, { card: item.data })))), options: {
|
|
23
|
-
itemsPerPage
|
|
24
|
-
}, showArrows: true, showDots: true }))));
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJpcENhcmRzTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJpcC1jYXJkcy9UcmlwQ2FyZHNMYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBYSxNQUFNLE9BQU8sQ0FBQztBQUNsQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFeEUsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osUUFBUSxFQUNSLFlBQVksRUFDWixLQUFLLEVBQ0wsUUFBUSxFQUNSLFNBQVMsRUFDVCxlQUFlLEVBQ2hCLE1BQU0sVUFBVSxDQUFDO0FBQ2xCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUU1QyxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQTZCLENBQUMsRUFDeEQsT0FBTyxFQUNQLEtBQUssRUFDTCxhQUFhLEVBQ2IsWUFBWSxFQUNiLEVBQUUsRUFBRTtJQUNILE1BQU0sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxHQUFHLE9BQU8sQ0FBQztJQUNqRCxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQztJQUN4QyxPQUFPLENBQ0wsb0JBQUMsU0FBUyxtQkFBYSxzQkFBc0I7UUFDM0Msb0JBQUMsWUFBWSxtQkFBYSxlQUFlO1lBQ3ZDLG9CQUFDLFFBQVEsbUJBQWEsV0FBVztnQkFDL0Isb0JBQUMsWUFBWSxtQkFBYSxlQUFlO29CQUN2QyxvQkFBQyxLQUFLLG1CQUFhLGtCQUFrQixJQUFFLEtBQUssQ0FBUztvQkFDckQsb0JBQUMsUUFBUSxtQkFBYSxxQkFBcUIsSUFBRSxXQUFXLENBQVksQ0FDdkQ7Z0JBQ2QsUUFBUSxJQUFJLENBQ1gsb0JBQUMsU0FBUyxJQUNSLElBQUksRUFBRSxRQUFRLEVBQ2QsTUFBTSxFQUFDLFFBQVEsRUFDZixHQUFHLEVBQUMscUJBQXFCLGlCQUNiLFlBQVk7b0JBRXhCLG9CQUFDLGdCQUFnQixPQUFHLENBQ1YsQ0FDYixDQUNRLENBQ0U7UUFFZCxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQ2Qsb0JBQUMsZUFBZSxtQkFBYSxtQkFBbUIsSUFDN0MsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQ2pCLG9CQUFDLGFBQWEsSUFBQyxHQUFHLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksR0FBSSxDQUNqRCxDQUFDLENBQ2MsQ0FDbkIsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxpQkFBaUIsSUFDaEIsS0FBSyxFQUFFLEtBQUssQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUN2QixvQkFBQyxZQUFZLElBQ1gsR0FBRyxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQ1osV0FBVyxFQUFFO29CQUNYLE1BQU0sRUFBRSxLQUFLO29CQUNiLE1BQU0sRUFBRSxPQUFPO29CQUNmLE9BQU8sRUFBRSxPQUFPO29CQUNoQixFQUFFLEVBQUUsT0FBTztpQkFDWjtnQkFFRCxvQkFBQyxhQUFhLElBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEdBQUksQ0FDckIsQ0FDaEIsQ0FBQyxFQUNGLE9BQU8sRUFBRTtnQkFDUCxZQUFZO2FBQ2IsRUFDRCxVQUFVLEVBQUUsSUFBSSxFQUNoQixRQUFRLEVBQUUsSUFBSSxHQUNkLENBQ0gsQ0FDUyxDQUNiLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render, screen } from '@testing-library/react';
|
|
3
|
-
import '@testing-library/jest-dom';
|
|
4
|
-
import { SkeletonCard } from '../SkeletonCard';
|
|
5
|
-
describe('SkeletonCard', () => {
|
|
6
|
-
it('renders without crashing', () => {
|
|
7
|
-
const { container } = render(React.createElement(SkeletonCard, null));
|
|
8
|
-
expect(container.firstChild).toBeInTheDocument();
|
|
9
|
-
});
|
|
10
|
-
it('renders placeholder image', () => {
|
|
11
|
-
render(React.createElement(SkeletonCard, null));
|
|
12
|
-
const imageContainer = screen.getByTestId('skeleton-image-container');
|
|
13
|
-
expect(imageContainer).toBeInTheDocument();
|
|
14
|
-
});
|
|
15
|
-
it('renders skeleton headline', () => {
|
|
16
|
-
render(React.createElement(SkeletonCard, null));
|
|
17
|
-
const skeletonHeadline = screen.getByTestId('skeleton-headline');
|
|
18
|
-
expect(skeletonHeadline).toBeInTheDocument();
|
|
19
|
-
});
|
|
20
|
-
it('renders four skeleton data points in the list', () => {
|
|
21
|
-
render(React.createElement(SkeletonCard, null));
|
|
22
|
-
const dataPoints = [
|
|
23
|
-
screen.getByTestId('skeleton-data-point-1'),
|
|
24
|
-
screen.getByTestId('skeleton-data-point-2'),
|
|
25
|
-
screen.getByTestId('skeleton-data-point-3'),
|
|
26
|
-
screen.getByTestId('skeleton-data-point-4')
|
|
27
|
-
];
|
|
28
|
-
expect(dataPoints.length).toBe(4);
|
|
29
|
-
});
|
|
30
|
-
it('renders skeleton lines for data points', () => {
|
|
31
|
-
render(React.createElement(SkeletonCard, null));
|
|
32
|
-
const skeletonLines = [
|
|
33
|
-
screen.getByTestId('skeleton-line-1'),
|
|
34
|
-
screen.getByTestId('skeleton-line-2'),
|
|
35
|
-
screen.getByTestId('skeleton-line-3'),
|
|
36
|
-
screen.getByTestId('skeleton-line-4'),
|
|
37
|
-
screen.getByTestId('skeleton-price-label')
|
|
38
|
-
];
|
|
39
|
-
expect(skeletonLines.length).toBe(5);
|
|
40
|
-
});
|
|
41
|
-
it('renders skeleton price', () => {
|
|
42
|
-
render(React.createElement(SkeletonCard, null));
|
|
43
|
-
const skeletonPrice = screen.getByTestId('skeleton-price');
|
|
44
|
-
expect(skeletonPrice).toBeInTheDocument();
|
|
45
|
-
});
|
|
46
|
-
it('renders skeleton button', () => {
|
|
47
|
-
render(React.createElement(SkeletonCard, null));
|
|
48
|
-
const skeletonButton = screen.getByTestId('skeleton-button');
|
|
49
|
-
expect(skeletonButton).toBeInTheDocument();
|
|
50
|
-
});
|
|
51
|
-
it('has correct card structure', () => {
|
|
52
|
-
render(React.createElement(SkeletonCard, null));
|
|
53
|
-
const cardContainer = screen.getByTestId('skeleton-card-container');
|
|
54
|
-
const cardContent = screen.getByTestId('skeleton-card-content');
|
|
55
|
-
const topContainer = screen.getByTestId('skeleton-top-container');
|
|
56
|
-
const bottomContainer = screen.getByTestId('skeleton-bottom-container');
|
|
57
|
-
expect(cardContainer).toBeInTheDocument();
|
|
58
|
-
expect(cardContent).toBeInTheDocument();
|
|
59
|
-
expect(topContainer).toBeInTheDocument();
|
|
60
|
-
expect(bottomContainer).toBeInTheDocument();
|
|
61
|
-
});
|
|
62
|
-
it('renders price section with container', () => {
|
|
63
|
-
render(React.createElement(SkeletonCard, null));
|
|
64
|
-
const priceSection = screen.getByTestId('skeleton-price-section');
|
|
65
|
-
const priceContainer = screen.getByTestId('skeleton-price-container');
|
|
66
|
-
expect(priceSection).toBeInTheDocument();
|
|
67
|
-
expect(priceContainer).toBeInTheDocument();
|
|
68
|
-
});
|
|
69
|
-
it('renders data points list', () => {
|
|
70
|
-
render(React.createElement(SkeletonCard, null));
|
|
71
|
-
const dataPointsList = screen.getByTestId('skeleton-data-points-list');
|
|
72
|
-
expect(dataPointsList).toBeInTheDocument();
|
|
73
|
-
});
|
|
74
|
-
it('skeleton lines are rendered for each data point', () => {
|
|
75
|
-
render(React.createElement(SkeletonCard, null));
|
|
76
|
-
const skeletonLines = [
|
|
77
|
-
screen.getByTestId('skeleton-line-1'),
|
|
78
|
-
screen.getByTestId('skeleton-line-2'),
|
|
79
|
-
screen.getByTestId('skeleton-line-3'),
|
|
80
|
-
screen.getByTestId('skeleton-line-4'),
|
|
81
|
-
screen.getByTestId('skeleton-price-label')
|
|
82
|
-
];
|
|
83
|
-
expect(skeletonLines.length).toBe(5);
|
|
84
|
-
});
|
|
85
|
-
it('renders with correct skeleton styling', () => {
|
|
86
|
-
render(React.createElement(SkeletonCard, null));
|
|
87
|
-
expect(screen.getByTestId('skeleton-headline')).toBeInTheDocument();
|
|
88
|
-
expect(screen.getByTestId('skeleton-price')).toBeInTheDocument();
|
|
89
|
-
expect(screen.getByTestId('skeleton-button')).toBeInTheDocument();
|
|
90
|
-
// Check that skeleton lines are present
|
|
91
|
-
expect(screen.getByTestId('skeleton-line-1')).toBeInTheDocument();
|
|
92
|
-
});
|
|
93
|
-
it('renders consistent structure', () => {
|
|
94
|
-
render(React.createElement(SkeletonCard, null));
|
|
95
|
-
expect(screen.getByTestId('skeleton-card-container')).toBeInTheDocument();
|
|
96
|
-
expect(screen.getByTestId('skeleton-image-container')).toBeInTheDocument();
|
|
97
|
-
expect(screen.getByTestId('skeleton-card-content')).toBeInTheDocument();
|
|
98
|
-
expect(screen.getByTestId('skeleton-top-container')).toBeInTheDocument();
|
|
99
|
-
expect(screen.getByTestId('skeleton-bottom-container')).toBeInTheDocument();
|
|
100
|
-
});
|
|
101
|
-
it('can render multiple skeleton cards', () => {
|
|
102
|
-
render(React.createElement(React.Fragment, null,
|
|
103
|
-
React.createElement(SkeletonCard, null),
|
|
104
|
-
React.createElement(SkeletonCard, null),
|
|
105
|
-
React.createElement(SkeletonCard, null)));
|
|
106
|
-
const cards = screen.getAllByTestId('skeleton-card-container');
|
|
107
|
-
expect(cards.length).toBe(3);
|
|
108
|
-
});
|
|
109
|
-
it('renders skeleton elements in correct order', () => {
|
|
110
|
-
render(React.createElement(SkeletonCard, null));
|
|
111
|
-
const cardContent = screen.getByTestId('skeleton-card-content');
|
|
112
|
-
const topContainer = screen.getByTestId('skeleton-top-container');
|
|
113
|
-
const bottomContainer = screen.getByTestId('skeleton-bottom-container');
|
|
114
|
-
// Verify both containers exist as children of card content
|
|
115
|
-
expect(cardContent.contains(topContainer)).toBe(true);
|
|
116
|
-
expect(cardContent.contains(bottomContainer)).toBe(true);
|
|
117
|
-
});
|
|
118
|
-
it('skeleton button has correct structure', () => {
|
|
119
|
-
render(React.createElement(SkeletonCard, null));
|
|
120
|
-
const skeletonButton = screen.getByTestId('skeleton-button');
|
|
121
|
-
expect(skeletonButton.tagName.toLowerCase()).toBe('div');
|
|
122
|
-
});
|
|
123
|
-
it('skeleton lines have correct width props', () => {
|
|
124
|
-
render(React.createElement(SkeletonCard, null));
|
|
125
|
-
// Check that the skeleton lines are rendered
|
|
126
|
-
expect(screen.getByTestId('skeleton-line-1')).toBeInTheDocument();
|
|
127
|
-
expect(screen.getByTestId('skeleton-line-2')).toBeInTheDocument();
|
|
128
|
-
expect(screen.getByTestId('skeleton-line-3')).toBeInTheDocument();
|
|
129
|
-
expect(screen.getByTestId('skeleton-line-4')).toBeInTheDocument();
|
|
130
|
-
});
|
|
131
|
-
it('renders without any interactive elements', () => {
|
|
132
|
-
const { container } = render(React.createElement(SkeletonCard, null));
|
|
133
|
-
const buttons = container.querySelectorAll('button');
|
|
134
|
-
const links = container.querySelectorAll('a');
|
|
135
|
-
expect(buttons.length).toBe(0);
|
|
136
|
-
expect(links.length).toBe(0);
|
|
137
|
-
});
|
|
138
|
-
});
|
|
139
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b25DYXJkLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmlwLWNhcmRzL19fdGVzdHNfXy9Ta2VsZXRvbkNhcmQudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTywyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsUUFBUSxDQUFDLGNBQWMsRUFBRSxHQUFHLEVBQUU7SUFDNUIsRUFBRSxDQUFDLDBCQUEwQixFQUFFLEdBQUcsRUFBRTtRQUNsQyxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUFDLG9CQUFDLFlBQVksT0FBRyxDQUFDLENBQUM7UUFDL0MsTUFBTSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ25ELENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDJCQUEyQixFQUFFLEdBQUcsRUFBRTtRQUNuQyxNQUFNLENBQUMsb0JBQUMsWUFBWSxPQUFHLENBQUMsQ0FBQztRQUN6QixNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFDdEUsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDN0MsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsMkJBQTJCLEVBQUUsR0FBRyxFQUFFO1FBQ25DLE1BQU0sQ0FBQyxvQkFBQyxZQUFZLE9BQUcsQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBQ2pFLE1BQU0sQ0FBQyxnQkFB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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render, screen, fireEvent } from '@testing-library/react';
|
|
3
|
-
import '@testing-library/jest-dom';
|
|
4
|
-
import { TripCard } from '../TripCard';
|
|
5
|
-
const mockCard = {
|
|
6
|
-
cruise_id: '2074350',
|
|
7
|
-
image: 'https://example.com/image.jpg',
|
|
8
|
-
headline: 'Mediterranean from Barcelona',
|
|
9
|
-
date: 'Oct 2025 - Oct 2025',
|
|
10
|
-
duration: 'Seven Days',
|
|
11
|
-
route: 'Barcelona → Marseille',
|
|
12
|
-
ship: 'MSC Seaside',
|
|
13
|
-
price: '£2000',
|
|
14
|
-
logo: 'https://example.com/logo.png',
|
|
15
|
-
logo_url: 'https://example.com',
|
|
16
|
-
cta_url: 'https://example.com/cruise',
|
|
17
|
-
cta_text: 'View Itinerary'
|
|
18
|
-
};
|
|
19
|
-
describe('TripCard', () => {
|
|
20
|
-
it('renders card with all required data', () => {
|
|
21
|
-
render(React.createElement(TripCard, { card: mockCard }));
|
|
22
|
-
expect(screen.getByText('Mediterranean from Barcelona')).toBeInTheDocument();
|
|
23
|
-
expect(screen.getByText('Oct 2025 - Oct 2025')).toBeInTheDocument();
|
|
24
|
-
expect(screen.getByText('Seven Days')).toBeInTheDocument();
|
|
25
|
-
expect(screen.getByText('Barcelona → Marseille')).toBeInTheDocument();
|
|
26
|
-
expect(screen.getByText('MSC Seaside')).toBeInTheDocument();
|
|
27
|
-
expect(screen.getByText('£2000')).toBeInTheDocument();
|
|
28
|
-
expect(screen.getByText('From')).toBeInTheDocument();
|
|
29
|
-
expect(screen.getByText('View Itinerary')).toBeInTheDocument();
|
|
30
|
-
});
|
|
31
|
-
it('renders image with correct src and alt', () => {
|
|
32
|
-
render(React.createElement(TripCard, { card: mockCard }));
|
|
33
|
-
const image = screen.getByAltText('Mediterranean from Barcelona');
|
|
34
|
-
expect(image).toHaveAttribute('src', 'https://example.com/image.jpg');
|
|
35
|
-
});
|
|
36
|
-
it('renders offer label when provided', () => {
|
|
37
|
-
const cardWithOffer = {
|
|
38
|
-
...mockCard,
|
|
39
|
-
offer_label: 'Special Offer'
|
|
40
|
-
};
|
|
41
|
-
render(React.createElement(TripCard, { card: cardWithOffer }));
|
|
42
|
-
expect(screen.getByText('Special Offer')).toBeInTheDocument();
|
|
43
|
-
});
|
|
44
|
-
it('renders gift banner when provided', () => {
|
|
45
|
-
const cardWithGift = {
|
|
46
|
-
...mockCard,
|
|
47
|
-
gift_banner: 'Free gift with purchase'
|
|
48
|
-
};
|
|
49
|
-
render(React.createElement(TripCard, { card: cardWithGift }));
|
|
50
|
-
expect(screen.getByText('Free gift with purchase')).toBeInTheDocument();
|
|
51
|
-
});
|
|
52
|
-
it('renders original price when provided', () => {
|
|
53
|
-
const cardWithOriginalPrice = {
|
|
54
|
-
...mockCard,
|
|
55
|
-
original_price: '£2500'
|
|
56
|
-
};
|
|
57
|
-
render(React.createElement(TripCard, { card: cardWithOriginalPrice }));
|
|
58
|
-
expect(screen.getByText('£2500')).toBeInTheDocument();
|
|
59
|
-
});
|
|
60
|
-
it('does not render "From" when price is "Enquire now"', () => {
|
|
61
|
-
const cardWithEnquire = {
|
|
62
|
-
...mockCard,
|
|
63
|
-
price: 'Enquire now'
|
|
64
|
-
};
|
|
65
|
-
render(React.createElement(TripCard, { card: cardWithEnquire }));
|
|
66
|
-
expect(screen.queryByText('From')).not.toBeInTheDocument();
|
|
67
|
-
expect(screen.getByText('Enquire now')).toBeInTheDocument();
|
|
68
|
-
});
|
|
69
|
-
it('renders all CTA links with correct href and target', () => {
|
|
70
|
-
render(React.createElement(TripCard, { card: mockCard }));
|
|
71
|
-
const links = screen.getAllByRole('link');
|
|
72
|
-
const imageLink = links[0];
|
|
73
|
-
const headlineLink = links[1];
|
|
74
|
-
const ctaButton = screen.getByText('View Itinerary').closest('a');
|
|
75
|
-
expect(imageLink).toHaveAttribute('href', 'https://example.com/cruise');
|
|
76
|
-
expect(imageLink).toHaveAttribute('target', '_blank');
|
|
77
|
-
expect(headlineLink).toHaveAttribute('href', 'https://example.com/cruise');
|
|
78
|
-
expect(ctaButton).toHaveAttribute('href', 'https://example.com/cruise');
|
|
79
|
-
});
|
|
80
|
-
it('renders logo with link when provided', () => {
|
|
81
|
-
render(React.createElement(TripCard, { card: mockCard }));
|
|
82
|
-
const logoLink = screen.getByRole('link', { name: /partner logo/i });
|
|
83
|
-
expect(logoLink).toHaveAttribute('href', 'https://example.com');
|
|
84
|
-
const logoImg = screen.getByAltText('Partner logo');
|
|
85
|
-
expect(logoImg).toHaveAttribute('src', 'https://example.com/logo.png');
|
|
86
|
-
});
|
|
87
|
-
it('shows card image after it loads', () => {
|
|
88
|
-
render(React.createElement(TripCard, { card: mockCard }));
|
|
89
|
-
const cardImage = screen.getByAltText('Mediterranean from Barcelona');
|
|
90
|
-
expect(cardImage).toHaveStyle({ display: 'none' });
|
|
91
|
-
fireEvent.load(cardImage);
|
|
92
|
-
expect(cardImage).toHaveStyle({ display: 'block' });
|
|
93
|
-
});
|
|
94
|
-
});
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJpcENhcmQudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RyaXAtY2FyZHMvX190ZXN0c19fL1RyaXBDYXJkLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNuRSxPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFHdkMsTUFBTSxRQUFRLEdBQW9CO0lBQ2hDLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLEtBQUssRUFBRSwrQkFBK0I7SUFDdEMsUUFBUSxFQUFFLDhCQUE4QjtJQUN4QyxJQUFJLEVBQUUscUJBQXFCO0lBQzNCLFFBQVEsRUFBRSxZQUFZO0lBQ3RCLEtBQUssRUFBRSx1QkFBdUI7SUFDOUIsSUFBSSxFQUFFLGFBQWE7SUFDbkIsS0FBSyxFQUFFLE9BQU87SUFDZCxJQUFJLEVBQUUsOEJBQThCO0lBQ3BDLFFBQVEsRUFBRSxxQkFBcUI7SUFDL0IsT0FBTyxFQUFFLDRCQUE0QjtJQUNyQyxRQUFRLEVBQUUsZ0JBQWdCO0NBQzNCLENBQUM7QUFFRixRQUFRLENBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRTtJQUN4QixFQUFFLENBQUMscUNBQXFDLEVBQUUsR0FBRyxFQUFFO1FBQzdDLE1BQU0sQ0FBQyxvQkFBQyxRQUFRLElBQUMsSUFBSSxFQUFFLFFBQVEsR0FBSSxDQUFDLENBQUM7UUFFckMsTUFBTSxDQUNKLE1BQU0sQ0FBQyxTQUFTLENBQUMsOEJBQThCLENBQUMsQ0FDakQsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3RCLE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFD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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|