@smg-automotive/components 25.11.0-talamcol-v3-styled-displayvalue.2 → 25.11.0

package/dist/esm/components/filterPatterns/HeadingContent.js

@@ -0,0 +1,195 @@
+import React from 'react';
+import { Text, chakra, IconButton } from '@chakra-ui/react';
+import { useI18n } from '../../utilities/i18nInit.js';
+import Link from '../link/index.js';
+import '../icons/AdvancedSearchIcon.js';
+import '../icons/ArrowCircleIcon.js';
+import '../icons/ArrowDiagonalIcon.js';
+import '../icons/ArrowDownIcon.js';
+import '../icons/ArrowLeftIcon.js';
+import '../icons/ArrowRightIcon.js';
+import '../icons/ArrowUpIcon.js';
+import '../icons/AutoScout24AppLogo.js';
+import '../icons/AvatarIcon.js';
+import '../icons/AvatarWithNotificationIcon.js';
+import '../icons/BatteryIcon.js';
+import '../icons/BookmarkIcon.js';
+import '../icons/CalculatorIcon.js';
+import '../icons/CalendarIcon.js';
+import '../icons/CallIcon.js';
+import '../icons/CamperIcon.js';
+import '../icons/CarConditionIcon.js';
+import '../icons/CarIcon.js';
+import '../icons/CopyIcon.js';
+import '../icons/ChartIcon.js';
+import '../icons/CheckmarkIcon.js';
+import '../icons/CheckmarkCircleIcon.js';
+import '../icons/CheckShieldIcon.js';
+import '../icons/ChevronDownLargeIcon.js';
+import '../icons/ChevronDownSmallIcon.js';
+import '../icons/ChevronLeftLargeIcon.js';
+import '../icons/ChevronLeftSmallIcon.js';
+import '../icons/ChevronRightLargeIcon.js';
+import '../icons/ChevronRightSmallIcon.js';
+import '../icons/ChevronRightTinyIcon.js';
+import '../icons/ChevronUpLargeIcon.js';
+import '../icons/ChevronUpSmallIcon.js';
+import { CloseIcon } from '../icons/CloseIcon.js';
+import '../icons/CompareIcon.js';
+import '../icons/ConsumptionIcon.js';
+import '../icons/CreditIcon.js';
+import '../icons/CreditCardIcon.js';
+import '../icons/DaylightIcon.js';
+import '../icons/DeleteIcon.js';
+import '../icons/DocumentCheckIcon.js';
+import '../icons/DocumentIcon.js';
+import '../icons/DragIcon.js';
+import '../icons/DriveSystemIcon.js';
+import '../icons/DriveTypeIcon.js';
+import '../icons/EquipmentIcon.js';
+import '../icons/ErrorIcon.js';
+import '../icons/ExchangeIcon.js';
+import '../icons/EyeIcon.js';
+import '../icons/EyeCrossedIcon.js';
+import '../icons/FacebookIcon.js';
+import '../icons/FlagIcon.js';
+import '../icons/FlameIcon.js';
+import '../icons/FlashIcon.js';
+import '../icons/GasStationIcon.js';
+import '../icons/HeartIcon.js';
+import '../icons/HistoryClockIcon.js';
+import '../icons/HouseIcon.js';
+import '../icons/ImageIcon.js';
+import '../icons/InfoIcon.js';
+import '../icons/InstagramIcon.js';
+import '../icons/InteriorIcon.js';
+import '../icons/LinkedinIcon.js';
+import '../icons/LinkIcon.js';
+import '../icons/ListIcon.js';
+import '../icons/LocationPinIcon.js';
+import '../icons/MagnifierIcon.js';
+import '../icons/MessageIcon.js';
+import '../icons/MissingImageIcon.js';
+import '../icons/MotorcycleIcon.js';
+import '../icons/MotoScout24AppLogo.js';
+import '../icons/PenIcon.js';
+import '../icons/PlusIcon.js';
+import '../icons/ChfCurrencyIcon.js';
+import '../icons/PrintIcon.js';
+import '../icons/RangeIcon.js';
+import '../icons/RoadIcon.js';
+import '../icons/RotateIcon.js';
+import '../icons/SafeNumberIcon.js';
+import '../icons/ShareIcon.js';
+import '../icons/StarIcon.js';
+import '../icons/SteeringWheelIcon.js';
+import '../icons/ThreeSixtyIcon.js';
+import '../icons/TimeIcon.js';
+import '../icons/TooltipIcon.js';
+import '../icons/InformationIcon.js';
+import '../icons/TopListingIcon.js';
+import '../icons/TrailerIcon.js';
+import '../icons/TransmissionIcon.js';
+import '../icons/Trash.js';
+import '../icons/TruckIcon.js';
+import '../icons/TwitterIcon.js';
+import '../icons/UtilityVehicleIcon.js';
+import '../icons/VehiclePowerIcon.js';
+import '../icons/VehicleTypesMotorcycleIcon.js';
+import '../icons/VideoIcon.js';
+import '../icons/VideoCameraIcon.js';
+import '../icons/ViewCarIcon.js';
+import '../icons/DriveSystemLargeIcon.js';
+import '../icons/WarningIcon.js';
+import '../icons/WhatsAppIcon.js';
+import '../icons/YoutubeIcon.js';
+import '../icons/SortIcon.js';
+import '../icons/ViewMotorcycleIcon.js';
+import '../icons/GoogleIcon.js';
+import '../icons/SaveSearchIcon.js';
+import '../icons/AutoScout24Icon.js';
+import '../icons/MotoScout24Icon.js';
+import '../icons/MagnifierLargeIcon.js';
+import '../icons/RocketIcon.js';
+import '../icons/CartIcon.js';
+import '../icons/VanIcon.js';
+import '../icons/MiniVanIcon.js';
+import '../icons/SuvIcon.js';
+import '../icons/CoupeIcon.js';
+import '../icons/CabrioletIcon.js';
+import '../icons/SmallCarIcon.js';
+import '../icons/SedanIcon.js';
+import '../icons/WagonIcon.js';
+import '../icons/PickUpIcon.js';
+import '../icons/InformationBubbleIcon.js';
+import '../icons/OverflowVerticalIcon.js';
+import '../icons/PartialClockIcon.js';
+import '../icons/LockIcon.js';
+import '../icons/TiltedRectangleIcon.js';
+import '../icons/PlusCircleIcon.js';
+import '../icons/StarCircleIcon.js';
+import '../icons/InfinityCircleIcon.js';
+import '../icons/VehicleTypesMotorcycleStarIcon.js';
+import '../icons/CategoryAOneIcon.js';
+import '../icons/CategoryAIcon.js';
+import '../icons/CategoryAMinusIcon.js';
+import '../icons/BankNotesIcon.js';
+import '../icons/ChatBubbleIcon.js';
+import '../icons/DigitalContractIcon.js';
+import '../icons/OptimizerIcon.js';
+import '../icons/CheckmarkCircleColorIcon.js';
+import '../icons/ArrowDownCircleIcon.js';
+import '../icons/ArrowUpCircleIcon.js';
+import '../icons/NotAvailableIcon.js';
+import '../icons/LabelIcon.js';
+import '../icons/BulbIcon.js';
+import '../icons/NoPhotoIcon.js';
+import '../icons/ThumbsUpIcon.js';
+import '../icons/ThumbsDownIcon.js';
+import '../icons/MinusIcon.js';
+import '../icons/DoubleChevronUpIcon.js';
+import '../icons/DoubleChevronDownIcon.js';
+import '../icons/DoubleLineIcon.js';
+import '../icons/NotAvailableSquareIcon.js';
+import '../icons/WarrantyIcon.js';
+import '../icons/DownloadIcon.js';
+import '../icons/TriangleIcon.js';
+import '../icons/SwissFlagIcon.js';
+import '../icons/GlobeIcon.js';
+import '../icons/GarageIcon.js';
+import '../icons/HamburgerMenuIcon.js';
+import '../icons/LogoutIcon.js';
+import '../icons/AndroidIcon.js';
+import '../icons/AppleIcon.js';
+import '../icons/WindowsIcon.js';
+import '../icons/SpeakerIcon.js';
+import '../icons/AddPhotoIcon.js';
+import '../icons/ScreenIcon.js';
+import '../icons/QualitySealIcon.js';
+import '../icons/ExpandIcon.js';
+import '../icons/CollapseIcon.js';
+import '../icons/ForwardIcon.js';
+import '../icons/BalanceIcon.js';
+import '../icons/ParagraphIcon.js';
+import Flex from '../flex/index.js';
+import Count from '../count/index.js';
+
+var FilterHeadingContent = function (_a) {
+    var onClose = _a.onClose, Icon = _a.Icon, isApplied = _a.isApplied, label = _a.label, numberOfAppliedFilters = _a.numberOfAppliedFilters, onResetFilter = _a.onResetFilter, contentRef = _a.contentRef;
+    var t = useI18n().t;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Flex, { alignItems: "start", justifyContent: "space-between", w: "full" },
+            React.createElement(Flex, { alignItems: "start", as: Text, color: "gray.900", textStyle: "heading3" },
+                React.createElement(chakra.span, { wordBreak: "break-all", mr: "sm" }, label),
+                Icon ? React.createElement(Icon, { h: "sm", w: "sm", mr: "sm" }) : null,
+                numberOfAppliedFilters ? (React.createElement(Count, { count: numberOfAppliedFilters })) : null),
+            onClose ? (React.createElement(IconButton, { "aria-label": t('filterSelectButton.close'), icon: React.createElement(CloseIcon, { color: "gray.800" }), onClick: onClose })) : null),
+        React.createElement(Link, { as: "button", disabled: !isApplied, onClick: function () {
+                var _a;
+                onResetFilter('filter');
+                (_a = contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            } }, t('filterSelectButton.reset'))));
+};
+
+export { FilterHeadingContent as default };
+//# sourceMappingURL=HeadingContent.js.map

