@times-components/ts-components 1.145.1-82bc6796129e892c1eb22c6257c5e3809c159767.3 → 1.145.1-cfea81c4084e6f91221ea00fec9fc730d5b933cb.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.
Files changed (156) hide show
  1. package/dist/components/carousel-component/CarouselComponent.stories.js +146 -0
  2. package/dist/components/carousel-component/CarouselItem.d.ts +3 -0
  3. package/dist/components/carousel-component/CarouselItem.js +11 -0
  4. package/dist/components/carousel-component/DefaultNavigationArrow.d.ts +8 -0
  5. package/dist/components/carousel-component/DefaultNavigationArrow.js +6 -0
  6. package/dist/components/carousel-component/DefaultPageDot.d.ts +8 -0
  7. package/dist/components/carousel-component/DefaultPageDot.js +4 -0
  8. package/dist/components/carousel-component/__tests__/CarouselComponent.test.js +163 -0
  9. package/dist/components/carousel-component/__tests__/CarouselItem.test.js +80 -0
  10. package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.js +62 -0
  11. package/dist/components/{opta/football/opta-match-stats/matchday-live/__tests__/OptaMatchStatsMatchdayLive.test.d.ts → carousel-component/__tests__/DefaultPageDot.test.d.ts} +0 -1
  12. package/dist/components/carousel-component/__tests__/DefaultPageDot.test.js +68 -0
  13. package/dist/components/carousel-component/hooks/__tests__/useCarousel.test.d.ts +1 -0
  14. package/dist/components/carousel-component/hooks/__tests__/useCarousel.test.js +314 -0
  15. package/dist/components/carousel-component/hooks/useCarousel.d.ts +2 -0
  16. package/dist/components/carousel-component/hooks/useCarousel.js +140 -0
  17. package/dist/components/carousel-component/index.d.ts +4 -0
  18. package/dist/components/carousel-component/index.js +20 -0
  19. package/dist/components/carousel-component/styles.d.ts +30 -0
  20. package/dist/components/carousel-component/styles.js +120 -0
  21. package/dist/components/carousel-component/types.d.ts +46 -0
  22. package/dist/components/carousel-component/types.js +2 -0
  23. package/dist/components/opta/football/opta-match-stats/shared/styles.js +1 -8
  24. package/dist/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.js +2 -2
  25. package/dist/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.stories.js +1 -1
  26. package/dist/components/opta/football/opta-match-stats/summary/WidgetContainer.js +4 -13
  27. package/dist/components/trip-cards/SkeletonCard.d.ts +2 -0
  28. package/dist/components/trip-cards/SkeletonCard.js +21 -0
  29. package/dist/components/trip-cards/TripCard.d.ts +3 -0
  30. package/dist/components/trip-cards/TripCard.js +47 -0
  31. package/dist/components/trip-cards/TripCards.stories.d.ts +1 -0
  32. package/dist/components/trip-cards/TripCards.stories.js +40 -0
  33. package/dist/components/trip-cards/TripCardsLayout.d.ts +3 -0
  34. package/dist/components/trip-cards/TripCardsLayout.js +26 -0
  35. package/dist/components/trip-cards/__tests__/SkeletonCard.test.d.ts +1 -0
  36. package/dist/components/trip-cards/__tests__/SkeletonCard.test.js +139 -0
  37. package/dist/components/trip-cards/__tests__/TripCard.test.d.ts +1 -0
  38. package/dist/components/trip-cards/__tests__/TripCard.test.js +95 -0
  39. package/dist/components/trip-cards/__tests__/TripCardsLayout.test.d.ts +1 -0
  40. package/dist/components/trip-cards/__tests__/TripCardsLayout.test.js +277 -0
  41. package/dist/components/trip-cards/__tests__/assets.test.d.ts +1 -0
  42. package/dist/components/trip-cards/__tests__/assets.test.js +165 -0
  43. package/dist/components/trip-cards/__tests__/helpers.test.d.ts +1 -0
  44. package/dist/components/trip-cards/__tests__/helpers.test.js +135 -0
  45. package/dist/components/trip-cards/__tests__/index.test.d.ts +1 -0
  46. package/dist/components/trip-cards/__tests__/index.test.js +437 -0
  47. package/dist/components/trip-cards/__tests__/mockData.test.d.ts +1 -0
  48. package/dist/components/trip-cards/__tests__/mockData.test.js +57 -0
  49. package/dist/components/trip-cards/__tests__/skeletonStyles.test.d.ts +1 -0
  50. package/dist/components/trip-cards/__tests__/skeletonStyles.test.js +194 -0
  51. package/dist/components/trip-cards/assets/BoatIcon.d.ts +1 -0
  52. package/dist/components/trip-cards/assets/BoatIcon.js +4 -0
  53. package/dist/components/trip-cards/assets/CalendarIcon.d.ts +1 -0
  54. package/dist/components/trip-cards/assets/CalendarIcon.js +4 -0
  55. package/dist/components/trip-cards/assets/ChevronRightIcon.d.ts +1 -0
  56. package/dist/components/trip-cards/assets/ChevronRightIcon.js +4 -0
  57. package/dist/components/trip-cards/assets/LocationIcon.d.ts +1 -0
  58. package/dist/components/trip-cards/assets/LocationIcon.js +4 -0
  59. package/dist/components/trip-cards/assets/MoonIcon.d.ts +1 -0
  60. package/dist/components/trip-cards/assets/MoonIcon.js +4 -0
  61. package/dist/components/trip-cards/assets/index.d.ts +6 -0
  62. package/dist/components/trip-cards/assets/index.js +7 -0
  63. package/dist/components/trip-cards/helpers.d.ts +4 -0
  64. package/dist/components/trip-cards/helpers.js +74 -0
  65. package/dist/components/trip-cards/index.d.ts +4 -0
  66. package/dist/components/trip-cards/index.js +70 -0
  67. package/dist/components/trip-cards/mockData.d.ts +3 -0
  68. package/dist/components/trip-cards/mockData.js +323 -0
  69. package/dist/components/trip-cards/skeletonStyles.d.ts +9 -0
  70. package/dist/components/trip-cards/skeletonStyles.js +37 -0
  71. package/dist/components/trip-cards/styles.d.ts +39 -0
  72. package/dist/components/trip-cards/styles.js +387 -0
  73. package/dist/components/trip-cards/types.d.ts +87 -0
  74. package/dist/components/trip-cards/types.js +2 -0
  75. package/dist/index.d.ts +1 -1
  76. package/dist/index.js +2 -2
  77. package/package.json +3 -3
  78. package/rnw.js +1 -1
  79. package/src/components/carousel-component/CarouselComponent.stories.tsx +220 -0
  80. package/src/components/carousel-component/CarouselItem.tsx +20 -0
  81. package/src/components/carousel-component/DefaultNavigationArrow.tsx +37 -0
  82. package/src/components/carousel-component/DefaultPageDot.tsx +20 -0
  83. package/src/components/carousel-component/__tests__/CarouselComponent.test.tsx +259 -0
  84. package/src/components/carousel-component/__tests__/CarouselItem.test.tsx +140 -0
  85. package/src/components/carousel-component/__tests__/DefaultNavigationArrow.test.tsx +153 -0
  86. package/src/components/carousel-component/__tests__/DefaultPageDot.test.tsx +105 -0
  87. package/src/components/carousel-component/hooks/__tests__/useCarousel.test.ts +438 -0
  88. package/src/components/carousel-component/hooks/useCarousel.ts +187 -0
  89. package/src/components/carousel-component/index.tsx +88 -0
  90. package/src/components/carousel-component/styles.ts +140 -0
  91. package/src/components/carousel-component/types.ts +51 -0
  92. package/src/components/opta/football/opta-match-stats/commentary/__tests__/__snapshots__/OptaMatchStatsCommentary.test.tsx.snap +1 -1
  93. package/src/components/opta/football/opta-match-stats/shared/styles.ts +0 -8
  94. package/src/components/opta/football/opta-match-stats/stats-graphs/__tests__/__snapshots__/OptaMatchStatsGraphs.test.tsx.snap +1 -1
  95. package/src/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.stories.tsx +1 -1
  96. package/src/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.tsx +1 -1
  97. package/src/components/opta/football/opta-match-stats/summary/WidgetContainer.tsx +3 -12
  98. package/src/components/opta/football/opta-match-stats/summary/__tests__/__snapshots__/OptaMatchStatsSummary.test.tsx.snap +1 -1
  99. package/src/components/trip-cards/SkeletonCard.tsx +54 -0
  100. package/src/components/trip-cards/TripCard.tsx +135 -0
  101. package/src/components/trip-cards/TripCards.stories.tsx +67 -0
  102. package/src/components/trip-cards/TripCardsLayout.tsx +75 -0
  103. package/src/components/trip-cards/__tests__/SkeletonCard.test.tsx +169 -0
  104. package/src/components/trip-cards/__tests__/TripCard.test.tsx +120 -0
  105. package/src/components/trip-cards/__tests__/TripCardsLayout.test.tsx +532 -0
  106. package/src/components/trip-cards/__tests__/assets.test.tsx +206 -0
  107. package/src/components/trip-cards/__tests__/helpers.test.ts +165 -0
  108. package/src/components/trip-cards/__tests__/index.test.tsx +499 -0
  109. package/src/components/trip-cards/__tests__/mockData.test.ts +67 -0
  110. package/src/components/trip-cards/__tests__/skeletonStyles.test.tsx +256 -0
  111. package/src/components/trip-cards/assets/BoatIcon.tsx +17 -0
  112. package/src/components/trip-cards/assets/CalendarIcon.tsx +17 -0
  113. package/src/components/trip-cards/assets/ChevronRightIcon.tsx +20 -0
  114. package/src/components/trip-cards/assets/LocationIcon.tsx +17 -0
  115. package/src/components/trip-cards/assets/MoonIcon.tsx +17 -0
  116. package/src/components/trip-cards/assets/index.ts +7 -0
  117. package/src/components/trip-cards/helpers.ts +99 -0
  118. package/src/components/trip-cards/index.tsx +104 -0
  119. package/src/components/trip-cards/mockData.ts +351 -0
  120. package/src/components/trip-cards/skeletonStyles.ts +46 -0
  121. package/src/components/trip-cards/styles.ts +426 -0
  122. package/src/components/trip-cards/types.ts +91 -0
  123. package/src/index.ts +2 -3
  124. package/dist/components/opta/football/opta-match-stats/matchday-live/DesktopWidget.d.ts +0 -10
  125. package/dist/components/opta/football/opta-match-stats/matchday-live/DesktopWidget.js +0 -69
  126. package/dist/components/opta/football/opta-match-stats/matchday-live/MobileWidget.d.ts +0 -12
  127. package/dist/components/opta/football/opta-match-stats/matchday-live/MobileWidget.js +0 -90
  128. package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.d.ts +0 -12
  129. package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.js +0 -10
  130. package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.stories.js +0 -24
  131. package/dist/components/opta/football/opta-match-stats/matchday-live/__tests__/MobileWidget.test.js +0 -57
  132. package/dist/components/opta/football/opta-match-stats/matchday-live/__tests__/OptaMatchStatsMatchdayLive.test.js +0 -48
  133. package/dist/components/opta/football/opta-match-stats/matchday-live/styles/MatchdayLiveController.d.ts +0 -1
  134. package/dist/components/opta/football/opta-match-stats/matchday-live/styles/MatchdayLiveController.js +0 -19
  135. package/dist/components/opta/football/opta-match-stats/matchday-live/styles/NavigationWrapper.d.ts +0 -12
  136. package/dist/components/opta/football/opta-match-stats/matchday-live/styles/NavigationWrapper.js +0 -67
  137. package/dist/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.d.ts +0 -6
  138. package/dist/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.js +0 -730
  139. package/dist/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/NavigationWrapper.test.js +0 -33
  140. package/dist/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/WidgetContainer.test.js +0 -36
  141. package/src/components/opta/football/opta-match-stats/matchday-live/DesktopWidget.tsx +0 -108
  142. package/src/components/opta/football/opta-match-stats/matchday-live/MobileWidget.tsx +0 -158
  143. package/src/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.stories.tsx +0 -38
  144. package/src/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.tsx +0 -23
  145. package/src/components/opta/football/opta-match-stats/matchday-live/__tests__/MobileWidget.test.tsx +0 -69
  146. package/src/components/opta/football/opta-match-stats/matchday-live/__tests__/OptaMatchStatsMatchdayLive.test.tsx +0 -61
  147. package/src/components/opta/football/opta-match-stats/matchday-live/__tests__/__snapshots__/OptaMatchStatsMatchdayLive.test.tsx.snap +0 -61
  148. package/src/components/opta/football/opta-match-stats/matchday-live/styles/MatchdayLiveController.tsx +0 -19
  149. package/src/components/opta/football/opta-match-stats/matchday-live/styles/NavigationWrapper.tsx +0 -81
  150. package/src/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.tsx +0 -761
  151. package/src/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/NavigationWrapper.test.tsx +0 -67
  152. package/src/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/WidgetContainer.test.tsx +0 -64
  153. /package/dist/components/{opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.stories.d.ts → carousel-component/CarouselComponent.stories.d.ts} +0 -0
  154. /package/dist/components/{opta/football/opta-match-stats/matchday-live/__tests__/MobileWidget.test.d.ts → carousel-component/__tests__/CarouselComponent.test.d.ts} +0 -0
  155. /package/dist/components/{opta/football/opta-match-stats/matchday-live/styles/__tests__/NavigationWrapper.test.d.ts → carousel-component/__tests__/CarouselItem.test.d.ts} +0 -0
  156. /package/dist/components/{opta/football/opta-match-stats/matchday-live/styles/__tests__/WidgetContainer.test.d.ts → carousel-component/__tests__/DefaultNavigationArrow.test.d.ts} +0 -0
