@smg-automotive/components 25.10.1 → 25.10.2-DM-4743-scopped-i18n.1
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/cjs/components/errorPage/content/index.d.ts +11 -0
- package/dist/cjs/components/errorPage/content/index.d.ts.map +1 -0
- package/dist/cjs/components/errorPage/index.d.ts +2 -9
- package/dist/cjs/components/errorPage/index.d.ts.map +1 -1
- package/dist/cjs/components/filterPatterns/ActionButton.d.ts.map +1 -1
- package/dist/cjs/components/filterPatterns/Heading.d.ts +2 -9
- package/dist/cjs/components/filterPatterns/Heading.d.ts.map +1 -1
- package/dist/cjs/components/filterPatterns/HeadingContent.d.ts +11 -0
- package/dist/cjs/components/filterPatterns/HeadingContent.d.ts.map +1 -0
- package/dist/cjs/components/filterPatterns/modal/Content.d.ts +5 -0
- package/dist/cjs/components/filterPatterns/modal/Content.d.ts.map +1 -0
- package/dist/cjs/components/filterPatterns/modal/index.d.ts +1 -2
- package/dist/cjs/components/filterPatterns/modal/index.d.ts.map +1 -1
- package/dist/cjs/components/filterPatterns/popover/Content.d.ts +5 -0
- package/dist/cjs/components/filterPatterns/popover/Content.d.ts.map +1 -0
- package/dist/cjs/components/filterPatterns/popover/index.d.ts +1 -2
- package/dist/cjs/components/filterPatterns/popover/index.d.ts.map +1 -1
- package/dist/cjs/components/galleryHeader/Content.d.ts +11 -0
- package/dist/cjs/components/galleryHeader/Content.d.ts.map +1 -0
- package/dist/cjs/components/galleryHeader/index.d.ts +3 -9
- package/dist/cjs/components/galleryHeader/index.d.ts.map +1 -1
- package/dist/cjs/components/navigation/header/NavigationAvatar.d.ts.map +1 -1
- package/dist/cjs/components/navigation/header/drawer/DrawerLoginToggle.d.ts.map +1 -1
- package/dist/cjs/components/navigation/header/links/NavigationLink.d.ts.map +1 -1
- package/dist/cjs/components/navigation/header/navigationTenantMenu/index.d.ts.map +1 -1
- package/dist/cjs/components/tenantSelection/Overview.d.ts.map +1 -1
- package/dist/cjs/components/tenantSelection/select/index.d.ts.map +1 -1
- package/dist/cjs/components/translationProvider/index.d.ts.map +1 -1
- package/dist/cjs/components/translationProvider/withTranslationProvider.d.ts +8 -0
- package/dist/cjs/components/translationProvider/withTranslationProvider.d.ts.map +1 -0
- package/dist/cjs/index.js +225 -214
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/utilities/i18nInit.d.ts +18 -0
- package/dist/cjs/utilities/i18nInit.d.ts.map +1 -0
- package/dist/esm/components/checkboxFilter/CheckboxGroupCollapsibleWithChildren.js +1 -1
- package/dist/esm/components/errorPage/content/EmailChangeVerification.js +1 -1
- package/dist/esm/components/errorPage/content/index.d.ts +11 -0
- package/dist/esm/components/errorPage/content/index.d.ts.map +1 -0
- package/dist/esm/components/errorPage/content/index.js +282 -0
- package/dist/esm/components/errorPage/content/index.js.map +1 -0
- package/dist/esm/components/errorPage/index.d.ts +2 -9
- package/dist/esm/components/errorPage/index.d.ts.map +1 -1
- package/dist/esm/components/errorPage/index.js +3 -282
- package/dist/esm/components/errorPage/index.js.map +1 -1
- package/dist/esm/components/filterPatterns/ActionButton.d.ts.map +1 -1
- package/dist/esm/components/filterPatterns/ActionButton.js +1 -1
- package/dist/esm/components/filterPatterns/ActionButton.js.map +1 -1
- package/dist/esm/components/filterPatterns/Heading.d.ts +2 -9
- package/dist/esm/components/filterPatterns/Heading.d.ts.map +1 -1
- package/dist/esm/components/filterPatterns/Heading.js +3 -194
- package/dist/esm/components/filterPatterns/Heading.js.map +1 -1
- package/dist/esm/components/filterPatterns/HeadingContent.d.ts +11 -0
- package/dist/esm/components/filterPatterns/HeadingContent.d.ts.map +1 -0
- package/dist/esm/components/filterPatterns/HeadingContent.js +194 -0
- package/dist/esm/components/filterPatterns/HeadingContent.js.map +1 -0
- package/dist/esm/components/filterPatterns/modal/Content.d.ts +5 -0
- package/dist/esm/components/filterPatterns/modal/Content.d.ts.map +1 -0
- package/dist/esm/components/filterPatterns/modal/Content.js +29 -0
- package/dist/esm/components/filterPatterns/modal/Content.js.map +1 -0
- package/dist/esm/components/filterPatterns/modal/index.d.ts +1 -2
- package/dist/esm/components/filterPatterns/modal/index.d.ts.map +1 -1
- package/dist/esm/components/filterPatterns/modal/index.js +5 -27
- package/dist/esm/components/filterPatterns/modal/index.js.map +1 -1
- package/dist/esm/components/filterPatterns/popover/Content.d.ts +5 -0
- package/dist/esm/components/filterPatterns/popover/Content.d.ts.map +1 -0
- package/dist/esm/components/filterPatterns/popover/Content.js +231 -0
- package/dist/esm/components/filterPatterns/popover/Content.js.map +1 -0
- package/dist/esm/components/filterPatterns/popover/Popover.js +1 -1
- package/dist/esm/components/filterPatterns/popover/index.d.ts +1 -2
- package/dist/esm/components/filterPatterns/popover/index.d.ts.map +1 -1
- package/dist/esm/components/filterPatterns/popover/index.js +5 -234
- package/dist/esm/components/filterPatterns/popover/index.js.map +1 -1
- package/dist/esm/components/galleryHeader/Content.d.ts +11 -0
- package/dist/esm/components/galleryHeader/Content.d.ts.map +1 -0
- package/dist/esm/components/galleryHeader/Content.js +201 -0
- package/dist/esm/components/galleryHeader/Content.js.map +1 -0
- package/dist/esm/components/galleryHeader/index.d.ts +3 -9
- package/dist/esm/components/galleryHeader/index.d.ts.map +1 -1
- package/dist/esm/components/galleryHeader/index.js +3 -201
- package/dist/esm/components/galleryHeader/index.js.map +1 -1
- package/dist/esm/components/navigation/footer/Apps.js +1 -1
- package/dist/esm/components/navigation/footer/Copyright.js +1 -1
- package/dist/esm/components/navigation/footer/Link.js +1 -1
- package/dist/esm/components/navigation/footer/Sections.js +1 -1
- package/dist/esm/components/navigation/header/ComparisonItem.js +1 -1
- package/dist/esm/components/navigation/header/FavoritesItem.js +1 -1
- package/dist/esm/components/navigation/header/NavigationAvatar.d.ts.map +1 -1
- package/dist/esm/components/navigation/header/NavigationAvatar.js +1 -1
- package/dist/esm/components/navigation/header/NavigationItem.js +1 -1
- package/dist/esm/components/navigation/header/drawer/DrawerLoginToggle.d.ts.map +1 -1
- package/dist/esm/components/navigation/header/drawer/DrawerLoginToggle.js +1 -1
- package/dist/esm/components/navigation/header/drawer/DrawerSections.js +1 -1
- package/dist/esm/components/navigation/header/links/NavigationLink.d.ts.map +1 -1
- package/dist/esm/components/navigation/header/links/NavigationLink.js +1 -1
- package/dist/esm/components/navigation/header/links/NavigationLink.js.map +1 -1
- package/dist/esm/components/navigation/header/navigationTenantMenu/index.d.ts.map +1 -1
- package/dist/esm/components/navigation/header/navigationTenantMenu/index.js +1 -1
- package/dist/esm/components/tenantSelection/Overview.d.ts.map +1 -1
- package/dist/esm/components/tenantSelection/Overview.js +1 -1
- package/dist/esm/components/tenantSelection/Overview.js.map +1 -1
- package/dist/esm/components/tenantSelection/select/index.d.ts.map +1 -1
- package/dist/esm/components/tenantSelection/select/index.js +1 -1
- package/dist/esm/components/tenantSelection/select/index.js.map +1 -1
- package/dist/esm/components/translationProvider/index.d.ts.map +1 -1
- package/dist/esm/components/translationProvider/index.js +2 -1
- package/dist/esm/components/translationProvider/index.js.map +1 -1
- package/dist/esm/components/translationProvider/withTranslationProvider.d.ts +8 -0
- package/dist/esm/components/translationProvider/withTranslationProvider.d.ts.map +1 -0
- package/dist/esm/components/translationProvider/withTranslationProvider.js +16 -0
- package/dist/esm/components/translationProvider/withTranslationProvider.js.map +1 -0
- package/dist/esm/utilities/i18nInit.d.ts +18 -0
- package/dist/esm/utilities/i18nInit.d.ts.map +1 -0
- package/dist/esm/utilities/i18nInit.js +7 -0
- package/dist/esm/utilities/i18nInit.js.map +1 -0
- package/dist/index.d.ts +65 -61
- package/package.json +3 -3
|
@@ -0,0 +1,231 @@
|
|
|
1
|
+
import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useDisclosure, Popover, ButtonGroup, PopoverTrigger, Button, chakra, IconButton } from '@chakra-ui/react';
|
|
4
|
+
import { useI18n } from '../../../utilities/i18nInit.js';
|
|
5
|
+
import '../../icons/AdvancedSearchIcon.js';
|
|
6
|
+
import '../../icons/ArrowCircleIcon.js';
|
|
7
|
+
import '../../icons/ArrowDiagonalIcon.js';
|
|
8
|
+
import '../../icons/ArrowDownIcon.js';
|
|
9
|
+
import '../../icons/ArrowLeftIcon.js';
|
|
10
|
+
import '../../icons/ArrowRightIcon.js';
|
|
11
|
+
import '../../icons/ArrowUpIcon.js';
|
|
12
|
+
import '../../icons/AutoScout24AppLogo.js';
|
|
13
|
+
import '../../icons/AvatarIcon.js';
|
|
14
|
+
import '../../icons/AvatarWithNotificationIcon.js';
|
|
15
|
+
import '../../icons/BatteryIcon.js';
|
|
16
|
+
import '../../icons/BookmarkIcon.js';
|
|
17
|
+
import '../../icons/CalculatorIcon.js';
|
|
18
|
+
import '../../icons/CalendarIcon.js';
|
|
19
|
+
import '../../icons/CallIcon.js';
|
|
20
|
+
import '../../icons/CamperIcon.js';
|
|
21
|
+
import '../../icons/CarConditionIcon.js';
|
|
22
|
+
import '../../icons/CarIcon.js';
|
|
23
|
+
import '../../icons/CopyIcon.js';
|
|
24
|
+
import '../../icons/ChartIcon.js';
|
|
25
|
+
import '../../icons/CheckmarkIcon.js';
|
|
26
|
+
import '../../icons/CheckmarkCircleIcon.js';
|
|
27
|
+
import '../../icons/CheckShieldIcon.js';
|
|
28
|
+
import '../../icons/ChevronDownLargeIcon.js';
|
|
29
|
+
import { ChevronDownSmallIcon } from '../../icons/ChevronDownSmallIcon.js';
|
|
30
|
+
import '../../icons/ChevronLeftLargeIcon.js';
|
|
31
|
+
import '../../icons/ChevronLeftSmallIcon.js';
|
|
32
|
+
import '../../icons/ChevronRightLargeIcon.js';
|
|
33
|
+
import '../../icons/ChevronRightSmallIcon.js';
|
|
34
|
+
import '../../icons/ChevronRightTinyIcon.js';
|
|
35
|
+
import '../../icons/ChevronUpLargeIcon.js';
|
|
36
|
+
import '../../icons/ChevronUpSmallIcon.js';
|
|
37
|
+
import { CloseIcon } from '../../icons/CloseIcon.js';
|
|
38
|
+
import '../../icons/CompareIcon.js';
|
|
39
|
+
import '../../icons/ConsumptionIcon.js';
|
|
40
|
+
import '../../icons/CreditIcon.js';
|
|
41
|
+
import '../../icons/CreditCardIcon.js';
|
|
42
|
+
import '../../icons/DaylightIcon.js';
|
|
43
|
+
import '../../icons/DeleteIcon.js';
|
|
44
|
+
import '../../icons/DocumentCheckIcon.js';
|
|
45
|
+
import '../../icons/DocumentIcon.js';
|
|
46
|
+
import '../../icons/DragIcon.js';
|
|
47
|
+
import '../../icons/DriveSystemIcon.js';
|
|
48
|
+
import '../../icons/DriveTypeIcon.js';
|
|
49
|
+
import '../../icons/EquipmentIcon.js';
|
|
50
|
+
import '../../icons/ErrorIcon.js';
|
|
51
|
+
import '../../icons/ExchangeIcon.js';
|
|
52
|
+
import '../../icons/EyeIcon.js';
|
|
53
|
+
import '../../icons/EyeCrossedIcon.js';
|
|
54
|
+
import '../../icons/FacebookIcon.js';
|
|
55
|
+
import '../../icons/FlagIcon.js';
|
|
56
|
+
import '../../icons/FlameIcon.js';
|
|
57
|
+
import '../../icons/FlashIcon.js';
|
|
58
|
+
import '../../icons/GasStationIcon.js';
|
|
59
|
+
import '../../icons/HeartIcon.js';
|
|
60
|
+
import '../../icons/HistoryClockIcon.js';
|
|
61
|
+
import '../../icons/HouseIcon.js';
|
|
62
|
+
import '../../icons/ImageIcon.js';
|
|
63
|
+
import '../../icons/InfoIcon.js';
|
|
64
|
+
import '../../icons/InstagramIcon.js';
|
|
65
|
+
import '../../icons/InteriorIcon.js';
|
|
66
|
+
import '../../icons/LinkedinIcon.js';
|
|
67
|
+
import '../../icons/ListIcon.js';
|
|
68
|
+
import '../../icons/LocationPinIcon.js';
|
|
69
|
+
import '../../icons/MagnifierIcon.js';
|
|
70
|
+
import '../../icons/MessageIcon.js';
|
|
71
|
+
import '../../icons/MissingImageIcon.js';
|
|
72
|
+
import '../../icons/MotorcycleIcon.js';
|
|
73
|
+
import '../../icons/MotoScout24AppLogo.js';
|
|
74
|
+
import '../../icons/PenIcon.js';
|
|
75
|
+
import '../../icons/PlusIcon.js';
|
|
76
|
+
import '../../icons/ChfCurrencyIcon.js';
|
|
77
|
+
import '../../icons/PrintIcon.js';
|
|
78
|
+
import '../../icons/RangeIcon.js';
|
|
79
|
+
import '../../icons/RoadIcon.js';
|
|
80
|
+
import '../../icons/RotateIcon.js';
|
|
81
|
+
import '../../icons/SafeNumberIcon.js';
|
|
82
|
+
import '../../icons/ShareIcon.js';
|
|
83
|
+
import '../../icons/StarIcon.js';
|
|
84
|
+
import '../../icons/SteeringWheelIcon.js';
|
|
85
|
+
import '../../icons/ThreeSixtyIcon.js';
|
|
86
|
+
import '../../icons/TimeIcon.js';
|
|
87
|
+
import '../../icons/TooltipIcon.js';
|
|
88
|
+
import '../../icons/InformationIcon.js';
|
|
89
|
+
import '../../icons/TopListingIcon.js';
|
|
90
|
+
import '../../icons/TrailerIcon.js';
|
|
91
|
+
import '../../icons/TransmissionIcon.js';
|
|
92
|
+
import '../../icons/Trash.js';
|
|
93
|
+
import '../../icons/TruckIcon.js';
|
|
94
|
+
import '../../icons/TwitterIcon.js';
|
|
95
|
+
import '../../icons/UtilityVehicleIcon.js';
|
|
96
|
+
import '../../icons/VehiclePowerIcon.js';
|
|
97
|
+
import '../../icons/VehicleTypesMotorcycleIcon.js';
|
|
98
|
+
import '../../icons/VideoIcon.js';
|
|
99
|
+
import '../../icons/VideoCameraIcon.js';
|
|
100
|
+
import '../../icons/ViewCarIcon.js';
|
|
101
|
+
import '../../icons/DriveSystemLargeIcon.js';
|
|
102
|
+
import '../../icons/WarningIcon.js';
|
|
103
|
+
import '../../icons/WhatsAppIcon.js';
|
|
104
|
+
import '../../icons/YoutubeIcon.js';
|
|
105
|
+
import '../../icons/SortIcon.js';
|
|
106
|
+
import '../../icons/ViewMotorcycleIcon.js';
|
|
107
|
+
import '../../icons/GoogleIcon.js';
|
|
108
|
+
import '../../icons/SaveSearchIcon.js';
|
|
109
|
+
import '../../icons/AutoScout24Icon.js';
|
|
110
|
+
import '../../icons/MotoScout24Icon.js';
|
|
111
|
+
import '../../icons/MagnifierLargeIcon.js';
|
|
112
|
+
import '../../icons/RocketIcon.js';
|
|
113
|
+
import '../../icons/CartIcon.js';
|
|
114
|
+
import '../../icons/VanIcon.js';
|
|
115
|
+
import '../../icons/MiniVanIcon.js';
|
|
116
|
+
import '../../icons/SuvIcon.js';
|
|
117
|
+
import '../../icons/CoupeIcon.js';
|
|
118
|
+
import '../../icons/CabrioletIcon.js';
|
|
119
|
+
import '../../icons/SmallCarIcon.js';
|
|
120
|
+
import '../../icons/SedanIcon.js';
|
|
121
|
+
import '../../icons/WagonIcon.js';
|
|
122
|
+
import '../../icons/PickUpIcon.js';
|
|
123
|
+
import '../../icons/InformationBubbleIcon.js';
|
|
124
|
+
import '../../icons/OverflowVerticalIcon.js';
|
|
125
|
+
import '../../icons/PartialClockIcon.js';
|
|
126
|
+
import '../../icons/LockIcon.js';
|
|
127
|
+
import '../../icons/TiltedRectangleIcon.js';
|
|
128
|
+
import '../../icons/PlusCircleIcon.js';
|
|
129
|
+
import '../../icons/StarCircleIcon.js';
|
|
130
|
+
import '../../icons/InfinityCircleIcon.js';
|
|
131
|
+
import '../../icons/VehicleTypesMotorcycleStarIcon.js';
|
|
132
|
+
import '../../icons/CategoryAOneIcon.js';
|
|
133
|
+
import '../../icons/CategoryAIcon.js';
|
|
134
|
+
import '../../icons/CategoryAMinusIcon.js';
|
|
135
|
+
import '../../icons/BankNotesIcon.js';
|
|
136
|
+
import '../../icons/ChatBubbleIcon.js';
|
|
137
|
+
import '../../icons/DigitalContractIcon.js';
|
|
138
|
+
import '../../icons/OptimizerIcon.js';
|
|
139
|
+
import '../../icons/CheckmarkCircleColorIcon.js';
|
|
140
|
+
import '../../icons/ArrowDownCircleIcon.js';
|
|
141
|
+
import '../../icons/ArrowUpCircleIcon.js';
|
|
142
|
+
import '../../icons/NotAvailableIcon.js';
|
|
143
|
+
import '../../icons/LabelIcon.js';
|
|
144
|
+
import '../../icons/BulbIcon.js';
|
|
145
|
+
import '../../icons/NoPhotoIcon.js';
|
|
146
|
+
import '../../icons/ThumbsUpIcon.js';
|
|
147
|
+
import '../../icons/ThumbsDownIcon.js';
|
|
148
|
+
import '../../icons/MinusIcon.js';
|
|
149
|
+
import '../../icons/DoubleChevronUpIcon.js';
|
|
150
|
+
import '../../icons/DoubleChevronDownIcon.js';
|
|
151
|
+
import '../../icons/DoubleLineIcon.js';
|
|
152
|
+
import '../../icons/NotAvailableSquareIcon.js';
|
|
153
|
+
import '../../icons/WarrantyIcon.js';
|
|
154
|
+
import '../../icons/DownloadIcon.js';
|
|
155
|
+
import '../../icons/TriangleIcon.js';
|
|
156
|
+
import '../../icons/SwissFlagIcon.js';
|
|
157
|
+
import '../../icons/GlobeIcon.js';
|
|
158
|
+
import '../../icons/GarageIcon.js';
|
|
159
|
+
import '../../icons/HamburgerMenuIcon.js';
|
|
160
|
+
import '../../icons/LogoutIcon.js';
|
|
161
|
+
import '../../icons/AndroidIcon.js';
|
|
162
|
+
import '../../icons/AppleIcon.js';
|
|
163
|
+
import '../../icons/WindowsIcon.js';
|
|
164
|
+
import '../../icons/SpeakerIcon.js';
|
|
165
|
+
import '../../icons/AddPhotoIcon.js';
|
|
166
|
+
import '../../icons/ScreenIcon.js';
|
|
167
|
+
import '../../icons/QualitySealIcon.js';
|
|
168
|
+
import '../../icons/ExpandIcon.js';
|
|
169
|
+
import '../../icons/CollapseIcon.js';
|
|
170
|
+
import '../../icons/ForwardIcon.js';
|
|
171
|
+
import '../../icons/BalanceIcon.js';
|
|
172
|
+
import '../../icons/ParagraphIcon.js';
|
|
173
|
+
import Popover$1 from './Popover.js';
|
|
174
|
+
|
|
175
|
+
var PopoverFilterContent = function (_a) {
|
|
176
|
+
var actionButton = _a.actionButton, displayValue = _a.displayValue, enforceHeight = _a.enforceHeight, Icon = _a.Icon, _b = _a.initialPopoverState, initialPopoverState = _b === void 0 ? 'closed' : _b, isApplied = _a.isApplied, label = _a.label, appliedLabel = _a.appliedLabel, numberOfAppliedFilters = _a.numberOfAppliedFilters, onPopoverClose = _a.onPopoverClose, onPopoverOpen = _a.onPopoverOpen, onResetFilter = _a.onResetFilter, _c = _a.showCallToActionButton, showCallToActionButton = _c === void 0 ? true : _c, header = _a.header, children = _a.children, _d = _a.triggerHeight, triggerHeight = _d === void 0 ? 'md' : _d, isDisabled = _a.isDisabled, _e = _a.hasFlip, hasFlip = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? 'popover' : _f;
|
|
177
|
+
var t = useI18n().t;
|
|
178
|
+
var _g = useDisclosure({
|
|
179
|
+
defaultIsOpen: initialPopoverState === 'open',
|
|
180
|
+
onOpen: onPopoverOpen,
|
|
181
|
+
onClose: onPopoverClose,
|
|
182
|
+
}), onOpen = _g.onOpen, onClose = _g.onClose, isOpen = _g.isOpen;
|
|
183
|
+
var appliedOrOpenColorScheme = __assign(__assign({ backgroundColor: 'gray.900' }, (isApplied
|
|
184
|
+
? {
|
|
185
|
+
_hover: {
|
|
186
|
+
backgroundColor: 'black',
|
|
187
|
+
},
|
|
188
|
+
}
|
|
189
|
+
: {
|
|
190
|
+
_groupHover: {
|
|
191
|
+
backgroundColor: 'black',
|
|
192
|
+
},
|
|
193
|
+
})), { color: 'white' });
|
|
194
|
+
var defaultColorSchema = {
|
|
195
|
+
backgroundColor: 'gray.100',
|
|
196
|
+
_groupHover: {
|
|
197
|
+
backgroundColor: 'gray.200',
|
|
198
|
+
},
|
|
199
|
+
color: 'gray.900',
|
|
200
|
+
};
|
|
201
|
+
var disableFlip = [
|
|
202
|
+
{
|
|
203
|
+
name: 'preventOverflow',
|
|
204
|
+
options: {
|
|
205
|
+
boundary: 'viewport',
|
|
206
|
+
},
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
name: 'flip',
|
|
210
|
+
options: {
|
|
211
|
+
fallbackPlacements: [],
|
|
212
|
+
},
|
|
213
|
+
},
|
|
214
|
+
];
|
|
215
|
+
return (React.createElement(Popover, { returnFocusOnClose: true, placement: "bottom-start", isLazy: true, isOpen: isOpen, onOpen: onOpen, onClose: onClose, modifiers: !hasFlip ? disableFlip : [] },
|
|
216
|
+
React.createElement(ButtonGroup, { isAttached: true, w: "full", maxW: "full" },
|
|
217
|
+
React.createElement(PopoverTrigger, null,
|
|
218
|
+
React.createElement(Button, __assign({ borderRadius: "sm", borderRightColor: displayValue ? 'white' : undefined, borderRightWidth: displayValue ? '1px' : undefined, display: "flex", flex: "1", height: triggerHeight, justifyContent: "space-between", minW: "0", paddingX: "md", isDisabled: isDisabled, rightIcon: displayValue ? undefined : (React.createElement(ChevronDownSmallIcon, { w: "xs", h: "xs", transition: "0.2s", transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)' })) }, (isApplied || isOpen
|
|
219
|
+
? appliedOrOpenColorScheme
|
|
220
|
+
: defaultColorSchema)),
|
|
221
|
+
React.createElement(chakra.span, { overflow: "hidden", whiteSpace: "nowrap", display: "flex", alignItems: "center" },
|
|
222
|
+
Icon ? React.createElement(Icon, { h: "xs", w: "xs", mr: "xs" }) : null,
|
|
223
|
+
React.createElement(chakra.span, { overflow: "hidden", textOverflow: "ellipsis" }, [displayValue ? (appliedLabel !== null && appliedLabel !== void 0 ? appliedLabel : label) : label, displayValue]
|
|
224
|
+
.filter(Boolean)
|
|
225
|
+
.join(': '))))),
|
|
226
|
+
displayValue ? (React.createElement(IconButton, __assign({ isDisabled: isOpen, "aria-label": t('filterSelectButton.reset'), borderRadius: "sm", icon: React.createElement(CloseIcon, { w: "xs", h: "xs" }), minW: "md", onClick: function () { return onResetFilter('filterButton'); }, w: "md" }, appliedOrOpenColorScheme))) : null),
|
|
227
|
+
React.createElement(Popover$1, { actionButton: actionButton, Icon: Icon, isApplied: isApplied, label: label, numberOfAppliedFilters: numberOfAppliedFilters, onClose: onClose, onResetFilter: function () { return onResetFilter('filter'); }, showCallToActionButton: showCallToActionButton, header: header, enforceHeight: enforceHeight, zIndex: zIndex }, children)));
|
|
228
|
+
};
|
|
229
|
+
|
|
230
|
+
export { PopoverFilterContent as default };
|
|
231
|
+
//# sourceMappingURL=Content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Content.js","sources":["../../../../../../src/components/filterPatterns/popover/Content.tsx"],"sourcesContent":[null],"names":["ChakraButton","FilterPopover"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useRef } from 'react';
|
|
2
|
-
import { useI18n } from '@smg-automotive/i18n-pkg';
|
|
3
2
|
import { Portal, Box, PopoverContent, PopoverHeader, PopoverBody, PopoverFooter } from '@chakra-ui/react';
|
|
3
|
+
import { useI18n } from '../../../utilities/i18nInit.js';
|
|
4
4
|
import Stack from '../../stack/index.js';
|
|
5
5
|
import { FilterHeading } from '../Heading.js';
|
|
6
6
|
import FilterActionButton from '../ActionButton.js';
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
1
|
import { PopoverFilterProps } from './props';
|
|
3
|
-
export declare const PopoverFilter: FC<PopoverFilterProps>;
|
|
2
|
+
export declare const PopoverFilter: import("react").FC<PopoverFilterProps>;
|
|
4
3
|
export default PopoverFilter;
|
|
5
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/popover/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/popover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,eAAO,MAAM,aAAa,wCAEF,CAAC;AAEzB,eAAe,aAAa,CAAC"}
|
|
@@ -1,238 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import { I18nContext } from '@smg-automotive/i18n-pkg';
|
|
4
|
-
import { useDisclosure, Popover, ButtonGroup, PopoverTrigger, Button, chakra, IconButton } from '@chakra-ui/react';
|
|
5
|
-
import TranslationProvider from '../../translationProvider/index.js';
|
|
6
|
-
import '../../icons/AdvancedSearchIcon.js';
|
|
7
|
-
import '../../icons/ArrowCircleIcon.js';
|
|
8
|
-
import '../../icons/ArrowDiagonalIcon.js';
|
|
9
|
-
import '../../icons/ArrowDownIcon.js';
|
|
10
|
-
import '../../icons/ArrowLeftIcon.js';
|
|
11
|
-
import '../../icons/ArrowRightIcon.js';
|
|
12
|
-
import '../../icons/ArrowUpIcon.js';
|
|
13
|
-
import '../../icons/AutoScout24AppLogo.js';
|
|
14
|
-
import '../../icons/AvatarIcon.js';
|
|
15
|
-
import '../../icons/AvatarWithNotificationIcon.js';
|
|
16
|
-
import '../../icons/BatteryIcon.js';
|
|
17
|
-
import '../../icons/BookmarkIcon.js';
|
|
18
|
-
import '../../icons/CalculatorIcon.js';
|
|
19
|
-
import '../../icons/CalendarIcon.js';
|
|
20
|
-
import '../../icons/CallIcon.js';
|
|
21
|
-
import '../../icons/CamperIcon.js';
|
|
22
|
-
import '../../icons/CarConditionIcon.js';
|
|
23
|
-
import '../../icons/CarIcon.js';
|
|
24
|
-
import '../../icons/CopyIcon.js';
|
|
25
|
-
import '../../icons/ChartIcon.js';
|
|
26
|
-
import '../../icons/CheckmarkIcon.js';
|
|
27
|
-
import '../../icons/CheckmarkCircleIcon.js';
|
|
28
|
-
import '../../icons/CheckShieldIcon.js';
|
|
29
|
-
import '../../icons/ChevronDownLargeIcon.js';
|
|
30
|
-
import { ChevronDownSmallIcon } from '../../icons/ChevronDownSmallIcon.js';
|
|
31
|
-
import '../../icons/ChevronLeftLargeIcon.js';
|
|
32
|
-
import '../../icons/ChevronLeftSmallIcon.js';
|
|
33
|
-
import '../../icons/ChevronRightLargeIcon.js';
|
|
34
|
-
import '../../icons/ChevronRightSmallIcon.js';
|
|
35
|
-
import '../../icons/ChevronRightTinyIcon.js';
|
|
36
|
-
import '../../icons/ChevronUpLargeIcon.js';
|
|
37
|
-
import '../../icons/ChevronUpSmallIcon.js';
|
|
38
|
-
import { CloseIcon } from '../../icons/CloseIcon.js';
|
|
39
|
-
import '../../icons/CompareIcon.js';
|
|
40
|
-
import '../../icons/ConsumptionIcon.js';
|
|
41
|
-
import '../../icons/CreditIcon.js';
|
|
42
|
-
import '../../icons/CreditCardIcon.js';
|
|
43
|
-
import '../../icons/DaylightIcon.js';
|
|
44
|
-
import '../../icons/DeleteIcon.js';
|
|
45
|
-
import '../../icons/DocumentCheckIcon.js';
|
|
46
|
-
import '../../icons/DocumentIcon.js';
|
|
47
|
-
import '../../icons/DragIcon.js';
|
|
48
|
-
import '../../icons/DriveSystemIcon.js';
|
|
49
|
-
import '../../icons/DriveTypeIcon.js';
|
|
50
|
-
import '../../icons/EquipmentIcon.js';
|
|
51
|
-
import '../../icons/ErrorIcon.js';
|
|
52
|
-
import '../../icons/ExchangeIcon.js';
|
|
53
|
-
import '../../icons/EyeIcon.js';
|
|
54
|
-
import '../../icons/EyeCrossedIcon.js';
|
|
55
|
-
import '../../icons/FacebookIcon.js';
|
|
56
|
-
import '../../icons/FlagIcon.js';
|
|
57
|
-
import '../../icons/FlameIcon.js';
|
|
58
|
-
import '../../icons/FlashIcon.js';
|
|
59
|
-
import '../../icons/GasStationIcon.js';
|
|
60
|
-
import '../../icons/HeartIcon.js';
|
|
61
|
-
import '../../icons/HistoryClockIcon.js';
|
|
62
|
-
import '../../icons/HouseIcon.js';
|
|
63
|
-
import '../../icons/ImageIcon.js';
|
|
64
|
-
import '../../icons/InfoIcon.js';
|
|
65
|
-
import '../../icons/InstagramIcon.js';
|
|
66
|
-
import '../../icons/InteriorIcon.js';
|
|
67
|
-
import '../../icons/LinkedinIcon.js';
|
|
68
|
-
import '../../icons/ListIcon.js';
|
|
69
|
-
import '../../icons/LocationPinIcon.js';
|
|
70
|
-
import '../../icons/MagnifierIcon.js';
|
|
71
|
-
import '../../icons/MessageIcon.js';
|
|
72
|
-
import '../../icons/MissingImageIcon.js';
|
|
73
|
-
import '../../icons/MotorcycleIcon.js';
|
|
74
|
-
import '../../icons/MotoScout24AppLogo.js';
|
|
75
|
-
import '../../icons/PenIcon.js';
|
|
76
|
-
import '../../icons/PlusIcon.js';
|
|
77
|
-
import '../../icons/ChfCurrencyIcon.js';
|
|
78
|
-
import '../../icons/PrintIcon.js';
|
|
79
|
-
import '../../icons/RangeIcon.js';
|
|
80
|
-
import '../../icons/RoadIcon.js';
|
|
81
|
-
import '../../icons/RotateIcon.js';
|
|
82
|
-
import '../../icons/SafeNumberIcon.js';
|
|
83
|
-
import '../../icons/ShareIcon.js';
|
|
84
|
-
import '../../icons/StarIcon.js';
|
|
85
|
-
import '../../icons/SteeringWheelIcon.js';
|
|
86
|
-
import '../../icons/ThreeSixtyIcon.js';
|
|
87
|
-
import '../../icons/TimeIcon.js';
|
|
88
|
-
import '../../icons/TooltipIcon.js';
|
|
89
|
-
import '../../icons/InformationIcon.js';
|
|
90
|
-
import '../../icons/TopListingIcon.js';
|
|
91
|
-
import '../../icons/TrailerIcon.js';
|
|
92
|
-
import '../../icons/TransmissionIcon.js';
|
|
93
|
-
import '../../icons/Trash.js';
|
|
94
|
-
import '../../icons/TruckIcon.js';
|
|
95
|
-
import '../../icons/TwitterIcon.js';
|
|
96
|
-
import '../../icons/UtilityVehicleIcon.js';
|
|
97
|
-
import '../../icons/VehiclePowerIcon.js';
|
|
98
|
-
import '../../icons/VehicleTypesMotorcycleIcon.js';
|
|
99
|
-
import '../../icons/VideoIcon.js';
|
|
100
|
-
import '../../icons/VideoCameraIcon.js';
|
|
101
|
-
import '../../icons/ViewCarIcon.js';
|
|
102
|
-
import '../../icons/DriveSystemLargeIcon.js';
|
|
103
|
-
import '../../icons/WarningIcon.js';
|
|
104
|
-
import '../../icons/WhatsAppIcon.js';
|
|
105
|
-
import '../../icons/YoutubeIcon.js';
|
|
106
|
-
import '../../icons/SortIcon.js';
|
|
107
|
-
import '../../icons/ViewMotorcycleIcon.js';
|
|
108
|
-
import '../../icons/GoogleIcon.js';
|
|
109
|
-
import '../../icons/SaveSearchIcon.js';
|
|
110
|
-
import '../../icons/AutoScout24Icon.js';
|
|
111
|
-
import '../../icons/MotoScout24Icon.js';
|
|
112
|
-
import '../../icons/MagnifierLargeIcon.js';
|
|
113
|
-
import '../../icons/RocketIcon.js';
|
|
114
|
-
import '../../icons/CartIcon.js';
|
|
115
|
-
import '../../icons/VanIcon.js';
|
|
116
|
-
import '../../icons/MiniVanIcon.js';
|
|
117
|
-
import '../../icons/SuvIcon.js';
|
|
118
|
-
import '../../icons/CoupeIcon.js';
|
|
119
|
-
import '../../icons/CabrioletIcon.js';
|
|
120
|
-
import '../../icons/SmallCarIcon.js';
|
|
121
|
-
import '../../icons/SedanIcon.js';
|
|
122
|
-
import '../../icons/WagonIcon.js';
|
|
123
|
-
import '../../icons/PickUpIcon.js';
|
|
124
|
-
import '../../icons/InformationBubbleIcon.js';
|
|
125
|
-
import '../../icons/OverflowVerticalIcon.js';
|
|
126
|
-
import '../../icons/PartialClockIcon.js';
|
|
127
|
-
import '../../icons/LockIcon.js';
|
|
128
|
-
import '../../icons/TiltedRectangleIcon.js';
|
|
129
|
-
import '../../icons/PlusCircleIcon.js';
|
|
130
|
-
import '../../icons/StarCircleIcon.js';
|
|
131
|
-
import '../../icons/InfinityCircleIcon.js';
|
|
132
|
-
import '../../icons/VehicleTypesMotorcycleStarIcon.js';
|
|
133
|
-
import '../../icons/CategoryAOneIcon.js';
|
|
134
|
-
import '../../icons/CategoryAIcon.js';
|
|
135
|
-
import '../../icons/CategoryAMinusIcon.js';
|
|
136
|
-
import '../../icons/BankNotesIcon.js';
|
|
137
|
-
import '../../icons/ChatBubbleIcon.js';
|
|
138
|
-
import '../../icons/DigitalContractIcon.js';
|
|
139
|
-
import '../../icons/OptimizerIcon.js';
|
|
140
|
-
import '../../icons/CheckmarkCircleColorIcon.js';
|
|
141
|
-
import '../../icons/ArrowDownCircleIcon.js';
|
|
142
|
-
import '../../icons/ArrowUpCircleIcon.js';
|
|
143
|
-
import '../../icons/NotAvailableIcon.js';
|
|
144
|
-
import '../../icons/LabelIcon.js';
|
|
145
|
-
import '../../icons/BulbIcon.js';
|
|
146
|
-
import '../../icons/NoPhotoIcon.js';
|
|
147
|
-
import '../../icons/ThumbsUpIcon.js';
|
|
148
|
-
import '../../icons/ThumbsDownIcon.js';
|
|
149
|
-
import '../../icons/MinusIcon.js';
|
|
150
|
-
import '../../icons/DoubleChevronUpIcon.js';
|
|
151
|
-
import '../../icons/DoubleChevronDownIcon.js';
|
|
152
|
-
import '../../icons/DoubleLineIcon.js';
|
|
153
|
-
import '../../icons/NotAvailableSquareIcon.js';
|
|
154
|
-
import '../../icons/WarrantyIcon.js';
|
|
155
|
-
import '../../icons/DownloadIcon.js';
|
|
156
|
-
import '../../icons/TriangleIcon.js';
|
|
157
|
-
import '../../icons/SwissFlagIcon.js';
|
|
158
|
-
import '../../icons/GlobeIcon.js';
|
|
159
|
-
import '../../icons/GarageIcon.js';
|
|
160
|
-
import '../../icons/HamburgerMenuIcon.js';
|
|
161
|
-
import '../../icons/LogoutIcon.js';
|
|
162
|
-
import '../../icons/AndroidIcon.js';
|
|
163
|
-
import '../../icons/AppleIcon.js';
|
|
164
|
-
import '../../icons/WindowsIcon.js';
|
|
165
|
-
import '../../icons/SpeakerIcon.js';
|
|
166
|
-
import '../../icons/AddPhotoIcon.js';
|
|
167
|
-
import '../../icons/ScreenIcon.js';
|
|
168
|
-
import '../../icons/QualitySealIcon.js';
|
|
169
|
-
import '../../icons/ExpandIcon.js';
|
|
170
|
-
import '../../icons/CollapseIcon.js';
|
|
171
|
-
import '../../icons/ForwardIcon.js';
|
|
172
|
-
import '../../icons/BalanceIcon.js';
|
|
173
|
-
import '../../icons/ParagraphIcon.js';
|
|
174
|
-
import Popover$1 from './Popover.js';
|
|
1
|
+
import { withTranslationProvider } from '../../translationProvider/withTranslationProvider.js';
|
|
2
|
+
import PopoverFilterContent from './Content.js';
|
|
175
3
|
|
|
176
|
-
var PopoverFilter =
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
defaultIsOpen: initialPopoverState === 'open',
|
|
180
|
-
onOpen: onPopoverOpen,
|
|
181
|
-
onClose: onPopoverClose,
|
|
182
|
-
}), onOpen = _g.onOpen, onClose = _g.onClose, isOpen = _g.isOpen;
|
|
183
|
-
var appliedOrOpenColorScheme = __assign(__assign({ backgroundColor: 'gray.900' }, (isApplied
|
|
184
|
-
? {
|
|
185
|
-
_hover: {
|
|
186
|
-
backgroundColor: 'black',
|
|
187
|
-
},
|
|
188
|
-
}
|
|
189
|
-
: {
|
|
190
|
-
_groupHover: {
|
|
191
|
-
backgroundColor: 'black',
|
|
192
|
-
},
|
|
193
|
-
})), { color: 'white' });
|
|
194
|
-
var defaultColorSchema = {
|
|
195
|
-
backgroundColor: 'gray.100',
|
|
196
|
-
_groupHover: {
|
|
197
|
-
backgroundColor: 'gray.200',
|
|
198
|
-
},
|
|
199
|
-
color: 'gray.900',
|
|
200
|
-
};
|
|
201
|
-
var disableFlip = [
|
|
202
|
-
{
|
|
203
|
-
name: 'preventOverflow',
|
|
204
|
-
options: {
|
|
205
|
-
boundary: 'viewport',
|
|
206
|
-
},
|
|
207
|
-
},
|
|
208
|
-
{
|
|
209
|
-
name: 'flip',
|
|
210
|
-
options: {
|
|
211
|
-
fallbackPlacements: [],
|
|
212
|
-
},
|
|
213
|
-
},
|
|
214
|
-
];
|
|
215
|
-
return (React.createElement(TranslationProvider, { language: language, scopes: ['filterSelectButton'] },
|
|
216
|
-
React.createElement(I18nContext.Consumer, null, function (_a) {
|
|
217
|
-
var t = _a.t;
|
|
218
|
-
return (React.createElement(Popover, { returnFocusOnClose: true, placement: "bottom-start", isLazy: true, isOpen: isOpen, onOpen: onOpen, onClose: onClose, modifiers: !hasFlip ? disableFlip : [] },
|
|
219
|
-
React.createElement(ButtonGroup, { isAttached: true, w: "full", maxW: "full" },
|
|
220
|
-
React.createElement(PopoverTrigger, null,
|
|
221
|
-
React.createElement(Button, __assign({ borderRadius: "sm", borderRightColor: displayValue ? 'white' : undefined, borderRightWidth: displayValue ? '1px' : undefined, display: "flex", flex: "1", height: triggerHeight, justifyContent: "space-between", minW: "0", paddingX: "md", isDisabled: isDisabled, rightIcon: displayValue ? undefined : (React.createElement(ChevronDownSmallIcon, { w: "xs", h: "xs", transition: "0.2s", transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)' })) }, (isApplied || isOpen
|
|
222
|
-
? appliedOrOpenColorScheme
|
|
223
|
-
: defaultColorSchema)),
|
|
224
|
-
React.createElement(chakra.span, { overflow: "hidden", whiteSpace: "nowrap", display: "flex", alignItems: "center" },
|
|
225
|
-
Icon ? React.createElement(Icon, { h: "xs", w: "xs", mr: "xs" }) : null,
|
|
226
|
-
React.createElement(chakra.span, { overflow: "hidden", textOverflow: "ellipsis" }, [
|
|
227
|
-
displayValue ? (appliedLabel !== null && appliedLabel !== void 0 ? appliedLabel : label) : label,
|
|
228
|
-
displayValue,
|
|
229
|
-
]
|
|
230
|
-
.filter(Boolean)
|
|
231
|
-
.join(': '))))),
|
|
232
|
-
displayValue ? (React.createElement(IconButton, __assign({ isDisabled: isOpen, "aria-label": t('filterSelectButton.reset'), borderRadius: "sm", icon: React.createElement(CloseIcon, { w: "xs", h: "xs" }), minW: "md", onClick: function () { return onResetFilter('filterButton'); }, w: "md" }, appliedOrOpenColorScheme))) : null),
|
|
233
|
-
React.createElement(Popover$1, { actionButton: actionButton, Icon: Icon, isApplied: isApplied, label: label, numberOfAppliedFilters: numberOfAppliedFilters, onClose: onClose, onResetFilter: function () { return onResetFilter('filter'); }, showCallToActionButton: showCallToActionButton, header: header, enforceHeight: enforceHeight, zIndex: zIndex }, children)));
|
|
234
|
-
})));
|
|
235
|
-
};
|
|
4
|
+
var PopoverFilter = withTranslationProvider([
|
|
5
|
+
'filterSelectButton',
|
|
6
|
+
])(PopoverFilterContent);
|
|
236
7
|
|
|
237
8
|
export { PopoverFilter, PopoverFilter as default };
|
|
238
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/components/filterPatterns/popover/index.tsx"],"sourcesContent":[null],"names":[
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../src/components/filterPatterns/popover/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAKO,IAAM,aAAa,GAAG,uBAAuB,CAAqB;IACvE,oBAAoB;CACrB,CAAC,CAAC,oBAAoB;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { Language } from 'src/types/language';
|
|
3
|
+
export interface GalleryHeaderProps {
|
|
4
|
+
currentSlide: number;
|
|
5
|
+
slidesCount: number;
|
|
6
|
+
onClose: () => void;
|
|
7
|
+
language: Language;
|
|
8
|
+
}
|
|
9
|
+
declare const GalleryHeaderContent: FC<PropsWithChildren<GalleryHeaderProps>>;
|
|
10
|
+
export default GalleryHeaderContent;
|
|
11
|
+
//# sourceMappingURL=Content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/galleryHeader/Content.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAQ9C,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAiDnE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|