npm - @skodaflow/web-library - Versions diffs - 7.15.0 → 7.16.0 - Mend

@skodaflow/web-library 7.15.0 → 7.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4125) hide show

package/cjs/organisms/textCta/textCta.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),n=require("../../components/label/label.js"),o=require("@mui/material"),r=require("../../components/button/button.js"),s=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");const a=i.forwardRef(((a,l)=>{var{label:x,headlineTitle:d,text:c,showFirstButton:h=!1,showSecondButton:u=!1,onClickFirstBtn:m,onClickSecondBtn:g,firstButtonProps:B,secondButtonProps:S,listItems:b,showAppStore:j=!1,showPlayStore:f=!1,appStoreProps:C,playStoreProps:w}=a,y=t.__rest(a,["label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps"]);const k=i.useCallback((t=>{window.open(t,"_blank")}),[]),P=i.useCallback(((t,e,i)=>{i&&k(i),e&&e(t)}),[k]),v=i.useCallback(((t,i)=>{const n=Object.assign(Object.assign({},t),{url:t.url||null});return e.jsx(r.Button,Object.assign({},n,{onClick:t=>P(t,i,n.url)}))}),[P]);return e.jsxs(p,Object.assign({ref:l,listItems:b},y,{children:[x&&e.jsx(n.Label,{label:x}),d&&e.jsx("div",{className:"headlineContainer",children:e.jsx(o.Typography,{className:"textCtaHeadline",children:d})}),c&&e.jsx("p",{className:`textCtaText ${f&&"isPlayStore"}`,children:c}),b&&b.length>0&&e.jsx(o.List,{className:"textCtaList",children:b.map(((t,i)=>e.jsxs(o.ListItem,{disableGutters:!0,children:[e.jsx(s.Icon,{name:t.icon||"check"}),t.text]},"text-cta-list-item"+i)))}),e.jsxs("div",{className:"textCtaBtnGroup",children:[(!j||!f)&&e.jsxs(e.Fragment,{children:[h&&v(B,m),u&&v(S,g)]}),(!h||!u)&&e.jsxs(e.Fragment,{children:[j&&e.jsx(o.ButtonBase,{className:"appStoreBadge",onClick:()=>k(C.url),children:e.jsx("img",{src:C.img,alt:C.alt})}),f&&e.jsx("span",{className:"playStoreBadge",dangerouslySetInnerHTML:{__html:w}})]})]})]}))})),l=t=>{switch(t){case"h1":return{fontSize:"44px",lineHeight:"52px"};case"h2":return{fontSize:"36px",lineHeight:"44px"};case"h3":return{fontSize:"30px",lineHeight:"36px"};case"h4":return{fontSize:"24px",lineHeight:"28px"};default:return{fontSize:"18px",lineHeight:"28px"}}},p=o.styled("div",{shouldForwardProp:t=>"listItems"!==t&&"headlineVariant"!==t})((e=>{var{theme:i}=e,n=t.__rest(e,["theme"]);let o={};return o={"& > span":{margin:0},"& > div.headlineContainer":{marginBottom:"10px",marginTop:"5px","& > .textCtaHeadline":Object.assign({fontWeight:"bold"},l(n.headlineVariant))},"& > div.subheadlineContainer":{marginBottom:"10px","& > .textCtaSubheadline":{fontWeight:"bold",fontSize:"18px",lineHeight:"28px"}},"& > .textCtaList":{marginBottom:"10px"},"& > .textCtaText":{fontSize:"18px",lineHeight:"28px",margin:"12px 0 16px 0","&.isPlayStore":{marginBottom:"2px"}},"& > div.textCtaBtnGroup":{display:"flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"wrap","& > div":{[i.breakpoints.down("sm")]:{width:"100%"}},"& > .appStoreBadge":{cursor:"pointer",marginRight:"8px","& > img":{height:"40px"}},"& > .playStoreBadge":{cursor:"pointer","& img":{maxWidth:"153px"}},"& .MuiButton-root":{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"2px",fontSize:"14px",minWidth:"93px",height:"32px",[i.breakpoints.down("sm")]:{height:"44px",width:"100%"}},"& .MuiButton-root:first-of-type":{marginRight:"16px",marginBottom:0,[i.breakpoints.down("sm")]:{marginBottom:"16px"}}}," & > .MuiList-root":{padding:"0px","& > .MuiListItem-root":{padding:"0px 0px 6px 0px","& > .MuiIcon-root":{width:"20px",height:"24px",fontSize:"14px"}}}},o}));exports.TextCta=a;
+"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),n=require("react"),i=require("../../components/label/label.js"),r=require("@mui/material"),c=require("../../components/button/button.js"),s=require("../../components/icon/Icon.js");require("../../components/icon/FlowIcon.js"),require("../../components/icon/icon.definitions.js"),require("../../components/icon/filled/ATMFilledIcon.js"),require("../../components/icon/filled/AddFilledIcon.js"),require("../../components/icon/filled/AirFilterFilledIcon.js"),require("../../components/icon/filled/AISuggestionFilledIcon.js"),require("../../components/icon/filled/ArchiveFilledIcon.js"),require("../../components/icon/filled/ArrowBottomLeftFilledIcon.js"),require("../../components/icon/filled/ArrowBottomRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleBottomLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCircleBottomRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleDownFilledIcon.js"),require("../../components/icon/filled/ArrowCircleLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCircleRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleTopLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCircleTopRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleUpFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedDownFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedDownFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedLeftFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedRightFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedRightFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedUpFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedUpFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowDownFilledIcon.js"),require("../../components/icon/filled/ArrowLeftFilledIcon.js"),require("../../components/icon/filled/ArrowRightFilledIcon.js"),require("../../components/icon/filled/ArrowTopLeftFilledIcon.js"),require("../../components/icon/filled/ArrowTopRightFilledIcon.js"),require("../../components/icon/filled/ArrowUpFilledIcon.js"),require("../../components/icon/filled/ArtboardFilledIcon.js"),require("../../components/icon/filled/AssistanceFilledIcon.js"),require("../../components/icon/filled/AudioMidFilledIcon.js"),require("../../components/icon/filled/AudioMuteFilledIcon.js"),require("../../components/icon/filled/AudioOffFilledIcon.js"),require("../../components/icon/filled/AudioOnFilledIcon.js"),require("../../components/icon/filled/BackToParentFilledIcon.js"),require("../../components/icon/filled/BadgeFilledIcon.js"),require("../../components/icon/filled/BalloonFilledIcon.js"),require("../../components/icon/filled/BarFilledIcon.js"),require("../../components/icon/filled/BarCodeFilledIcon.js"),require("../../components/icon/filled/Battery0FilledIcon.js"),require("../../components/icon/filled/Battery10FilledIcon.js"),require("../../components/icon/filled/Battery100FilledIcon.js"),require("../../components/icon/filled/Battery20FilledIcon.js"),require("../../components/icon/filled/Battery30FilledIcon.js"),require("../../components/icon/filled/Battery40FilledIcon.js"),require("../../components/icon/filled/Battery50FilledIcon.js"),require("../../components/icon/filled/Battery60FilledIcon.js"),require("../../components/icon/filled/Battery70FilledIcon.js"),require("../../components/icon/filled/Battery80FilledIcon.js"),require("../../components/icon/filled/Battery90FilledIcon.js"),require("../../components/icon/filled/BatteryChargingFilledIcon.js"),require("../../components/icon/filled/BatteryDischargeFilledIcon.js"),require("../../components/icon/filled/BatteryEmptyFilledIcon.js"),require("../../components/icon/filled/BatteryErrorFilledIcon.js"),require("../../components/icon/filled/BatteryFullFilledIcon.js"),require("../../components/icon/filled/BatteryHighVoltageFilledIcon.js"),require("../../components/icon/filled/BatteryOneThirdFilledIcon.js"),require("../../components/icon/filled/BatteryTwoThirdsFilledIcon.js"),require("../../components/icon/filled/BatteryFilledIcon.js"),require("../../components/icon/filled/BellFilledIcon.js"),require("../../components/icon/filled/BicycleFilledIcon.js"),require("../../components/icon/filled/BoltDischargeFilledIcon.js"),require("../../components/icon/filled/BoltFilledIcon.js"),require("../../components/icon/filled/BoltMotionFilledIcon.js"),require("../../components/icon/filled/BoltOffFilledIcon.js"),require("../../components/icon/filled/BonnetClosedFilledIcon.js"),require("../../components/icon/filled/BonnetOpenFilledIcon.js"),require("../../components/icon/filled/BookmarkFilledIcon.js"),require("../../components/icon/filled/BootClosedFilledIcon.js"),require("../../components/icon/filled/BootOpenFilledIcon.js"),require("../../components/icon/filled/BoxFilledIcon.js"),require("../../components/icon/filled/BrakeFluidFilledIcon.js"),require("../../components/icon/filled/BrakesFilledIcon.js"),require("../../components/icon/filled/BrightnessFilledIcon.js"),require("../../components/icon/filled/BuildingFilledIcon.js"),require("../../components/icon/filled/CalculatorFilledIcon.js"),require("../../components/icon/filled/CalendarCalendarFilledIcon.js"),require("../../components/icon/filled/CalendarCheckFilledIcon.js"),require("../../components/icon/filled/CalendarPointFilledIcon.js"),require("../../components/icon/filled/CameraFilledIcon.js"),require("../../components/icon/filled/CampingFilledIcon.js"),require("../../components/icon/filled/CarAccidentFilledIcon.js"),require("../../components/icon/filled/CarBackFilledIcon.js"),require("../../components/icon/filled/CarComparisonFilledIcon.js"),require("../../components/icon/filled/CarHandFilledIcon.js"),require("../../components/icon/filled/CarInfoFilledIcon.js"),require("../../components/icon/filled/CarMagnifierFilledIcon.js"),require("../../components/icon/filled/CarSeatFilledIcon.js"),require("../../components/icon/filled/CarSendFilledIcon.js"),require("../../components/icon/filled/CarSideFilledIcon.js"),require("../../components/icon/filled/CarStarFilledIcon.js"),require("../../components/icon/filled/CarTechnicalInfoFilledIcon.js"),require("../../components/icon/filled/CareMobilityFilledIcon.js"),require("../../components/icon/filled/CarFilledIcon.js"),require("../../components/icon/filled/CarDoorFilledIcon.js"),require("../../components/icon/filled/CarStatusFilledIcon.js"),require("../../components/icon/filled/CardFilledIcon.js"),require("../../components/icon/filled/ChangeOrderFilledIcon.js"),require("../../components/icon/filled/ChatFilledIcon.js"),require("../../components/icon/filled/CheckFilledIcon.js"),require("../../components/icon/filled/ChevronCircleDownFilledIcon.js"),require("../../components/icon/filled/ChevronCircleLeftFilledIcon.js"),require("../../components/icon/filled/ChevronCircleRightFilledIcon.js"),require("../../components/icon/filled/ChevronCircleUpFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleDownFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleLeftFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleRightFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleUpFilledIcon.js"),require("../../components/icon/filled/ChevronDownFilledIcon.js"),require("../../components/icon/filled/ChevronLeftFilledIcon.js"),require("../../components/icon/filled/ChevronNextFilledIcon.js"),require("../../components/icon/filled/ChevronPreviousFilledIcon.js"),require("../../components/icon/filled/ChevronRightFilledIcon.js"),require("../../components/icon/filled/ChevronUpFilledIcon.js"),require("../../components/icon/filled/CircleBluetoothFilledIcon.js"),require("../../components/icon/filled/CircleCheckFilledIcon.js"),require("../../components/icon/filled/CircleCloseFilledIcon.js"),require("../../components/icon/filled/CircleDownloadFilledIcon.js"),require("../../components/icon/filled/CircleExclamationFilledIcon.js"),require("../../components/icon/filled/CircleInformationFilledIcon.js"),require("../../components/icon/filled/CircleMinusFilledIcon.js"),require("../../components/icon/filled/CirclePlusFilledIcon.js"),require("../../components/icon/filled/CircleQuestionFilledIcon.js"),require("../../components/icon/filled/CircleSlashFilledIcon.js"),require("../../components/icon/filled/CircleUploadFilledIcon.js"),require("../../components/icon/filled/ClipFilledIcon.js"),require("../../components/icon/filled/ClockFilledIcon.js"),require("../../components/icon/filled/CloseFilledIcon.js"),require("../../components/icon/filled/ClosedcaptionsFilledIcon.js"),require("../../components/icon/filled/CloudCO2FilledIcon.js"),require("../../components/icon/filled/CloudDownloadFilledIcon.js"),require("../../components/icon/filled/CloudUploadFilledIcon.js"),require("../../components/icon/filled/ColoursFilledIcon.js"),require("../../components/icon/filled/ComfortFilledIcon.js"),require("../../components/icon/filled/ContrastFilledIcon.js"),require("../../components/icon/filled/ControlsForwardFilledIcon.js"),require("../../components/icon/filled/ControlsPauseFilledIcon.js"),require("../../components/icon/filled/ControlsPlayFilledIcon.js"),require("../../components/icon/filled/ControlsRecordFilledIcon.js"),require("../../components/icon/filled/ControlsReverseFilledIcon.js"),require("../../components/icon/filled/ControlsRewindFilledIcon.js"),require("../../components/icon/filled/ControlsSkipNextFilledIcon.js"),require("../../components/icon/filled/ControlsSkipPreviousFilledIcon.js"),require("../../components/icon/filled/ControlsStopFilledIcon.js"),require("../../components/icon/filled/CookieFilledIcon.js"),require("../../components/icon/filled/CultureFilledIcon.js"),require("../../components/icon/filled/CopyFilledIcon.js"),require("../../components/icon/filled/CutFilledIcon.js"),require("../../components/icon/filled/DealerFilledIcon.js"),require("../../components/icon/filled/DealershipServiceFilledIcon.js"),require("../../components/icon/filled/DeliveryFilledIcon.js"),require("../../components/icon/filled/DetailsFilledIcon.js"),require("../../components/icon/filled/DeviceSmartphoneFilledIcon.js"),require("../../components/icon/filled/DoorsClosedFilledIcon.js"),require("../../components/icon/filled/DoorsOpenFilledIcon.js"),require("../../components/icon/filled/DownloadFilledIcon.js"),require("../../components/icon/filled/DraghandleFilledIcon.js"),require("../../components/icon/filled/EditFilledIcon.js"),require("../../components/icon/filled/ElectricChargerFilledIcon.js"),require("../../components/icon/filled/ElectricChargerOffFilledIcon.js"),require("../../components/icon/filled/EmptystateFilledIcon.js"),require("../../components/icon/filled/EngineFilledIcon.js"),require("../../components/icon/filled/EngineOilFilledIcon.js"),require("../../components/icon/filled/EntertainmentFilledIcon.js"),require("../../components/icon/filled/EqualsignFilledIcon.js"),require("../../components/icon/filled/ExportFilledIcon.js"),require("../../components/icon/filled/ExternalLinkFilledIcon.js"),require("../../components/icon/filled/FacebookFilledIcon.js"),require("../../components/icon/filled/FactoryFilledIcon.js"),require("../../components/icon/filled/FanFilledIcon.js"),require("../../components/icon/filled/FeedbackFilledIcon.js"),require("../../components/icon/filled/FileFilledIcon.js"),require("../../components/icon/filled/FileMissingFilledIcon.js"),require("../../components/icon/filled/FileNewFilledIcon.js"),require("../../components/icon/filled/FilterFilledIcon.js"),require("../../components/icon/filled/FiltersFilledIcon.js"),require("../../components/icon/filled/FingerPrintFilledIcon.js"),require("../../components/icon/filled/FirstAidFilledIcon.js"),require("../../components/icon/filled/FlashFilledIcon.js"),require("../../components/icon/filled/FolderFilledIcon.js"),require("../../components/icon/filled/FolderShareFilledIcon.js"),require("../../components/icon/filled/FoodFilledIcon.js"),require("../../components/icon/filled/FourwheeldriveFilledIcon.js"),require("../../components/icon/filled/FrontaxleFilledIcon.js"),require("../../components/icon/filled/FuelSavingsFilledIcon.js"),require("../../components/icon/filled/FullscreenEnterFilledIcon.js"),require("../../components/icon/filled/FullscreenExitFilledIcon.js"),require("../../components/icon/filled/GarageFilledIcon.js"),require("../../components/icon/filled/GaugeFilledIcon.js"),require("../../components/icon/filled/GlobeFilledIcon.js"),require("../../components/icon/filled/GroupFilledIcon.js"),require("../../components/icon/filled/HandkeyFilledIcon.js"),require("../../components/icon/filled/HealthScanFilledIcon.js"),require("../../components/icon/filled/HeartFilledIcon.js"),require("../../components/icon/filled/HideFilledIcon.js"),require("../../components/icon/filled/HistoryFilledIcon.js"),require("../../components/icon/filled/HomeFilledIcon.js"),require("../../components/icon/filled/HonkFilledIcon.js"),require("../../components/icon/filled/HotelFilledIcon.js"),require("../../components/icon/filled/HybridFilledIcon.js"),require("../../components/icon/filled/IDCardFilledIcon.js"),require("../../components/icon/filled/ImportFilledIcon.js"),require("../../components/icon/filled/InboxFilledIcon.js"),require("../../components/icon/filled/InstagramFilledIcon.js"),require("../../components/icon/filled/LightsFilledIcon.js"),require("../../components/icon/filled/LightsOffFilledIcon.js"),require("../../components/icon/filled/LinkedInFilledIcon.js"),require("../../components/icon/filled/ListFilledIcon.js"),require("../../components/icon/filled/LockClosedFilledIcon.js"),require("../../components/icon/filled/LockOpenedFilledIcon.js"),require("../../components/icon/filled/LockOpenedAltFilledIcon.js"),require("../../components/icon/filled/LockedSteeringWheelFilledIcon.js"),require("../../components/icon/filled/LoginFilledIcon.js"),require("../../components/icon/filled/LogoutFilledIcon.js"),require("../../components/icon/filled/MaintenanceFilledIcon.js"),require("../../components/icon/filled/ManualFilledIcon.js"),require("../../components/icon/filled/MapCenterFilledIcon.js"),require("../../components/icon/filled/MapCompassFilledIcon.js"),require("../../components/icon/filled/MapFlagFilledIcon.js"),require("../../components/icon/filled/MapLocationFilledIcon.js"),require("../../components/icon/filled/MapFilledIcon.js"),require("../../components/icon/filled/MapMarkerFilledIcon.js"),require("../../components/icon/filled/MapMarkerLBOFilledIcon.js"),require("../../components/icon/filled/MapPinFilledIcon.js"),require("../../components/icon/filled/MapViewFilledIcon.js"),require("../../components/icon/filled/MenuWaffleFilledIcon.js"),require("../../components/icon/filled/MenuFilledIcon.js"),require("../../components/icon/filled/MessageFilledIcon.js"),require("../../components/icon/filled/MicrophoneFilledIcon.js"),require("../../components/icon/filled/MinusFilledIcon.js"),require("../../components/icon/filled/MoreHorizontalFilledIcon.js"),require("../../components/icon/filled/MoreVerticalFilledIcon.js"),require("../../components/icon/filled/MotionFilledIcon.js"),require("../../components/icon/filled/MusicalNoteFilledIcon.js"),require("../../components/icon/filled/MuteFilledIcon.js"),require("../../components/icon/filled/NewsFilledIcon.js"),require("../../components/icon/filled/NewspaperFilledIcon.js"),require("../../components/icon/filled/OilFilledIcon.js"),require("../../components/icon/filled/ParkingFilledIcon.js"),require("../../components/icon/filled/PasteFilledIcon.js"),require("../../components/icon/filled/PercentageFilledIcon.js"),require("../../components/icon/filled/PetFilledIcon.js"),require("../../components/icon/filled/PhoneFilledIcon.js"),require("../../components/icon/filled/PictureFilledIcon.js"),require("../../components/icon/filled/PiggybankFilledIcon.js"),require("../../components/icon/filled/PlugCCSType1FilledIcon.js"),require("../../components/icon/filled/PlugCCSType2FilledIcon.js"),require("../../components/icon/filled/PlugCHAdeMOFilledIcon.js"),require("../../components/icon/filled/PlugType1FilledIcon.js"),require("../../components/icon/filled/PlugType2FilledIcon.js"),require("../../components/icon/filled/PlugFilledIcon.js"),require("../../components/icon/filled/PlusFilledIcon.js"),require("../../components/icon/filled/PremiumLFilledIcon.js"),require("../../components/icon/filled/PremiumMFilledIcon.js"),require("../../components/icon/filled/PremiumSFilledIcon.js"),require("../../components/icon/filled/PriceTagFilledIcon.js"),require("../../components/icon/filled/PrintFilledIcon.js"),require("../../components/icon/filled/ProductionFilledIcon.js"),require("../../components/icon/filled/PublicplaceFilledIcon.js"),require("../../components/icon/filled/PumpFilledIcon.js"),require("../../components/icon/filled/PumpCNGFilledIcon.js"),require("../../components/icon/filled/PumpLPGFilledIcon.js"),require("../../components/icon/filled/QRCodeFilledIcon.js"),require("../../components/icon/filled/QualityFilledIcon.js"),require("../../components/icon/filled/QualityMedalFilledIcon.js"),require("../../components/icon/filled/RadarFilledIcon.js"),require("../../components/icon/filled/RefreshFilledIcon.js"),require("../../components/icon/filled/ReloadFilledIcon.js"),require("../../components/icon/filled/RevertFilledIcon.js"),require("../../components/icon/filled/RoadBlockFilledIcon.js"),require("../../components/icon/filled/SaveFilledIcon.js"),require("../../components/icon/filled/SearchMinusFilledIcon.js"),require("../../components/icon/filled/SearchPlusFilledIcon.js"),require("../../components/icon/filled/SearchFilledIcon.js"),require("../../components/icon/filled/SeatheaterFilledIcon.js"),require("../../components/icon/filled/SelectFilledIcon.js"),require("../../components/icon/filled/SelectAllFilledIcon.js"),require("../../components/icon/filled/SendFilledIcon.js"),require("../../components/icon/filled/SettingsFilledIcon.js"),require("../../components/icon/filled/ShapeCircleFilledIcon.js"),require("../../components/icon/filled/ShapeDropFilledIcon.js"),require("../../components/icon/filled/ShapeRectangleHorizontalFilledIcon.js"),require("../../components/icon/filled/ShapeRectangleRoundedFilledIcon.js"),require("../../components/icon/filled/ShapeRectangleVerticalFilledIcon.js"),require("../../components/icon/filled/ShapeRhombusFilledIcon.js"),require("../../components/icon/filled/ShapeShapesFilledIcon.js"),require("../../components/icon/filled/ShapeSquareFilledIcon.js"),require("../../components/icon/filled/ShapeStarFilledIcon.js"),require("../../components/icon/filled/ShapeStarhalfFilledIcon.js"),require("../../components/icon/filled/ShapeTriangleFilledIcon.js"),require("../../components/icon/filled/ShareFilledIcon.js"),require("../../components/icon/filled/ShareSquareFilledIcon.js"),require("../../components/icon/filled/ShieldCheckFilledIcon.js"),require("../../components/icon/filled/ShieldEmptyFilledIcon.js"),require("../../components/icon/filled/ShoppingBagFilledIcon.js"),require("../../components/icon/filled/ShoppingCartFilledIcon.js"),require("../../components/icon/filled/ShowFilledIcon.js"),require("../../components/icon/filled/ShuffleFilledIcon.js"),require("../../components/icon/filled/SignalFilledIcon.js"),require("../../components/icon/filled/SortDownFilledIcon.js"),require("../../components/icon/filled/SortUpFilledIcon.js"),require("../../components/icon/filled/SoundwaveFilledIcon.js"),require("../../components/icon/filled/SparkplugFilledIcon.js"),require("../../components/icon/filled/SportFilledIcon.js"),require("../../components/icon/filled/StatsFilledIcon.js"),require("../../components/icon/filled/SteeringWheelFilledIcon.js"),require("../../components/icon/filled/StopwatchFilledIcon.js"),require("../../components/icon/filled/SubtractFilledIcon.js"),require("../../components/icon/filled/SuitcaseFilledIcon.js"),require("../../components/icon/filled/SunroofFilledIcon.js"),require("../../components/icon/filled/TaskDoneFilledIcon.js"),require("../../components/icon/filled/TaskNoneFilledIcon.js"),require("../../components/icon/filled/TaskScheduledFilledIcon.js"),require("../../components/icon/filled/TechnicalInfoFilledIcon.js"),require("../../components/icon/filled/TelegramFilledIcon.js"),require("../../components/icon/filled/ThumbDownFilledIcon.js"),require("../../components/icon/filled/ThumbUpFilledIcon.js"),require("../../components/icon/filled/TicketFilledIcon.js"),require("../../components/icon/filled/TikTokFilledIcon.js"),require("../../components/icon/filled/ToiletsFilledIcon.js"),require("../../components/icon/filled/TransmissionAutomaticFilledIcon.js"),require("../../components/icon/filled/TransmissionManualFilledIcon.js"),require("../../components/icon/filled/TrashcanFilledIcon.js"),require("../../components/icon/filled/TripCyclicFilledIcon.js"),require("../../components/icon/filled/TripLongTermFilledIcon.js"),require("../../components/icon/filled/TripSingleFilledIcon.js"),require("../../components/icon/filled/TrophyFilledIcon.js"),require("../../components/icon/filled/TwitterFilledIcon.js"),require("../../components/icon/filled/TyreRepairFilledIcon.js"),require("../../components/icon/filled/TyreTracksFilledIcon.js"),require("../../components/icon/filled/TyresFilledIcon.js"),require("../../components/icon/filled/UploadFilledIcon.js"),require("../../components/icon/filled/UserFilledIcon.js"),require("../../components/icon/filled/VentilationFilledIcon.js"),require("../../components/icon/filled/VentilationOffFilledIcon.js"),require("../../components/icon/filled/WalkFilledIcon.js"),require("../../components/icon/filled/WallboxFilledIcon.js"),require("../../components/icon/filled/WalletFilledIcon.js"),require("../../components/icon/filled/WandFilledIcon.js"),require("../../components/icon/filled/WarningFilledIcon.js"),require("../../components/icon/filled/WeatherRainyFilledIcon.js"),require("../../components/icon/filled/WeatherSnowFilledIcon.js"),require("../../components/icon/filled/WellnessFilledIcon.js"),require("../../components/icon/filled/WhatsAppFilledIcon.js"),require("../../components/icon/filled/WheelchairFilledIcon.js"),require("../../components/icon/filled/WheelsFilledIcon.js"),require("../../components/icon/filled/WifiDisabledFilledIcon.js"),require("../../components/icon/filled/WifiHighFilledIcon.js"),require("../../components/icon/filled/WifiLowFilledIcon.js"),require("../../components/icon/filled/WifiMediumFilledIcon.js"),require("../../components/icon/filled/WifiNoSignalFilledIcon.js"),require("../../components/icon/filled/WindowFilledIcon.js"),require("../../components/icon/filled/WindowheaterFilledIcon.js"),require("../../components/icon/filled/WindowsClosedFilledIcon.js"),require("../../components/icon/filled/WindowsOpenFilledIcon.js"),require("../../components/icon/filled/WindscreenWiperFilledIcon.js"),require("../../components/icon/filled/WriteFilledIcon.js"),require("../../components/icon/filled/XFilledIcon.js"),require("../../components/icon/filled/YouTubeFilledIcon.js"),require("../../components/icon/stroke/ATMIcon.js"),require("../../components/icon/stroke/AddIcon.js"),require("../../components/icon/stroke/AirFilterIcon.js"),require("../../components/icon/stroke/AISuggestionIcon.js"),require("../../components/icon/stroke/ArchiveIcon.js"),require("../../components/icon/stroke/ArrowBottomLeftIcon.js"),require("../../components/icon/stroke/ArrowBottomRightIcon.js"),require("../../components/icon/stroke/ArrowCircleBottomLeftIcon.js"),require("../../components/icon/stroke/ArrowCircleBottomRightIcon.js"),require("../../components/icon/stroke/ArrowCircleDownIcon.js"),require("../../components/icon/stroke/ArrowCircleLeftIcon.js"),require("../../components/icon/stroke/ArrowCircleRightIcon.js"),require("../../components/icon/stroke/ArrowCircleTopLeftIcon.js"),require("../../components/icon/stroke/ArrowCircleTopRightIcon.js"),require("../../components/icon/stroke/ArrowCircleUpIcon.js"),require("../../components/icon/stroke/ArrowCurvedDownIcon.js"),require("../../components/icon/stroke/ArrowCurvedDownFlippedIcon.js"),require("../../components/icon/stroke/ArrowCurvedLeftIcon.js"),require("../../components/icon/stroke/ArrowCurvedLeftFlippedIcon.js"),require("../../components/icon/stroke/ArrowCurvedRightIcon.js"),require("../../components/icon/stroke/ArrowCurvedRightFlippedIcon.js"),require("../../components/icon/stroke/ArrowCurvedUpIcon.js"),require("../../components/icon/stroke/ArrowCurvedUpFlippedIcon.js"),require("../../components/icon/stroke/ArrowDownIcon.js"),require("../../components/icon/stroke/ArrowLeftIcon.js"),require("../../components/icon/stroke/ArrowRightIcon.js"),require("../../components/icon/stroke/ArrowTopLeftIcon.js"),require("../../components/icon/stroke/ArrowTopRightIcon.js"),require("../../components/icon/stroke/ArrowUpIcon.js"),require("../../components/icon/stroke/ArtboardIcon.js"),require("../../components/icon/stroke/AssistanceIcon.js"),require("../../components/icon/stroke/AudioMidIcon.js"),require("../../components/icon/stroke/AudioMuteIcon.js"),require("../../components/icon/stroke/AudioOffIcon.js"),require("../../components/icon/stroke/AudioOnIcon.js"),require("../../components/icon/stroke/BadgeIcon.js"),require("../../components/icon/stroke/BackToParentIcon.js"),require("../../components/icon/stroke/BalloonIcon.js"),require("../../components/icon/stroke/BarIcon.js"),require("../../components/icon/stroke/BarCodeIcon.js"),require("../../components/icon/stroke/Battery0Icon.js"),require("../../components/icon/stroke/Battery10Icon.js"),require("../../components/icon/stroke/Battery100Icon.js"),require("../../components/icon/stroke/Battery20Icon.js"),require("../../components/icon/stroke/Battery30Icon.js"),require("../../components/icon/stroke/Battery40Icon.js"),require("../../components/icon/stroke/Battery50Icon.js"),require("../../components/icon/stroke/Battery60Icon.js"),require("../../components/icon/stroke/Battery70Icon.js"),require("../../components/icon/stroke/Battery80Icon.js"),require("../../components/icon/stroke/Battery90Icon.js"),require("../../components/icon/stroke/BatteryEmptyIcon.js"),require("../../components/icon/stroke/BatteryFullIcon.js"),require("../../components/icon/stroke/BatteryHighVoltageIcon.js"),require("../../components/icon/stroke/BatteryOneThirdIcon.js"),require("../../components/icon/stroke/BatteryTwoThirdsIcon.js"),require("../../components/icon/stroke/BatteryChargingIcon.js"),require("../../components/icon/stroke/BatteryDischargeIcon.js"),require("../../components/icon/stroke/BatteryErrorIcon.js"),require("../../components/icon/stroke/BatteryIcon.js"),require("../../components/icon/stroke/BellIcon.js"),require("../../components/icon/stroke/BicycleIcon.js"),require("../../components/icon/stroke/BoltDischargeIcon.js"),require("../../components/icon/stroke/BoltIcon.js"),require("../../components/icon/stroke/BoltMotionIcon.js"),require("../../components/icon/stroke/BoltOffIcon.js"),require("../../components/icon/stroke/BonnetClosedIcon.js"),require("../../components/icon/stroke/BonnetOpenIcon.js"),require("../../components/icon/stroke/BookmarkIcon.js"),require("../../components/icon/stroke/BootClosedIcon.js"),require("../../components/icon/stroke/BootOpenIcon.js"),require("../../components/icon/stroke/BoxIcon.js"),require("../../components/icon/stroke/BrakeFluidIcon.js"),require("../../components/icon/stroke/BrakesIcon.js"),require("../../components/icon/stroke/BrightnessIcon.js"),require("../../components/icon/stroke/BuildingIcon.js"),require("../../components/icon/stroke/CalculatorIcon.js"),require("../../components/icon/stroke/CalendarCalendarIcon.js"),require("../../components/icon/stroke/CalendarCheckIcon.js"),require("../../components/icon/stroke/CalendarPointIcon.js"),require("../../components/icon/stroke/CameraIcon.js"),require("../../components/icon/stroke/CampingIcon.js"),require("../../components/icon/stroke/CarAccidentIcon.js"),require("../../components/icon/stroke/CarBackIcon.js"),require("../../components/icon/stroke/CarComparisonIcon.js"),require("../../components/icon/stroke/CarHandIcon.js"),require("../../components/icon/stroke/CarInfoIcon.js"),require("../../components/icon/stroke/CarMagnifierIcon.js"),require("../../components/icon/stroke/CarSeatIcon.js"),require("../../components/icon/stroke/CarSendIcon.js"),require("../../components/icon/stroke/CarSideIcon.js"),require("../../components/icon/stroke/CarStarIcon.js"),require("../../components/icon/stroke/CarTechnicalInfoIcon.js"),require("../../components/icon/stroke/CareMobilityIcon.js"),require("../../components/icon/stroke/CarIcon.js"),require("../../components/icon/stroke/CarDoorIcon.js"),require("../../components/icon/stroke/CarStatusIcon.js"),require("../../components/icon/stroke/CardIcon.js"),require("../../components/icon/stroke/ChangeOrderIcon.js"),require("../../components/icon/stroke/ChatIcon.js"),require("../../components/icon/stroke/CheckIcon.js"),require("../../components/icon/stroke/ChevronCircleDownIcon.js"),require("../../components/icon/stroke/ChevronCircleLeftIcon.js"),require("../../components/icon/stroke/ChevronCircleRightIcon.js"),require("../../components/icon/stroke/ChevronCircleUpIcon.js"),require("../../components/icon/stroke/ChevronDoubleDownIcon.js"),require("../../components/icon/stroke/ChevronDoubleLeftIcon.js"),require("../../components/icon/stroke/ChevronDoubleRightIcon.js"),require("../../components/icon/stroke/ChevronDoubleUpIcon.js"),require("../../components/icon/stroke/ChevronDownIcon.js"),require("../../components/icon/stroke/ChevronLeftIcon.js"),require("../../components/icon/stroke/ChevronNextIcon.js"),require("../../components/icon/stroke/ChevronPreviousIcon.js"),require("../../components/icon/stroke/ChevronRightIcon.js"),require("../../components/icon/stroke/ChevronUpIcon.js"),require("../../components/icon/stroke/CircleBluetoothIcon.js"),require("../../components/icon/stroke/CircleCheckIcon.js"),require("../../components/icon/stroke/CircleCloseIcon.js"),require("../../components/icon/stroke/CircleDownloadIcon.js"),require("../../components/icon/stroke/CircleExclamationIcon.js"),require("../../components/icon/stroke/CircleInformationIcon.js"),require("../../components/icon/stroke/CircleMinusIcon.js"),require("../../components/icon/stroke/CirclePlusIcon.js"),require("../../components/icon/stroke/CircleQuestionIcon.js"),require("../../components/icon/stroke/CircleSlashIcon.js"),require("../../components/icon/stroke/CircleUploadIcon.js"),require("../../components/icon/stroke/ClipIcon.js"),require("../../components/icon/stroke/ClockIcon.js"),require("../../components/icon/stroke/CloseIcon.js"),require("../../components/icon/stroke/ClosedcaptionsIcon.js"),require("../../components/icon/stroke/CloudCO2Icon.js"),require("../../components/icon/stroke/CloudDownloadIcon.js"),require("../../components/icon/stroke/CloudUploadIcon.js"),require("../../components/icon/stroke/ColoursIcon.js"),require("../../components/icon/stroke/ComfortIcon.js"),require("../../components/icon/stroke/ContrastIcon.js"),require("../../components/icon/stroke/ControlsForwardIcon.js"),require("../../components/icon/stroke/ControlsPauseIcon.js"),require("../../components/icon/stroke/ControlsPlayIcon.js"),require("../../components/icon/stroke/ControlsRecordIcon.js"),require("../../components/icon/stroke/ControlsReverseIcon.js"),require("../../components/icon/stroke/ControlsRewindIcon.js"),require("../../components/icon/stroke/ControlsSkipNextIcon.js"),require("../../components/icon/stroke/ControlsSkipPreviousIcon.js"),require("../../components/icon/stroke/ControlsStopIcon.js"),require("../../components/icon/stroke/CookieIcon.js"),require("../../components/icon/stroke/CopyIcon.js"),require("../../components/icon/stroke/CultureIcon.js"),require("../../components/icon/stroke/CutIcon.js"),require("../../components/icon/stroke/DealerIcon.js"),require("../../components/icon/stroke/DealershipServiceIcon.js"),require("../../components/icon/stroke/DeliveryIcon.js"),require("../../components/icon/stroke/DetailsIcon.js"),require("../../components/icon/stroke/DeviceSmartphoneIcon.js"),require("../../components/icon/stroke/DoorsClosedIcon.js"),require("../../components/icon/stroke/DoorsOpenIcon.js"),require("../../components/icon/stroke/DownloadIcon.js"),require("../../components/icon/stroke/DraghandleIcon.js"),require("../../components/icon/stroke/EditIcon.js"),require("../../components/icon/stroke/ElectricChargerIcon.js"),require("../../components/icon/stroke/ElectricChargerOffIcon.js"),require("../../components/icon/stroke/EmptystateIcon.js"),require("../../components/icon/stroke/EngineIcon.js"),require("../../components/icon/stroke/EngineOilIcon.js"),require("../../components/icon/stroke/EntertainmentIcon.js"),require("../../components/icon/stroke/EqualsignIcon.js"),require("../../components/icon/stroke/ExportIcon.js"),require("../../components/icon/stroke/ExternalLinkIcon.js"),require("../../components/icon/stroke/FacebookIcon.js"),require("../../components/icon/stroke/FactoryIcon.js"),require("../../components/icon/stroke/FanIcon.js"),require("../../components/icon/stroke/FeedbackIcon.js"),require("../../components/icon/stroke/FileIcon.js"),require("../../components/icon/stroke/FileMissingIcon.js"),require("../../components/icon/stroke/FileNewIcon.js"),require("../../components/icon/stroke/FilterIcon.js"),require("../../components/icon/stroke/FiltersIcon.js"),require("../../components/icon/stroke/FingerPrintIcon.js"),require("../../components/icon/stroke/FirstAidIcon.js"),require("../../components/icon/stroke/FlashIcon.js"),require("../../components/icon/stroke/FolderIcon.js"),require("../../components/icon/stroke/FolderShareIcon.js"),require("../../components/icon/stroke/FoodIcon.js"),require("../../components/icon/stroke/FourwheeldriveIcon.js"),require("../../components/icon/stroke/FrontaxleIcon.js"),require("../../components/icon/stroke/FuelSavingsIcon.js"),require("../../components/icon/stroke/FullscreenEnterIcon.js"),require("../../components/icon/stroke/FullscreenExitIcon.js"),require("../../components/icon/stroke/GarageIcon.js"),require("../../components/icon/stroke/GaugeIcon.js"),require("../../components/icon/stroke/GlobeIcon.js"),require("../../components/icon/stroke/GroupIcon.js"),require("../../components/icon/stroke/HandkeyIcon.js"),require("../../components/icon/stroke/HealthScanIcon.js"),require("../../components/icon/stroke/HeartIcon.js"),require("../../components/icon/stroke/HideIcon.js"),require("../../components/icon/stroke/HistoryIcon.js"),require("../../components/icon/stroke/HomeIcon.js"),require("../../components/icon/stroke/HonkIcon.js"),require("../../components/icon/stroke/HotelIcon.js"),require("../../components/icon/stroke/HybridIcon.js"),require("../../components/icon/stroke/IDCardIcon.js"),require("../../components/icon/stroke/ImportIcon.js"),require("../../components/icon/stroke/InboxIcon.js"),require("../../components/icon/stroke/InstagramIcon.js"),require("../../components/icon/stroke/LightsIcon.js"),require("../../components/icon/stroke/LightsOffIcon.js"),require("../../components/icon/stroke/LinkedInIcon.js"),require("../../components/icon/stroke/ListIcon.js"),require("../../components/icon/stroke/LockClosedIcon.js"),require("../../components/icon/stroke/LockOpenedIcon.js"),require("../../components/icon/stroke/LockOpenedAltIcon.js"),require("../../components/icon/stroke/LockedSteeringWheelIcon.js"),require("../../components/icon/stroke/LoginIcon.js"),require("../../components/icon/stroke/LogoutIcon.js"),require("../../components/icon/stroke/MaintenanceIcon.js"),require("../../components/icon/stroke/ManualIcon.js"),require("../../components/icon/stroke/MapCenterIcon.js"),require("../../components/icon/stroke/MapCompassIcon.js"),require("../../components/icon/stroke/MapFlagIcon.js"),require("../../components/icon/stroke/MapLocationIcon.js"),require("../../components/icon/stroke/MapIcon.js"),require("../../components/icon/stroke/MapMarkerIcon.js"),require("../../components/icon/stroke/MapMarkerLBOIcon.js"),require("../../components/icon/stroke/MapPinIcon.js"),require("../../components/icon/stroke/MapViewIcon.js"),require("../../components/icon/stroke/MenuWaffleIcon.js"),require("../../components/icon/stroke/MenuIcon.js"),require("../../components/icon/stroke/MessageIcon.js"),require("../../components/icon/stroke/MicrophoneIcon.js"),require("../../components/icon/stroke/MinusIcon.js"),require("../../components/icon/stroke/MoreHorizontalIcon.js"),require("../../components/icon/stroke/MoreVerticalIcon.js"),require("../../components/icon/stroke/MotionIcon.js"),require("../../components/icon/stroke/MusicalNoteIcon.js"),require("../../components/icon/stroke/MuteIcon.js"),require("../../components/icon/stroke/NewsIcon.js"),require("../../components/icon/stroke/NewspaperIcon.js"),require("../../components/icon/stroke/OilIcon.js"),require("../../components/icon/stroke/ParkingIcon.js"),require("../../components/icon/stroke/PasteIcon.js"),require("../../components/icon/stroke/PercentageIcon.js"),require("../../components/icon/stroke/PetIcon.js"),require("../../components/icon/stroke/PhoneIcon.js"),require("../../components/icon/stroke/PictureIcon.js"),require("../../components/icon/stroke/PiggybankIcon.js"),require("../../components/icon/stroke/PlugCCSType1Icon.js"),require("../../components/icon/stroke/PlugCCSType2Icon.js"),require("../../components/icon/stroke/PlugCHAdeMOIcon.js"),require("../../components/icon/stroke/PlugType1Icon.js"),require("../../components/icon/stroke/PlugType2Icon.js"),require("../../components/icon/stroke/PlugIcon.js"),require("../../components/icon/stroke/PlusIcon.js"),require("../../components/icon/stroke/PremiumLIcon.js"),require("../../components/icon/stroke/PremiumMIcon.js"),require("../../components/icon/stroke/PremiumSIcon.js"),require("../../components/icon/stroke/PriceTagIcon.js"),require("../../components/icon/stroke/PrintIcon.js"),require("../../components/icon/stroke/ProductionIcon.js"),require("../../components/icon/stroke/PublicplaceIcon.js"),require("../../components/icon/stroke/PumpIcon.js"),require("../../components/icon/stroke/PumpCNGIcon.js"),require("../../components/icon/stroke/PumpLPGIcon.js"),require("../../components/icon/stroke/QRCodeIcon.js"),require("../../components/icon/stroke/QualityIcon.js"),require("../../components/icon/stroke/QualityMedalIcon.js"),require("../../components/icon/stroke/RadarIcon.js"),require("../../components/icon/stroke/RefreshIcon.js"),require("../../components/icon/stroke/ReloadIcon.js"),require("../../components/icon/stroke/RevertIcon.js"),require("../../components/icon/stroke/RoadBlockIcon.js"),require("../../components/icon/stroke/SaveIcon.js"),require("../../components/icon/stroke/SearchMinusIcon.js"),require("../../components/icon/stroke/SearchPlusIcon.js"),require("../../components/icon/stroke/SearchIcon.js"),require("../../components/icon/stroke/SeatheaterIcon.js"),require("../../components/icon/stroke/SelectIcon.js"),require("../../components/icon/stroke/SelectAllIcon.js"),require("../../components/icon/stroke/SendIcon.js"),require("../../components/icon/stroke/SettingsIcon.js"),require("../../components/icon/stroke/ShapeCircleIcon.js"),require("../../components/icon/stroke/ShapeDropIcon.js"),require("../../components/icon/stroke/ShapeRectangleHorizontalIcon.js"),require("../../components/icon/stroke/ShapeRectangleRoundedIcon.js"),require("../../components/icon/stroke/ShapeRectangleVerticalIcon.js"),require("../../components/icon/stroke/ShapeRhombusIcon.js"),require("../../components/icon/stroke/ShapeShapesIcon.js"),require("../../components/icon/stroke/ShapeSquareIcon.js"),require("../../components/icon/stroke/ShapeStarIcon.js"),require("../../components/icon/stroke/ShapeStarhalfIcon.js"),require("../../components/icon/stroke/ShapeTriangleIcon.js"),require("../../components/icon/stroke/ShareIcon.js"),require("../../components/icon/stroke/ShareSquareIcon.js"),require("../../components/icon/stroke/ShieldCheckIcon.js"),require("../../components/icon/stroke/ShieldEmptyIcon.js"),require("../../components/icon/stroke/ShoppingBagIcon.js"),require("../../components/icon/stroke/ShoppingCartIcon.js"),require("../../components/icon/stroke/ShowIcon.js"),require("../../components/icon/stroke/ShuffleIcon.js"),require("../../components/icon/stroke/SignalIcon.js"),require("../../components/icon/stroke/SortDownIcon.js"),require("../../components/icon/stroke/SortUpIcon.js"),require("../../components/icon/stroke/SoundwaveIcon.js"),require("../../components/icon/stroke/SparkplugIcon.js"),require("../../components/icon/stroke/SportIcon.js"),require("../../components/icon/stroke/StatsIcon.js"),require("../../components/icon/stroke/SteeringWheelIcon.js"),require("../../components/icon/stroke/StopwatchIcon.js"),require("../../components/icon/stroke/SubtractIcon.js"),require("../../components/icon/stroke/SuitcaseIcon.js"),require("../../components/icon/stroke/SunroofIcon.js"),require("../../components/icon/stroke/TaskDoneIcon.js"),require("../../components/icon/stroke/TaskNoneIcon.js"),require("../../components/icon/stroke/TaskScheduledIcon.js"),require("../../components/icon/stroke/TechnicalInfoIcon.js"),require("../../components/icon/stroke/TelegramIcon.js"),require("../../components/icon/stroke/ThumbDownIcon.js"),require("../../components/icon/stroke/ThumbUpIcon.js"),require("../../components/icon/stroke/TicketIcon.js"),require("../../components/icon/stroke/TikTokIcon.js"),require("../../components/icon/stroke/ToiletsIcon.js"),require("../../components/icon/stroke/TransmissionAutomaticIcon.js"),require("../../components/icon/stroke/TransmissionManualIcon.js"),require("../../components/icon/stroke/TrashcanIcon.js"),require("../../components/icon/stroke/TripCyclicIcon.js"),require("../../components/icon/stroke/TripLongTermIcon.js"),require("../../components/icon/stroke/TripSingleIcon.js"),require("../../components/icon/stroke/TrophyIcon.js"),require("../../components/icon/stroke/TwitterIcon.js"),require("../../components/icon/stroke/TyreRepairIcon.js"),require("../../components/icon/stroke/TyreTracksIcon.js"),require("../../components/icon/stroke/TyresIcon.js"),require("../../components/icon/stroke/UploadIcon.js"),require("../../components/icon/stroke/UserIcon.js"),require("../../components/icon/stroke/VentilationIcon.js"),require("../../components/icon/stroke/VentilationOffIcon.js"),require("../../components/icon/stroke/WalkIcon.js"),require("../../components/icon/stroke/WallboxIcon.js"),require("../../components/icon/stroke/WalletIcon.js"),require("../../components/icon/stroke/WandIcon.js"),require("../../components/icon/stroke/WarningIcon.js"),require("../../components/icon/stroke/WeatherRainyIcon.js"),require("../../components/icon/stroke/WeatherSnowIcon.js"),require("../../components/icon/stroke/WellnessIcon.js"),require("../../components/icon/stroke/WhatsAppIcon.js"),require("../../components/icon/stroke/WheelchairIcon.js"),require("../../components/icon/stroke/WheelsIcon.js"),require("../../components/icon/stroke/WifiDisabledIcon.js"),require("../../components/icon/stroke/WifiHighIcon.js"),require("../../components/icon/stroke/WifiLowIcon.js"),require("../../components/icon/stroke/WifiMediumIcon.js"),require("../../components/icon/stroke/WifiNoSignalIcon.js"),require("../../components/icon/stroke/WindowIcon.js"),require("../../components/icon/stroke/WindowheaterIcon.js"),require("../../components/icon/stroke/WindowsClosedIcon.js"),require("../../components/icon/stroke/WindowsOpenIcon.js"),require("../../components/icon/stroke/WindscreenWiperIcon.js"),require("../../components/icon/stroke/WriteIcon.js"),require("../../components/icon/stroke/XIcon.js"),require("../../components/icon/stroke/YouTubeIcon.js");const l=n.forwardRef((l,t)=>{var{label:d,headlineTitle:u,text:m,showFirstButton:I=!1,showSecondButton:j=!1,onClickFirstBtn:q,onClickSecondBtn:a,firstButtonProps:f,secondButtonProps:k,listItems:F,showAppStore:C=!1,showPlayStore:h=!1,appStoreProps:g,playStoreProps:S}=l,B=e.__rest(l,["label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps"]);const w=n.useCallback(e=>{window.open(e,"_blank")},[]),y=n.useCallback((e,o,n)=>{n&&w(n),o&&o(e)},[w]),x=n.useCallback((e,n)=>{const i=Object.assign(Object.assign({},e),{url:e.url||null});return o.jsx(c.Button,Object.assign({},i,{onClick:e=>y(e,n,i.url)}))},[y]);return o.jsxs(p,Object.assign({ref:t,listItems:F},B,{children:[d&&o.jsx(i.Label,{label:d}),u&&o.jsx("div",{className:"headlineContainer",children:o.jsx(r.Typography,{className:"textCtaHeadline",children:u})}),m&&o.jsx("p",{className:`textCtaText ${h&&"isPlayStore"}`,children:m}),F&&F.length>0&&o.jsx(r.List,{className:"textCtaList",children:F.map((e,n)=>o.jsxs(r.ListItem,{disableGutters:!0,children:[o.jsx(s.Icon,{name:e.icon||"check"}),e.text]},"text-cta-list-item"+n))}),o.jsxs("div",{className:"textCtaBtnGroup",children:[(!C||!h)&&o.jsxs(o.Fragment,{children:[I&&x(f,q),j&&x(k,a)]}),(!I||!j)&&o.jsxs(o.Fragment,{children:[C&&o.jsx(r.ButtonBase,{className:"appStoreBadge",onClick:()=>w(g.url),children:o.jsx("img",{src:g.img,alt:g.alt})}),h&&o.jsx("span",{className:"playStoreBadge",dangerouslySetInnerHTML:{__html:S}})]})]})]}))}),t=e=>{switch(e){case"h1":return{fontSize:"44px",lineHeight:"52px"};case"h2":return{fontSize:"36px",lineHeight:"44px"};case"h3":return{fontSize:"30px",lineHeight:"36px"};case"h4":return{fontSize:"24px",lineHeight:"28px"};default:return{fontSize:"18px",lineHeight:"28px"}}},p=r.styled("div",{shouldForwardProp:e=>"listItems"!==e&&"headlineVariant"!==e})(o=>{var{theme:n}=o,i=e.__rest(o,["theme"]);let r={};return r={"& > span":{margin:0},"& > div.headlineContainer":{marginBottom:"10px",marginTop:"5px","& > .textCtaHeadline":Object.assign({fontWeight:"bold"},t(i.headlineVariant))},"& > div.subheadlineContainer":{marginBottom:"10px","& > .textCtaSubheadline":{fontWeight:"bold",fontSize:"18px",lineHeight:"28px"}},"& > .textCtaList":{marginBottom:"10px"},"& > .textCtaText":{fontSize:"18px",lineHeight:"28px",margin:"12px 0 16px 0","&.isPlayStore":{marginBottom:"2px"}},"& > div.textCtaBtnGroup":{display:"flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"wrap","& > div":{[n.breakpoints.down("sm")]:{width:"100%"}},"& > .appStoreBadge":{cursor:"pointer",marginRight:"8px","& > img":{height:"40px"}},"& > .playStoreBadge":{cursor:"pointer","& img":{maxWidth:"153px"}},"& .MuiButton-root":{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"2px",fontSize:"14px",minWidth:"93px",height:"32px",[n.breakpoints.down("sm")]:{height:"44px",width:"100%"}},"& .MuiButton-root:first-of-type":{marginRight:"16px",marginBottom:0,[n.breakpoints.down("sm")]:{marginBottom:"16px"}}}," & > .MuiList-root":{padding:"0px","& > .MuiListItem-root":{padding:"0px 0px 6px 0px","& > .MuiIcon-root":{width:"20px",height:"24px",fontSize:"14px"}}}},r});exports.TextCta=l;
 //# sourceMappingURL=textCta.js.map