package/dist/esm/components/filterPatterns/HeadingContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingContent.js","sources":["../../../../../src/components/filterPatterns/HeadingContent.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAM,oBAAoB,GAAkC,UAAC,EAQ5D,EAAA;AAPC,IAAA,IAAA,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,sBAAsB,GAAA,EAAA,CAAA,sBAAA,EACtB,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,UAAU,GAAA,EAAA,CAAA,UAAA;AAEF,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;AACT,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,OAAO,EAAC,cAAc,EAAC,eAAe,EAAC,CAAC,EAAC,MAAM,EAAA;AAC9D,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,UAAU,EAAC,OAAO,EAClB,EAAE,EAAE,IAAI,EACR,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,UAAU,EAAA;AAEpB,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,EAAE,EAAC,IAAI,EAAA,EACvC,KAAK,CACM;gBACb,IAAI,GAAG,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,GAAG,IAAI;AAC5C,gBAAA,sBAAsB,IACrB,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAE,sBAAsB,GAAI,IACtC,IAAI,CACH;AACN,YAAA,OAAO,IACN,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACG,CAAC,CAAC,0BAA0B,CAAC,EACzC,IAAI,EAAE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAC,UAAU,EAAA,CAAG,EACpC,OAAO,EAAE,OAAO,EAAA,CAChB,IACA,IAAI,CACH;AACP,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAC,QAAQ,EACX,QAAQ,EAAE,CAAC,SAAS,EACpB,OAAO,EAAE,YAAA;;gBACP,aAAa,CAAC,QAAQ,CAAC;gBACvB,CAAA,EAAA,GAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;YAC9B,CAAC,EAAA,EAEA,CAAC,CAAC,0BAA0B,CAAC,CACzB,CACN;AAEP;;;;"}