@@ -0,0 +1,120 @@
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
@@ -0,0 +1,46 @@
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
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJvdXNlbC1jb21wb25lbnQvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
@@ -45,13 +45,6 @@ export const WidgetWrapper = styled.div `
45
45
  @media (max-width: ${maxMDBreakpoint}px) {
46
46
  display: none;
47
47
  }
48
-
49
- ${props => props.isApp &&
50
- `
51
- @media(prefers-color-scheme: dark) {
52
- color: ${darkTextColor} !important;
53
- }
54
- `}
55
48
  }
56
49
  `;
57
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3NoYXJlZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUUsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLFNBQVMsQ0FBQztBQUNyQyxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsU0FBUyxDQUFDO0FBQ3pDLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztBQUN4RCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxTQUFTLENBQUM7QUFDN0MsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDO0FBQ2xELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztBQUN0RCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQzFCLENBQUMsV0FBVyxDQUFDLE1BQU0sSUFBSSxPQUFPLFdBQVcsQ0FBQyxNQUFNLEtBQUssUUFBUTtJQUMzRCxDQUFDLENBQUMsV0FBVyxDQUFDLE1BQU07SUFDcEIsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztBQUVmLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUdyQzswQkFDd0IsZUFBZTtlQUMxQixTQUFTO1FBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7OEJBRXNCLG1CQUFtQjttQkFDOUIsYUFBYTs7T0FFekI7OzBCQUVtQixXQUFXOzs7MkJBR1YsZUFBZTt5QkFDakIsS0FBSyxDQUFDLEVBQUUsQ0FDdkIsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEtBQUs7O1FBRWxELEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7MEJBRWtCLGVBQWU7O09BRWxDOzs7O3VCQUlnQixLQUFLLENBQUMsUUFBUTs7Ozs7Ozs2QkFPUixlQUFlOzs7O1VBSWxDLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7cUJBRVcsYUFBYTs7U0FFekI7O0tBRUosQ0FBQyJ9
50
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3NoYXJlZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUUsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLFNBQVMsQ0FBQztBQUNyQyxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsU0FBUyxDQUFDO0FBQ3pDLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztBQUN4RCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxTQUFTLENBQUM7QUFDN0MsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDO0FBQ2xELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztBQUN0RCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQzFCLENBQUMsV0FBVyxDQUFDLE1BQU0sSUFBSSxPQUFPLFdBQVcsQ0FBQyxNQUFNLEtBQUssUUFBUTtJQUMzRCxDQUFDLENBQUMsV0FBVyxDQUFDLE1BQU07SUFDcEIsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztBQUVmLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUdyQzswQkFDd0IsZUFBZTtlQUMxQixTQUFTO1FBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7OEJBRXNCLG1CQUFtQjttQkFDOUIsYUFBYTs7T0FFekI7OzBCQUVtQixXQUFXOzs7MkJBR1YsZUFBZTt5QkFDakIsS0FBSyxDQUFDLEVBQUUsQ0FDdkIsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEtBQUs7O1FBRWxELEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7MEJBRWtCLGVBQWU7O09BRWxDOzs7O3VCQUlnQixLQUFLLENBQUMsUUFBUTs7Ozs7Ozs2QkFPUixlQUFlOzs7O0tBSXZDLENBQUMifQ==
@@ -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: 'last_name',
48
+ player_naming: 'initial',
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YU1hdGNoU3RhdHNTdW1tYXJ5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3N1bW1hcnkvT3B0YU1hdGNoU3RhdHNTdW1tYXJ5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sdUJBQXVCLENBQUM7QUFFL0IsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUc5QyxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FPN0IsS0FBSyxDQUFDLElBQUksQ0FDYixDQUFDLEVBQ0MsTUFBTSxFQUNOLFdBQVcsRUFDWCxLQUFLLEVBQ0wsS0FBSyxHQUFHLEtBQUssRUFDYixhQUFhLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsRUFDckQsYUFBYSxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLEVBQ3RELEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxTQUFTLEVBQWtCLENBQUM7SUFDOUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDdkQsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2xCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxVQUFVLENBQUM7UUFFekIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEIsVUFBVSxFQUFFO2FBQ1QsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNULElBQUksR0FBRyxDQUFDLE9BQU8sRUFBRTtnQkFDZixHQUFHLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUMsYUFBYSxFQUFFO29CQUNqRCxLQUFLO29CQUNMLE1BQU0sRUFBRSxlQUFlO29CQUN2QixNQUFNO29CQUNOLFdBQVc7b0JBQ1gsS0FBSztvQkFDTCxRQUFRLEVBQUUsUUFBUTtvQkFDbEIsSUFBSSxFQUFFLElBQUk7b0JBQ1YsaUJBQWlCLEVBQUUsSUFBSTtvQkFDdkIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSxLQUFLO29CQUN0QixTQUFTLEVBQUUsSUFBSTtvQkFDZixXQUFXLEVBQUUsS0FBSztvQkFDbEIsa0JBQWtCLEVBQUUsTUFBTTtvQkFDMUIsVUFBVSxFQUFFLEtBQUs7b0JBQ2pCLFdBQVcsRUFBRSxJQUFJO29CQUNqQixtQkFBbUIsRUFBRSxLQUFLO29CQUMxQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsbUJBQW1CLEVBQUUsS0FBSztvQkFDMUIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0IsbUJBQW1CLEVBQUUsSUFBSTtvQkFDekIsWUFBWSxFQUFFLEtBQUs7b0JBQ25CLFNBQVMsRUFBRSxLQUFLO29CQUNoQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsY0FBYyxFQUFFLElBQUk7b0JBQ3BCLGFBQWEsRUFBRSxLQUFLO29CQUNwQixXQUFXLEVBQUUsS0FBSztvQkFDbEIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0Isa0JBQWtCLEVBQUUsTUFBTTtvQkFDMUIsV0FBVyxFQUFFLE1BQU07b0JBQ25CLGFBQWEsRUFBRSxXQUFXO29CQUMxQixTQUFTLEVBQUUsS0FBSztvQkFDaEIsU0FBUyxFQUFFLEtBQUs7b0JBQ2hCLFVBQVUsRUFBRSxLQUFLO2lCQUNsQixDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUViLGFBQWEsRUFBRSxDQUFDO2FBQ2pCO1FBQ0gsQ0FBQyxDQUFDO2FBQ0QsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNULFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTDtRQUNFLG9CQUFDLGVBQWUsSUFDZCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxLQUFLLEVBQ1osYUFBYSxFQUFFLGFBQWEsRUFDNUIsYUFBYSxFQUFFLGFBQWEsR0FDNUI7UUFDRCxDQUFDLE9BQU8sSUFBSSxDQUNYLG9CQUFDLG9CQUFvQixtQkFBYSxhQUFhO1lBQzdDLG9CQUFDLFdBQVcsT0FBRyxDQUNNLENBQ3hCLENBQ0EsQ0FDSixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==
65
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YU1hdGNoU3RhdHNTdW1tYXJ5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3N1bW1hcnkvT3B0YU1hdGNoU3RhdHNTdW1tYXJ5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sdUJBQXVCLENBQUM7QUFFL0IsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUc5QyxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FPN0IsS0FBSyxDQUFDLElBQUksQ0FDYixDQUFDLEVBQ0MsTUFBTSxFQUNOLFdBQVcsRUFDWCxLQUFLLEVBQ0wsS0FBSyxHQUFHLEtBQUssRUFDYixhQUFhLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsRUFDckQsYUFBYSxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLEVBQ3RELEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxTQUFTLEVBQWtCLENBQUM7SUFDOUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDdkQsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2xCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxVQUFVLENBQUM7UUFFekIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEIsVUFBVSxFQUFFO2FBQ1QsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNULElBQUksR0FBRyxDQUFDLE9BQU8sRUFBRTtnQkFDZixHQUFHLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUMsYUFBYSxFQUFFO29CQUNqRCxLQUFLO29CQUNMLE1BQU0sRUFBRSxlQUFlO29CQUN2QixNQUFNO29CQUNOLFdBQVc7b0JBQ1gsS0FBSztvQkFDTCxRQUFRLEVBQUUsUUFBUTtvQkFDbEIsSUFBSSxFQUFFLElBQUk7b0JBQ1YsaUJBQWlCLEVBQUUsSUFBSTtvQkFDdkIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSxLQUFLO29CQUN0QixTQUFTLEVBQUUsSUFBSTtvQkFDZixXQUFXLEVBQUUsS0FBSztvQkFDbEIsa0JBQWtCLEVBQUUsTUFBTTtvQkFDMUIsVUFBVSxFQUFFLEtBQUs7b0JBQ2pCLFdBQVcsRUFBRSxJQUFJO29CQUNqQixtQkFBbUIsRUFBRSxLQUFLO29CQUMxQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsbUJBQW1CLEVBQUUsS0FBSztvQkFDMUIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0IsbUJBQW1CLEVBQUUsSUFBSTtvQkFDekIsWUFBWSxFQUFFLEtBQUs7b0JBQ25CLFNBQVMsRUFBRSxLQUFLO29CQUNoQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsY0FBYyxFQUFFLElBQUk7b0JBQ3BCLGFBQWEsRUFBRSxLQUFLO29CQUNwQixXQUFXLEVBQUUsS0FBSztvQkFDbEIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0Isa0JBQWtCLEVBQUUsTUFBTTtvQkFDMUIsV0FBVyxFQUFFLE1BQU07b0JBQ25CLGFBQWEsRUFBRSxTQUFTO29CQUN4QixTQUFTLEVBQUUsS0FBSztvQkFDaEIsU0FBUyxFQUFFLEtBQUs7b0JBQ2hCLFVBQVUsRUFBRSxLQUFLO2lCQUNsQixDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUViLGFBQWEsRUFBRSxDQUFDO2FBQ2pCO1FBQ0gsQ0FBQyxDQUFDO2FBQ0QsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNULFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTDtRQUNFLG9CQUFDLGVBQWUsSUFDZCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxLQUFLLEVBQ1osYUFBYSxFQUFFLGFBQWEsRUFDNUIsYUFBYSxFQUFFLGFBQWEsR0FDNUI7UUFDRCxDQUFDLE9BQU8sSUFBSSxDQUNYLG9CQUFDLG9CQUFvQixtQkFBYSxhQUFhO1lBQzdDLG9CQUFDLFdBQVcsT0FBRyxDQUNNLENBQ3hCLENBQ0EsQ0FDSixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==
@@ -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: "2562044", isApp: true }))),
17
+ React.createElement(OptaMatchStatsSummary, { season: "2025", competition: "8", match: "2561901", isApp: true }))),
18
18
  name: 'Summary',