package/cjs/organisms/textCta/textCta.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textCta.js","sources":["../../../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":["import React, { useCallback, forwardRef } from 'react';\nimport { Label } from '../../components/label';\nimport { List, ListItem, Typography, styled, ButtonBase } from '@mui/material';\nimport { Button, ButtonProps } from '../../components/button';\nimport { Icon, IconNameProp } from '../../components/icon';\n\nexport type variants = 'subHeadline' \| 'h1' \| 'h2' \| 'h3' \| 'h4';\n\nexport interface TextCtaProps {\n /*\n label to be shown on the top of component\n /\n label?: string;\n\n /\n headline to be shown on the top of component\n /\n headlineTitle?: string;\n /\n headline type variant\n /\n headlineVariant?: variants;\n\n /\n text to be shown under headline/subheadline\n /\n text?: string;\n\n /\n Show the primary button if true. Must fill the firstButtonProps\n /\n showFirstButton?: boolean;\n\n /\n Show the secondary button if true. Must fill the secondButtonProps\n /\n showSecondButton?: boolean;\n\n /\n props primary button. Same of skoda button component\n /\n firstButtonProps?: ButtonProps & { url?: string };\n\n /\n props secondary button. Same of skoda button component\n /\n secondButtonProps?: ButtonProps & { url?: string };\n\n /\n callback on click primary button\n /\n onClickFirstBtn?: (e: unknown) => void;\n\n /\n callback on click secondary button\n /\n onClickSecondBtn?: (e: unknown) => void;\n\n /\n If true, shows the AppStore badge\n /\n showAppStore?: boolean;\n\n /\n If true, shows the PlayStore badge\n /\n showPlayStore?: boolean;\n\n /\n List items show icon and text\n * default icon for list is the check,it's possible to configure using the icon name provide in the Icon component\n /\n listItems?: {\n text?: string;\n icon?: IconNameProp;\n }[];\n\n /\n object appStore Badge:\n * {url: \"url\",\talt: ' alt description image', img: 'image badges'}\n /\n appStoreProps?: Record<string, string>;\n\n /\n object playStore Badge\n * {url: \"url\",\talt: ' alt description image', img: 'image badges'}\n /\n playStoreProps?: unknown;\n}\n\n/\n @deprecated use TextAndCta component instead\n /\nexport const TextCta = forwardRef<HTMLDivElement, TextCtaProps>(\n (\n {\n label,\n headlineTitle,\n text,\n showFirstButton = false,\n showSecondButton = false,\n onClickFirstBtn,\n onClickSecondBtn,\n firstButtonProps,\n secondButtonProps,\n listItems,\n showAppStore = false,\n showPlayStore = false,\n appStoreProps,\n playStoreProps,\n ...props\n },\n ref,\n ) => {\n const handleUrlClick = useCallback((url) => {\n window.open(url, '_blank');\n }, []);\n\n const handleOnClickBtn = useCallback(\n (e: unknown, callback: (e: unknown) => void, url: string) => {\n if (url) {\n handleUrlClick(url);\n }\n callback && callback(e);\n },\n [handleUrlClick],\n );\n\n const handleRenderBtn = useCallback(\n (btnProps: ButtonProps & { url?: string }, onClickHandler: (e: unknown) => void) => {\n const propsA = {\n ...btnProps,\n url: btnProps.url \|\| null,\n };\n return <Button {...propsA} onClick={(e) => handleOnClickBtn(e, onClickHandler, propsA.url)} />;\n },\n [handleOnClickBtn],\n );\n\n return (\n <TextCtaContainerStyled ref={ref} listItems={listItems} {...props}>\n {label && <Label label={label} />}\n {headlineTitle && (\n <div className=\"headlineContainer\">\n <Typography className=\"textCtaHeadline\">{headlineTitle}</Typography>\n </div>\n )}\n {text && <p className={`textCtaText ${showPlayStore && 'isPlayStore'}`}>{text}</p>}\n {listItems && listItems.length > 0 && (\n <List className=\"textCtaList\">\n {listItems.map((item, index) => {\n return (\n <ListItem key={'text-cta-list-item' + index} disableGutters>\n <Icon name={item.icon \|\| 'check'} />\n {item.text}\n </ListItem>\n );\n })}\n </List>\n )}\n <div className=\"textCtaBtnGroup\">\n {(!showAppStore \|\| !showPlayStore) && (\n <>\n {showFirstButton && handleRenderBtn(firstButtonProps, onClickFirstBtn)}\n {showSecondButton && handleRenderBtn(secondButtonProps, onClickSecondBtn)}\n </>\n )}\n {(!showFirstButton \|\| !showSecondButton) && (\n <>\n {showAppStore && (\n <ButtonBase className=\"appStoreBadge\" onClick={() => handleUrlClick(appStoreProps.url)}>\n <img src={appStoreProps.img} alt={appStoreProps.alt} />\n </ButtonBase>\n )}\n {showPlayStore && (\n <span className=\"playStoreBadge\" dangerouslySetInnerHTML={{ __html: playStoreProps }}></span>\n )}\n </>\n )}\n </div>\n </TextCtaContainerStyled>\n );\n },\n);\n\n//Set the correct font and lineheight depending on the prop variant passed\nconst getHeadlineStyle = (headlineVariant: variants) => {\n switch (headlineVariant) {\n case 'h1':\n return {\n fontSize: '44px',\n lineHeight: '52px',\n };\n case 'h2':\n return {\n fontSize: '36px',\n lineHeight: '44px',\n };\n case 'h3':\n return {\n fontSize: '30px',\n lineHeight: '36px',\n };\n case 'h4':\n return {\n fontSize: '24px',\n lineHeight: '28px',\n };\n default:\n return {\n fontSize: '18px',\n lineHeight: '28px',\n };\n }\n};\n\n/\n @description Button styling defintion based on props\n */\nconst TextCtaContainerStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'listItems' && prop !== 'headlineVariant',\n})<TextCtaProps>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n '& > span': {\n margin: 0,\n },\n '& > div.headlineContainer': {\n marginBottom: '10px',\n marginTop: '5px',\n '& > .textCtaHeadline': {\n fontWeight: 'bold',\n ...getHeadlineStyle(args.headlineVariant),\n },\n },\n '& > div.subheadlineContainer': {\n marginBottom: '10px',\n '& > .textCtaSubheadline': {\n fontWeight: 'bold',\n fontSize: '18px',\n lineHeight: '28px',\n },\n },\n '& > .textCtaList': {\n marginBottom: '10px',\n },\n '& > .textCtaText': {\n fontSize: '18px',\n lineHeight: '28px',\n margin: '12px 0 16px 0',\n '&.isPlayStore': {\n marginBottom: '2px',\n },\n },\n '& > div.textCtaBtnGroup': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n '& > div': {\n [theme.breakpoints.down('sm')]: {\n width: '100%',\n },\n },\n '& > .appStoreBadge': {\n cursor: 'pointer',\n marginRight: '8px',\n '& > img': {\n height: '40px',\n },\n },\n '& > .playStoreBadge': {\n cursor: 'pointer',\n '& img': {\n maxWidth: '153px',\n },\n },\n '& .MuiButton-root': {\n paddingLeft: '16px',\n paddingRight: '16px',\n paddingBottom: '2px',\n fontSize: '14px',\n minWidth: '93px',\n height: '32px',\n [theme.breakpoints.down('sm')]: {\n height: '44px',\n width: '100%',\n },\n },\n '& .MuiButton-root:first-of-type': {\n marginRight: '16px',\n marginBottom: 0,\n [theme.breakpoints.down('sm')]: {\n marginBottom: '16px',\n },\n },\n },\n ' & > .MuiList-root': {\n padding: '0px',\n '& > .MuiListItem-root': {\n padding: '0px 0px 6px 0px',\n\n '& > .MuiIcon-root': {\n width: '20px',\n height: '24px',\n fontSize: '14px',\n },\n },\n },\n };\n\n return styles;\n});\n"],"names":["TextCta","forwardRef","_a","ref","label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps","props","__rest","handleUrlClick","useCallback","url","window","open","handleOnClickBtn","e","callback","handleRenderBtn","btnProps","onClickHandler","propsA","Object","assign","_jsx","Button","onClick","_jsxs","jsxs","TextCtaContainerStyled","Label","className","children","Typography","length","List","map","item","index","ListItem","disableGutters","jsx","Icon","name","icon","_Fragment","ButtonBase","src","img","alt","dangerouslySetInnerHTML","__html","getHeadlineStyle","headlineVariant","fontSize","lineHeight","styled","shouldForwardProp","prop","theme","args","styles","margin","marginBottom","marginTop","fontWeight","display","alignItems","justifyContent","flexWrap","breakpoints","down","width","cursor","marginRight","height","maxWidth","paddingLeft","paddingRight","paddingBottom","minWidth","padding"],"mappings":"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"}
1	+ {"version":3,"file":"textCta.js","sources":["../../../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":["import React, { useCallback, forwardRef } from 'react';\nimport { Label } from '../../components/label';\nimport { List, ListItem, Typography, styled, ButtonBase } from '@mui/material';\nimport { Button, ButtonProps } from '../../components/button';\nimport { Icon, IconNameProp } from '../../components/icon';\n\nexport type variants = 'subHeadline' \| 'h1' \| 'h2' \| 'h3' \| 'h4';\n\nexport interface TextCtaProps {\n /*\n label to be shown on the top of component\n /\n label?: string;\n\n /\n headline to be shown on the top of component\n /\n headlineTitle?: string;\n /\n headline type variant\n /\n headlineVariant?: variants;\n\n /\n text to be shown under headline/subheadline\n /\n text?: string;\n\n /\n Show the primary button if true. Must fill the firstButtonProps\n /\n showFirstButton?: boolean;\n\n /\n Show the secondary button if true. Must fill the secondButtonProps\n /\n showSecondButton?: boolean;\n\n /\n props primary button. Same of skoda button component\n /\n firstButtonProps?: ButtonProps & { url?: string };\n\n /\n props secondary button. Same of skoda button component\n /\n secondButtonProps?: ButtonProps & { url?: string };\n\n /\n callback on click primary button\n /\n onClickFirstBtn?: (e: unknown) => void;\n\n /\n callback on click secondary button\n /\n onClickSecondBtn?: (e: unknown) => void;\n\n /\n If true, shows the AppStore badge\n /\n showAppStore?: boolean;\n\n /\n If true, shows the PlayStore badge\n /\n showPlayStore?: boolean;\n\n /\n List items show icon and text\n * default icon for list is the check,it's possible to configure using the icon name provide in the Icon component\n /\n listItems?: {\n text?: string;\n icon?: IconNameProp;\n }[];\n\n /\n object appStore Badge:\n * {url: \"url\",\talt: ' alt description image', img: 'image badges'}\n /\n appStoreProps?: Record<string, string>;\n\n /\n object playStore Badge\n * {url: \"url\",\talt: ' alt description image', img: 'image badges'}\n /\n playStoreProps?: unknown;\n}\n\n/\n @deprecated use TextAndCta component instead\n /\nexport const TextCta = forwardRef<HTMLDivElement, TextCtaProps>(\n (\n {\n label,\n headlineTitle,\n text,\n showFirstButton = false,\n showSecondButton = false,\n onClickFirstBtn,\n onClickSecondBtn,\n firstButtonProps,\n secondButtonProps,\n listItems,\n showAppStore = false,\n showPlayStore = false,\n appStoreProps,\n playStoreProps,\n ...props\n },\n ref,\n ) => {\n const handleUrlClick = useCallback((url) => {\n window.open(url, '_blank');\n }, []);\n\n const handleOnClickBtn = useCallback(\n (e: unknown, callback: (e: unknown) => void, url: string) => {\n if (url) {\n handleUrlClick(url);\n }\n callback && callback(e);\n },\n [handleUrlClick],\n );\n\n const handleRenderBtn = useCallback(\n (btnProps: ButtonProps & { url?: string }, onClickHandler: (e: unknown) => void) => {\n const propsA = {\n ...btnProps,\n url: btnProps.url \|\| null,\n };\n return <Button {...propsA} onClick={(e) => handleOnClickBtn(e, onClickHandler, propsA.url)} />;\n },\n [handleOnClickBtn],\n );\n\n return (\n <TextCtaContainerStyled ref={ref} listItems={listItems} {...props}>\n {label && <Label label={label} />}\n {headlineTitle && (\n <div className=\"headlineContainer\">\n <Typography className=\"textCtaHeadline\">{headlineTitle}</Typography>\n </div>\n )}\n {text && <p className={`textCtaText ${showPlayStore && 'isPlayStore'}`}>{text}</p>}\n {listItems && listItems.length > 0 && (\n <List className=\"textCtaList\">\n {listItems.map((item, index) => {\n return (\n <ListItem key={'text-cta-list-item' + index} disableGutters>\n <Icon name={item.icon \|\| 'check'} />\n {item.text}\n </ListItem>\n );\n })}\n </List>\n )}\n <div className=\"textCtaBtnGroup\">\n {(!showAppStore \|\| !showPlayStore) && (\n <>\n {showFirstButton && handleRenderBtn(firstButtonProps, onClickFirstBtn)}\n {showSecondButton && handleRenderBtn(secondButtonProps, onClickSecondBtn)}\n </>\n )}\n {(!showFirstButton \|\| !showSecondButton) && (\n <>\n {showAppStore && (\n <ButtonBase className=\"appStoreBadge\" onClick={() => handleUrlClick(appStoreProps.url)}>\n <img src={appStoreProps.img} alt={appStoreProps.alt} />\n </ButtonBase>\n )}\n {showPlayStore && (\n <span className=\"playStoreBadge\" dangerouslySetInnerHTML={{ __html: playStoreProps }}></span>\n )}\n </>\n )}\n </div>\n </TextCtaContainerStyled>\n );\n },\n);\n\n//Set the correct font and lineheight depending on the prop variant passed\nconst getHeadlineStyle = (headlineVariant: variants) => {\n switch (headlineVariant) {\n case 'h1':\n return {\n fontSize: '44px',\n lineHeight: '52px',\n };\n case 'h2':\n return {\n fontSize: '36px',\n lineHeight: '44px',\n };\n case 'h3':\n return {\n fontSize: '30px',\n lineHeight: '36px',\n };\n case 'h4':\n return {\n fontSize: '24px',\n lineHeight: '28px',\n };\n default:\n return {\n fontSize: '18px',\n lineHeight: '28px',\n };\n }\n};\n\n/\n @description Button styling defintion based on props\n */\nconst TextCtaContainerStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'listItems' && prop !== 'headlineVariant',\n})<TextCtaProps>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n '& > span': {\n margin: 0,\n },\n '& > div.headlineContainer': {\n marginBottom: '10px',\n marginTop: '5px',\n '& > .textCtaHeadline': {\n fontWeight: 'bold',\n ...getHeadlineStyle(args.headlineVariant),\n },\n },\n '& > div.subheadlineContainer': {\n marginBottom: '10px',\n '& > .textCtaSubheadline': {\n fontWeight: 'bold',\n fontSize: '18px',\n lineHeight: '28px',\n },\n },\n '& > .textCtaList': {\n marginBottom: '10px',\n },\n '& > .textCtaText': {\n fontSize: '18px',\n lineHeight: '28px',\n margin: '12px 0 16px 0',\n '&.isPlayStore': {\n marginBottom: '2px',\n },\n },\n '& > div.textCtaBtnGroup': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n '& > div': {\n [theme.breakpoints.down('sm')]: {\n width: '100%',\n },\n },\n '& > .appStoreBadge': {\n cursor: 'pointer',\n marginRight: '8px',\n '& > img': {\n height: '40px',\n },\n },\n '& > .playStoreBadge': {\n cursor: 'pointer',\n '& img': {\n maxWidth: '153px',\n },\n },\n '& .MuiButton-root': {\n paddingLeft: '16px',\n paddingRight: '16px',\n paddingBottom: '2px',\n fontSize: '14px',\n minWidth: '93px',\n height: '32px',\n [theme.breakpoints.down('sm')]: {\n height: '44px',\n width: '100%',\n },\n },\n '& .MuiButton-root:first-of-type': {\n marginRight: '16px',\n marginBottom: 0,\n [theme.breakpoints.down('sm')]: {\n marginBottom: '16px',\n },\n },\n },\n ' & > .MuiList-root': {\n padding: '0px',\n '& > .MuiListItem-root': {\n padding: '0px 0px 6px 0px',\n\n '& > .MuiIcon-root': {\n width: '20px',\n height: '24px',\n fontSize: '14px',\n },\n },\n },\n };\n\n return styles;\n});\n"],"names":["TextCta","forwardRef","_a","ref","label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps","props","__rest","handleUrlClick","useCallback","url","window","open","handleOnClickBtn","e","callback","handleRenderBtn","btnProps","onClickHandler","propsA","Object","assign","_jsx","Button","onClick","_jsxs","TextCtaContainerStyled","Label","className","children","Typography","length","List","map","item","index","ListItem","disableGutters","Icon","name","icon","_Fragment","ButtonBase","src","img","alt","dangerouslySetInnerHTML","__html","getHeadlineStyle","headlineVariant","fontSize","lineHeight","styled","shouldForwardProp","prop","theme","args","styles","margin","marginBottom","marginTop","fontWeight","display","alignItems","justifyContent","flexWrap","breakpoints","down","width","cursor","marginRight","height","maxWidth","paddingLeft","paddingRight","paddingBottom","minWidth","padding"],"mappings":"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"}

package/cjs/organisms/tile/tile.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),a=require("@mui/material/styles"),r=require("../../components/label/label.js"),l=require("@mui/material"),o=require("../common/menuCardComponent/menuCardComponent.js"),n=require("../../utils/utilities.js"),s=require("../../components/common/imageComponent.js");const p=a=>{var{tileContentPinned:p="top",isBorderRadius:m=!0,promotionalVariant:c="large"}=a,x=e.__rest(a,["tileContentPinned","isBorderRadius","promotionalVariant"]);const[u,h]=i.useState(!1),g=t.jsx("div",{className:"tileImage",children:x.tileImageURLOnHover&&u?t.jsx(s.default,{image:x.tileImageURLOnHover,alt:x.tileAltImage},"imageUrl_onHover"):t.jsx(s.default,{image:x.tileImageURL,alt:x.tileAltImage,fallbackImage:x.tileImageURLFallback},"imageUrl")}),b=t.jsxs("div",{className:"tilePriceWrapper",children:[x.tilePriceTotal&&t.jsx("span",{className:"disclaimer tilePriceTotal",children:x.tilePriceTotal}),x.tilePriceTotal&&x.tilePriceMonth&&t.jsx(l.Divider,{orientation:"vertical",flexItem:!0}),x.tilePriceMonth&&t.jsx("span",{className:"disclaimer tilePriceMonth",children:x.tilePriceMonth})]});return t.jsx(d,{promotionalLabel:x.promotionalLabel,isBorderRadius:m,tileContentPinned:p,children:t.jsxs(l.ButtonBase,{className:"tileWrapper",onMouseEnter:()=>{u||h(!0)},onMouseLeave:()=>{h(!1)},onClick:()=>h((e=>!e)),children:[x.isMenuDropdown&&t.jsx(l.ButtonBase,{className:"tileDropdownMenu",onMouseEnter:()=>h(!1),onMouseLeave:()=>h(!0),children:t.jsx(o.default,Object.assign({},x.menuCardComponentProps))}),x.promotionalLabel&&t.jsx("div",{className:"tilePromotionalLabel",children:t.jsx(r.Label,{type:"promotional",variant:c,label:n.handleMaxChars(x.promotionalLabel,30)})}),"bottom"===p&&g,t.jsxs("div",{className:"tileContent",children:[x.generalLabel&&t.jsx("div",{className:"tileGeneralLabel",children:t.jsx(r.Label,{label:n.handleMaxChars(x.generalLabel,30)})}),t.jsx("h4",{className:"tileTitle",children:n.handleMaxChars(x.title,20)}),x.featureLabel&&t.jsx("div",{className:"tileFeatureLabel",children:t.jsx(r.Label,{type:"feature",variant:x.featureLabelVariant,label:n.handleMaxChars(x.featureLabel,30)})}),"bottom"===p&&b]}),"top"===p&&g,"top"===p&&b]})})};p.defaultProps={isBorderRadius:!0,promotionalVariant:"large"};const d=a.styled("div")((t=>{var{theme:i}=t,a=e.__rest(t,["theme"]);let r={};const{tileContentPinned:l,promotionalLabel:o,isBorderRadius:n}=a;return r={height:"100%","& .tileWrapper, & .tileWrapper *":{boxSizing:"border-box"},"& .tileWrapper":{position:"relative",borderRadius:n?"8px":0,height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:i.palette.surface.primary,padding:"0 0 24px 0",border:`1px solid ${i.palette.surface.secondary}`},"& .tileDropdownMenu":{position:"absolute",right:0,top:0,".menuCardComponent":{top:0,right:0,width:"58px",height:"58px",display:"flex",alignItems:"center",justifyContent:"center"}},"& .tileContent":{paddingTop:o?"40px":"16px"},"& .tilePromotionalLabel":{width:"100%",maxWidth:"calc(100% - 64px)",position:"absolute",top:"0",left:"0"},"& .tileGeneralLabel":{padding:"0 24px",marginBottom:"0",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileTitle":{margin:"0 0 6px 0",padding:"0 24px",position:"relative",zIndex:"1"},"& .tileFeatureLabel":{margin:"0",padding:"0 24px",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileImage":{height:"176px",marginTop:"top"===l?"-32px":"16px",marginBottom:"bottom"===l?"-32px":"0",[i.breakpoints.up("md")]:{height:"200px"},[i.breakpoints.up("lg")]:{height:"186px"},[i.breakpoints.up("xl")]:{height:"265px"},"& img":{position:"relative",zIndex:"0",objectFit:"contain",objectPosition:"center",display:"block",height:"100%",width:"100%"}},"& .tilePriceWrapper":{display:"flex",flexDirection:"row",flexWrap:"wrap",width:"100%",padding:"0 24px",marginTop:"bottom"===l?"8px":"0","& .tilePriceTotal":{fontWeight:"bold"},"& hr":{margin:"0 8px",borderColor:i.palette.transparent.secondary}}},r}));exports.Tile=p;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),a=require("@mui/material/styles"),r=require("../../components/label/label.js"),l=require("@mui/material"),o=require("../common/menuCardComponent/menuCardComponent.js"),n=require("../../utils/utilities.js"),s=require("../../components/common/imageComponent.js");const p=a=>{var{tileContentPinned:p="top",isBorderRadius:m=!0,promotionalVariant:c="large"}=a,x=e.__rest(a,["tileContentPinned","isBorderRadius","promotionalVariant"]);const[u,h]=i.useState(!1),g=t.jsx("div",{className:"tileImage",children:x.tileImageURLOnHover&&u?t.jsx(s.default,{image:x.tileImageURLOnHover,alt:x.tileAltImage},"imageUrl_onHover"):t.jsx(s.default,{image:x.tileImageURL,alt:x.tileAltImage,fallbackImage:x.tileImageURLFallback},"imageUrl")}),b=t.jsxs("div",{className:"tilePriceWrapper",children:[x.tilePriceTotal&&t.jsx("span",{className:"disclaimer tilePriceTotal",children:x.tilePriceTotal}),x.tilePriceTotal&&x.tilePriceMonth&&t.jsx(l.Divider,{orientation:"vertical",flexItem:!0}),x.tilePriceMonth&&t.jsx("span",{className:"disclaimer tilePriceMonth",children:x.tilePriceMonth})]});return t.jsx(d,{promotionalLabel:x.promotionalLabel,isBorderRadius:m,tileContentPinned:p,children:t.jsxs(l.ButtonBase,{className:"tileWrapper",onMouseEnter:()=>{u||h(!0)},onMouseLeave:()=>{h(!1)},onClick:()=>h(e=>!e),children:[x.isMenuDropdown&&t.jsx(l.ButtonBase,{className:"tileDropdownMenu",onMouseEnter:()=>h(!1),onMouseLeave:()=>h(!0),children:t.jsx(o.default,Object.assign({},x.menuCardComponentProps))}),x.promotionalLabel&&t.jsx("div",{className:"tilePromotionalLabel",children:t.jsx(r.Label,{type:"promotional",variant:c,label:n.handleMaxChars(x.promotionalLabel,30)})}),"bottom"===p&&g,t.jsxs("div",{className:"tileContent",children:[x.generalLabel&&t.jsx("div",{className:"tileGeneralLabel",children:t.jsx(r.Label,{label:n.handleMaxChars(x.generalLabel,30)})}),t.jsx("h4",{className:"tileTitle",children:n.handleMaxChars(x.title,20)}),x.featureLabel&&t.jsx("div",{className:"tileFeatureLabel",children:t.jsx(r.Label,{type:"feature",variant:x.featureLabelVariant,label:n.handleMaxChars(x.featureLabel,30)})}),"bottom"===p&&b]}),"top"===p&&g,"top"===p&&b]})})};p.defaultProps={isBorderRadius:!0,promotionalVariant:"large"};const d=a.styled("div")(t=>{var{theme:i}=t,a=e.__rest(t,["theme"]);let r={};const{tileContentPinned:l,promotionalLabel:o,isBorderRadius:n}=a;return r={height:"100%","& .tileWrapper, & .tileWrapper *":{boxSizing:"border-box"},"& .tileWrapper":{position:"relative",borderRadius:n?"8px":0,height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:i.palette.surface.primary,padding:"0 0 24px 0",border:`1px solid ${i.palette.surface.secondary}`},"& .tileDropdownMenu":{position:"absolute",right:0,top:0,".menuCardComponent":{top:0,right:0,width:"58px",height:"58px",display:"flex",alignItems:"center",justifyContent:"center"}},"& .tileContent":{paddingTop:o?"40px":"16px"},"& .tilePromotionalLabel":{width:"100%",maxWidth:"calc(100% - 64px)",position:"absolute",top:"0",left:"0"},"& .tileGeneralLabel":{padding:"0 24px",marginBottom:"0",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileTitle":{margin:"0 0 6px 0",padding:"0 24px",position:"relative",zIndex:"1"},"& .tileFeatureLabel":{margin:"0",padding:"0 24px",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileImage":{height:"176px",marginTop:"top"===l?"-32px":"16px",marginBottom:"bottom"===l?"-32px":"0",[i.breakpoints.up("md")]:{height:"200px"},[i.breakpoints.up("lg")]:{height:"186px"},[i.breakpoints.up("xl")]:{height:"265px"},"& img":{position:"relative",zIndex:"0",objectFit:"contain",objectPosition:"center",display:"block",height:"100%",width:"100%"}},"& .tilePriceWrapper":{display:"flex",flexDirection:"row",flexWrap:"wrap",width:"100%",padding:"0 24px",marginTop:"bottom"===l?"8px":"0","& .tilePriceTotal":{fontWeight:"bold"},"& hr":{margin:"0 8px",borderColor:i.palette.transparent.secondary}}},r});exports.Tile=p;
 //# sourceMappingURL=tile.js.map

package/cjs/organisms/tile/tile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tile.js","sources":["../../../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import React, { useState, HTMLAttributes, FC } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Label } from '../../components/label';\nimport { Divider, ButtonBase } from '@mui/material';\nimport MenuCardComponent, { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\n\n/*\n @interface TileStylingProps\n * @description The props of the tile component that are additionally used for styling.\n /\n\nexport interface TileStylingProps {\n /\n Style with or without the border radius\n /\n isBorderRadius?: boolean;\n /\n tile Text pinned position\n /\n tileContentPinned?: 'top' \| 'bottom';\n /\n Promotional Label text\n /\n promotionalLabel?: string;\n /\n Promotional Label text\n /\n promotionalVariant?: 'large' \| 'small';\n}\n\n/\n @interface TileProps\n * @description Properties are inherited from HTML div element and TileStylingProps interface.\n /\nexport interface TileProps extends TileStylingProps, HTMLAttributes<HTMLDivElement> {\n /\n If true the menu dropdown is showing\n /\n isMenuDropdown?: boolean;\n /\n General Label\n /\n generalLabel?: string;\n /\n Title name text\n /\n title?: string;\n /\n Feature Label\n /\n featureLabel?: string;\n /\n Feature Label Variant\n /\n featureLabelVariant?: 'primary' \| 'neutral' \| 'secondary';\n /\n URL image\n /\n tileImageURL: string;\n /\n The source of the onError image.\n /\n tileImageURLFallback?: string;\n /\n URL image\n /\n tileAltImage?: string;\n /\n URL image which apply on hover if is changeImageOnHover is true\n /\n tileImageURLOnHover?: string;\n /\n tile feature info total price\n /\n tilePriceTotal?: string;\n /\n tile feature info monthly price\n /\n tilePriceMonth?: string;\n /\n MenuCardComponent props.\n /\n menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\n\nexport const Tile: FC<TileProps> = ({\n tileContentPinned = 'top',\n isBorderRadius = true,\n promotionalVariant = 'large',\n ...props\n}) => {\n const [isMouseOver, setIsMouseOver] = useState(false);\n const handleMouseEnter = () => {\n if (!isMouseOver) {\n setIsMouseOver(true);\n }\n };\n\n const handleMouseLeave = () => {\n setIsMouseOver(false);\n };\n\n const tileImageElement = (\n <div className=\"tileImage\">\n {props.tileImageURLOnHover && isMouseOver ? (\n <ImageComponent key={'imageUrl_onHover'} image={props.tileImageURLOnHover} alt={props.tileAltImage} />\n ) : (\n <ImageComponent\n key={'imageUrl'}\n image={props.tileImageURL}\n alt={props.tileAltImage}\n fallbackImage={props.tileImageURLFallback}\n />\n )}\n </div>\n );\n const pricingElement = (\n <div className=\"tilePriceWrapper\">\n {props.tilePriceTotal && <span className=\"disclaimer tilePriceTotal\">{props.tilePriceTotal}</span>}\n {props.tilePriceTotal && props.tilePriceMonth && <Divider orientation=\"vertical\" flexItem />}\n {props.tilePriceMonth && <span className=\"disclaimer tilePriceMonth\">{props.tilePriceMonth}</span>}\n </div>\n );\n\n return (\n <TileStyled\n promotionalLabel={props.promotionalLabel}\n isBorderRadius={isBorderRadius}\n tileContentPinned={tileContentPinned}\n >\n <ButtonBase\n className=\"tileWrapper\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={() => setIsMouseOver((prev) => !prev)}\n >\n {props.isMenuDropdown && (\n <ButtonBase\n className=\"tileDropdownMenu\"\n onMouseEnter={() => setIsMouseOver(false)}\n onMouseLeave={() => setIsMouseOver(true)}\n >\n <MenuCardComponent {...props.menuCardComponentProps} />\n </ButtonBase>\n )}\n {props.promotionalLabel && (\n <div className=\"tilePromotionalLabel\">\n <Label type=\"promotional\" variant={promotionalVariant} label={handleMaxChars(props.promotionalLabel, 30)} />\n </div>\n )}\n {tileContentPinned === 'bottom' && tileImageElement}\n <div className=\"tileContent\">\n {props.generalLabel && (\n <div className=\"tileGeneralLabel\">\n <Label label={handleMaxChars(props.generalLabel, 30)} />\n </div>\n )}\n <h4 className=\"tileTitle\">{handleMaxChars(props.title, 20)}</h4>\n {props.featureLabel && (\n <div className=\"tileFeatureLabel\">\n <Label\n type=\"feature\"\n variant={props.featureLabelVariant}\n label={handleMaxChars(props.featureLabel, 30)}\n />\n </div>\n )}\n {tileContentPinned === 'bottom' && pricingElement}\n </div>\n {tileContentPinned === 'top' && tileImageElement}\n {tileContentPinned === 'top' && pricingElement}\n </ButtonBase>\n </TileStyled>\n );\n};\n\nTile.defaultProps = {\n isBorderRadius: true,\n promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')<TileStylingProps & { theme? }>(({ theme, ...args }) => {\n let styles = {};\n const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n\n styles = {\n height: '100%',\n '& .tileWrapper, & .tileWrapper ': {\n boxSizing: 'border-box',\n },\n '& .tileWrapper': {\n position: 'relative',\n borderRadius: isBorderRadius ? '8px' : 0,\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n backgroundColor: theme.palette.surface.primary,\n padding: '0 0 24px 0',\n border: `1px solid ${theme.palette.surface.secondary}`,\n },\n '& .tileDropdownMenu': {\n position: 'absolute',\n right: 0,\n top: 0,\n '.menuCardComponent': {\n top: 0,\n right: 0,\n width: '58px',\n height: '58px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n },\n '& .tileContent': {\n paddingTop: promotionalLabel ? '40px' : '16px',\n },\n '& .tilePromotionalLabel': {\n width: '100%',\n maxWidth: 'calc(100% - 64px)',\n position: 'absolute',\n top: '0',\n left: '0',\n },\n '& .tileGeneralLabel': {\n padding: '0 24px',\n marginBottom: '0',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileTitle': {\n margin: '0 0 6px 0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n },\n '& .tileFeatureLabel': {\n margin: '0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileImage': {\n height: '176px',\n marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n [theme.breakpoints.up('md')]: {\n height: '200px',\n },\n [theme.breakpoints.up('lg')]: {\n height: '186px',\n },\n [theme.breakpoints.up('xl')]: {\n height: '265px',\n },\n '& img': {\n position: 'relative',\n zIndex: '0',\n objectFit: 'contain',\n objectPosition: 'center',\n display: 'block',\n height: '100%',\n width: '100%',\n },\n },\n '& .tilePriceWrapper': {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n width: '100%',\n padding: '0 24px',\n marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n '& .tilePriceTotal': {\n fontWeight: 'bold',\n },\n '& hr': {\n margin: '0 8px',\n borderColor: theme.palette.transparent.secondary,\n },\n },\n };\n\n return styles;\n});\n"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","jsx","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","ButtonBase","onMouseEnter","onMouseLeave","onClick","prev","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","Label","type","variant","label","handleMaxChars","generalLabel","title","featureLabel","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","palette","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}
1	+ {"version":3,"file":"tile.js","sources":["../../../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import React, { useState, HTMLAttributes, FC } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Label } from '../../components/label';\nimport { Divider, ButtonBase } from '@mui/material';\nimport MenuCardComponent, { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\n\n/*\n @interface TileStylingProps\n * @description The props of the tile component that are additionally used for styling.\n /\n\nexport interface TileStylingProps {\n /\n Style with or without the border radius\n /\n isBorderRadius?: boolean;\n /\n tile Text pinned position\n /\n tileContentPinned?: 'top' \| 'bottom';\n /\n Promotional Label text\n /\n promotionalLabel?: string;\n /\n Promotional Label text\n /\n promotionalVariant?: 'large' \| 'small';\n}\n\n/\n @interface TileProps\n * @description Properties are inherited from HTML div element and TileStylingProps interface.\n /\nexport interface TileProps extends TileStylingProps, HTMLAttributes<HTMLDivElement> {\n /\n If true the menu dropdown is showing\n /\n isMenuDropdown?: boolean;\n /\n General Label\n /\n generalLabel?: string;\n /\n Title name text\n /\n title?: string;\n /\n Feature Label\n /\n featureLabel?: string;\n /\n Feature Label Variant\n /\n featureLabelVariant?: 'primary' \| 'neutral' \| 'secondary';\n /\n URL image\n /\n tileImageURL: string;\n /\n The source of the onError image.\n /\n tileImageURLFallback?: string;\n /\n URL image\n /\n tileAltImage?: string;\n /\n URL image which apply on hover if is changeImageOnHover is true\n /\n tileImageURLOnHover?: string;\n /\n tile feature info total price\n /\n tilePriceTotal?: string;\n /\n tile feature info monthly price\n /\n tilePriceMonth?: string;\n /\n MenuCardComponent props.\n /\n menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\n\nexport const Tile: FC<TileProps> = ({\n tileContentPinned = 'top',\n isBorderRadius = true,\n promotionalVariant = 'large',\n ...props\n}) => {\n const [isMouseOver, setIsMouseOver] = useState(false);\n const handleMouseEnter = () => {\n if (!isMouseOver) {\n setIsMouseOver(true);\n }\n };\n\n const handleMouseLeave = () => {\n setIsMouseOver(false);\n };\n\n const tileImageElement = (\n <div className=\"tileImage\">\n {props.tileImageURLOnHover && isMouseOver ? (\n <ImageComponent key={'imageUrl_onHover'} image={props.tileImageURLOnHover} alt={props.tileAltImage} />\n ) : (\n <ImageComponent\n key={'imageUrl'}\n image={props.tileImageURL}\n alt={props.tileAltImage}\n fallbackImage={props.tileImageURLFallback}\n />\n )}\n </div>\n );\n const pricingElement = (\n <div className=\"tilePriceWrapper\">\n {props.tilePriceTotal && <span className=\"disclaimer tilePriceTotal\">{props.tilePriceTotal}</span>}\n {props.tilePriceTotal && props.tilePriceMonth && <Divider orientation=\"vertical\" flexItem />}\n {props.tilePriceMonth && <span className=\"disclaimer tilePriceMonth\">{props.tilePriceMonth}</span>}\n </div>\n );\n\n return (\n <TileStyled\n promotionalLabel={props.promotionalLabel}\n isBorderRadius={isBorderRadius}\n tileContentPinned={tileContentPinned}\n >\n <ButtonBase\n className=\"tileWrapper\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={() => setIsMouseOver((prev) => !prev)}\n >\n {props.isMenuDropdown && (\n <ButtonBase\n className=\"tileDropdownMenu\"\n onMouseEnter={() => setIsMouseOver(false)}\n onMouseLeave={() => setIsMouseOver(true)}\n >\n <MenuCardComponent {...props.menuCardComponentProps} />\n </ButtonBase>\n )}\n {props.promotionalLabel && (\n <div className=\"tilePromotionalLabel\">\n <Label type=\"promotional\" variant={promotionalVariant} label={handleMaxChars(props.promotionalLabel, 30)} />\n </div>\n )}\n {tileContentPinned === 'bottom' && tileImageElement}\n <div className=\"tileContent\">\n {props.generalLabel && (\n <div className=\"tileGeneralLabel\">\n <Label label={handleMaxChars(props.generalLabel, 30)} />\n </div>\n )}\n <h4 className=\"tileTitle\">{handleMaxChars(props.title, 20)}</h4>\n {props.featureLabel && (\n <div className=\"tileFeatureLabel\">\n <Label\n type=\"feature\"\n variant={props.featureLabelVariant}\n label={handleMaxChars(props.featureLabel, 30)}\n />\n </div>\n )}\n {tileContentPinned === 'bottom' && pricingElement}\n </div>\n {tileContentPinned === 'top' && tileImageElement}\n {tileContentPinned === 'top' && pricingElement}\n </ButtonBase>\n </TileStyled>\n );\n};\n\nTile.defaultProps = {\n isBorderRadius: true,\n promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')<TileStylingProps & { theme? }>(({ theme, ...args }) => {\n let styles = {};\n const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n\n styles = {\n height: '100%',\n '& .tileWrapper, & .tileWrapper ': {\n boxSizing: 'border-box',\n },\n '& .tileWrapper': {\n position: 'relative',\n borderRadius: isBorderRadius ? '8px' : 0,\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n backgroundColor: theme.palette.surface.primary,\n padding: '0 0 24px 0',\n border: `1px solid ${theme.palette.surface.secondary}`,\n },\n '& .tileDropdownMenu': {\n position: 'absolute',\n right: 0,\n top: 0,\n '.menuCardComponent': {\n top: 0,\n right: 0,\n width: '58px',\n height: '58px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n },\n '& .tileContent': {\n paddingTop: promotionalLabel ? '40px' : '16px',\n },\n '& .tilePromotionalLabel': {\n width: '100%',\n maxWidth: 'calc(100% - 64px)',\n position: 'absolute',\n top: '0',\n left: '0',\n },\n '& .tileGeneralLabel': {\n padding: '0 24px',\n marginBottom: '0',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileTitle': {\n margin: '0 0 6px 0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n },\n '& .tileFeatureLabel': {\n margin: '0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileImage': {\n height: '176px',\n marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n [theme.breakpoints.up('md')]: {\n height: '200px',\n },\n [theme.breakpoints.up('lg')]: {\n height: '186px',\n },\n [theme.breakpoints.up('xl')]: {\n height: '265px',\n },\n '& img': {\n position: 'relative',\n zIndex: '0',\n objectFit: 'contain',\n objectPosition: 'center',\n display: 'block',\n height: '100%',\n width: '100%',\n },\n },\n '& .tilePriceWrapper': {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n width: '100%',\n padding: '0 24px',\n marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n '& .tilePriceTotal': {\n fontWeight: 'bold',\n },\n '& hr': {\n margin: '0 8px',\n borderColor: theme.palette.transparent.secondary,\n },\n },\n };\n\n return styles;\n});\n"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","ButtonBase","onMouseEnter","onMouseLeave","onClick","prev","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","Label","type","variant","label","handleMaxChars","generalLabel","title","featureLabel","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","palette","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}

package/cjs/production/Button/Button.js CHANGED Viewed

@@ -30,5 +30,5 @@
   0% { background-color: #D8D8D8; }
   50% { background-color: #EEEEEE; }
   100% {background-color: #D8D8D8; }
-`,d=e.styled((n=>{var{blinking:a,variant:i}=n,t=o.__rest(n,["blinking","variant"]);return r.jsx(e.Button,Object.assign({},t,{variant:"text"}))}))((({theme:o,variant:r="success",blinking:e,disabled:n})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({minWidth:"150px",color:o.palette.common.white},"success"===r&&Object.assign({backgroundColor:"#43861D","&:hover":{backgroundColor:"#55a628"}},e&&{animation:`${a} 1s infinite ${o.transitions.easing.easeInOut}`})),"warning"===r&&Object.assign({backgroundColor:"#DE7C13","&:hover":{backgroundColor:"#df8f38"}},e&&{animation:`${i} 1s infinite ${o.transitions.easing.easeInOut}`})),"alert"===r&&Object.assign({backgroundColor:"#CE332A","&:hover":{backgroundColor:"#d84a42"}},e&&{animation:`${t} 1s infinite ${o.transitions.easing.easeInOut}`})),"info"===r&&Object.assign({backgroundColor:"#2A78CD","&:hover":{backgroundColor:"#4a8fdb"}},e&&{animation:`${s} 1s infinite ${o.transitions.easing.easeInOut}`})),"white"===r&&Object.assign({backgroundColor:o.palette.common.white,color:o.palette.text.primary,"&:hover":{backgroundColor:"#e1e1e1"},border:`2px solid ${o.palette.text.primary}`},e&&{animation:`${c} 1s infinite ${o.transitions.easing.easeInOut}`})),"dark"===r&&Object.assign({backgroundColor:"transparent",border:"2px solid #161718",color:o.palette.text.primary},e&&{animation:`${b} 1s infinite ${o.transitions.easing.easeInOut}`})),"light"===r&&Object.assign({backgroundColor:"transparent",border:`2px solid ${o.palette.common.white}`},e&&{animation:`${l} 1s infinite ${o.transitions.easing.easeInOut}`})),n&&Object.assign({backgroundColor:"#D8D8D8",color:o.palette.action.disabled,borderColor:o.palette.action.disabled},e&&{animation:`${g} 1s infinite ${o.transitions.easing.easeInOut}`}))));exports.Button=d;
+`,d=e.styled(n=>{var{blinking:a,variant:i}=n,t=o.__rest(n,["blinking","variant"]);return r.jsx(e.Button,Object.assign({},t,{variant:"text"}))})(({theme:o,variant:r="success",blinking:e,disabled:n})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({minWidth:"150px",color:o.palette.common.white},"success"===r&&Object.assign({backgroundColor:"#43861D","&:hover":{backgroundColor:"#55a628"}},e&&{animation:`${a} 1s infinite ${o.transitions.easing.easeInOut}`})),"warning"===r&&Object.assign({backgroundColor:"#DE7C13","&:hover":{backgroundColor:"#df8f38"}},e&&{animation:`${i} 1s infinite ${o.transitions.easing.easeInOut}`})),"alert"===r&&Object.assign({backgroundColor:"#CE332A","&:hover":{backgroundColor:"#d84a42"}},e&&{animation:`${t} 1s infinite ${o.transitions.easing.easeInOut}`})),"info"===r&&Object.assign({backgroundColor:"#2A78CD","&:hover":{backgroundColor:"#4a8fdb"}},e&&{animation:`${s} 1s infinite ${o.transitions.easing.easeInOut}`})),"white"===r&&Object.assign({backgroundColor:o.palette.common.white,color:o.palette.text.primary,"&:hover":{backgroundColor:"#e1e1e1"},border:`2px solid ${o.palette.text.primary}`},e&&{animation:`${c} 1s infinite ${o.transitions.easing.easeInOut}`})),"dark"===r&&Object.assign({backgroundColor:"transparent",border:"2px solid #161718",color:o.palette.text.primary},e&&{animation:`${b} 1s infinite ${o.transitions.easing.easeInOut}`})),"light"===r&&Object.assign({backgroundColor:"transparent",border:`2px solid ${o.palette.common.white}`},e&&{animation:`${l} 1s infinite ${o.transitions.easing.easeInOut}`})),n&&Object.assign({backgroundColor:"#D8D8D8",color:o.palette.action.disabled,borderColor:o.palette.action.disabled},e&&{animation:`${g} 1s infinite ${o.transitions.easing.easeInOut}`})));exports.Button=d;
 //# sourceMappingURL=Button.js.map

package/cjs/production/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../../src/production/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton, ButtonProps as MuiButtonProps, styled } from '@mui/material';\nimport React from 'react';\nimport { keyframes } from '@mui/material/styles';\n\nconst greenBlink = keyframes`\n 0% { background-color: #43861D; }\n 50% { background-color: #96DC6F; }\n 100% {background-color: #43861D; }\n`;\nconst orangeBlink = keyframes`\n 0% { background-color: #DE7C13; }\n 50% { background-color: #F2B879; }\n 100% {background-color: #DE7C13; }\n`;\nconst redBlink = keyframes`\n 0% { background-color: #CE332A; }\n 50% { background-color: #EC908B; }\n 100% {background-color: #CE332A; }\n`;\nconst blueBlink = keyframes`\n 0% { background-color: #2A78CD; }\n 50% { background-color: #80B1E5; }\n 100% {background-color: #2A78CD; }\n`;\nconst whiteBlink = keyframes`\n 0% { background-color: #fff; }\n 50% { background-color: #D8D8D8; }\n 100% {background-color: #fff; }\n`;\nconst darkBlink = keyframes`\n 0% { border-color: #161718; }\n 50% { border-color: #D8D8D8; }\n 100% {border-color: #161718; }\n`;\nconst lightBlink = keyframes`\n0% { border-color: #eee; }\n50% { border-color: #454546; }\n100% {border-color: #eee; }\n`;\nconst disabledBlink = keyframes`\n 0% { background-color: #D8D8D8; }\n 50% { background-color: #EEEEEE; }\n 100% {background-color: #D8D8D8; }\n`;\n\nexport type ButtonProps = Omit<\n MuiButtonProps,\n 'nonce' \| 'color' \| 'disableElevation' \| 'disableFocusRipple' \| 'disableRipple' \| 'classes' \| 'variant'\n> & {\n blinking?: boolean;\n variant?: 'success' \| 'warning' \| 'alert' \| 'info' \| 'white' \| 'dark' \| 'light';\n};\n\nconst ButtonBase: React.FC<ButtonProps> = ({ blinking, variant, ...props }) => <MuiButton {...props} variant=\"text\" />;\n\n/*\n @deprecated use production components from production web library\n * https://www.npmjs.com/package/@skodaflow/production-web-library\n */\n// eslint-disable-next-line sonarjs/cognitive-complexity\nexport const Button = styled(ButtonBase)<ButtonProps>(({ theme, variant = 'success', blinking, disabled }) => ({\n minWidth: '150px',\n color: theme.palette.common.white,\n\n ...(variant === 'success' && {\n backgroundColor: '#43861D',\n '&:hover': {\n backgroundColor: '#55a628',\n },\n ...(blinking && {\n animation: `${greenBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'warning' && {\n backgroundColor: '#DE7C13',\n '&:hover': {\n backgroundColor: '#df8f38',\n },\n ...(blinking && {\n animation: `${orangeBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'alert' && {\n backgroundColor: '#CE332A',\n '&:hover': {\n backgroundColor: '#d84a42',\n },\n ...(blinking && {\n animation: `${redBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'info' && {\n backgroundColor: '#2A78CD',\n '&:hover': {\n backgroundColor: '#4a8fdb',\n },\n ...(blinking && {\n animation: `${blueBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'white' && {\n backgroundColor: theme.palette.common.white,\n color: theme.palette.text.primary,\n '&:hover': {\n backgroundColor: '#e1e1e1',\n },\n border: `2px solid ${theme.palette.text.primary}`,\n ...(blinking && {\n animation: `${whiteBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'dark' && {\n backgroundColor: 'transparent',\n border: `2px solid #161718`,\n color: theme.palette.text.primary,\n ...(blinking && {\n animation: `${darkBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'light' && {\n backgroundColor: 'transparent',\n border: `2px solid ${theme.palette.common.white}`,\n ...(blinking && {\n animation: `${lightBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(disabled && {\n backgroundColor: '#D8D8D8',\n color: theme.palette.action.disabled,\n borderColor: theme.palette.action.disabled,\n ...(blinking && {\n animation: `${disabledBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n}));\n"],"names":["greenBlink","keyframes","orangeBlink","redBlink","blueBlink","whiteBlink","darkBlink","lightBlink","disabledBlink","Button","styled","_a","blinking","variant","props","__rest","_jsx","~~jsx","~~MuiButton","Object","assign","theme","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"gIAIA,MAAMA,EAAaC,EAAAA,SAAS;;;;EAKtBC,EAAcD,EAAAA,SAAS;;;;EAKvBE,EAAWF,EAAAA,SAAS;;;;EAKpBG,EAAYH,EAAAA,SAAS;;;;EAKrBI,EAAaJ,EAAAA,SAAS;;;;EAKtBK,EAAYL,EAAAA,SAAS;;;;EAKrBM,EAAaN,EAAAA,SAAS;;;;EAKtBO,EAAgBP,EAAAA,SAAS;;;;EAqBlBQ,EAASC,EAAAA,~~QAPqBC~~,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA7B,wBAAoC,OAAAK,~~EAAAC~~,IAACC,~~SAAcC~~,OAAAC,OAAA,~~GAAAN~~,GAAOD,QAAQ,~~SAAS~~,~~GAOhGH~~,~~EAAgC~~,~~EAAGW~~,~~QAAOR,~~UAAU,UAAWD,~~WAAUU~~,+HAC7FC,SAAU,QACVC,MAAOH,EAAMI,QAAQC,OAAOC,OAEZ,~~YAAZd~~,~~GAAqBM~~,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,~~YAEfhB~~,GAAY,~~CACdiB~~,UAAW,~~GAAG7B~~,~~iBAA0BqB~~,EAAMS,YAAYC,OAAOC,eAIrD,~~YAAZnB~~,~~GAAqBM~~,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,~~YAEfhB~~,GAAY,~~CACdiB~~,UAAW,~~GAAG3B~~,~~iBAA2BmB~~,EAAMS,YAAYC,OAAOC,eAItD,~~UAAZnB~~,~~GAAmBM~~,OAAAC,OAAA,CACrBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,~~YAEfhB~~,GAAY,~~CACdiB~~,UAAW,~~GAAG1B~~,~~iBAAwBkB~~,EAAMS,YAAYC,OAAOC,eAInD,~~SAAZnB~~,~~GAAkBM~~,OAAAC,OAAA,CACpBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,~~YAEfhB~~,GAAY,~~CACdiB~~,UAAW,~~GAAGzB~~,~~iBAAyBiB~~,EAAMS,YAAYC,OAAOC,eAIpD,~~UAAZnB~~,~~GAAmBM~~,OAAAC,OAAA,CACrBQ,gBAAiBP,EAAMI,QAAQC,OAAOC,MACtCH,MAAOH,EAAMI,QAAQQ,KAAKC,QAC1B,UAAW,CACTN,gBAAiB,WAEnBO,OAAQ,aAAad,EAAMI,QAAQQ,KAAKC,~~WACpCtB~~,GAAY,~~CACdiB~~,UAAW,~~GAAGxB~~,~~iBAA0BgB~~,EAAMS,YAAYC,OAAOC,eAIrD,~~SAAZnB~~,~~GAAkBM~~,OAAAC,OAAA,CACpBQ,gBAAiB,cACjBO,OAAQ,oBACRX,MAAOH,EAAMI,QAAQQ,KAAKC,~~SACtBtB~~,GAAY,~~CACdiB~~,UAAW,~~GAAGvB~~,~~iBAAyBe~~,EAAMS,YAAYC,OAAOC,eAIpD,~~UAAZnB~~,~~GACFM~~,OAAAC,OAAA,~~CAAAQ~~,gBAAiB,cACjBO,OAAQ,aAAad,EAAMI,QAAQC,OAAOC,~~SACtCf~~,GAAY,~~CACdiB~~,UAAW,~~GAAGtB~~,~~iBAA0Bc~~,EAAMS,YAAYC,OAAOC,eAIjEV,~~GACFH~~,OAAAC,OAAA,~~CAAAQ~~,gBAAiB,UACjBJ,MAAOH,EAAMI,QAAQW,OAAOd,SAC5Be,YAAahB,EAAMI,QAAQW,OAAOd,~~UAC9BV~~,GAAY,~~CACdiB~~,UAAW,~~GAAGrB~~,~~iBAA6Ba~~,EAAMS,YAAYC,OAAOC"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../../src/production/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton, ButtonProps as MuiButtonProps, styled } from '@mui/material';\nimport React from 'react';\nimport { keyframes } from '@mui/material/styles';\n\nconst greenBlink = keyframes`\n 0% { background-color: #43861D; }\n 50% { background-color: #96DC6F; }\n 100% {background-color: #43861D; }\n`;\nconst orangeBlink = keyframes`\n 0% { background-color: #DE7C13; }\n 50% { background-color: #F2B879; }\n 100% {background-color: #DE7C13; }\n`;\nconst redBlink = keyframes`\n 0% { background-color: #CE332A; }\n 50% { background-color: #EC908B; }\n 100% {background-color: #CE332A; }\n`;\nconst blueBlink = keyframes`\n 0% { background-color: #2A78CD; }\n 50% { background-color: #80B1E5; }\n 100% {background-color: #2A78CD; }\n`;\nconst whiteBlink = keyframes`\n 0% { background-color: #fff; }\n 50% { background-color: #D8D8D8; }\n 100% {background-color: #fff; }\n`;\nconst darkBlink = keyframes`\n 0% { border-color: #161718; }\n 50% { border-color: #D8D8D8; }\n 100% {border-color: #161718; }\n`;\nconst lightBlink = keyframes`\n0% { border-color: #eee; }\n50% { border-color: #454546; }\n100% {border-color: #eee; }\n`;\nconst disabledBlink = keyframes`\n 0% { background-color: #D8D8D8; }\n 50% { background-color: #EEEEEE; }\n 100% {background-color: #D8D8D8; }\n`;\n\nexport type ButtonProps = Omit<\n MuiButtonProps,\n 'nonce' \| 'color' \| 'disableElevation' \| 'disableFocusRipple' \| 'disableRipple' \| 'classes' \| 'variant'\n> & {\n blinking?: boolean;\n variant?: 'success' \| 'warning' \| 'alert' \| 'info' \| 'white' \| 'dark' \| 'light';\n};\n\nconst ButtonBase: React.FC<ButtonProps> = ({ blinking, variant, ...props }) => <MuiButton {...props} variant=\"text\" />;\n\n/*\n @deprecated use production components from production web library\n * https://www.npmjs.com/package/@skodaflow/production-web-library\n */\n// eslint-disable-next-line sonarjs/cognitive-complexity\nexport const Button = styled(ButtonBase)<ButtonProps>(({ theme, variant = 'success', blinking, disabled }) => ({\n minWidth: '150px',\n color: theme.palette.common.white,\n\n ...(variant === 'success' && {\n backgroundColor: '#43861D',\n '&:hover': {\n backgroundColor: '#55a628',\n },\n ...(blinking && {\n animation: `${greenBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'warning' && {\n backgroundColor: '#DE7C13',\n '&:hover': {\n backgroundColor: '#df8f38',\n },\n ...(blinking && {\n animation: `${orangeBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'alert' && {\n backgroundColor: '#CE332A',\n '&:hover': {\n backgroundColor: '#d84a42',\n },\n ...(blinking && {\n animation: `${redBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'info' && {\n backgroundColor: '#2A78CD',\n '&:hover': {\n backgroundColor: '#4a8fdb',\n },\n ...(blinking && {\n animation: `${blueBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'white' && {\n backgroundColor: theme.palette.common.white,\n color: theme.palette.text.primary,\n '&:hover': {\n backgroundColor: '#e1e1e1',\n },\n border: `2px solid ${theme.palette.text.primary}`,\n ...(blinking && {\n animation: `${whiteBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'dark' && {\n backgroundColor: 'transparent',\n border: `2px solid #161718`,\n color: theme.palette.text.primary,\n ...(blinking && {\n animation: `${darkBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'light' && {\n backgroundColor: 'transparent',\n border: `2px solid ${theme.palette.common.white}`,\n ...(blinking && {\n animation: `${lightBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(disabled && {\n backgroundColor: '#D8D8D8',\n color: theme.palette.action.disabled,\n borderColor: theme.palette.action.disabled,\n ...(blinking && {\n animation: `${disabledBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n}));\n"],"names":["greenBlink","keyframes","orangeBlink","redBlink","blueBlink","whiteBlink","darkBlink","lightBlink","disabledBlink","Button","styled","_a","blinking","variant","props","__rest","_jsx","MuiButton","Object","assign","theme","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"gIAIA,MAAMA,EAAaC,EAAAA,SAAS;;;;EAKtBC,EAAcD,EAAAA,SAAS;;;;EAKvBE,EAAWF,EAAAA,SAAS;;;;EAKpBG,EAAYH,EAAAA,SAAS;;;;EAKrBI,EAAaJ,EAAAA,SAAS;;;;EAKtBK,EAAYL,EAAAA,SAAS;;;;EAKrBM,EAAaN,EAAAA,SAAS;;;;EAKtBO,EAAgBP,EAAAA,SAAS;;;;EAqBlBQ,EAASC,EAAAA,OAPqBC,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA7B,wBAAoC,OAAAK,EAAAA,IAACC,SAASC,OAAAC,OAAA,GAAKL,GAAOD,QAAQ,WAOvFH,CAAgC,EAAGU,QAAOP,UAAU,UAAWD,WAAUS,+HAC7FC,SAAU,QACVC,MAAOH,EAAMI,QAAQC,OAAOC,OAEZ,YAAZb,GAAqBK,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAG5B,iBAA0BoB,EAAMS,YAAYC,OAAOC,eAIrD,YAAZlB,GAAqBK,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAG1B,iBAA2BkB,EAAMS,YAAYC,OAAOC,eAItD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAGzB,iBAAwBiB,EAAMS,YAAYC,OAAOC,eAInD,SAAZlB,GAAkBK,OAAAC,OAAA,CACpBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAGxB,iBAAyBgB,EAAMS,YAAYC,OAAOC,eAIpD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiBP,EAAMI,QAAQC,OAAOC,MACtCH,MAAOH,EAAMI,QAAQQ,KAAKC,QAC1B,UAAW,CACTN,gBAAiB,WAEnBO,OAAQ,aAAad,EAAMI,QAAQQ,KAAKC,WACpCrB,GAAY,CACdgB,UAAW,GAAGvB,iBAA0Be,EAAMS,YAAYC,OAAOC,eAIrD,SAAZlB,GAAkBK,OAAAC,OAAA,CACpBQ,gBAAiB,cACjBO,OAAQ,oBACRX,MAAOH,EAAMI,QAAQQ,KAAKC,SACtBrB,GAAY,CACdgB,UAAW,GAAGtB,iBAAyBc,EAAMS,YAAYC,OAAOC,eAIpD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiB,cACjBO,OAAQ,aAAad,EAAMI,QAAQC,OAAOC,SACtCd,GAAY,CACdgB,UAAW,GAAGrB,iBAA0Ba,EAAMS,YAAYC,OAAOC,eAIjEV,GAAQH,OAAAC,OAAA,CACVQ,gBAAiB,UACjBJ,MAAOH,EAAMI,QAAQW,OAAOd,SAC5Be,YAAahB,EAAMI,QAAQW,OAAOd,UAC9BT,GAAY,CACdgB,UAAW,GAAGpB,iBAA6BY,EAAMS,YAAYC,OAAOC"}

package/cjs/utils/ResponsiveType.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var l=require("react");exports.useResponsiveProp=function(o){return l.useMemo((()=>{var l,d,u,i,n,v,e,s,r,x;return"object"==typeof o?{xl:o.xl,lg:null!==(l=o.lg)&&void 0!==l?l:o.xl,md:null!==(u=null!==(d=o.md)&&void 0!==d?d:o.lg)&&void 0!==u?u:o.xl,sm:null!==(v=null!==(n=null!==(i=o.sm)&&void 0!==i?i:o.md)&&void 0!==n?n:o.lg)&&void 0!==v?v:o.xl,xs:null!==(x=null!==(r=null!==(s=null!==(e=o.xs)&&void 0!==e?e:o.sm)&&void 0!==s?s:o.md)&&void 0!==r?r:o.lg)&&void 0!==x?x:o.xl}:void 0!==o?{xl:o,lg:o,md:o,sm:o,xs:o}:void 0}),[o])};
+"use strict";var l=require("react");exports.useResponsiveProp=function(o){return l.useMemo(()=>{var l,d,u,i,n,v,e,s,r,x;return"object"==typeof o?{xl:o.xl,lg:null!==(l=o.lg)&&void 0!==l?l:o.xl,md:null!==(u=null!==(d=o.md)&&void 0!==d?d:o.lg)&&void 0!==u?u:o.xl,sm:null!==(v=null!==(n=null!==(i=o.sm)&&void 0!==i?i:o.md)&&void 0!==n?n:o.lg)&&void 0!==v?v:o.xl,xs:null!==(x=null!==(r=null!==(s=null!==(e=o.xs)&&void 0!==e?e:o.sm)&&void 0!==s?s:o.md)&&void 0!==r?r:o.lg)&&void 0!==x?x:o.xl}:void 0!==o?{xl:o,lg:o,md:o,sm:o,xs:o}:void 0},[o])};
 //# sourceMappingURL=ResponsiveType.js.map

package/cjs/utils/ResponsiveType.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResponsiveType.js","sources":["../../../../src/utils/ResponsiveType.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nexport type ResponsiveType<V extends number \| string> =\n \| V\n \| {\n xl: V;\n lg?: V;\n md?: V;\n sm?: V;\n xs?: V;\n };\n\nexport function useResponsiveProp<V extends string \| number>(prop: ResponsiveType<V>) {\n return useMemo(() => {\n if (typeof prop === 'object') {\n return {\n xl: prop.xl,\n lg: prop.lg ?? prop.xl,\n md: prop.md ?? prop.lg ?? prop.xl,\n sm: prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n xs: prop.xs ?? prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n };\n }\n if (prop === undefined) {\n return undefined;\n }\n return {\n xl: prop,\n lg: prop,\n md: prop,\n sm: prop,\n xs: prop,\n };\n }, [prop]);\n}\n"],"names":["prop","useMemo","xl","lg","_a","md","_c","_b","sm","_f","_e","_d","xs","_j","_h","_g","_k","undefined"],"mappings":"8DAYM,SAAuDA,GAC3D,OAAOC,~~EAAOA~~,~~SAAC~~,6BACb,MAAoB,iBAATD,EACF,CACLE,GAAIF,EAAKE,GACTC,~~GAAe~~,~~UAAXH~~,EAAKG,~~UAAM~~,IAAAC,EAAAA,~~EAAAJ~~,EAAKE,GACpBG,~~GAA0B~~,~~QAAtBC~~,~~EAAW~~,~~QAAXC~~,EAAAP,EAAKK,~~UAAM~~,IAAAE,EAAAA,~~EAAAP~~,EAAKG,~~UAAM~~,IAAAG,EAAAA,~~EAAAN~~,EAAKE,GAC/BM,~~GAAqC~~,~~QAAjCC~~,UAAAC,~~EAAW~~,~~UAAXV~~,EAAKQ,~~UAAM~~,IAAAG,EAAAA,~~EAAAX~~,EAAKK,kBAAML,EAAKG,~~UAAM~~,IAAAM,EAAAA,~~EAAAT~~,EAAKE,GAC1CU,GAA4C,~~UAAP~~,~~QAAjCC~~,~~EAAsB~~,~~QAAtBC~~,EAAO,UAAPd,EAAKY,UAAE,IAAAG,EAAAA,EAAIf,EAAKQ,~~UAAM~~,IAAAM,EAAAA,~~EAAAd~~,EAAKK,~~UAAM~~,IAAAQ,EAAAA,~~EAAAb~~,EAAKG,UAAE,IAAAa,EAAAA,EAAIhB,EAAKE,SAG5Ce,IAATjB,EAGG,CACLE,GAAIF,EACJG,GAAIH,EACJK,GAAIL,EACJQ,GAAIR,EACJY,GAAIZ,QARN,~~CASC~~,~~GACA,~~CAACA,GACN"}
1	+ {"version":3,"file":"ResponsiveType.js","sources":["../../../../src/utils/ResponsiveType.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nexport type ResponsiveType<V extends number \| string> =\n \| V\n \| {\n xl: V;\n lg?: V;\n md?: V;\n sm?: V;\n xs?: V;\n };\n\nexport function useResponsiveProp<V extends string \| number>(prop: ResponsiveType<V>) {\n return useMemo(() => {\n if (typeof prop === 'object') {\n return {\n xl: prop.xl,\n lg: prop.lg ?? prop.xl,\n md: prop.md ?? prop.lg ?? prop.xl,\n sm: prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n xs: prop.xs ?? prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n };\n }\n if (prop === undefined) {\n return undefined;\n }\n return {\n xl: prop,\n lg: prop,\n md: prop,\n sm: prop,\n xs: prop,\n };\n }, [prop]);\n}\n"],"names":["prop","useMemo","xl","lg","_a","md","_c","_b","sm","_f","_e","_d","xs","_j","_h","_g","_k","undefined"],"mappings":"8DAYM,SAAuDA,GAC3D,OAAOC,EAAAA,QAAQ,6BACb,MAAoB,iBAATD,EACF,CACLE,GAAIF,EAAKE,GACTC,GAAW,UAAPH,EAAKG,UAAE,IAAAC,EAAAA,EAAIJ,EAAKE,GACpBG,GAAsB,QAAlBC,EAAO,QAAPC,EAAAP,EAAKK,UAAE,IAAAE,EAAAA,EAAIP,EAAKG,UAAE,IAAAG,EAAAA,EAAIN,EAAKE,GAC/BM,GAAiC,QAA7BC,UAAAC,EAAO,UAAPV,EAAKQ,UAAE,IAAAG,EAAAA,EAAIX,EAAKK,kBAAML,EAAKG,UAAE,IAAAM,EAAAA,EAAIT,EAAKE,GAC1CU,GAA4C,UAAX,QAA7BC,EAAkB,QAAlBC,EAAO,UAAPd,EAAKY,UAAE,IAAAG,EAAAA,EAAIf,EAAKQ,UAAE,IAAAM,EAAAA,EAAId,EAAKK,UAAE,IAAAQ,EAAAA,EAAIb,EAAKG,UAAE,IAAAa,EAAAA,EAAIhB,EAAKE,SAG5Ce,IAATjB,EAGG,CACLE,GAAIF,EACJG,GAAIH,EACJK,GAAIL,EACJQ,GAAIR,EACJY,GAAIZ,QARN,GAUC,CAACA,GACN"}

package/cjs/utils/enum.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"enum.js","sources":["../../../../src/utils/enum.tsx"],"sourcesContent":["export enum NumberingColors {\n LIGHT = 'light',\n DARK = 'dark',\n}\n\nexport enum NumberingSizes {\n SMALL = 'small',\n LARGE = 'large',\n}\n\nexport enum Placement {\n AUTO_END = 'auto-end',\n AUTO_START = 'auto-start',\n AUTO = 'auto',\n BOTTOM_END = 'bottom-end',\n BOTTOM_START = 'bottom-start',\n BOTTOM = 'bottom',\n LEFT_END = 'left-end',\n LEFT_START = 'left-start',\n LEFT = 'left',\n RIGHT_END = 'right-end',\n RIGHT_START = 'right-start',\n RIGHT = 'right',\n TOP_END = 'top-end',\n TOP_START = 'top-start',\n TOP = 'top',\n}\n\nexport enum VariantType {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n TERTIARY = 'tertiary',\n NEUTRAL = 'neutral',\n}\nexport enum ColourSheme {\n DARK_MODE = 'dark',\n LIGHT_MODE = 'white',\n}\n"],"names":["NumberingColors","NumberingSizes","Placement","VariantType","ColourSheme"],"mappings":"aAAA,IAAYA,EAKAC,EAKAC,EAkBAC,EAMAC,EAlCAJ,QAAAA,qBAAAA,GAAAA,EAAAA,~~QAAeA~~,~~kBAAfA~~,~~wBAGX~~,CAAA,~~IAFC~~,MAAA,QACAA,EAAA,KAAA,OAGUC,QAAAA,oBAAAA,GAAAA,EAAAA,~~QAAcA~~,~~iBAAdA~~,~~uBAGX~~,CAAA,~~IAFC~~,MAAA,QACAA,EAAA,MAAA,QAGUC,QAAAA,eAAAA,GAAAA,EAAAA,~~QAASA~~,~~YAATA~~,~~kBAgBX~~,CAAA,~~IAfC~~,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,IAAA,MAGUC,QAAAA,iBAAAA,GAAAA,EAAAA,~~QAAWA~~,~~cAAXA~~,~~oBAKX~~,CAAA,~~IAJC~~,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UAEUC,QAAAA,iBAAAA,GAAAA,EAAAA,~~QAAWA~~,~~cAAXA~~,~~oBAGX~~,CAAA,~~IAFC~~,UAAA,OACAA,EAAA,WAAA"}
1	+ {"version":3,"file":"enum.js","sources":["../../../../src/utils/enum.tsx"],"sourcesContent":["export enum NumberingColors {\n LIGHT = 'light',\n DARK = 'dark',\n}\n\nexport enum NumberingSizes {\n SMALL = 'small',\n LARGE = 'large',\n}\n\nexport enum Placement {\n AUTO_END = 'auto-end',\n AUTO_START = 'auto-start',\n AUTO = 'auto',\n BOTTOM_END = 'bottom-end',\n BOTTOM_START = 'bottom-start',\n BOTTOM = 'bottom',\n LEFT_END = 'left-end',\n LEFT_START = 'left-start',\n LEFT = 'left',\n RIGHT_END = 'right-end',\n RIGHT_START = 'right-start',\n RIGHT = 'right',\n TOP_END = 'top-end',\n TOP_START = 'top-start',\n TOP = 'top',\n}\n\nexport enum VariantType {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n TERTIARY = 'tertiary',\n NEUTRAL = 'neutral',\n}\nexport enum ColourSheme {\n DARK_MODE = 'dark',\n LIGHT_MODE = 'white',\n}\n"],"names":["NumberingColors","NumberingSizes","Placement","VariantType","ColourSheme"],"mappings":"aAAA,IAAYA,EAKAC,EAKAC,EAkBAC,EAMAC,EAlCAJ,QAAAA,qBAAAA,GAAAA,EAAAA,QAAAA,kBAAAA,wBAAe,CAAA,IACzB,MAAA,QACAA,EAAA,KAAA,OAGUC,QAAAA,oBAAAA,GAAAA,EAAAA,QAAAA,iBAAAA,uBAAc,CAAA,IACxB,MAAA,QACAA,EAAA,MAAA,QAGUC,QAAAA,eAAAA,GAAAA,EAAAA,QAAAA,YAAAA,kBAAS,CAAA,IACnB,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,IAAA,MAGUC,QAAAA,iBAAAA,GAAAA,EAAAA,QAAAA,cAAAA,oBAAW,CAAA,IACrB,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UAEUC,QAAAA,iBAAAA,GAAAA,EAAAA,QAAAA,cAAAA,oBAAW,CAAA,IACrB,UAAA,OACAA,EAAA,WAAA"}