package/dist/esm/components/filterPatterns/modal/Content.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ModalFilterProps } from './props';
+declare const ModalFilterContent: FC<ModalFilterProps>;
+export default ModalFilterContent;
+//# sourceMappingURL=Content.d.ts.map

package/dist/esm/components/filterPatterns/modal/Content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/modal/Content.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAclC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAI3C,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,gBAAgB,CAwG5C,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/components/filterPatterns/modal/Content.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { useDisclosure, Modal, ModalContent, ModalHeader, ModalBody, ModalFooter } from '@chakra-ui/react';
+import { useI18n } from '../../../utilities/i18nInit.js';
+import FilterActionButton from '../ActionButton.js';
+import { OpenFilterButton } from './OpenFilterButton.js';
+import { FilterHeading } from '../Heading.js';
+
+var ModalFilterContent = function (_a) {
+    var language = _a.language, actionButton = _a.actionButton, appliedLabel = _a.appliedLabel, displayValue = _a.displayValue, _b = _a.initialModalState, initialModalState = _b === void 0 ? 'closed' : _b, Icon = _a.Icon, isApplied = _a.isApplied, label = _a.label, numberOfAppliedFilters = _a.numberOfAppliedFilters, onModalClose = _a.onModalClose, onModalOpen = _a.onModalOpen, onResetFilter = _a.onResetFilter, _c = _a.showCallToActionButton, showCallToActionButton = _c === void 0 ? true : _c, _d = _a.showResetButton, showResetButton = _d === void 0 ? true : _d, header = _a.header, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, children = _a.children, paddingX = _a.paddingX, backgroundColor = _a.backgroundColor, color = _a.color, _f = _a.trapFocus, trapFocus = _f === void 0 ? true : _f, triggerHeight = _a.triggerHeight, triggerDisplayType = _a.triggerDisplayType;
+    var t = useI18n().t;
+    var _g = useDisclosure({
+        defaultIsOpen: initialModalState === 'open',
+        onOpen: onModalOpen,
+        onClose: onModalClose,
+    }), onOpen = _g.onOpen, onClose = _g.onClose, isOpen = _g.isOpen;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(OpenFilterButton, { displayValue: displayValue, Icon: Icon, isApplied: isApplied, label: label, onClick: onOpen, isDisabled: isDisabled, paddingX: paddingX, backgroundColor: backgroundColor, color: color, height: triggerHeight, showResetButton: showResetButton, displayType: triggerDisplayType, appliedLabel: appliedLabel, resetButtonAriaLabel: t('filterSelectButton.resetButtonAriaLabel', {
+                label: label,
+            }), onResetFilter: function () { return onResetFilter('filterButton'); } }),
+        React.createElement(Modal, { key: "modal-filter-".concat(label, "-").concat(isOpen ? 'open' : 'closed'), isOpen: isOpen, onClose: onClose, size: "full", motionPreset: "slideInBottom", trapFocus: trapFocus },
+            React.createElement(ModalContent, { h: "full", w: "full", paddingY: "2xl", paddingX: "0" },
+                React.createElement(ModalHeader, { display: "flex", flexDirection: "column", alignItems: "flex-start", paddingY: "0", paddingX: "2xl" }, header ? (header) : (React.createElement(FilterHeading, { language: language, Icon: Icon, isApplied: isApplied, label: label, numberOfAppliedFilters: numberOfAppliedFilters, onClose: onClose, onResetFilter: function () { return onResetFilter('filter'); } }))),
+                React.createElement(ModalBody, { overflowY: "auto", marginTop: "2xl", marginBottom: showCallToActionButton ? '2xl' : '0', paddingY: "0", paddingX: "2xl" }, children),
+                showCallToActionButton ? (React.createElement(ModalFooter, { paddingY: "0", paddingX: "2xl" },
+                    React.createElement(FilterActionButton, { actionButton: actionButton, isApplied: isApplied, onClose: onClose }))) : null))));
+};
+
+export { ModalFilterContent as default };
+//# sourceMappingURL=Content.js.map

