@times-components/ts-components 1.146.2-0f9388fe36c532b90db3f35d17847fc17a611f1e.44 → 1.146.2-9d94da839cee591620d598d11e637971d7109888.26

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 (138) hide show
  1. package/dist/components/travel-mini-cta/__tests__/index.test.js +262 -0
  2. package/dist/components/travel-mini-cta/index.d.ts +10 -0
  3. package/dist/components/travel-mini-cta/index.js +93 -0
  4. package/dist/components/travel-mini-cta/styles.d.ts +44 -0
  5. package/dist/components/travel-mini-cta/styles.js +269 -0
  6. package/dist/components/travel-mini-cta/travel-mini-cta.stories.js +8 -0
  7. package/dist/components/travel-mini-cta/types.d.ts +11 -0
  8. package/dist/components/{trip-cards → travel-mini-cta}/types.js +1 -1
  9. package/dist/index.d.ts +1 -1
  10. package/dist/index.js +2 -2
  11. package/dist/utils/applyDarkMode.d.ts +1 -0
  12. package/dist/utils/applyDarkMode.js +12 -0
  13. package/dist/utils/getMediaQuery.d.ts +11 -0
  14. package/dist/utils/getMediaQuery.js +19 -0
  15. package/dist/utils/index.d.ts +2 -0
  16. package/dist/utils/index.js +3 -0
  17. package/package.json +3 -3
  18. package/rnw.js +1 -1
  19. package/src/components/travel-mini-cta/__tests__/__snapshots__/index.test.tsx.snap +211 -0
  20. package/src/components/travel-mini-cta/__tests__/index.test.tsx +330 -0
  21. package/src/components/travel-mini-cta/index.tsx +191 -0
  22. package/src/components/travel-mini-cta/styles.ts +333 -0
  23. package/src/components/travel-mini-cta/travel-mini-cta.stories.tsx +23 -0
  24. package/src/components/travel-mini-cta/types.ts +11 -0
  25. package/src/index.ts +1 -2
  26. package/src/utils/applyDarkMode.ts +12 -0
  27. package/src/utils/getMediaQuery.ts +25 -0
  28. package/src/utils/index.ts +2 -0
  29. package/dist/components/carousel-component/CarouselComponent.stories.js +0 -146
  30. package/dist/components/carousel-component/CarouselItem.d.ts +0 -3
  31. package/dist/components/carousel-component/CarouselItem.js +0 -12
  32. package/dist/components/carousel-component/DefaultNavigationArrow.d.ts +0 -8
  33. package/dist/components/carousel-component/DefaultNavigationArrow.js +0 -6
  34. package/dist/components/carousel-component/DefaultPageDot.d.ts +0 -8
  35. package/dist/components/carousel-component/DefaultPageDot.js +0 -4
  36. package/dist/components/carousel-component/__tests__/CarouselComponent.test.d.ts +0 -1
  37. package/dist/components/carousel-component/__tests__/CarouselComponent.test.js +0 -163
  38. package/dist/components/carousel-component/__tests__/CarouselItem.test.d.ts +0 -1
  39. package/dist/components/carousel-component/__tests__/CarouselItem.test.js +0 -80
  40. package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.d.ts +0 -1
  41. package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.js +0 -62
  42. package/dist/components/carousel-component/__tests__/DefaultPageDot.test.d.ts +0 -1
  43. package/dist/components/carousel-component/__tests__/DefaultPageDot.test.js +0 -68
  44. package/dist/components/carousel-component/hooks/__tests__/useCarousel.test.d.ts +0 -1
  45. package/dist/components/carousel-component/hooks/__tests__/useCarousel.test.js +0 -459
  46. package/dist/components/carousel-component/hooks/useCarousel.d.ts +0 -2
  47. package/dist/components/carousel-component/hooks/useCarousel.js +0 -167
  48. package/dist/components/carousel-component/index.d.ts +0 -4
  49. package/dist/components/carousel-component/index.js +0 -20
  50. package/dist/components/carousel-component/styles.d.ts +0 -28
  51. package/dist/components/carousel-component/styles.js +0 -172
  52. package/dist/components/carousel-component/types.d.ts +0 -53
  53. package/dist/components/carousel-component/types.js +0 -2
  54. package/dist/components/trip-cards/SkeletonCard.d.ts +0 -7
  55. package/dist/components/trip-cards/SkeletonCard.js +0 -22
  56. package/dist/components/trip-cards/TripCard.d.ts +0 -3
  57. package/dist/components/trip-cards/TripCard.js +0 -49
  58. package/dist/components/trip-cards/TripCards.stories.d.ts +0 -1
  59. package/dist/components/trip-cards/TripCards.stories.js +0 -159
  60. package/dist/components/trip-cards/TripCardsLayout.d.ts +0 -3
  61. package/dist/components/trip-cards/TripCardsLayout.js +0 -56
  62. package/dist/components/trip-cards/__tests__/SkeletonCard.test.d.ts +0 -1
  63. package/dist/components/trip-cards/__tests__/SkeletonCard.test.js +0 -139
  64. package/dist/components/trip-cards/__tests__/TripCard.test.d.ts +0 -1
  65. package/dist/components/trip-cards/__tests__/TripCard.test.js +0 -95
  66. package/dist/components/trip-cards/__tests__/TripCardsLayout.test.d.ts +0 -1
  67. package/dist/components/trip-cards/__tests__/TripCardsLayout.test.js +0 -314
  68. package/dist/components/trip-cards/__tests__/assets.test.d.ts +0 -1
  69. package/dist/components/trip-cards/__tests__/assets.test.js +0 -165
  70. package/dist/components/trip-cards/__tests__/helpers.test.d.ts +0 -1
  71. package/dist/components/trip-cards/__tests__/helpers.test.js +0 -220
  72. package/dist/components/trip-cards/__tests__/index.test.js +0 -478
  73. package/dist/components/trip-cards/__tests__/mockData.test.d.ts +0 -1
  74. package/dist/components/trip-cards/__tests__/mockData.test.js +0 -57
  75. package/dist/components/trip-cards/__tests__/skeletonStyles.test.d.ts +0 -1
  76. package/dist/components/trip-cards/__tests__/skeletonStyles.test.js +0 -194
  77. package/dist/components/trip-cards/assets/BoatIcon.d.ts +0 -1
  78. package/dist/components/trip-cards/assets/BoatIcon.js +0 -4
  79. package/dist/components/trip-cards/assets/CalendarIcon.d.ts +0 -1
  80. package/dist/components/trip-cards/assets/CalendarIcon.js +0 -4
  81. package/dist/components/trip-cards/assets/ChevronRightIcon.d.ts +0 -1
  82. package/dist/components/trip-cards/assets/ChevronRightIcon.js +0 -4
  83. package/dist/components/trip-cards/assets/LocationIcon.d.ts +0 -1
  84. package/dist/components/trip-cards/assets/LocationIcon.js +0 -4
  85. package/dist/components/trip-cards/assets/MoonIcon.d.ts +0 -1
  86. package/dist/components/trip-cards/assets/MoonIcon.js +0 -4
  87. package/dist/components/trip-cards/assets/index.d.ts +0 -6
  88. package/dist/components/trip-cards/assets/index.js +0 -7
  89. package/dist/components/trip-cards/helpers.d.ts +0 -11
  90. package/dist/components/trip-cards/helpers.js +0 -138
  91. package/dist/components/trip-cards/index.d.ts +0 -4
  92. package/dist/components/trip-cards/index.js +0 -68
  93. package/dist/components/trip-cards/mockData.d.ts +0 -3
  94. package/dist/components/trip-cards/mockData.js +0 -317
  95. package/dist/components/trip-cards/skeletonStyles.d.ts +0 -9
  96. package/dist/components/trip-cards/skeletonStyles.js +0 -37
  97. package/dist/components/trip-cards/styles.d.ts +0 -43
  98. package/dist/components/trip-cards/styles.js +0 -404
  99. package/dist/components/trip-cards/types.d.ts +0 -119
  100. package/src/components/carousel-component/CarouselComponent.stories.tsx +0 -220
  101. package/src/components/carousel-component/CarouselItem.tsx +0 -26
  102. package/src/components/carousel-component/DefaultNavigationArrow.tsx +0 -37
  103. package/src/components/carousel-component/DefaultPageDot.tsx +0 -20
  104. package/src/components/carousel-component/__tests__/CarouselComponent.test.tsx +0 -259
  105. package/src/components/carousel-component/__tests__/CarouselItem.test.tsx +0 -140
  106. package/src/components/carousel-component/__tests__/DefaultNavigationArrow.test.tsx +0 -153
  107. package/src/components/carousel-component/__tests__/DefaultPageDot.test.tsx +0 -105
  108. package/src/components/carousel-component/hooks/__tests__/useCarousel.test.ts +0 -625
  109. package/src/components/carousel-component/hooks/useCarousel.ts +0 -229
  110. package/src/components/carousel-component/index.tsx +0 -92
  111. package/src/components/carousel-component/styles.ts +0 -188
  112. package/src/components/carousel-component/types.ts +0 -62
  113. package/src/components/trip-cards/SkeletonCard.tsx +0 -64
  114. package/src/components/trip-cards/TripCard.tsx +0 -140
  115. package/src/components/trip-cards/TripCards.stories.tsx +0 -224
  116. package/src/components/trip-cards/TripCardsLayout.tsx +0 -145
  117. package/src/components/trip-cards/__tests__/SkeletonCard.test.tsx +0 -169
  118. package/src/components/trip-cards/__tests__/TripCard.test.tsx +0 -120
  119. package/src/components/trip-cards/__tests__/TripCardsLayout.test.tsx +0 -583
  120. package/src/components/trip-cards/__tests__/assets.test.tsx +0 -206
  121. package/src/components/trip-cards/__tests__/helpers.test.ts +0 -272
  122. package/src/components/trip-cards/__tests__/index.test.tsx +0 -550
  123. package/src/components/trip-cards/__tests__/mockData.test.ts +0 -67
  124. package/src/components/trip-cards/__tests__/skeletonStyles.test.tsx +0 -256
  125. package/src/components/trip-cards/assets/BoatIcon.tsx +0 -17
  126. package/src/components/trip-cards/assets/CalendarIcon.tsx +0 -17
  127. package/src/components/trip-cards/assets/ChevronRightIcon.tsx +0 -20
  128. package/src/components/trip-cards/assets/LocationIcon.tsx +0 -17
  129. package/src/components/trip-cards/assets/MoonIcon.tsx +0 -17
  130. package/src/components/trip-cards/assets/index.ts +0 -7
  131. package/src/components/trip-cards/helpers.ts +0 -176
  132. package/src/components/trip-cards/index.tsx +0 -119
  133. package/src/components/trip-cards/mockData.ts +0 -345
  134. package/src/components/trip-cards/skeletonStyles.ts +0 -46
  135. package/src/components/trip-cards/styles.ts +0 -450
  136. package/src/components/trip-cards/types.ts +0 -128
  137. /package/dist/components/{trip-cards → travel-mini-cta}/__tests__/index.test.d.ts +0 -0
  138. /package/dist/components/{carousel-component/CarouselComponent.stories.d.ts → travel-mini-cta/travel-mini-cta.stories.d.ts} +0 -0