package/cjs/utils/formatFileSize/formatFileSize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"formatFileSize.js","sources":["../../../../../src/utils/formatFileSize/formatFileSize.ts"],"sourcesContent":["/*\n Format bytes as human-readable text.\n * NOTE: Kudos to https://stackoverflow.com/users/65387/mpen for providing this function\n \n @param bytes Size in bytes\n * @param si Switch between metric (SI) units (powers of 1000) or binary (IEC) units (powers of 1024)\n * @param dp Number of decimal places to display.\n \n @return Formatted string.\n /\nexport function formatFileSize(bytes: number, dp: number = 1, si: boolean = false) {\n const thresh = si ? 1000 : 1024;\n\n if (Math.abs(bytes) < thresh) {\n return bytes + ' B';\n }\n\n const units = si\n ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];\n let u = -1;\n const r = 10 * dp;\n\n do {\n bytes /= thresh;\n ++u;\n } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);\n\n return bytes.toFixed(dp) + ' ' + units[u];\n}\n"],"names":["bytes","dp","si","thresh","Math","abs","units","u","r","round","length","toFixed"],"mappings":"oCAUM,SAAyBA,EAAeC,EAAa,EAAGC,GAAc,GAC1E,MAAMC,EAASD,EAAK,IAAO,KAE3B,GAAIE,KAAKC,IAAIL,GAASG,EACpB,OAAOH,EAAQ,KAGjB,MAAMM,EAAQJ,EACV,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAC3C,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OACtD,IAAIK,~~GAAM~~,~~EACV~~,MAAMC,EAAI,IAAMP,EAEhB,GACED,GAASG,IACPI,QACKH,KAAKK,MAAML,KAAKC,IAAIL,GAASQ,GAAKA,GAAKL,GAAUI,EAAID,EAAMI,OAAS,GAE7E,OAAOV,EAAMW,QAAQV,GAAM,IAAMK,EAAMC,EACzC"}
1	+ {"version":3,"file":"formatFileSize.js","sources":["../../../../../src/utils/formatFileSize/formatFileSize.ts"],"sourcesContent":["/*\n Format bytes as human-readable text.\n * NOTE: Kudos to https://stackoverflow.com/users/65387/mpen for providing this function\n \n @param bytes Size in bytes\n * @param si Switch between metric (SI) units (powers of 1000) or binary (IEC) units (powers of 1024)\n * @param dp Number of decimal places to display.\n \n @return Formatted string.\n /\nexport function formatFileSize(bytes: number, dp: number = 1, si: boolean = false) {\n const thresh = si ? 1000 : 1024;\n\n if (Math.abs(bytes) < thresh) {\n return bytes + ' B';\n }\n\n const units = si\n ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];\n let u = -1;\n const r = 10 * dp;\n\n do {\n bytes /= thresh;\n ++u;\n } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);\n\n return bytes.toFixed(dp) + ' ' + units[u];\n}\n"],"names":["bytes","dp","si","thresh","Math","abs","units","u","r","round","length","toFixed"],"mappings":"oCAUM,SAAyBA,EAAeC,EAAa,EAAGC,GAAc,GAC1E,MAAMC,EAASD,EAAK,IAAO,KAE3B,GAAIE,KAAKC,IAAIL,GAASG,EACpB,OAAOH,EAAQ,KAGjB,MAAMM,EAAQJ,EACV,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAC3C,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OACtD,IAAIK,GAAI,EACR,MAAMC,EAAI,IAAMP,EAEhB,GACED,GAASG,IACPI,QACKH,KAAKK,MAAML,KAAKC,IAAIL,GAASQ,GAAKA,GAAKL,GAAUI,EAAID,EAAMI,OAAS,GAE7E,OAAOV,EAAMW,QAAQV,GAAM,IAAMK,EAAMC,EACzC"}