19
19
  type: 'story'
20
20
  }
@@ -293,23 +293,14 @@ 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
- }
308
296
  }
309
297
 
310
298
  .Opta-Event-Text {
311
299
  display: flex;
312
300
  align-items: center;
301
+ .Opta-Event-Player {
302
+ text-align: left;
303
+ }
313
304
 
314
305
  &.Opta-Home {
315
306
  li {
@@ -386,4 +377,4 @@ export const WidgetContainer = styled.div `
386
377
  }
387
378
  }
388
379
  `;
389
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0Q29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3N1bW1hcnkvV2lkZ2V0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU5RSxPQUFPLEVBQ0wsZUFBZSxFQUNmLG1CQUFtQixFQUNuQixhQUFhLEVBQ2IsV0FBVyxFQUNYLGVBQWUsRUFDZixTQUFTLEVBQ1QsZUFBZSxFQUNoQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUl2QztzQkFDb0IsZUFBZTtzQkFDZixXQUFXOztJQUU3QixLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzBCQUVzQixtQkFBbUI7ZUFDOUIsYUFBYTtzQkFDTixlQUFlOztHQUVsQzs7dUJBRW9CLGVBQWU7Ozs7Ozs7Ozs7Ozs7OytCQWNQLFdBQVc7O01BRXBDLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7d0JBRWtCLGVBQWU7O0tBRWxDOzs7Ozs7Ozs7OzRCQVV1QixlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs2QkF1QmQsZUFBZTs7Ozs7Ozs7O3VCQVNyQixLQUFLLENBQUMsUUFBUTs7O2lCQUdwQixTQUFTO1VBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7cUJBRVcsYUFBYTs7U0FFekI7OzZCQUVvQixlQUFlOzs7Ozs7Ozs7Ozs7O3lCQWFuQixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7NkJBV1osZUFBZTs7Ozs7OzhCQU1kLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxLQUFLO1lBQ3BELEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7a0NBRXNCLEtBQUssQ0FBQyxhQUFhLENBQUMsSUFBSTs7V0FFL0M7Ozs4QkFHbUIsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUs7WUFDcEQsS0FBSyxDQUFDLEVBQUUsQ0FDUixLQUFLLENBQUMsS0FBSztJQUNYOztrQ0FFc0IsS0FBSyxDQUFDLGFBQWEsQ0FBQyxJQUFJOztXQUUvQzs7Ozs7Ozs7Ozs7Ozt1QkFhWSxLQUFLLENBQUMsUUFBUTtpQkFDcEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxLQUFLOzs7OzZCQUlaLGVBQWU7Ozs7Ozs7MkJBT2pCLGVBQWU7Ozs7Ozs7Ozs7Ozs7MkJBYWYsZUFBZTs7Ozs7eUJBS2pCLEtBQUssQ0FBQyxVQUFVOzttQkFFdEIsU0FBUztZQUNoQixLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7O3VCQUVXLGFBQWE7O1dBRXpCOzs7K0JBR29CLGVBQWU7MkJBQ25CLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkFvQmhCLGVBQWU7Ozs7OzsyQkFNZixlQUFlOzs7Ozs7OzswQkFRaEIsZUFBZTtRQUNqQyxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzhCQUVzQixtQkFBbUI7bUJBQzlCLGFBQWE7O09BRXpCOzs7Ozs7Ozs7MkJBU29CLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7bUJBWTFCLEtBQUssQ0FBQyxVQUFVOzthQUV0QixTQUFTO01BQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7aUJBRVcsYUFBYTs7S0FFekI7Ozs7Ozs7Ozs7T0FVRSxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzhCQUV1QixtQkFBbUI7bUJBQzlCLGFBQWE7O09BRXpCOzs7Ozs7Ozs7Ozs7O3lCQWFrQixlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkFtQ2IsZUFBZTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MkJBb0JmLGVBQWU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztxQkFxQnJCLEtBQUssQ0FBQyxVQUFVOztlQUV0QixTQUFTO1FBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7bUJBRVcsYUFBYTs7T0FFekI7Ozs7Ozs7Ozs7Ozs7O0NBY04sQ0FBQyJ9
380
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0Q29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3N1bW1hcnkvV2lkZ2V0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU5RSxPQUFPLEVBQ0wsZUFBZSxFQUNmLG1CQUFtQixFQUNuQixhQUFhLEVBQ2IsV0FBVyxFQUNYLGVBQWUsRUFDZixTQUFTLEVBQ1QsZUFBZSxFQUNoQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUl2QztzQkFDb0IsZUFBZTtzQkFDZixXQUFXOztJQUU3QixLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzBCQUVzQixtQkFBbUI7ZUFDOUIsYUFBYTtzQkFDTixlQUFlOztHQUVsQzs7dUJBRW9CLGVBQWU7Ozs7Ozs7Ozs7Ozs7OytCQWNQLFdBQVc7O01BRXBDLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7d0JBRWtCLGVBQWU7O0tBRWxDOzs7Ozs7Ozs7OzRCQVV1QixlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs2QkF1QmQsZUFBZTs7Ozs7Ozs7O3VCQVNyQixLQUFLLENBQUMsUUFBUTs7O2lCQUdwQixTQUFTO1VBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7cUJBRVcsYUFBYTs7U0FFekI7OzZCQUVvQixlQUFlOzs7Ozs7Ozs7Ozs7O3lCQWFuQixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7NkJBV1osZUFBZTs7Ozs7OzhCQU1kLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxLQUFLO1lBQ3BELEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7a0NBRXNCLEtBQUssQ0FBQyxhQUFhLENBQUMsSUFBSTs7V0FFL0M7Ozs4QkFHbUIsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUs7WUFDcEQsS0FBSyxDQUFDLEVBQUUsQ0FDUixLQUFLLENBQUMsS0FBSztJQUNYOztrQ0FFc0IsS0FBSyxDQUFDLGFBQWEsQ0FBQyxJQUFJOztXQUUvQzs7Ozs7Ozs7Ozs7Ozt1QkFhWSxLQUFLLENBQUMsUUFBUTtpQkFDcEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxLQUFLOzs7OzZCQUlaLGVBQWU7Ozs7Ozs7MkJBT2pCLGVBQWU7Ozs7Ozs7Ozs7Ozs7MkJBYWYsZUFBZTs7Ozs7eUJBS2pCLEtBQUssQ0FBQyxVQUFVOzttQkFFdEIsU0FBUztZQUNoQixLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7O3VCQUVXLGFBQWE7O1dBRXpCOzs7K0JBR29CLGVBQWU7MkJBQ25CLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkFvQmhCLGVBQWU7Ozs7OzsyQkFNZixlQUFlOzs7Ozs7OzswQkFRaEIsZUFBZTtRQUNqQyxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzhCQUVzQixtQkFBbUI7bUJBQzlCLGFBQWE7O09BRXpCOzs7Ozs7Ozs7MkJBU29CLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7bUJBWTFCLEtBQUssQ0FBQyxVQUFVOzthQUV0QixTQUFTO01BQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7aUJBRVcsYUFBYTs7S0FFekI7Ozs7Ozs7Ozs7T0FVRSxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzhCQUV1QixtQkFBbUI7bUJBQzlCLGFBQWE7O09BRXpCOzs7Ozs7Ozs7Ozs7O3lCQWFrQixlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkEwQmIsZUFBZTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MkJBb0JmLGVBQWU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztxQkFxQnJCLEtBQUssQ0FBQyxVQUFVOztlQUV0QixTQUFTO1FBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7bUJBRVcsYUFBYTs7T0FFekI7Ozs7Ozs7Ozs7Ozs7O0NBY04sQ0FBQyJ9
@@ -0,0 +1,2 @@
1
+ import { FC } from 'react';
2
+ export declare const SkeletonCard: FC;
@@ -0,0 +1,21 @@
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
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { TripCardProps } from './types';
3
+ export declare const TripCard: FC<TripCardProps>;
@@ -0,0 +1,47 @@
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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
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,40 @@
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
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { TripCardsLayoutProps } from './types';
3
+ export declare const TripCardsLayout: FC<TripCardsLayoutProps>;
@@ -0,0 +1,26 @@
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==
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
@@ -0,0 +1,139 @@
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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
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';