@@ -1,159 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
- import { TripCards } from './index';
4
- import styled from 'styled-components';
5
- import { defaultTripCardImgHeight } from './helpers';
6
- const spacing = (multiplier) => `${multiplier * 8}px`;
7
- const breakpoints = {
8
- medium: 768,
9
- wide: 1024
10
- };
11
- const InteractiveContainer = styled.div `
12
- position: relative;
13
- margin-bottom: ${spacing(4)};
14
- padding: 0 ${spacing(2)};
15
-
16
- @media (min-width: ${breakpoints.medium}px) {
17
- width: 80.8%;
18
- margin-left: auto;
19
- margin-right: auto;
20
- padding: 0;
21
- }
22
-
23
- @media (min-width: ${breakpoints.wide}px) {
24
- width: 56.2%;
25
- }
26
- `;
27
- storiesOf('Typescript Component/TripCards', module)
28
- .add('Channel View Two Cards', () => (React.createElement(TripCards, { element: {
29
- class: 'trip-cards',
30
- tripcards: btoa(JSON.stringify([2074350, 2140335])),
31
- title: 'Similar cruises',
32
- titleurl: 'https://www.thetimes.com/travel/holidays',
33
- description: 'Brought to you by Times Holidays'
34
- }, useMockData: true, maxWidthItemConfig: {
35
- xs: '85%',
36
- mobile: '87%',
37
- tablet: '44%',
38
- desktop: '314px',
39
- xl: '368px'
40
- }, widthContainerConfig: {
41
- tablet: '728px',
42
- desktop: '984px',
43
- xl: '1144px'
44
- } })))
45
- .add('Channel View Three Cards', () => (React.createElement(TripCards, { element: {
46
- class: 'trip-cards',
47
- tripcards: btoa(JSON.stringify([2074350, 2140335, 2177685])),
48
- title: 'Featured Voyages',
49
- titleurl: 'https://www.thetimes.com/travel/holidays',
50
- description: 'Handpicked by our travel experts'
51
- }, forceStaticGrid: true, maxWidthItemConfig: {
52
- xs: '85%',
53
- mobile: '87%',
54
- tablet: '44%',
55
- desktop: '314px',
56
- xl: '368px'
57
- }, widthContainerConfig: {
58
- tablet: '728px',
59
- desktop: '984px',
60
- xl: '1144px'
61
- }, useMockData: true })))
62
- .add('Article View Two Trip Cards', () => (React.createElement(InteractiveContainer, null,
63
- React.createElement(TripCards, { element: {
64
- class: 'trip-cards',
65
- tripcards: btoa(JSON.stringify([2074350, 2140335])),
66
- title: 'Similar cruises',
67
- titleurl: 'https://www.thetimes.com/travel/holidays',
68
- description: 'Brought to you by Times Holidays'
69
- }, useMockData: true, maxWidthItemConfig: {
70
- mobile: '320px',
71
- tablet: '260px',
72
- desktop: '260px',
73
- xl: '300px'
74
- }, widthContainerConfig: {
75
- mobile: '390px',
76
- tablet: '620px',
77
- desktop: '574px',
78
- xl: '663px'
79
- }, imgHeight: defaultTripCardImgHeight }))))
80
- .add('Article View Three Cards', () => (React.createElement(InteractiveContainer, null,
81
- React.createElement(TripCards, { element: {
82
- class: 'trip-cards',
83
- tripcards: btoa(JSON.stringify([2074350, 2140335, 2177685])),
84
- title: 'Similar cruises',
85
- titleurl: 'https://www.thetimes.com/travel/holidays',
86
- description: 'Brought to you by Times Holidays'
87
- }, useMockData: true, maxWidthItemConfig: {
88
- mobile: '320px',
89
- tablet: '260px',
90
- desktop: '260px',
91
- xl: '300px'
92
- }, widthContainerConfig: {
93
- mobile: '390px',
94
- tablet: '620px',
95
- desktop: '574px',
96
- xl: '663px'
97
- }, imgHeight: { ...defaultTripCardImgHeight, $heightXs: '100%' } }))))
98
- .add('Article View Two Trip Cards', () => (React.createElement(InteractiveContainer, null,
99
- React.createElement(TripCards, { element: {
100
- class: 'trip-cards',
101
- tripcards: btoa(JSON.stringify([2074350, 2140335])),
102
- title: 'Similar cruises',
103
- titleurl: 'https://www.thetimes.com/travel/holidays',
104
- description: 'Brought to you by Times Holidays'
105
- }, useMockData: true, maxWidthItemConfig: {
106
- mobile: '320px',
107
- tablet: '260px',
108
- desktop: '260px',
109
- xl: '300px'
110
- }, widthContainerConfig: {
111
- mobile: '390px',
112
- tablet: '620px',
113
- desktop: '574px',
114
- xl: '663px'
115
- }, imgHeight: defaultTripCardImgHeight }))))
116
- .add('Article View Trip Cards', () => (React.createElement(InteractiveContainer, null,
117
- React.createElement(TripCards, { element: {
118
- class: 'trip-cards',
119
- tripcards: btoa(JSON.stringify([2074350, 2140335, 2177685])),
120
- title: 'Similar cruises',
121
- titleurl: 'https://www.thetimes.com/travel/holidays',
122
- description: 'Brought to you by Times Holidays'
123
- }, useMockData: true, maxWidthItemConfig: {
124
- mobile: '320px',
125
- tablet: '260px',
126
- desktop: '260px',
127
- xl: '300px'
128
- }, widthContainerConfig: {
129
- mobile: '390px',
130
- tablet: '620px',
131
- desktop: '574px',
132
- xl: '663px'
133
- }, imgHeight: defaultTripCardImgHeight }))))
134
- .add('Article View Six Cards', () => (React.createElement(InteractiveContainer, null,
135
- React.createElement(TripCards, { element: {
136
- class: 'trip-cards',
137
- tripcards: btoa(JSON.stringify([
138
- 2074350,
139
- 2140335,
140
- 2177685,
141
- 2074351,
142
- 2140336,
143
- 2177686
144
- ])),
145
- title: 'Similar cruises',
146
- titleurl: 'https://www.thetimes.com/travel/holidays',
147
- description: 'Brought to you by Times Holidays'
148
- }, useMockData: true, maxWidthItemConfig: {
149
- mobile: '320px',
150
- tablet: '260px',
151
- desktop: '260px',
152
- xl: '300px'
153
- }, widthContainerConfig: {
154
- mobile: '390px',
155
- tablet: '620px',
156
- desktop: '574px',
157
- xl: '663px'
158
- }, imgHeight: defaultTripCardImgHeight }))));
159
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJpcENhcmRzLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmlwLWNhcmRzL1RyaXBDYXJkcy5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDcEMsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRXJELE1BQU0sT0FBTyxHQUFHLENBQUMsVUFBa0IsRUFBRSxFQUFFLENBQUMsR0FBRyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUM7QUFFOUQsTUFBTSxXQUFXLEdBQUc7SUFDbEIsTUFBTSxFQUFFLEdBQUc7SUFDWCxJQUFJLEVBQUUsSUFBSTtDQUNYLENBQUM7QUFFRixNQUFNLG9CQUFvQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7O21CQUVwQixPQUFPLENBQUMsQ0FBQyxDQUFDO2VBQ2QsT0FBTyxDQUFDLENBQUMsQ0FBQzs7dUJBRUYsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7dUJBT2xCLFdBQVcsQ0FBQyxJQUFJOzs7Q0FHdEMsQ0FBQztBQUVGLFNBQVMsQ0FBQyxnQ0FBZ0MsRUFBRSxNQUFNLENBQUM7S0FDaEQsR0FBRyxDQUFDLHdCQUF3QixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ25DLG9CQUFDLFNBQVMsSUFDUixPQUFPLEVBQUU7UUFDUCxLQUFLLEVBQUUsWUFBWTtRQUNuQixTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQztRQUNuRCxLQUFLLEVBQUUsaUJBQWlCO1FBQ3hCLFFBQVEsRUFB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
@@ -1,3 +0,0 @@
1
- import { FC } from 'react';
2
- import { TripCardsLayoutProps } from './types';
3
- export declare const TripCardsLayout: FC<TripCardsLayoutProps>;
@@ -1,56 +0,0 @@
1
- import React, { useRef, useState, useEffect } 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, widthContainerConfig = {}, widthItemConfig, maxWidthItemConfig, imgHeight, forceStaticGrid }) => {
6
- const { titleurl, title, description } = element;
7
- const gridRef = useRef(null);
8
- const [hasOverflow, setHasOverflow] = useState(false);
9
- const [isTabletMobile, setIsTabletMobile] = useState(false);
10
- const isStaticGrid = items.length === 2 || forceStaticGrid;
11
- // Handle responsive breakpoint detection
12
- useEffect(() => {
13
- const mediaQuery = window.matchMedia('(max-width: 1024px)');
14
- const handleMediaChange = (e) => {
15
- setIsTabletMobile(e.matches);
16
- };
17
- handleMediaChange(mediaQuery);
18
- mediaQuery.addEventListener('change', handleMediaChange);
19
- return () => {
20
- mediaQuery.removeEventListener('change', handleMediaChange);
21
- };
22
- }, []);
23
- useEffect(() => {
24
- if (!isStaticGrid || !gridRef.current) {
25
- setHasOverflow(false);
26
- return;
27
- }
28
- const checkOverflow = () => {
29
- if (gridRef.current) {
30
- const isOverflowing = gridRef.current.scrollWidth > gridRef.current.clientWidth;
31
- setHasOverflow(isOverflowing);
32
- }
33
- };
34
- checkOverflow();
35
- const resizeObserver = new ResizeObserver(checkOverflow);
36
- resizeObserver.observe(gridRef.current);
37
- return () => {
38
- resizeObserver.disconnect();
39
- };
40
- }, [isStaticGrid, items.length]);
41
- const shouldUseCarousel = (isTabletMobile && items.length >= 3) || !isStaticGrid || hasOverflow;
42
- return (React.createElement(Container, Object.assign({ "data-testid": "trip-cards-container" }, widthContainerConfig),
43
- React.createElement(TitleSection, { "data-testid": "title-section" },
44
- React.createElement(TitleBar, { "data-testid": "title-bar", applyRightPadding: !!widthContainerConfig.mobile },
45
- React.createElement(TitleContent, { "data-testid": "title-content" },
46
- titleurl ? (React.createElement(TitleLink, { href: titleurl, target: "_blank", rel: "noopener noreferrer", "data-testid": "trip-cards-title-link", style: { textDecoration: 'none', color: 'inherit' } },
47
- React.createElement(Title, { "data-testid": "trip-cards-title" }, title))) : (React.createElement(Title, { "data-testid": "trip-cards-title" }, title)),
48
- React.createElement(Subtitle, { "data-testid": "trip-cards-subtitle" }, description)),
49
- titleurl && (React.createElement(TitleLink, { href: titleurl, target: "_blank", rel: "noopener noreferrer", "data-testid": "title-link" },
50
- React.createElement(ChevronRightIcon, null))))),
51
- !shouldUseCarousel ? (React.createElement(StaticCardsGrid, { "data-testid": "static-cards-grid", ref: gridRef }, items.map(item => (React.createElement(CardComponent, { imgHeight: imgHeight, key: item.id, card: item.data, isStaticGrid: true, forceStaticGrid: forceStaticGrid }))))) : (React.createElement(CarouselComponent, { items: items.map(item => (React.createElement(CarouselItem, { key: item.id, widthItemConfig: widthItemConfig, maxWidthItemConfig: maxWidthItemConfig },
52
- React.createElement(CardComponent, { card: item.data, imgHeight: imgHeight })))), options: {
53
- itemsPerPage
54
- }, showArrows: !isStaticGrid, showDots: true }))));
55
- };
56
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJpcENhcmRzTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJpcC1jYXJkcy9UcmlwQ2FyZHNMYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQU0sTUFBTSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDL0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRXhFLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFFBQVEsRUFDUixZQUFZLEVBQ1osS0FBSyxFQUNMLFFBQVEsRUFDUixTQUFTLEVBQ1QsZUFBZSxFQUNoQixNQUFNLFVBQVUsQ0FBQztBQUNsQixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFNUMsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUE2QixDQUFDLEVBQ3hELE9BQU8sRUFDUCxLQUFLLEVBQ0wsYUFBYSxFQUNiLFlBQVksRUFDWixvQkFBb0IsR0FBRyxFQUFFLEVBQ3pCLGVBQWUsRUFDZixrQkFBa0IsRUFDbEIsU0FBUyxFQUNULGVBQWUsRUFDaEIsRUFBRSxFQUFFO0lBQ0gsTUFBTSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEdBQUcsT0FBTyxDQUFDO0lBQ2pELE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDN0MsTUFBTSxDQUFDLFdBQVcsRUFBRSxjQUFjLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEQsTUFBTSxDQUFDLGNBQWMsRUFBRSxpQkFBaUIsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUU1RCxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsSUFBSSxlQUFlLENBQUM7SUFFM0QseUNB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
@@ -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';