package/dist/esm/components/filterPatterns/modal/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sources":["../../../../../../src/components/filterPatterns/modal/Content.tsx"],"sourcesContent":[null],"names":["ChakraModal"],"mappings":"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"}

package/dist/esm/components/filterPatterns/modal/OpenFilterButton.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { ButtonProps, ResponsiveValue } from '@chakra-ui/react';
+import { FilterPatternProps } from '../props';
+export type OpenFilterButtonPaddingX = '0' | 'md';
+export type OpenFilterButtonDisplayType = 'default' | 'inline';
+type Variant = 'sm' | 'md';
+type Props = Pick<FilterPatternProps, 'label' | 'displayValue' | 'Icon' | 'isApplied'> & Pick<ButtonProps, 'backgroundColor' | 'color'> & {
+    appliedLabel?: string;
+    onClick: () => void;
+    variant?: Variant;
+    isDisabled?: boolean;
+    height?: ResponsiveValue<string>;
+    paddingX?: OpenFilterButtonPaddingX;
+    showResetButton?: boolean;
+    resetButtonAriaLabel?: string;
+    onResetFilter?: () => void;
+    displayType?: OpenFilterButtonDisplayType;
+};
+export declare const OpenFilterButton: FC<Props>;
+export {};
+//# sourceMappingURL=OpenFilterButton.d.ts.map

package/dist/esm/components/filterPatterns/modal/OpenFilterButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenFilterButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/modal/OpenFilterButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,WAAW,EAKX,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAQ1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,wBAAwB,GAAG,GAAG,GAAG,IAAI,CAAC;AAClD,MAAM,MAAM,2BAA2B,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC/D,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3B,KAAK,KAAK,GAAG,IAAI,CACf,kBAAkB,EAClB,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,WAAW,CAChD,GACC,IAAI,CAAC,WAAW,EAAE,iBAAiB,GAAG,OAAO,CAAC,GAAG;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,2BAA2B,CAAC;CAC3C,CAAC;AAmJJ,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAgFtC,CAAC"}

