@times-components/ts-components 1.145.1-9176eda9ce171a0f5596bdc9d385a1fc60b23ea1.12 → 1.145.1-b504636a05999d83c7874b53febd7e86130e9cea.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/travel-mini-cta/index.d.ts +3 -0
- package/dist/components/travel-mini-cta/index.js +86 -0
- package/dist/components/travel-mini-cta/styles.d.ts +42 -0
- package/dist/components/travel-mini-cta/styles.js +273 -0
- package/dist/components/travel-mini-cta/travel-mini-cta.stories.d.ts +110 -0
- package/dist/components/travel-mini-cta/travel-mini-cta.stories.js +121 -0
- package/dist/components/travel-mini-cta/types.d.ts +10 -0
- package/dist/components/{trip-cards → travel-mini-cta}/types.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -2
- package/dist/utils/applyDarkMode.d.ts +1 -0
- package/dist/utils/applyDarkMode.js +12 -0
- package/dist/utils/getMediaQuery.d.ts +11 -0
- package/dist/utils/getMediaQuery.js +19 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.js +3 -0
- package/package.json +3 -3
- package/rnw.js +1 -1
- package/src/components/travel-mini-cta/index.tsx +164 -0
- package/src/components/travel-mini-cta/styles.ts +336 -0
- package/src/components/travel-mini-cta/travel-mini-cta.stories.tsx +157 -0
- package/src/components/travel-mini-cta/types.ts +10 -0
- package/src/index.ts +1 -2
- package/src/utils/applyDarkMode.ts +12 -0
- package/src/utils/getMediaQuery.ts +25 -0
- package/src/utils/index.ts +2 -0
- package/dist/components/carousel-component/CarouselComponent.stories.d.ts +0 -1
- package/dist/components/carousel-component/CarouselComponent.stories.js +0 -146
- package/dist/components/carousel-component/CarouselItem.d.ts +0 -3
- package/dist/components/carousel-component/CarouselItem.js +0 -11
- package/dist/components/carousel-component/DefaultNavigationArrow.d.ts +0 -8
- package/dist/components/carousel-component/DefaultNavigationArrow.js +0 -6
- package/dist/components/carousel-component/DefaultPageDot.d.ts +0 -8
- package/dist/components/carousel-component/DefaultPageDot.js +0 -4
- package/dist/components/carousel-component/__tests__/CarouselComponent.test.d.ts +0 -1
- package/dist/components/carousel-component/__tests__/CarouselComponent.test.js +0 -163
- package/dist/components/carousel-component/__tests__/CarouselItem.test.d.ts +0 -1
- package/dist/components/carousel-component/__tests__/CarouselItem.test.js +0 -80
- package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.d.ts +0 -1
- package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.js +0 -62
- package/dist/components/carousel-component/__tests__/DefaultPageDot.test.d.ts +0 -1
- package/dist/components/carousel-component/__tests__/DefaultPageDot.test.js +0 -68
- package/dist/components/carousel-component/hooks/__tests__/useCarousel.test.d.ts +0 -1
- package/dist/components/carousel-component/hooks/__tests__/useCarousel.test.js +0 -459
- package/dist/components/carousel-component/hooks/useCarousel.d.ts +0 -2
- package/dist/components/carousel-component/hooks/useCarousel.js +0 -175
- package/dist/components/carousel-component/index.d.ts +0 -4
- package/dist/components/carousel-component/index.js +0 -20
- package/dist/components/carousel-component/styles.d.ts +0 -27
- package/dist/components/carousel-component/styles.js +0 -169
- package/dist/components/carousel-component/types.d.ts +0 -53
- package/dist/components/carousel-component/types.js +0 -2
- package/dist/components/trip-cards/SkeletonCard.d.ts +0 -6
- package/dist/components/trip-cards/SkeletonCard.js +0 -21
- package/dist/components/trip-cards/TripCard.d.ts +0 -3
- package/dist/components/trip-cards/TripCard.js +0 -49
- package/dist/components/trip-cards/TripCards.stories.d.ts +0 -1
- package/dist/components/trip-cards/TripCards.stories.js +0 -189
- package/dist/components/trip-cards/TripCardsLayout.d.ts +0 -3
- package/dist/components/trip-cards/TripCardsLayout.js +0 -37
- package/dist/components/trip-cards/__tests__/SkeletonCard.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/SkeletonCard.test.js +0 -139
- package/dist/components/trip-cards/__tests__/TripCard.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/TripCard.test.js +0 -95
- package/dist/components/trip-cards/__tests__/TripCardsLayout.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/TripCardsLayout.test.js +0 -277
- package/dist/components/trip-cards/__tests__/assets.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/assets.test.js +0 -165
- package/dist/components/trip-cards/__tests__/helpers.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/helpers.test.js +0 -214
- package/dist/components/trip-cards/__tests__/index.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/index.test.js +0 -433
- package/dist/components/trip-cards/__tests__/mockData.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/mockData.test.js +0 -57
- package/dist/components/trip-cards/__tests__/skeletonStyles.test.d.ts +0 -1
- package/dist/components/trip-cards/__tests__/skeletonStyles.test.js +0 -194
- package/dist/components/trip-cards/assets/BoatIcon.d.ts +0 -1
- package/dist/components/trip-cards/assets/BoatIcon.js +0 -4
- package/dist/components/trip-cards/assets/CalendarIcon.d.ts +0 -1
- package/dist/components/trip-cards/assets/CalendarIcon.js +0 -4
- package/dist/components/trip-cards/assets/ChevronRightIcon.d.ts +0 -1
- package/dist/components/trip-cards/assets/ChevronRightIcon.js +0 -4
- package/dist/components/trip-cards/assets/LocationIcon.d.ts +0 -1
- package/dist/components/trip-cards/assets/LocationIcon.js +0 -4
- package/dist/components/trip-cards/assets/MoonIcon.d.ts +0 -1
- package/dist/components/trip-cards/assets/MoonIcon.js +0 -4
- package/dist/components/trip-cards/assets/index.d.ts +0 -6
- package/dist/components/trip-cards/assets/index.js +0 -7
- package/dist/components/trip-cards/helpers.d.ts +0 -4
- package/dist/components/trip-cards/helpers.js +0 -116
- package/dist/components/trip-cards/index.d.ts +0 -4
- package/dist/components/trip-cards/index.js +0 -70
- package/dist/components/trip-cards/mockData.d.ts +0 -3
- package/dist/components/trip-cards/mockData.js +0 -317
- package/dist/components/trip-cards/skeletonStyles.d.ts +0 -9
- package/dist/components/trip-cards/skeletonStyles.js +0 -37
- package/dist/components/trip-cards/styles.d.ts +0 -38
- package/dist/components/trip-cards/styles.js +0 -401
- package/dist/components/trip-cards/types.d.ts +0 -119
- package/src/components/carousel-component/CarouselComponent.stories.tsx +0 -220
- package/src/components/carousel-component/CarouselItem.tsx +0 -25
- package/src/components/carousel-component/DefaultNavigationArrow.tsx +0 -37
- package/src/components/carousel-component/DefaultPageDot.tsx +0 -20
- package/src/components/carousel-component/__tests__/CarouselComponent.test.tsx +0 -259
- package/src/components/carousel-component/__tests__/CarouselItem.test.tsx +0 -140
- package/src/components/carousel-component/__tests__/DefaultNavigationArrow.test.tsx +0 -153
- package/src/components/carousel-component/__tests__/DefaultPageDot.test.tsx +0 -105
- package/src/components/carousel-component/hooks/__tests__/useCarousel.test.ts +0 -625
- package/src/components/carousel-component/hooks/useCarousel.ts +0 -231
- package/src/components/carousel-component/index.tsx +0 -92
- package/src/components/carousel-component/styles.ts +0 -185
- package/src/components/carousel-component/types.ts +0 -62
- package/src/components/trip-cards/SkeletonCard.tsx +0 -62
- package/src/components/trip-cards/TripCard.tsx +0 -143
- package/src/components/trip-cards/TripCards.stories.tsx +0 -254
- package/src/components/trip-cards/TripCardsLayout.tsx +0 -108
- package/src/components/trip-cards/__tests__/SkeletonCard.test.tsx +0 -169
- package/src/components/trip-cards/__tests__/TripCard.test.tsx +0 -120
- package/src/components/trip-cards/__tests__/TripCardsLayout.test.tsx +0 -532
- package/src/components/trip-cards/__tests__/assets.test.tsx +0 -206
- package/src/components/trip-cards/__tests__/helpers.test.ts +0 -264
- package/src/components/trip-cards/__tests__/index.test.tsx +0 -495
- package/src/components/trip-cards/__tests__/mockData.test.ts +0 -67
- package/src/components/trip-cards/__tests__/skeletonStyles.test.tsx +0 -256
- package/src/components/trip-cards/assets/BoatIcon.tsx +0 -17
- package/src/components/trip-cards/assets/CalendarIcon.tsx +0 -17
- package/src/components/trip-cards/assets/ChevronRightIcon.tsx +0 -20
- package/src/components/trip-cards/assets/LocationIcon.tsx +0 -17
- package/src/components/trip-cards/assets/MoonIcon.tsx +0 -17
- package/src/components/trip-cards/assets/index.ts +0 -7
- package/src/components/trip-cards/helpers.ts +0 -151
- package/src/components/trip-cards/index.tsx +0 -119
- package/src/components/trip-cards/mockData.ts +0 -345
- package/src/components/trip-cards/skeletonStyles.ts +0 -46
- package/src/components/trip-cards/styles.ts +0 -446
- package/src/components/trip-cards/types.ts +0 -128
|
@@ -1,175 +0,0 @@
|
|
|
1
|
-
import { useState, useEffect, useRef, useCallback } from 'react';
|
|
2
|
-
export const useCarousel = (totalItems, options = {}) => {
|
|
3
|
-
const { itemsPerPage = 2, onPageChange } = options;
|
|
4
|
-
const [currentPage, setCurrentPage] = useState(0);
|
|
5
|
-
const carouselRef = useRef(null);
|
|
6
|
-
const isScrollingRef = useRef(false);
|
|
7
|
-
const isDraggingRef = useRef(false);
|
|
8
|
-
const startXRef = useRef(0);
|
|
9
|
-
const touchStartXRef = useRef(null);
|
|
10
|
-
const isSwipingRef = useRef(false);
|
|
11
|
-
const totalPages = Math.ceil(totalItems / itemsPerPage);
|
|
12
|
-
const scrollToPage = useCallback((page) => {
|
|
13
|
-
if (carouselRef.current) {
|
|
14
|
-
const cardElements = carouselRef.current.children;
|
|
15
|
-
if (cardElements.length > 0) {
|
|
16
|
-
isScrollingRef.current = true;
|
|
17
|
-
const container = carouselRef.current;
|
|
18
|
-
const targetCardIndex = page * itemsPerPage;
|
|
19
|
-
const targetCard = cardElements[targetCardIndex];
|
|
20
|
-
if (targetCard) {
|
|
21
|
-
const targetScroll = targetCard.offsetLeft;
|
|
22
|
-
container.scrollTo({
|
|
23
|
-
left: targetScroll,
|
|
24
|
-
behavior: 'smooth'
|
|
25
|
-
});
|
|
26
|
-
setCurrentPage(page);
|
|
27
|
-
if (onPageChange) {
|
|
28
|
-
onPageChange(page);
|
|
29
|
-
}
|
|
30
|
-
setTimeout(() => {
|
|
31
|
-
isScrollingRef.current = false;
|
|
32
|
-
}, 400);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}, [itemsPerPage, onPageChange]);
|
|
37
|
-
const handlePrevious = useCallback(() => {
|
|
38
|
-
const newPage = Math.max(0, currentPage - 1);
|
|
39
|
-
scrollToPage(newPage);
|
|
40
|
-
}, [currentPage, scrollToPage]);
|
|
41
|
-
const handleNext = useCallback(() => {
|
|
42
|
-
const newPage = Math.min(totalPages - 1, currentPage + 1);
|
|
43
|
-
scrollToPage(newPage);
|
|
44
|
-
}, [currentPage, totalPages, scrollToPage]);
|
|
45
|
-
const handleMouseDown = useCallback((e) => {
|
|
46
|
-
if (!carouselRef.current) {
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
e.preventDefault();
|
|
50
|
-
isDraggingRef.current = true;
|
|
51
|
-
startXRef.current = e.pageX;
|
|
52
|
-
carouselRef.current.style.cursor = 'grabbing';
|
|
53
|
-
}, []);
|
|
54
|
-
const handleMouseUp = useCallback((e) => {
|
|
55
|
-
if (!isDraggingRef.current) {
|
|
56
|
-
return;
|
|
57
|
-
}
|
|
58
|
-
isDraggingRef.current = false;
|
|
59
|
-
if (carouselRef.current) {
|
|
60
|
-
carouselRef.current.style.cursor = 'grab';
|
|
61
|
-
const endX = e.pageX;
|
|
62
|
-
const diff = startXRef.current - endX;
|
|
63
|
-
if (Math.abs(diff) > 30) {
|
|
64
|
-
if (diff > 0) {
|
|
65
|
-
handleNext();
|
|
66
|
-
}
|
|
67
|
-
else {
|
|
68
|
-
handlePrevious();
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}, [handleNext, handlePrevious]);
|
|
73
|
-
const handleMouseLeave = useCallback((e) => {
|
|
74
|
-
if (!isDraggingRef.current) {
|
|
75
|
-
return;
|
|
76
|
-
}
|
|
77
|
-
isDraggingRef.current = false;
|
|
78
|
-
if (carouselRef.current) {
|
|
79
|
-
carouselRef.current.style.cursor = 'grab';
|
|
80
|
-
const endX = e.pageX;
|
|
81
|
-
const diff = startXRef.current - endX;
|
|
82
|
-
if (Math.abs(diff) > 30) {
|
|
83
|
-
if (diff > 0) {
|
|
84
|
-
handleNext();
|
|
85
|
-
}
|
|
86
|
-
else {
|
|
87
|
-
handlePrevious();
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
}, [handleNext, handlePrevious]);
|
|
92
|
-
const handleTouchStart = (e) => {
|
|
93
|
-
if (!carouselRef.current) {
|
|
94
|
-
return;
|
|
95
|
-
}
|
|
96
|
-
touchStartXRef.current = e.touches[0].clientX;
|
|
97
|
-
isSwipingRef.current = false;
|
|
98
|
-
};
|
|
99
|
-
const handleTouchMove = (e) => {
|
|
100
|
-
if (touchStartXRef.current === null || isSwipingRef.current) {
|
|
101
|
-
return;
|
|
102
|
-
}
|
|
103
|
-
const currentX = e.touches[0].clientX;
|
|
104
|
-
const diff = touchStartXRef.current - currentX;
|
|
105
|
-
if (Math.abs(diff) > 30) {
|
|
106
|
-
isSwipingRef.current = true;
|
|
107
|
-
if (diff > 0) {
|
|
108
|
-
handleNext();
|
|
109
|
-
}
|
|
110
|
-
else {
|
|
111
|
-
handlePrevious();
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
};
|
|
115
|
-
const handleTouchEnd = () => {
|
|
116
|
-
touchStartXRef.current = null;
|
|
117
|
-
isSwipingRef.current = false;
|
|
118
|
-
};
|
|
119
|
-
const handleScroll = useCallback(() => {
|
|
120
|
-
if (isScrollingRef.current) {
|
|
121
|
-
return;
|
|
122
|
-
}
|
|
123
|
-
if (carouselRef.current) {
|
|
124
|
-
const container = carouselRef.current;
|
|
125
|
-
const children = container.children;
|
|
126
|
-
if (children.length === 0) {
|
|
127
|
-
return;
|
|
128
|
-
}
|
|
129
|
-
const scrollLeft = container.scrollLeft;
|
|
130
|
-
let closestPage = 0;
|
|
131
|
-
let closestDistance = Infinity;
|
|
132
|
-
for (let page = 0; page < totalPages; page++) {
|
|
133
|
-
const cardIndex = page * itemsPerPage;
|
|
134
|
-
if (cardIndex < children.length) {
|
|
135
|
-
const card = children[cardIndex];
|
|
136
|
-
const distance = Math.abs(card.offsetLeft - scrollLeft);
|
|
137
|
-
if (distance < closestDistance) {
|
|
138
|
-
closestDistance = distance;
|
|
139
|
-
closestPage = page;
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
if (closestPage !== currentPage) {
|
|
144
|
-
setCurrentPage(closestPage);
|
|
145
|
-
if (onPageChange) {
|
|
146
|
-
onPageChange(closestPage);
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
}, [totalPages, itemsPerPage, onPageChange]);
|
|
151
|
-
useEffect(() => {
|
|
152
|
-
const carousel = carouselRef.current;
|
|
153
|
-
if (carousel) {
|
|
154
|
-
carousel.addEventListener('scroll', handleScroll);
|
|
155
|
-
return () => carousel.removeEventListener('scroll', handleScroll);
|
|
156
|
-
}
|
|
157
|
-
return undefined;
|
|
158
|
-
}, [handleScroll]);
|
|
159
|
-
return {
|
|
160
|
-
currentPage,
|
|
161
|
-
totalPages,
|
|
162
|
-
carouselRef,
|
|
163
|
-
isScrolling: isScrollingRef.current,
|
|
164
|
-
handlePrevious,
|
|
165
|
-
handleNext,
|
|
166
|
-
scrollToPage,
|
|
167
|
-
handleMouseDown,
|
|
168
|
-
handleMouseUp,
|
|
169
|
-
handleMouseLeave,
|
|
170
|
-
handleTouchStart,
|
|
171
|
-
handleTouchMove,
|
|
172
|
-
handleTouchEnd
|
|
173
|
-
};
|
|
174
|
-
};
|
|
175
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ2Fyb3VzZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJvdXNlbC1jb21wb25lbnQvaG9va3MvdXNlQ2Fyb3VzZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUdqRSxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsQ0FDekIsVUFBa0IsRUFDbEIsVUFBOEIsRUFBRSxFQUNiLEVBQUU7SUFDckIsTUFBTSxFQUFFLFlBQVksR0FBRyxDQUFDLEVBQUUsWUFBWSxFQUFFLEdBQUcsT0FBTyxDQUFDO0lBRW5ELE1BQU0sQ0FBQyxXQUFXLEVBQUUsY0FBYyxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2xELE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDakQsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwQyxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDNUIsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFnQixJQUFJLENBQUMsQ0FBQztJQUNuRCxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFbkMsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsWUFBWSxDQUFDLENBQUM7SUFFeEQsTUFBTSxZQUFZLEdBQUcsV0FBVyxDQUM5QixDQUFDLElBQVksRUFBRSxFQUFFO1FBQ2YsSUFBSSxXQUFXLENBQUMsT0FBTyxFQUFFO1lBQ3ZCLE1BQU0sWUFBWSxHQUFHLFdBQVcsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFD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
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { useCarousel } from './hooks/useCarousel';
|
|
3
|
-
import { CarouselContainer, CarouselWrapper, CarouselContent, CardsRow, PageControl } from './styles';
|
|
4
|
-
import { DefaultNavigationArrow } from './DefaultNavigationArrow';
|
|
5
|
-
import { DefaultPageDot } from './DefaultPageDot';
|
|
6
|
-
export const CarouselComponent = ({ items, options, showArrows = true, showDots = true, arrowComponent: CustomArrow, dotComponent: CustomDot, className }) => {
|
|
7
|
-
const { currentPage, totalPages, carouselRef, handlePrevious, handleNext, scrollToPage, handleMouseDown, handleMouseUp, handleMouseLeave, handleTouchStart, handleTouchMove, handleTouchEnd } = useCarousel(items.length, options);
|
|
8
|
-
const ArrowComponent = CustomArrow || DefaultNavigationArrow;
|
|
9
|
-
const DotComponent = CustomDot || DefaultPageDot;
|
|
10
|
-
return (React.createElement(CarouselContainer, { className: className },
|
|
11
|
-
React.createElement(CarouselWrapper, null,
|
|
12
|
-
showArrows && (React.createElement(ArrowComponent, { direction: "left", onClick: handlePrevious, disabled: currentPage === 0 })),
|
|
13
|
-
React.createElement(CarouselContent, null,
|
|
14
|
-
React.createElement(CardsRow, { ref: carouselRef, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onMouseLeave: handleMouseLeave, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd }, items)),
|
|
15
|
-
showArrows && (React.createElement(ArrowComponent, { direction: "right", onClick: handleNext, disabled: currentPage >= totalPages - 1 }))),
|
|
16
|
-
showDots &&
|
|
17
|
-
totalPages > 1 && (React.createElement(PageControl, null, Array.from({ length: totalPages }).map((_, pageIndex) => (React.createElement(DotComponent, { key: pageIndex, active: pageIndex === currentPage, onClick: () => scrollToPage(pageIndex), index: pageIndex })))))));
|
|
18
|
-
};
|
|
19
|
-
export { CarouselItem } from './CarouselItem';
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJvdXNlbC1jb21wb25lbnQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbEQsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixlQUFlLEVBQ2YsZUFBZSxFQUNmLFFBQVEsRUFDUixXQUFXLEVBQ1osTUFBTSxVQUFVLENBQUM7QUFDbEIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBR2xELE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFxQyxDQUFDLEVBQ2xFLEtBQUssRUFDTCxPQUFPLEVBQ1AsVUFBVSxHQUFHLElBQUksRUFDakIsUUFBUSxHQUFHLElBQUksRUFDZixjQUFjLEVBQUUsV0FBVyxFQUMzQixZQUFZLEVBQUUsU0FBUyxFQUN2QixTQUFTLEVBQ1YsRUFBRSxFQUFFO0lBQ0gsTUFBTSxFQUNKLFdBQVcsRUFDWCxVQUFVLEVBQ1YsV0FBVyxFQUNYLGNBQWMsRUFDZCxVQUFVLEVBQ1YsWUFBWSxFQUNaLGVBQWUsRUFDZixhQUFhLEVBQ2IsZ0JBQWdCLEVBQ2hCLGdCQUFnQixFQUNoQixlQUFlLEVBQ2YsY0FBYyxFQUNmLEdBQUcsV0FBVyxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFFdkMsTUFBTSxjQUFjLEdBQUcsV0FBVyxJQUFJLHNCQUFzQixDQUFDO0lBQzdELE1BQU0sWUFBWSxHQUFHLFNBQVMsSUFBSSxjQUFjLENBQUM7SUFFakQsT0FBTyxDQUNMLG9CQUFDLGlCQUFpQixJQUFDLFNBQVMsRUFBRSxTQUFTO1FBQ3JDLG9CQUFDLGVBQWU7WUFDYixVQUFVLElBQUksQ0FDYixvQkFBQyxjQUFjLElBQ2IsU0FBUyxFQUFDLE1BQU0sRUFDaEIsT0FBTyxFQUFFLGNBQWMsRUFDdkIsUUFBUSxFQUFFLFdBQVcsS0FBSyxDQUFDLEdBQzNCLENBQ0g7WUFFRCxvQkFBQyxlQUFlO2dCQUNkLG9CQUFDLFFBQVEsSUFDUCxHQUFHLEVBQUUsV0FBVyxFQUNoQixXQUFXLEVBQUUsZUFBZSxFQUM1QixTQUFTLEVBQUUsYUFBYSxFQUN4QixZQUFZLEVBQUUsZ0JBQWdCLEVBQzlCLFlBQVksRUFBRSxnQkFBZ0IsRUFDOUIsV0FBVyxFQUFFLGVBQWUsRUFDNUIsVUFBVSxFQUFFLGNBQWMsSUFFekIsS0FBSyxDQUNHLENBQ0s7WUFFakIsVUFBVSxJQUFJLENBQ2Isb0JBQUMsY0FBYyxJQUNiLFNBQVMsRUFBQyxPQUFPLEVBQ2pCLE9BQU8sRUFBRSxVQUFVLEVBQ25CLFFBQVEsRUFBRSxXQUFXLElBQUksVUFBVSxHQUFHLENBQUMsR0FDdkMsQ0FDSCxDQUNlO1FBRWpCLFFBQVE7WUFDUCxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQ2hCLG9CQUFDLFdBQVcsUUFDVCxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsQ0FDeEQsb0JBQUMsWUFBWSxJQUNYLEdBQUcsRUFBRSxTQUFTLEVBQ2QsTUFBTSxFQUFFLFNBQVMsS0FBSyxXQUFXLEVBQ2pDLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLEVBQ3RDLEtBQUssRUFBRSxTQUFTLEdBQ2hCLENBQ0gsQ0FBQyxDQUNVLENBQ2YsQ0FDZSxDQUNyQixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDIn0=
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { ResponsiveConfig } from './types';
|
|
2
|
-
export declare const breakpoints: {
|
|
3
|
-
sm: string;
|
|
4
|
-
md: string;
|
|
5
|
-
lg: string;
|
|
6
|
-
xl: string;
|
|
7
|
-
};
|
|
8
|
-
export declare const colors: {
|
|
9
|
-
primary: string;
|
|
10
|
-
white: string;
|
|
11
|
-
};
|
|
12
|
-
export declare const ItemContainer: import("styled-components").StyledComponent<"div", any, {
|
|
13
|
-
widthItemConfig?: ResponsiveConfig | undefined;
|
|
14
|
-
maxWidthItemConfig?: ResponsiveConfig | undefined;
|
|
15
|
-
}, never>;
|
|
16
|
-
export declare const CarouselContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
17
|
-
export declare const CarouselWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
18
|
-
export declare const CarouselContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
19
|
-
export declare const CardsRow: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
20
|
-
export declare const PageControl: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
21
|
-
export declare const NavigationArrowButton: import("styled-components").StyledComponent<"button", any, {
|
|
22
|
-
direction: 'left' | 'right';
|
|
23
|
-
disabled?: boolean | undefined;
|
|
24
|
-
}, never>;
|
|
25
|
-
export declare const PageDotButton: import("styled-components").StyledComponent<"button", any, {
|
|
26
|
-
active: boolean;
|
|
27
|
-
}, never>;
|
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
import styled, { css } 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
|
-
scroll-snap-align: start;
|
|
14
|
-
display: flex;
|
|
15
|
-
flex-direction: column;
|
|
16
|
-
align-self: stretch;
|
|
17
|
-
|
|
18
|
-
${props => {
|
|
19
|
-
if (!props.widthItemConfig) {
|
|
20
|
-
return '';
|
|
21
|
-
}
|
|
22
|
-
const { mobile, tablet, desktop, xl } = props.widthItemConfig;
|
|
23
|
-
return css `
|
|
24
|
-
${mobile &&
|
|
25
|
-
`
|
|
26
|
-
@media (min-width: ${breakpoints.sm}) {
|
|
27
|
-
flex: 0 0 ${mobile};
|
|
28
|
-
}
|
|
29
|
-
`}
|
|
30
|
-
${tablet &&
|
|
31
|
-
`
|
|
32
|
-
@media (min-width: ${breakpoints.md}) {
|
|
33
|
-
flex: 0 0 ${tablet};
|
|
34
|
-
}
|
|
35
|
-
`}
|
|
36
|
-
${desktop &&
|
|
37
|
-
`
|
|
38
|
-
@media (min-width: ${breakpoints.lg}) {
|
|
39
|
-
flex: 0 0 ${desktop};
|
|
40
|
-
}
|
|
41
|
-
`}
|
|
42
|
-
${xl &&
|
|
43
|
-
`
|
|
44
|
-
@media (min-width: ${breakpoints.xl}) {
|
|
45
|
-
flex: 0 0 ${xl};
|
|
46
|
-
}
|
|
47
|
-
`}
|
|
48
|
-
`;
|
|
49
|
-
}} ${props => {
|
|
50
|
-
if (!props.maxWidthItemConfig) {
|
|
51
|
-
return '';
|
|
52
|
-
}
|
|
53
|
-
const { mobile, tablet, desktop, xl } = props.maxWidthItemConfig;
|
|
54
|
-
return css `
|
|
55
|
-
${mobile &&
|
|
56
|
-
`
|
|
57
|
-
@media (min-width: ${breakpoints.sm}) {
|
|
58
|
-
max-width: ${mobile};
|
|
59
|
-
}
|
|
60
|
-
`}
|
|
61
|
-
${tablet &&
|
|
62
|
-
`
|
|
63
|
-
@media (min-width: ${breakpoints.md}) {
|
|
64
|
-
max-width: ${tablet};
|
|
65
|
-
}
|
|
66
|
-
`}
|
|
67
|
-
${desktop &&
|
|
68
|
-
`
|
|
69
|
-
@media (min-width: ${breakpoints.lg}) {
|
|
70
|
-
max-width: ${desktop};
|
|
71
|
-
}
|
|
72
|
-
`}
|
|
73
|
-
${xl &&
|
|
74
|
-
`
|
|
75
|
-
@media (min-width: ${breakpoints.xl}) {
|
|
76
|
-
max-width: ${xl};
|
|
77
|
-
}
|
|
78
|
-
`}
|
|
79
|
-
`;
|
|
80
|
-
}};
|
|
81
|
-
`;
|
|
82
|
-
export const CarouselContainer = styled.div `
|
|
83
|
-
width: 100%;
|
|
84
|
-
`;
|
|
85
|
-
export const CarouselWrapper = styled.div `
|
|
86
|
-
position: relative;
|
|
87
|
-
width: 100%;
|
|
88
|
-
`;
|
|
89
|
-
export const CarouselContent = styled.div `
|
|
90
|
-
overflow: hidden;
|
|
91
|
-
`;
|
|
92
|
-
export const CardsRow = styled.div `
|
|
93
|
-
display: flex;
|
|
94
|
-
gap: 20px;
|
|
95
|
-
overflow-x: hidden;
|
|
96
|
-
scroll-snap-type: x mandatory;
|
|
97
|
-
scrollbar-width: none;
|
|
98
|
-
-ms-overflow-style: none;
|
|
99
|
-
padding: 0;
|
|
100
|
-
scroll-behavior: smooth;
|
|
101
|
-
cursor: grab;
|
|
102
|
-
user-select: none;
|
|
103
|
-
align-items: stretch;
|
|
104
|
-
|
|
105
|
-
&::-webkit-scrollbar {
|
|
106
|
-
display: none;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
&:active {
|
|
110
|
-
cursor: grabbing;
|
|
111
|
-
}
|
|
112
|
-
`;
|
|
113
|
-
export const PageControl = styled.div `
|
|
114
|
-
display: flex;
|
|
115
|
-
justify-content: center;
|
|
116
|
-
align-items: center;
|
|
117
|
-
gap: 10px;
|
|
118
|
-
padding: 12px;
|
|
119
|
-
background: ${colors.white};
|
|
120
|
-
`;
|
|
121
|
-
export const NavigationArrowButton = styled.button `
|
|
122
|
-
display: none;
|
|
123
|
-
position: absolute;
|
|
124
|
-
top: 50%;
|
|
125
|
-
transform: translateY(-50%);
|
|
126
|
-
${({ direction }) => direction === 'left' ? 'left: -68px;' : 'right: -68px;'} z-index: 10;
|
|
127
|
-
width: 48px;
|
|
128
|
-
height: 48px;
|
|
129
|
-
border: none;
|
|
130
|
-
border-radius: 50%;
|
|
131
|
-
background: ${({ disabled }) => (disabled ? '#CCCCCC' : colors.primary)};
|
|
132
|
-
cursor: ${({ disabled }) => (disabled ? 'default' : 'pointer')};
|
|
133
|
-
align-items: center;
|
|
134
|
-
justify-content: center;
|
|
135
|
-
transition: background 0.2s ease;
|
|
136
|
-
pointer-events: ${({ disabled }) => (disabled ? 'none' : 'auto')};
|
|
137
|
-
|
|
138
|
-
svg {
|
|
139
|
-
width: 24px;
|
|
140
|
-
height: 24px;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
svg path {
|
|
144
|
-
stroke: ${colors.white};
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
&:hover:not(:disabled) {
|
|
148
|
-
background: #004a6e;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
@media (min-width: ${breakpoints.lg}) {
|
|
152
|
-
display: flex;
|
|
153
|
-
}
|
|
154
|
-
`;
|
|
155
|
-
export const PageDotButton = styled.button `
|
|
156
|
-
width: 8px;
|
|
157
|
-
height: 8px;
|
|
158
|
-
border-radius: 1000px;
|
|
159
|
-
border: none;
|
|
160
|
-
padding: 0;
|
|
161
|
-
background: ${({ active }) => (active ? '#01000D' : '#AAAAAA')};
|
|
162
|
-
cursor: pointer;
|
|
163
|
-
transition: background 0.2s ease;
|
|
164
|
-
|
|
165
|
-
&:hover {
|
|
166
|
-
background: #01000d;
|
|
167
|
-
}
|
|
168
|
-
`;
|
|
169
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2Fyb3VzZWwtY29tcG9uZW50L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRWhELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRztJQUN6QixFQUFFLEVBQUUsT0FBTztJQUNYLEVBQUUsRUFBRSxPQUFPO0lBQ1gsRUFBRSxFQUFFLFFBQVE7SUFDWixFQUFFLEVBQUUsUUFBUTtDQUNiLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUc7SUFDcEIsT0FBTyxFQUFFLFNBQVM7SUFDbEIsS0FBSyxFQUFFLFNBQVM7Q0FDakIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUdyQzs7Ozs7O0lBTUUsS0FBSyxDQUFDLEVBQUU7SUFDUixJQUFJLENBQUMsS0FBSyxDQUFDLGVBQWUsRUFBRTtRQUMxQixPQUFPLEVBQUUsQ0FBQztLQUNYO0lBQ0QsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxHQUFHLEtBQUssQ0FBQyxlQUFlLENBQUM7SUFDOUQsT0FBTyxHQUFHLENBQUE7UUFDTixNQUFNO1FBQ047NkJBQ3FCLFdBQVcsQ0FBQyxFQUFFO3NCQUNyQixNQUFNOztPQUVyQjtRQUNDLE1BQU07UUFDTjs2QkFDcUIsV0FBVyxDQUFDLEVBQUU7c0JBQ3JCLE1BQU07O09BRXJCO1FBQ0MsT0FBTztRQUNQOzZCQUNxQixXQUFXLENBQUMsRUFBRTtzQkFDckIsT0FBTzs7T0FFdEI7UUFDQyxFQUFFO1FBQ0Y7NkJBQ3FCLFdBQVcsQ0FBQyxFQUFFO3NCQUNyQixFQUFFOztPQUVqQjtLQUNGLENBQUM7QUFDSixDQUFDLElBQUksS0FBSyxDQUFDLEVBQUU7SUFDWCxJQUFJLENBQUMsS0FBSyxDQUFDLGtCQUFrQixFQUFFO1FBQzdCLE9BQU8sRUFBRSxDQUFDO0tBQ1g7SUFDRCxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLEdBQUcsS0FBSyxDQUFDLGtCQUFrQixDQUFDO0lBQ2pFLE9BQU8sR0FBRyxDQUFBO1FBQ04sTUFBTTtRQUNOOzZCQUNxQixXQUFXLENBQUMsRUFBRTt1QkFDcEIsTUFBTTs7T0FFdEI7UUFDQyxNQUFNO1FBQ047NkJBQ3FCLFdBQVcsQ0FBQyxFQUFFO3VCQUNwQixNQUFNOztPQUV0QjtRQUNDLE9BQU87UUFDUDs2QkFDcUIsV0FBVyxDQUFDLEVBQUU7dUJBQ3BCLE9BQU87O09BRXZCO1FBQ0MsRUFBRTtRQUNGOzZCQUNxQixXQUFXLENBQUMsRUFBRTt1QkFDcEIsRUFBRTs7T0FFbEI7S0FDRixDQUFDO0FBQ0osQ0FBQztDQUNGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOztDQUUxQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7OztDQUd4QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7O0NBRXhDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FvQmpDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7O2dCQU1yQixNQUFNLENBQUMsS0FBSztDQUMzQixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FHaEQ7Ozs7O0lBS0UsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsQ0FDbEIsU0FBUyxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxlQUFlOzs7OztnQkFLM0MsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDO1lBQzdELENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDOzs7O29CQUk1QyxDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQzs7Ozs7Ozs7Y0FRcEQsTUFBTSxDQUFDLEtBQUs7Ozs7Ozs7dUJBT0gsV0FBVyxDQUFDLEVBQUU7OztDQUdwQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQXFCOzs7Ozs7Z0JBTS9DLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDOzs7Ozs7O0NBTy9ELENBQUMifQ==
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface ResponsiveConfig {
|
|
3
|
-
xs?: string;
|
|
4
|
-
mobile?: string;
|
|
5
|
-
tablet?: string;
|
|
6
|
-
desktop?: string;
|
|
7
|
-
xl?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare type ResponsiveConfigNoXs = Omit<ResponsiveConfig, 'xs'>;
|
|
10
|
-
export interface ArrowComponentProps {
|
|
11
|
-
direction: 'left' | 'right';
|
|
12
|
-
onClick: () => void;
|
|
13
|
-
disabled: boolean;
|
|
14
|
-
}
|
|
15
|
-
export interface DotComponentProps {
|
|
16
|
-
active: boolean;
|
|
17
|
-
onClick: () => void;
|
|
18
|
-
index: number;
|
|
19
|
-
}
|
|
20
|
-
export interface CarouselComponentProps {
|
|
21
|
-
items: ReactNode[];
|
|
22
|
-
options?: UseCarouselOptions;
|
|
23
|
-
showArrows?: boolean;
|
|
24
|
-
showDots?: boolean;
|
|
25
|
-
arrowComponent?: React.ComponentType<ArrowComponentProps>;
|
|
26
|
-
dotComponent?: React.ComponentType<DotComponentProps>;
|
|
27
|
-
className?: string;
|
|
28
|
-
}
|
|
29
|
-
export interface CarouselItemProps {
|
|
30
|
-
children: ReactNode;
|
|
31
|
-
widthItemConfig?: ResponsiveConfig;
|
|
32
|
-
maxWidthItemConfig?: ResponsiveConfigNoXs;
|
|
33
|
-
className?: string;
|
|
34
|
-
}
|
|
35
|
-
export interface UseCarouselOptions {
|
|
36
|
-
itemsPerPage?: number;
|
|
37
|
-
onPageChange?: (page: number) => void;
|
|
38
|
-
}
|
|
39
|
-
export interface UseCarouselReturn {
|
|
40
|
-
currentPage: number;
|
|
41
|
-
totalPages: number;
|
|
42
|
-
carouselRef: React.RefObject<HTMLDivElement>;
|
|
43
|
-
isScrolling: boolean;
|
|
44
|
-
handlePrevious: () => void;
|
|
45
|
-
handleNext: () => void;
|
|
46
|
-
scrollToPage: (page: number) => void;
|
|
47
|
-
handleMouseDown: (e: React.MouseEvent) => void;
|
|
48
|
-
handleMouseUp: (e: React.MouseEvent) => void;
|
|
49
|
-
handleMouseLeave: (e: React.MouseEvent<Element, MouseEvent>) => void;
|
|
50
|
-
handleTouchStart: (e: React.TouchEvent) => void;
|
|
51
|
-
handleTouchMove: (e: React.TouchEvent) => void;
|
|
52
|
-
handleTouchEnd: () => void;
|
|
53
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Placeholder } from '@times-components/image';
|
|
3
|
-
import { CardContainer, ImageContainer, CardContent, TopContainer, BottomContainer, DataPointsList, DataPoint, PriceSection, PriceContainer } from './styles';
|
|
4
|
-
import { SkeletonLine, SkeletonHeadline, SkeletonPrice, SkeletonButton } from './skeletonStyles';
|
|
5
|
-
export const SkeletonCard = ({ isStaticGrid, imgHeight = {} }) => {
|
|
6
|
-
return (React.createElement(CardContainer, { "data-testid": "skeleton-card-container" },
|
|
7
|
-
React.createElement(ImageContainer, Object.assign({ "data-testid": "skeleton-image-container", isStaticGrid: isStaticGrid }, imgHeight),
|
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b25DYXJkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJpcC1jYXJkcy9Ta2VsZXRvbkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBYSxNQUFNLE9BQU8sQ0FBQztBQUNsQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEQsT0FBTyxFQUNMLGFBQWEsRUFDYixjQUFjLEVBQ2QsV0FBVyxFQUNYLFlBQVksRUFDWixlQUFlLEVBQ2YsY0FBYyxFQUNkLFNBQVMsRUFDVCxZQUFZLEVBQ1osY0FBYyxFQUNmLE1BQU0sVUFBVSxDQUFDO0FBQ2xCLE9BQU8sRUFDTCxZQUFZLEVBQ1osZ0JBQWdCLEVBQ2hCLGFBQWEsRUFDYixjQUFjLEVBQ2YsTUFBTSxrQkFBa0IsQ0FBQztBQUcxQixNQUFNLENBQUMsTUFBTSxZQUFZLEdBR3BCLENBQUMsRUFBRSxZQUFZLEVBQUUsU0FBUyxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUU7SUFDeEMsT0FBTyxDQUNMLG9CQUFDLGFBQWEsbUJBQWEseUJBQXlCO1FBQ2xELG9CQUFDLGNBQWMsaUNBQ0QsMEJBQTBCLEVBQ3RDLFlBQVksRUFBRSxZQUFZLElBQ3RCLFNBQVM7WUFFYixvQkFBQyxXQUFXLE9BQUcsQ0FDQTtRQUNqQixvQkFBQyxXQUFXLG1CQUFhLHVCQUF1QjtZQUM5QyxvQkFBQyxZQUFZLG1CQUFhLHdCQUF3QjtnQkFDaEQsb0JBQUMsZ0JBQWdCLG1CQUFhLG1CQUFtQixHQUFHO2dCQUNwRCxvQkFBQyxjQUFjLG1CQUFhLDJCQUEyQixJQUNwRCxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQ3JCLG9CQUFDLFNBQVMsSUFBQyxHQUFHLEVBQUUsQ0FBQyxpQkFBZSx1QkFBdUIsQ0FBQyxFQUFFO29CQUN4RCxvQkFBQyxZQUFZLElBQUMsS0FBSyxFQUFDLE1BQU0saUJBQWMsaUJBQWlCLENBQUMsRUFBRSxHQUFJLENBQ3RELENBQ2IsQ0FBQyxDQUNhLENBQ0o7WUFDZixvQkFBQyxlQUFlLG1CQUFhLDJCQUEyQjtnQkFDdEQsb0JBQUMsWUFBWSxtQkFBYSx3QkFBd0I7b0JBQ2hELG9CQUFDLGNBQWMsbUJBQWEsMEJBQTBCO3dCQUNwRCxvQkFBQyxZQUFZLElBQ1gsS0FBSyxFQUFDLE1BQU0sRUFDWixZQUFZLEVBQUMsS0FBSyxpQkFDTixzQkFBc0IsR0FDbEM7d0JBQ0Ysb0JBQUMsYUFBYSxtQkFBYSxnQkFBZ0IsR0FBRyxDQUMvQixDQUNKO2dCQUNmLG9CQUFDLGNBQWMsSUFBQyxFQUFFLEVBQUMsS0FBSyxpQkFBYSxpQkFBaUIsR0FBRyxDQUN6QyxDQUNOLENBQ0EsQ0FDakIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import { Placeholder } from '@times-components/image';
|
|
3
|
-
import { CardContainer, ImageContainer, CardImage, OfferLabel, GiftBanner, CardContent, TopContainer, BottomContainer, Headline, DataPointsList, DataPoint, DataIcon, PriceSection, PriceContainer, OfferContainer, PriceLabel, OriginalPrice, CurrentPrice, LogoContainer, CTAButton, PriceSuffix } from './styles';
|
|
4
|
-
import { MoonIcon, LocationIcon, BoatIcon, CalendarIcon } from './assets';
|
|
5
|
-
export const TripCard = ({ card, isStaticGrid, imgHeight = {} }) => {
|
|
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, Object.assign({ isStaticGrid: isStaticGrid }, imgHeight),
|
|
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, { "$isEnquire": card.price === 'Enquire now' },
|
|
42
|
-
card.price,
|
|
43
|
-
card.price !== 'Enquire now' && React.createElement(PriceSuffix, null, "pp"))),
|
|
44
|
-
card.logo && (React.createElement(LogoContainer, null,
|
|
45
|
-
React.createElement("a", { href: card.logo_url, target: "_blank", rel: "noopener noreferrer" },
|
|
46
|
-
React.createElement("img", { src: card.logo, alt: "Partner logo" }))))),
|
|
47
|
-
React.createElement(CTAButton, { href: card.cta_url, target: "_blank", rel: "noopener noreferrer" }, card.cta_text || 'View Itinerary')))));
|
|
48
|
-
};
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJpcENhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmlwLWNhcmRzL1RyaXBDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFNLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUM1QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFdEQsT0FBTyxFQUNMLGFBQWEsRUFDYixjQUFjLEVBQ2QsU0FBUyxFQUNULFVBQVUsRUFDVixVQUFVLEVBQ1YsV0FBVyxFQUNYLFlBQVksRUFDWixlQUFlLEVBQ2YsUUFBUSxFQUNSLGNBQWMsRUFDZCxTQUFTLEVBQ1QsUUFBUSxFQUNSLFlBQVksRUFDWixjQUFjLEVBQ2QsY0FBYyxFQUNkLFVBQVUsRUFDVixhQUFhLEVBQ2IsWUFBWSxFQUNaLGFBQWEsRUFDYixTQUFTLEVBQ1QsV0FBVyxFQUNaLE1BQU0sVUFBVSxDQUFDO0FBQ2xCLE9BQU8sRUFBRSxRQUFRLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFMUUsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFzQixDQUFDLEVBQzFDLElBQUksRUFDSixZQUFZLEVBQ1osU0FBUyxHQUFHLEVBQUUsRUFDZixFQUFFLEVBQUU7SUFDSCxNQUFNLENBQUMsV0FBVyxFQUFFLGNBQWMsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUV0RCxPQUFPLENBQ0wsb0JBQUMsYUFBYTtRQUNaLDJCQUNFLElBQUksRUFBRSxJQUFJLENBQUMsT0FBTyxFQUNsQixNQUFNLEVBQUMsUUFBUSxFQUNmLEdBQUcsRUFBQyxxQkFBcUIsRUFDekIsS0FBSyxFQUFFLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBRW5ELG9CQUFDLGNBQWMsa0JBQUMsWUFBWSxFQUFFLFlBQVksSUFBTSxTQUFTO2dCQUN0RCxDQUFDLFdBQVcsSUFBSSxvQkFBQyxXQUFXLE9BQUc7Z0JBQ2hDLG9CQUFDLFNBQVMsSUFDUixHQUFHLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFDZixHQUFHLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFDbEIsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsRUFDbEMsS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQUUsR0FDbEQ7Z0JBQ0QsSUFBSSxDQUFDLFdBQVcsSUFBSSxvQkFBQyxVQUFVLFFBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBYztnQkFDL0QsSUFBSSxDQUFDLFdBQVcsSUFBSSxvQkFBQyxVQUFVLFFBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBYyxDQUNqRCxDQUNmO1FBRUosb0JBQUMsV0FBVztZQUNWLG9CQUFDLFlBQVk7Z0JBQ1gsMkJBQ0UsSUFBSSxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQ2xCLE1BQU0sRUFBQyxRQUFRLEVBQ2YsR0FBRyxFQUFDLHFCQUFxQixFQUN6QixLQUFLLEVBQUUsRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7b0JBRW5ELG9CQUFDLFFBQVEsUUFBRSxJQUFJLENBQUMsUUFBUSxDQUFZLENBQ2xDO2dCQUVKLG9CQUFDLGNBQWM7b0JBQ1osSUFBSSxDQUFDLElBQUksSUFBSSxDQUNaLG9CQUFDLFNBQVM7d0JBQ1Isb0JBQUMsUUFBUTs0QkFDUCxvQkFBQyxZQUFZLE9BQUcsQ0FDUDt3QkFDWCxrQ0FBTyxJQUFJLENBQUMsSUFBSSxDQUFRLENBQ2QsQ0FDYjtvQkFDQSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQ2hCLG9CQUFDLFNBQVM7d0JBQ1Isb0JBQUMsUUFBUTs0QkFDUCxvQkFBQyxRQUFRLE9BQUcsQ0FDSDt3QkFDWCxrQ0FBTyxJQUFJLENBQUMsUUFBUSxDQUFRLENBQ2xCLENBQ2I7b0JBQ0EsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUNiLG9CQUFDLFNBQVM7d0JBQ1Isb0JBQUMsUUFBUTs0QkFDUCxvQkFBQyxZQUFZLE9BQUcsQ0FDUDt3QkFDWCxrQ0FBTyxJQUFJLENBQUMsS0FBSyxDQUFRLENBQ2YsQ0FDYjtvQkFDQSxJQUFJLENBQUMsSUFBSSxJQUFJLENBQ1osb0JBQUMsU0FBUzt3QkFDUixvQkFBQyxRQUFROzRCQUNQLG9CQUFDLFFBQVEsT0FBRyxDQUNIO3dCQUNYLGtDQUFPLElBQUksQ0FBQyxJQUFJLENBQVEsQ0FDZCxDQUNiLENBQ2MsQ0FDSjtZQUVmLG9CQUFDLGVBQWU7Z0JBQ2Qsb0JBQUMsWUFBWTtvQkFDWCxvQkFBQyxjQUFjO3dCQUNiLG9CQUFDLGNBQWM7NEJBQ1osSUFBSSxDQUFDLEtBQUssS0FBSyxhQUFhLElBQUksb0JBQUMsVUFBVSxlQUFrQjs0QkFDN0QsSUFBSSxDQUFDLGNBQWMsSUFBSSxDQUN0QixvQkFBQyxhQUFhLFFBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBaUIsQ0FDckQsQ0FDYzt3QkFDakIsb0JBQUMsWUFBWSxrQkFBYSxJQUFJLENBQUMsS0FBSyxLQUFLLGFBQWE7NEJBQ25ELElBQUksQ0FBQyxLQUFLOzRCQUNWLElBQUksQ0FBQyxLQUFLLEtBQUssYUFBYSxJQUFJLG9CQUFDLFdBQVcsYUFBaUIsQ0FDakQsQ0FDQTtvQkFFaEIsSUFBSSxDQUFDLElBQUksSUFBSSxDQUNaLG9CQUFDLGFBQWE7d0JBQ1osMkJBQ0UsSUFBSSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQ25CLE1BQU0sRUFBQyxRQUFRLEVBQ2YsR0FBRyxFQUFDLHFCQUFxQjs0QkFFekIsNkJBQUssR0FBRyxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsR0FBRyxFQUFDLGNBQWMsR0FBRyxDQUN4QyxDQUNVLENBQ2pCLENBQ1k7Z0JBRWYsb0JBQUMsU0FBUyxJQUNSLElBQUksRUFBRSxJQUFJLENBQUMsT0FBTyxFQUNsQixNQUFNLEVBQUMsUUFBUSxFQUNmLEdBQUcsRUFBQyxxQkFBcUIsSUFFeEIsSUFBSSxDQUFDLFFBQVEsSUFBSSxnQkFBZ0IsQ0FDeEIsQ0FDSSxDQUNOLENBQ0EsQ0FDakIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|