package/cjs/utils/useClosure/useClosure.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.useClosure=s=>{const[l,u]=e.useState(null!=s&&s),a=e.useCallback((()=>u(!l)),[l,u]),n=e.useCallback((()=>u(!0)),[u]),r=e.useCallback((()=>u(!1)),[u]);return{isOpen:l,setOpen:u,onToggle:a,onOpen:n,onClose:r}};
+"use strict";var e=require("react");exports.useClosure=s=>{const[l,u]=e.useState(null!=s&&s),a=e.useCallback(()=>u(!l),[l,u]),n=e.useCallback(()=>u(!0),[u]),r=e.useCallback(()=>u(!1),[u]);return{isOpen:l,setOpen:u,onToggle:a,onOpen:n,onClose:r}};
 //# sourceMappingURL=useClosure.js.map

package/cjs/utils/useClosure/useClosure.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useClosure.js","sources":["../../../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/*\n @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`\n */\nexport const useClosure = (initiallyOpen?: boolean) => {\n const [isOpen, setOpen] = useState(initiallyOpen ?? false);\n\n const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n const onOpen = useCallback(() => setOpen(true), [setOpen]);\n const onClose = useCallback(() => setOpen(false), [setOpen]);\n\n return {\n isOpen,\n setOpen,\n onToggle,\n onOpen,\n onClose,\n };\n};\n"],"names":["initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"uDAO2BA,IACzB,MAAOC,EAAQC,GAAWC,WAASH,SAAAA,GAE7BI,EAAWC,~~EAAWA~~,~~aAAC~~,IAAMH,GAASD,~~IAAS~~,CAACA,EAAQC,IACxDI,EAASD,EAAAA,~~aAAY~~,IAAMH,GAAQ,~~IAAO~~,CAACA,IAC3CK,EAAUF,EAAAA,~~aAAY~~,IAAMH,GAAQ,~~IAAQ~~,CAACA,IAEnD,MAAO,CACLD,SACAC,UACAE,WACAE,SACAC~~,UACD~~"}
1	+ {"version":3,"file":"useClosure.js","sources":["../../../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/*\n @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`\n */\nexport const useClosure = (initiallyOpen?: boolean) => {\n const [isOpen, setOpen] = useState(initiallyOpen ?? false);\n\n const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n const onOpen = useCallback(() => setOpen(true), [setOpen]);\n const onClose = useCallback(() => setOpen(false), [setOpen]);\n\n return {\n isOpen,\n setOpen,\n onToggle,\n onOpen,\n onClose,\n };\n};\n"],"names":["initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"uDAO2BA,IACzB,MAAOC,EAAQC,GAAWC,WAASH,SAAAA,GAE7BI,EAAWC,EAAAA,YAAY,IAAMH,GAASD,GAAS,CAACA,EAAQC,IACxDI,EAASD,EAAAA,YAAY,IAAMH,GAAQ,GAAO,CAACA,IAC3CK,EAAUF,EAAAA,YAAY,IAAMH,GAAQ,GAAQ,CAACA,IAEnD,MAAO,CACLD,SACAC,UACAE,WACAE,SACAC"}

package/cjs/utils/useDebounce/useDebounce.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.default=function(t,r,u={instantClear:!1}){const[n,s]=e.useState(t),a=e.useRef(null);return e.useEffect((()=>(!t&&u.instantClear?s(t):a.current=setTimeout((()=>{s(t)}),r),()=>{a.current&&clearTimeout(a.current)})),[t,r,u.instantClear]),n};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.default=function(t,r,u={instantClear:!1}){const[n,s]=e.useState(t),a=e.useRef(null);return e.useEffect(()=>(!t&&u.instantClear?s(t):a.current=setTimeout(()=>{s(t)},r),()=>{a.current&&clearTimeout(a.current)}),[t,r,u.instantClear]),n};
 //# sourceMappingURL=useDebounce.js.map

package/cjs/utils/useDebounce/useDebounce.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDebounce.js","sources":["../../../../../src/utils/useDebounce/useDebounce.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/*\n Returns value after a specified time period has passed without any further changes\n \n @param {T} value - value to be debounced\n * @param {number} delay - wait time before updating debounce value\n * @param {object} options - set of options to tweak behavior\n * @param {boolean} options.instantClear - with !value, instantly update debouncedValue\n * @returns {T} debouncedValue\n */\nexport default function useDebounce<T>(\n value: T,\n delay: number,\n options: { instantClear: boolean } = { instantClear: false },\n): T {\n const [debouncedValue, setDebouncedValue] = useState(value);\n const timeout = useRef<NodeJS.Timeout \| null>(null);\n\n useEffect(() => {\n if (!value && options.instantClear) {\n setDebouncedValue(value);\n } else {\n timeout.current = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n }\n\n return () => {\n if (timeout.current) {\n clearTimeout(timeout.current);\n }\n };\n }, [value, delay, options.instantClear]);\n\n return debouncedValue;\n}\n"],"names":["value","delay","options","instantClear","debouncedValue","setDebouncedValue","useState","timeout","useRef","useEffect","current","setTimeout","clearTimeout"],"mappings":"~~2GAWwB~~,~~SACtBA~~,EACAC,EACAC,EAAqC,CAAEC,cAAc,IAErD,MAAOC,EAAgBC,GAAqBC,EAAAA,SAASN,GAC/CO,EAAUC,~~EAAMA~~,~~OAAwB~~,MAkB9C,OAhBAC,EAAAA,~~WAAU~~,MACHT,GAASE,EAAQC,aACpBE,EAAkBL,GAElBO,EAAQG,QAAUC,~~YAAW~~,KAC3BN,EAAkBL,~~EAAM~~,~~GACvBC,~~GAGE,KACDM,EAAQG,SACVE,aAAaL,EAAQG,~~YAGxB~~,CAACV,EAAOC,EAAOC,EAAQC,eAEnBC,CACT"}
1	+ {"version":3,"file":"useDebounce.js","sources":["../../../../../src/utils/useDebounce/useDebounce.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/*\n Returns value after a specified time period has passed without any further changes\n \n @param {T} value - value to be debounced\n * @param {number} delay - wait time before updating debounce value\n * @param {object} options - set of options to tweak behavior\n * @param {boolean} options.instantClear - with !value, instantly update debouncedValue\n * @returns {T} debouncedValue\n */\nexport default function useDebounce<T>(\n value: T,\n delay: number,\n options: { instantClear: boolean } = { instantClear: false },\n): T {\n const [debouncedValue, setDebouncedValue] = useState(value);\n const timeout = useRef<NodeJS.Timeout \| null>(null);\n\n useEffect(() => {\n if (!value && options.instantClear) {\n setDebouncedValue(value);\n } else {\n timeout.current = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n }\n\n return () => {\n if (timeout.current) {\n clearTimeout(timeout.current);\n }\n };\n }, [value, delay, options.instantClear]);\n\n return debouncedValue;\n}\n"],"names":["value","delay","options","instantClear","debouncedValue","setDebouncedValue","useState","timeout","useRef","useEffect","current","setTimeout","clearTimeout"],"mappings":"2GAWc,SACZA,EACAC,EACAC,EAAqC,CAAEC,cAAc,IAErD,MAAOC,EAAgBC,GAAqBC,EAAAA,SAASN,GAC/CO,EAAUC,EAAAA,OAA8B,MAkB9C,OAhBAC,EAAAA,UAAU,MACHT,GAASE,EAAQC,aACpBE,EAAkBL,GAElBO,EAAQG,QAAUC,WAAW,KAC3BN,EAAkBL,IACjBC,GAGE,KACDM,EAAQG,SACVE,aAAaL,EAAQG,WAGxB,CAACV,EAAOC,EAAOC,EAAQC,eAEnBC,CACT"}

package/cjs/utils/useElementScrollable/useElementScrollable.d.ts CHANGED Viewed

@@ -2,11 +2,12 @@
  * Monitors an element for scroll.
  *
  * @param axis - horizontal/vertical scroll to monitor @default y
+ * @param callback - optional callback
  * @returns The hook returns an object containing:
  *   - {boolean} isScrollable - A boolean indicating if the element is scrollable.
  *   - {Function} elementRef - A callback ref function to be assigned to the element being monitored.
  */
-export declare function useElementScrollable(axis?: 'x' | 'y'): {
+export declare function useElementScrollable(axis?: 'x' | 'y', callback?: (el: HTMLElement) => void): {
     isScrollable: boolean;
     elementRef: (element: HTMLElement) => void;
 };

package/cjs/utils/useElementScrollable/useElementScrollable.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.useElementScrollable=function(t="y"){const[s,l]=e.useState(!1);return{isScrollable:s,elementRef:e.useCallback((e=>{const s=new ResizeObserver((()=>{l("y"===t?e.offsetHeight<e.scrollHeight:e.offsetWidth<e.scrollWidth)}));null!==e?s.observe(e):s.disconnect()}),[])}};
+"use strict";var e=require("react");exports.useElementScrollable=function(t="y",l){const[s,r]=e.useState(!1);return{isScrollable:s,elementRef:e.useCallback(e=>{const s=new ResizeObserver(()=>{r("y"===t?e.offsetHeight<e.scrollHeight:e.offsetWidth<e.scrollWidth),null==l||l(e)});null!==e?s.observe(e):s.disconnect()},[])}};
 //# sourceMappingURL=useElementScrollable.js.map

package/cjs/utils/useElementScrollable/useElementScrollable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useElementScrollable.js","sources":["../../../../../src/utils/useElementScrollable/useElementScrollable.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/*\n Monitors an element for scroll.\n \n @param axis - horizontal/vertical scroll to monitor @default y\n * @returns The hook returns an object containing:\n * - {boolean} isScrollable - A boolean indicating if the element is scrollable.\n * - {Function} elementRef - A callback ref function to be assigned to the element being monitored.\n */\nexport function useElementScrollable(axis: 'x' \| 'y' = 'y') {\n const [isScrollable, setIsScrollable] = useState<boolean>(false);\n\n // monitor overflow while resizing\n const elementRef = useCallback((element: HTMLElement) => {\n const resizeObserver = new ResizeObserver(() => {\n setIsScrollable(\n axis === 'y' ? element.offsetHeight < element.scrollHeight : element.offsetWidth < element.scrollWidth,\n );\n });\n\n if (element !== null) {\n resizeObserver.observe(element);\n } else {\n resizeObserver.disconnect();\n }\n }, []);\n\n return { isScrollable, elementRef };\n}\n"],"names":["axis","isScrollable","setIsScrollable","useState","elementRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","offsetWidth","scrollWidth","observe","disconnect"],"mappings":"~~iEAUgB~~,~~SAAqBA,~~EAAkB,~~KACrD~~,MAAOC,EAAcC,GAAmBC,EAAAA,UAAkB,~~GAiB1D~~,MAAO,CAAEF,eAAcG,~~WAdJC~~,~~eAAaC~~,IAC9B,MAAMC,EAAiB,IAAIC,~~gBAAe~~,KACxCN,EACW,~~MAATF~~,~~EAAeM~~,EAAQG,aAAeH,EAAQI,aAAeJ,EAAQK,YAAcL,EAAQM,~~YAC5F~~,~~IAGa~~,~~OAAZN~~,EACFC,EAAeM,QAAQP,GAEvBC,EAAeO,~~eAEhB~~,IAGL"}
1	+ {"version":3,"file":"useElementScrollable.js","sources":["../../../../../src/utils/useElementScrollable/useElementScrollable.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/*\n Monitors an element for scroll.\n \n @param axis - horizontal/vertical scroll to monitor @default y\n * @param callback - optional callback\n * @returns The hook returns an object containing:\n * - {boolean} isScrollable - A boolean indicating if the element is scrollable.\n * - {Function} elementRef - A callback ref function to be assigned to the element being monitored.\n */\nexport function useElementScrollable(axis: 'x' \| 'y' = 'y', callback?: (el: HTMLElement) => void) {\n const [isScrollable, setIsScrollable] = useState<boolean>(false);\n\n // monitor overflow while resizing\n const elementRef = useCallback((element: HTMLElement) => {\n const resizeObserver = new ResizeObserver(() => {\n setIsScrollable(\n axis === 'y' ? element.offsetHeight < element.scrollHeight : element.offsetWidth < element.scrollWidth,\n );\n callback?.(element);\n });\n\n if (element !== null) {\n resizeObserver.observe(element);\n } else {\n resizeObserver.disconnect();\n }\n }, []);\n\n return { isScrollable, elementRef };\n}\n"],"names":["axis","callback","isScrollable","setIsScrollable","useState","elementRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","offsetWidth","scrollWidth","observe","disconnect"],"mappings":"0EAWqCA,EAAkB,IAAKC,GAC1D,MAAOC,EAAcC,GAAmBC,EAAAA,UAAkB,GAkB1D,MAAO,CAAEF,eAAcG,WAfJC,cAAaC,IAC9B,MAAMC,EAAiB,IAAIC,eAAe,KACxCN,EACW,MAATH,EAAeO,EAAQG,aAAeH,EAAQI,aAAeJ,EAAQK,YAAcL,EAAQM,aAE7FZ,SAAAA,EAAWM,KAGG,OAAZA,EACFC,EAAeM,QAAQP,GAEvBC,EAAeO,cAEhB,IAGL"}

package/cjs/utils/useKeyboardShortcut/useKeyboardShortcut.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.default=function(t,r=[]){e.useEffect((()=>{const e=e=>{Object.entries(t).forEach((([t,r])=>{e.key===t&&r&&r()}))};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[...r])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.default=function(t,r=[]){e.useEffect(()=>{const e=e=>{Object.entries(t).forEach(([t,r])=>{e.key===t&&r&&r()})};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[...r])};
 //# sourceMappingURL=useKeyboardShortcut.js.map

package/cjs/utils/useKeyboardShortcut/useKeyboardShortcut.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useKeyboardShortcut.js","sources":["../../../../../src/utils/useKeyboardShortcut/useKeyboardShortcut.ts"],"sourcesContent":["import { DependencyList, useEffect } from 'react';\n\n/*\n Monitor press of the key on the keyboard and do action assigned to it\n \n @param {object} keys_and_actions - object containing keys and assigned actions to them,\n * e.g. {Escape: handleClose}\n * @param {array} deps - useEffect dependencies\n */\nexport default function useKeyboardShortcut(\n keys_and_actions: { [key: string]: () => void },\n deps: DependencyList = [],\n) {\n useEffect(() => {\n const downHandler = (e: KeyboardEvent): void => {\n // iterate through all keys and assigned actions\n Object.entries(keys_and_actions).forEach(([key, action]) => {\n // if key is pressed, trigger action\n if (e.key === key && action) {\n action();\n }\n });\n };\n\n window.addEventListener('keydown', downHandler);\n // cleanup\n return () => {\n window.removeEventListener('keydown', downHandler);\n };\n }, [...deps]);\n}\n"],"names":["keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"~~2GASwB~~,~~SACtBA~~,EACAC,EAAuB,IAEvBC,EAAAA,~~WAAU~~,KACR,MAAMC,EAAeC,IAEnBC,OAAOC,QAAQN,GAAkBO,~~SAAQ~~,EAAEC,EAAKC,MAE1CL,EAAEI,MAAQA,GAAOC,GACnBA,~~MAEF~~,~~EAKJ,~~OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACLO,OAAOE,oBAAoB,UAAWT,~~EAAY~~,~~CACnD,GACA,~~IAAIF,GACT"}
1	+ {"version":3,"file":"useKeyboardShortcut.js","sources":["../../../../../src/utils/useKeyboardShortcut/useKeyboardShortcut.ts"],"sourcesContent":["import { DependencyList, useEffect } from 'react';\n\n/*\n Monitor press of the key on the keyboard and do action assigned to it\n \n @param {object} keys_and_actions - object containing keys and assigned actions to them,\n * e.g. {Escape: handleClose}\n * @param {array} deps - useEffect dependencies\n */\nexport default function useKeyboardShortcut(\n keys_and_actions: { [key: string]: () => void },\n deps: DependencyList = [],\n) {\n useEffect(() => {\n const downHandler = (e: KeyboardEvent): void => {\n // iterate through all keys and assigned actions\n Object.entries(keys_and_actions).forEach(([key, action]) => {\n // if key is pressed, trigger action\n if (e.key === key && action) {\n action();\n }\n });\n };\n\n window.addEventListener('keydown', downHandler);\n // cleanup\n return () => {\n window.removeEventListener('keydown', downHandler);\n };\n }, [...deps]);\n}\n"],"names":["keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"2GASc,SACZA,EACAC,EAAuB,IAEvBC,EAAAA,UAAU,KACR,MAAMC,EAAeC,IAEnBC,OAAOC,QAAQN,GAAkBO,QAAQ,EAAEC,EAAKC,MAE1CL,EAAEI,MAAQA,GAAOC,GACnBA,OAON,OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACLO,OAAOE,oBAAoB,UAAWT,KAEvC,IAAIF,GACT"}