package/dist/esm/components/filterPatterns/modal/OpenFilterButton.js

@@ -0,0 +1,248 @@
+import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { ButtonGroup, Button, chakra, IconButton } from '@chakra-ui/react';
+import '../../icons/AdvancedSearchIcon.js';
+import '../../icons/ArrowCircleIcon.js';
+import '../../icons/ArrowDiagonalIcon.js';
+import '../../icons/ArrowDownIcon.js';
+import '../../icons/ArrowLeftIcon.js';
+import '../../icons/ArrowRightIcon.js';
+import '../../icons/ArrowUpIcon.js';
+import '../../icons/AutoScout24AppLogo.js';
+import '../../icons/AvatarIcon.js';
+import '../../icons/AvatarWithNotificationIcon.js';
+import '../../icons/BatteryIcon.js';
+import '../../icons/BookmarkIcon.js';
+import '../../icons/CalculatorIcon.js';
+import '../../icons/CalendarIcon.js';
+import '../../icons/CallIcon.js';
+import '../../icons/CamperIcon.js';
+import '../../icons/CarConditionIcon.js';
+import '../../icons/CarIcon.js';
+import '../../icons/CopyIcon.js';
+import '../../icons/ChartIcon.js';
+import '../../icons/CheckmarkIcon.js';
+import '../../icons/CheckmarkCircleIcon.js';
+import '../../icons/CheckShieldIcon.js';
+import '../../icons/ChevronDownLargeIcon.js';
+import '../../icons/ChevronDownSmallIcon.js';
+import '../../icons/ChevronLeftLargeIcon.js';
+import '../../icons/ChevronLeftSmallIcon.js';
+import '../../icons/ChevronRightLargeIcon.js';
+import { ChevronRightSmallIcon } from '../../icons/ChevronRightSmallIcon.js';
+import '../../icons/ChevronRightTinyIcon.js';
+import '../../icons/ChevronUpLargeIcon.js';
+import '../../icons/ChevronUpSmallIcon.js';
+import { CloseIcon } from '../../icons/CloseIcon.js';
+import '../../icons/CompareIcon.js';
+import '../../icons/ConsumptionIcon.js';
+import '../../icons/CreditIcon.js';
+import '../../icons/CreditCardIcon.js';
+import '../../icons/DaylightIcon.js';
+import { DeleteIcon } from '../../icons/DeleteIcon.js';
+import '../../icons/DocumentCheckIcon.js';
+import '../../icons/DocumentIcon.js';
+import '../../icons/DragIcon.js';
+import '../../icons/DriveSystemIcon.js';
+import '../../icons/DriveTypeIcon.js';
+import '../../icons/EquipmentIcon.js';
+import '../../icons/ErrorIcon.js';
+import '../../icons/ExchangeIcon.js';
+import '../../icons/EyeIcon.js';
+import '../../icons/EyeCrossedIcon.js';
+import '../../icons/FacebookIcon.js';
+import '../../icons/FlagIcon.js';
+import '../../icons/FlameIcon.js';
+import '../../icons/FlashIcon.js';
+import '../../icons/GasStationIcon.js';
+import '../../icons/HeartIcon.js';
+import '../../icons/HistoryClockIcon.js';
+import '../../icons/HouseIcon.js';
+import '../../icons/ImageIcon.js';
+import '../../icons/InfoIcon.js';
+import '../../icons/InstagramIcon.js';
+import '../../icons/InteriorIcon.js';
+import '../../icons/LinkedinIcon.js';
+import '../../icons/LinkIcon.js';
+import '../../icons/ListIcon.js';
+import '../../icons/LocationPinIcon.js';
+import '../../icons/MagnifierIcon.js';
+import '../../icons/MessageIcon.js';
+import '../../icons/MissingImageIcon.js';
+import '../../icons/MotorcycleIcon.js';
+import '../../icons/MotoScout24AppLogo.js';
+import '../../icons/PenIcon.js';
+import '../../icons/PlusIcon.js';
+import '../../icons/ChfCurrencyIcon.js';
+import '../../icons/PrintIcon.js';
+import '../../icons/RangeIcon.js';
+import '../../icons/RoadIcon.js';
+import '../../icons/RotateIcon.js';
+import '../../icons/SafeNumberIcon.js';
+import '../../icons/ShareIcon.js';
+import '../../icons/StarIcon.js';
+import '../../icons/SteeringWheelIcon.js';
+import '../../icons/ThreeSixtyIcon.js';
+import '../../icons/TimeIcon.js';
+import '../../icons/TooltipIcon.js';
+import '../../icons/InformationIcon.js';
+import '../../icons/TopListingIcon.js';
+import '../../icons/TrailerIcon.js';
+import '../../icons/TransmissionIcon.js';
+import '../../icons/Trash.js';
+import '../../icons/TruckIcon.js';
+import '../../icons/TwitterIcon.js';
+import '../../icons/UtilityVehicleIcon.js';
+import '../../icons/VehiclePowerIcon.js';
+import '../../icons/VehicleTypesMotorcycleIcon.js';
+import '../../icons/VideoIcon.js';
+import '../../icons/VideoCameraIcon.js';
+import '../../icons/ViewCarIcon.js';
+import '../../icons/DriveSystemLargeIcon.js';
+import '../../icons/WarningIcon.js';
+import '../../icons/WhatsAppIcon.js';
+import '../../icons/YoutubeIcon.js';
+import '../../icons/SortIcon.js';
+import '../../icons/ViewMotorcycleIcon.js';
+import '../../icons/GoogleIcon.js';
+import '../../icons/SaveSearchIcon.js';
+import '../../icons/AutoScout24Icon.js';
+import '../../icons/MotoScout24Icon.js';
+import '../../icons/MagnifierLargeIcon.js';
+import '../../icons/RocketIcon.js';
+import '../../icons/CartIcon.js';
+import '../../icons/VanIcon.js';
+import '../../icons/MiniVanIcon.js';
+import '../../icons/SuvIcon.js';
+import '../../icons/CoupeIcon.js';
+import '../../icons/CabrioletIcon.js';
+import '../../icons/SmallCarIcon.js';
+import '../../icons/SedanIcon.js';
+import '../../icons/WagonIcon.js';
+import '../../icons/PickUpIcon.js';
+import '../../icons/InformationBubbleIcon.js';
+import '../../icons/OverflowVerticalIcon.js';
+import '../../icons/PartialClockIcon.js';
+import '../../icons/LockIcon.js';
+import '../../icons/TiltedRectangleIcon.js';
+import '../../icons/PlusCircleIcon.js';
+import '../../icons/StarCircleIcon.js';
+import '../../icons/InfinityCircleIcon.js';
+import '../../icons/VehicleTypesMotorcycleStarIcon.js';
+import '../../icons/CategoryAOneIcon.js';
+import '../../icons/CategoryAIcon.js';
+import '../../icons/CategoryAMinusIcon.js';
+import '../../icons/BankNotesIcon.js';
+import '../../icons/ChatBubbleIcon.js';
+import '../../icons/DigitalContractIcon.js';
+import '../../icons/OptimizerIcon.js';
+import '../../icons/CheckmarkCircleColorIcon.js';
+import '../../icons/ArrowDownCircleIcon.js';
+import '../../icons/ArrowUpCircleIcon.js';
+import '../../icons/NotAvailableIcon.js';
+import '../../icons/LabelIcon.js';
+import '../../icons/BulbIcon.js';
+import '../../icons/NoPhotoIcon.js';
+import '../../icons/ThumbsUpIcon.js';
+import '../../icons/ThumbsDownIcon.js';
+import '../../icons/MinusIcon.js';
+import '../../icons/DoubleChevronUpIcon.js';
+import '../../icons/DoubleChevronDownIcon.js';
+import '../../icons/DoubleLineIcon.js';
+import '../../icons/NotAvailableSquareIcon.js';
+import '../../icons/WarrantyIcon.js';
+import '../../icons/DownloadIcon.js';
+import '../../icons/TriangleIcon.js';
+import '../../icons/SwissFlagIcon.js';
+import '../../icons/GlobeIcon.js';
+import '../../icons/GarageIcon.js';
+import '../../icons/HamburgerMenuIcon.js';
+import '../../icons/LogoutIcon.js';
+import '../../icons/AndroidIcon.js';
+import '../../icons/AppleIcon.js';
+import '../../icons/WindowsIcon.js';
+import '../../icons/SpeakerIcon.js';
+import '../../icons/AddPhotoIcon.js';
+import '../../icons/ScreenIcon.js';
+import '../../icons/QualitySealIcon.js';
+import '../../icons/ExpandIcon.js';
+import '../../icons/CollapseIcon.js';
+import '../../icons/ForwardIcon.js';
+import '../../icons/BalanceIcon.js';
+import '../../icons/ParagraphIcon.js';
+
+var heightFromVariant = {
+    sm: 'md',
+    md: 'lg',
+};
+var disabledColor = 'gray.300';
+var getColor = function (isDisabled, color) {
+    if (isDisabled)
+        return disabledColor;
+    return color;
+};
+var getResetButtonConfig = function (displayType, iconColor, paddingX) {
+    if (displayType === 'inline') {
+        return {
+            icon: React.createElement(CloseIcon, { color: iconColor, w: "xs", h: "xs" }),
+            w: 'md',
+            minW: 'md',
+            borderLeftColor: 'white',
+            borderLeftWidth: '1px',
+        };
+    }
+    return {
+        icon: React.createElement(DeleteIcon, { color: iconColor }),
+        paddingRight: paddingX,
+    };
+};
+var getMainButtonRightPadding = function (shouldDisplayResetButton, displayType, paddingX) {
+    if (!shouldDisplayResetButton)
+        return paddingX;
+    return displayType === 'inline' ? 'md' : 'sm';
+};
+var getChevronIconSize = function (displayType) {
+    return displayType === 'inline' ? { w: 'xs', h: 'xs' } : { w: 'sm', h: 'sm' };
+};
+var getRightIcon = function (shouldDisplayResetButton, iconColor, chevronIconSize) {
+    if (shouldDisplayResetButton)
+        return undefined;
+    return React.createElement(ChevronRightSmallIcon, __assign({ color: iconColor }, chevronIconSize));
+};
+var renderInlineContent = function (label, appliedLabel, displayValue, isApplied, Icon) { return (React.createElement(chakra.span, { overflow: "hidden", whiteSpace: "nowrap", display: "flex", alignItems: "center", w: "full", minW: "0" },
+    Icon ? React.createElement(Icon, { h: "xs", w: "xs", mr: "xs" }) : null,
+    React.createElement(chakra.span, { overflow: "hidden", textOverflow: "ellipsis" }, [
+        isApplied ? (appliedLabel !== null && appliedLabel !== void 0 ? appliedLabel : label) : label,
+        isApplied ? displayValue : undefined,
+    ]
+        .filter(Boolean)
+        .join(': ')))); };
+var renderDefaultContent = function (label, displayValue, isApplied, Icon) { return (React.createElement(chakra.span, { display: "flex", justifyContent: "space-between", w: "full", minW: "0" },
+    React.createElement(chakra.span, { mr: "2xl", whiteSpace: "nowrap", display: "flex", alignItems: "center", flexShrink: 0 },
+        label,
+        Icon ? React.createElement(Icon, { h: "xs", w: "xs", ml: "xs" }) : null),
+    React.createElement(chakra.span, { fontWeight: "bold", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", minW: "0", flex: "1", textAlign: "right" }, displayValue && isApplied ? displayValue : null))); };
+var renderResetButton = function (shouldDisplayResetButton, resetButtonAriaLabel, isDisabled, onResetFilter, resetButtonConfig) {
+    if (!shouldDisplayResetButton)
+        return null;
+    return (React.createElement(IconButton, __assign({ "aria-label": resetButtonAriaLabel, h: "full", isDisabled: isDisabled, cursor: isDisabled ? 'not-allowed' : 'pointer', onClick: onResetFilter }, resetButtonConfig)));
+};
+var OpenFilterButton = function (_a) {
+    var appliedLabel = _a.appliedLabel, displayValue = _a.displayValue, Icon = _a.Icon, isApplied = _a.isApplied, label = _a.label, onClick = _a.onClick, _b = _a.variant, variant = _b === void 0 ? 'md' : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, height = _a.height, _d = _a.paddingX, paddingX = _d === void 0 ? '0' : _d, _e = _a.backgroundColor, backgroundColor = _e === void 0 ? 'unset' : _e, color = _a.color, _f = _a.showResetButton, showResetButton = _f === void 0 ? true : _f, _g = _a.resetButtonAriaLabel, resetButtonAriaLabel = _g === void 0 ? 'Reset filter' : _g, onResetFilter = _a.onResetFilter, _h = _a.displayType, displayType = _h === void 0 ? 'default' : _h;
+    var shouldDisplayResetButton = showResetButton && isApplied && !!onResetFilter;
+    var iconColor = getColor(isDisabled, color || 'gray.500');
+    var buttonColor = getColor(isDisabled, color || 'gray.900');
+    var mainButtonRightPadding = getMainButtonRightPadding(shouldDisplayResetButton, displayType, paddingX);
+    var chevronIconSize = getChevronIconSize(displayType);
+    var resetButtonConfig = getResetButtonConfig(displayType, iconColor, paddingX);
+    var rightIcon = getRightIcon(shouldDisplayResetButton, iconColor, chevronIconSize);
+    var buttonContent = displayType === 'inline'
+        ? renderInlineContent(label, appliedLabel, displayValue, isApplied, Icon)
+        : renderDefaultContent(label, displayValue, isApplied, Icon);
+    return (React.createElement(ButtonGroup, { h: height !== null && height !== void 0 ? height : heightFromVariant[variant], isAttached: true, w: "full", maxW: "full", backgroundColor: backgroundColor, borderRadius: "sm" },
+        React.createElement(Button, { flex: "1", minW: "0", h: "full", paddingLeft: paddingX, paddingRight: mainButtonRightPadding, cursor: isDisabled ? 'not-allowed' : 'pointer', color: buttonColor, isDisabled: isDisabled, rightIcon: rightIcon, onClick: onClick }, buttonContent),
+        renderResetButton(shouldDisplayResetButton, resetButtonAriaLabel, isDisabled, onResetFilter, resetButtonConfig)));
+};
+
+export { OpenFilterButton };
+//# sourceMappingURL=OpenFilterButton.js.map

package/dist/esm/components/filterPatterns/modal/OpenFilterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenFilterButton.js","sources":["../../../../../../src/components/filterPatterns/modal/OpenFilterButton.tsx"],"sourcesContent":[null],"names":["ChakraButton"],"mappings":"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"}

package/dist/esm/components/filterPatterns/modal/index.d.ts

@@ -0,0 +1,4 @@
+import { ModalFilterProps } from './props';
+export declare const ModalFilter: import("react").FC<ModalFilterProps>;
+export default ModalFilter;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/filterPatterns/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C,eAAO,MAAM,WAAW,sCAEF,CAAC;AAEvB,eAAe,WAAW,CAAC"}

package/dist/esm/components/filterPatterns/modal/index.js

@@ -0,0 +1,9 @@
+import { withTranslationProvider } from '../../translationProvider/withTranslationProvider.js';
+import ModalFilterContent from './Content.js';
+
+var ModalFilter = withTranslationProvider([
+    'filterSelectButton',
+])(ModalFilterContent);
+
+export { ModalFilter, ModalFilter as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/filterPatterns/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/filterPatterns/modal/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAKO,IAAM,WAAW,GAAG,uBAAuB,CAAmB;IACnE,oBAAoB;CACrB,CAAC,CAAC,kBAAkB;;;;"}

package/dist/esm/components/filterPatterns/modal/props.d.ts

@@ -0,0 +1,17 @@
+import { ButtonProps } from '@chakra-ui/react';
+import { FilterPatternProps } from '../props';
+import { ActionButtonProps } from '../ActionButton';
+import { OpenFilterButtonDisplayType, OpenFilterButtonPaddingX } from './OpenFilterButton';
+export type ModalFilterProps = FilterPatternProps & Omit<ActionButtonProps, 'onClose'> & {
+    onModalOpen?: () => void;
+    onModalClose?: () => void;
+    initialModalState?: 'open' | 'closed';
+    isDisabled?: boolean;
+    paddingX?: OpenFilterButtonPaddingX;
+    trapFocus?: boolean;
+    triggerHeight?: 'lg' | 'md';
+    showResetButton?: boolean;
+    triggerDisplayType?: OpenFilterButtonDisplayType;
+    appliedLabel?: string;
+} & Pick<ButtonProps, 'backgroundColor' | 'color'>;
+//# sourceMappingURL=props.d.ts.map

package/dist/esm/components/filterPatterns/modal/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/modal/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EACL,2BAA2B,EAC3B,wBAAwB,EACzB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAC/C,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAG;IACnC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,2BAA2B,CAAC;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC,WAAW,EAAE,iBAAiB,GAAG,OAAO,CAAC,CAAC"}

package/dist/esm/components/filterPatterns/popover/Content.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
 import { PopoverFilterProps } from './props';
-export declare const PopoverFilterContent: FC<PopoverFilterProps>;
+declare const PopoverFilterContent: FC<PopoverFilterProps>;
+export default PopoverFilterContent;
 //# sourceMappingURL=Content.d.ts.map

package/dist/esm/components/filterPatterns/popover/Content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/popover/Content.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAalC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,kBAAkB,CAwHvD,CAAC"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/popover/Content.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAclC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,kBAAkB,CAoJhD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}