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

@skodaflow/web-library 7.15.0 → 7.15.1

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

Files changed (2177) hide show

package/organisms/textCta/textCta.js CHANGED Viewed

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

package/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","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":"4cA6Fa,MAAAA,EAAUC,GACrB,CACEC,EAiBAC,KAjBA,IAAAC,MACEA,EAAKC,cACLA,EAAaC,KACbA,EAAIC,gBACJA,GAAkB,EAAKC,iBACvBA,GAAmB,EAAKC,gBACxBA,EAAeC,iBACfA,EAAgBC,iBAChBA,EAAgBC,kBAChBA,EAAiBC,UACjBA,EAASC,aACTA,GAAe,EAAKC,cACpBA,GAAgB,EAAKC,cACrBA,EAAaC,eACbA,GAAcf,EACXgB,EAAKC,EAAAjB,EAfV,+NAmBA,MAAMkB,EAAiBC,GAAaC,IAClCC,OAAOC,KAAKF,EAAK,SAAS,GACzB,IAEGG,EAAmBJ,GACvB,CAACK,EAAYC,EAAgCL,KACvCA,GACFF,EAAeE,GAEjBK,GAAYA,EAASD,EAAE,GAEzB,CAACN,IAGGQ,EAAkBP,GACtB,CAACQ,EAA0CC,KACzC,MAAMC,EAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACPJ,GAAQ,CACXP,IAAKO,EAASP,KAAO,OAEvB,OAAOY,EAACC,EAAWH,OAAAC,OAAA,CAAA,EAAAF,GAAQK,QAAUV,GAAMD,EAAiBC,EAAGI,EAAgBC,EAAOT,OAAQ,GAEhG,CAACG,IAGH,OACEY,EAACC,EAAuBN,OAAAC,OAAA,CAAA9B,IAAKA,EAAKU,UAAWA,GAAeK,aACzDd,GAAS8B,EAACK,EAAK,CAACnC,MAAOA,IACvBC,GACC6B,SAAKM,UAAU,oBAAmBC,SAChCP,EAACQ,EAAU,CAACF,UAAU,2BAAmBnC,MAG5CC,GAAQ4B,OAAGM,UAAW,eAAezB,GAAiB,yBAAkBT,IACxEO,GAAaA,EAAU8B,OAAS,GAC/BT,EAACU,EAAK,CAAAJ,UAAU,cAAaC,SAC1B5B,EAAUgC,KAAI,CAACC,EAAMC,IAElBV,EAACW,EAA4C,CAAAC,gBAC3C,EAAAR,SAAA,CAAAP,EAACgB,EAAI,CAACC,KAAML,EAAKM,MAAQ,UACxBN,EAAKxC,OAFO,qBAAuByC,OAQ9CV,EAAA,MAAA,CAAKG,UAAU,kBACZC,SAAA,GAAE3B,IAAiBC,IAClBsB,EAAAgB,EAAA,CAAAZ,SAAA,CACGlC,GAAmBqB,EAAgBjB,EAAkBF,GACrDD,GAAoBoB,EAAgBhB,EAAmBF,QAGzDH,IAAoBC,IACrB6B,EACGgB,EAAA,CAAAZ,SAAA,CAAA3B,GACCoB,EAACoB,GAAWd,UAAU,gBAAgBJ,QAAS,IAAMhB,EAAeJ,EAAcM,KAAImB,SACpFP,EAAK,MAAA,CAAAqB,IAAKvC,EAAcwC,IAAKC,IAAKzC,EAAcyC,QAGnD1C,GACCmB,EAAM,OAAA,CAAAM,UAAU,iBAAiBkB,wBAAyB,CAAEC,OAAQ1C,cAKrD,IAMzB2C,EAAoBC,IACxB,OAAQA,GACN,IAAK,KACH,MAAO,CACLC,SAAU,OACVC,WAAY,QAEhB,IAAK,KACH,MAAO,CACLD,SAAU,OACVC,WAAY,QAEhB,IAAK,KACH,MAAO,CACLD,SAAU,OACVC,WAAY,QAEhB,IAAK,KACH,MAAO,CACLD,SAAU,OACVC,WAAY,QAEhB,QACE,MAAO,CACLD,SAAU,OACVC,WAAY,UAQdzB,EAAyB0B,EAAO,MAAO,CAC3CC,kBAAoBC,GAAkB,cAATA,GAAiC,oBAATA,GADxBF,EAEb9D,IAAA,IAAAiE,MAAEA,GAAgBjE,EAANkE,EAAIjD,EAAAjB,EAAhB,WAChB,IAAImE,EAAS,CAAE,EA0Ff,OAxFAA,EAAS,CACP,WAAY,CACVC,OAAQ,GAEV,4BAA6B,CAC3BC,aAAc,OACdC,UAAW,MACX,uBAAsBxC,OAAAC,OAAA,CACpBwC,WAAY,QACTb,EAAiBQ,EAAKP,mBAG7B,+BAAgC,CAC9BU,aAAc,OACd,0BAA2B,CACzBE,WAAY,OACZX,SAAU,OACVC,WAAY,SAGhB,mBAAoB,CAClBQ,aAAc,QAEhB,mBAAoB,CAClBT,SAAU,OACVC,WAAY,OACZO,OAAQ,gBACR,gBAAiB,CACfC,aAAc,QAGlB,0BAA2B,CACzBG,QAAS,OACTC,WAAY,SACZC,eAAgB,aAChBC,SAAU,OACV,UAAW,CACT,CAACV,EAAMW,YAAYC,KAAK,OAAQ,CAC9BC,MAAO,SAGX,qBAAsB,CACpBC,OAAQ,UACRC,YAAa,MACb,UAAW,CACTC,OAAQ,SAGZ,sBAAuB,CACrBF,OAAQ,UACR,QAAS,CACPG,SAAU,UAGd,oBAAqB,CACnBC,YAAa,OACbC,aAAc,OACdC,cAAe,MACfzB,SAAU,OACV0B,SAAU,OACVL,OAAQ,OACR,CAAChB,EAAMW,YAAYC,KAAK,OAAQ,CAC9BI,OAAQ,OACRH,MAAO,SAGX,kCAAmC,CACjCE,YAAa,OACbX,aAAc,EACd,CAACJ,EAAMW,YAAYC,KAAK,OAAQ,CAC9BR,aAAc,UAIpB,qBAAsB,CACpBkB,QAAS,MACT,wBAAyB,CACvBA,QAAS,kBAET,oBAAqB,CACnBT,MAAO,OACPG,OAAQ,OACRrB,SAAU,WAMXO,CAAM"}
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/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","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":"mcA+Fa,MAAAA,EAAuBC,IAAA,IAAAC,kBAClCA,EAAoB,MAAKC,eACzBA,GAAiB,EAAIC,mBACrBA,EAAqB,SAEtBH,EADII,EAAKC,EAAAL,EAJ0B,6DAMlC,MAAOM,EAAaC,GAAkBC,GAAS,GAWzCC,EACJC,EAAA,MAAA,CAAKC,UAAU,YAAWC,SACvBR,EAAMS,qBAAuBP,EAC5BI,EAACI,EAAwC,CAAAC,MAAOX,EAAMS,oBAAqBG,IAAKZ,EAAMa,cAAjE,oBAErBP,EAACI,EAAc,CAEbC,MAAOX,EAAMc,aACbF,IAAKZ,EAAMa,aACXE,cAAef,EAAMgB,sBAHhB,cAQPC,EACJC,EAAK,MAAA,CAAAX,UAAU,mBAAkBC,SAAA,CAC9BR,EAAMmB,gBAAkBb,UAAMC,UAAU,4BAA2BC,SAAER,EAAMmB,iBAC3EnB,EAAMmB,gBAAkBnB,EAAMoB,gBAAkBd,EAACe,EAAQ,CAAAC,YAAY,WAAWC,UAAW,IAC3FvB,EAAMoB,gBAAkBd,EAAA,OAAA,CAAMC,UAAU,4BAA2BC,SAAER,EAAMoB,oBAIhF,OACEd,EAACkB,EACC,CAAAC,iBAAkBzB,EAAMyB,iBACxB3B,eAAgBA,EAChBD,kBAAmBA,EAAiBW,SAEpCU,EAACQ,EACC,CAAAnB,UAAU,cACVoB,aAxCmB,KAClBzB,GACHC,GAAe,IAuCbyB,aAnCmB,KACvBzB,GAAe,EAAM,EAmCjB0B,QAAS,IAAM1B,GAAgB2B,IAAUA,IAExCtB,SAAA,CAAAR,EAAM+B,gBACLzB,EAACoB,EACC,CAAAnB,UAAU,mBACVoB,aAAc,IAAMxB,GAAe,GACnCyB,aAAc,IAAMzB,GAAe,GAEnCK,SAAAF,EAAC0B,EAAiBC,OAAAC,OAAA,CAAA,EAAKlC,EAAMmC,2BAGhCnC,EAAMyB,kBACLnB,EAAA,MAAA,CAAKC,UAAU,uBAAsBC,SACnCF,EAAC8B,GAAMC,KAAK,cAAcC,QAASvC,EAAoBwC,MAAOC,EAAexC,EAAMyB,iBAAkB,QAGlF,WAAtB5B,GAAkCQ,EACnCa,EAAA,MAAA,CAAKX,UAAU,cACZC,SAAA,CAAAR,EAAMyC,cACLnC,EAAK,MAAA,CAAAC,UAAU,mBACbC,SAAAF,EAAC8B,EAAM,CAAAG,MAAOC,EAAexC,EAAMyC,aAAc,QAGrDnC,EAAI,KAAA,CAAAC,UAAU,YAAaC,SAAAgC,EAAexC,EAAM0C,MAAO,MACtD1C,EAAM2C,cACLrC,EAAA,MAAA,CAAKC,UAAU,mBAAkBC,SAC/BF,EAAC8B,EACC,CAAAC,KAAK,UACLC,QAAStC,EAAM4C,oBACfL,MAAOC,EAAexC,EAAM2C,aAAc,QAIzB,WAAtB9C,GAAkCoB,KAEd,QAAtBpB,GAA+BQ,EACT,QAAtBR,GAA+BoB,MAEvB,EAIjBtB,EAAKkD,aAAe,CAClB/C,gBAAgB,EAChBC,mBAAoB,SAEtB,MAAMyB,EAAasB,EAAO,MAAPA,EAA8ClD,IAAA,IAAAmD,MAAEA,GAAgBnD,EAANoD,EAAI/C,EAAAL,EAAhB,WAC/D,IAAIqD,EAAS,CAAE,EACf,MAAMpD,kBAAEA,EAAiB4B,iBAAEA,EAAgB3B,eAAEA,GAAmBkD,EA0GhE,OAxGAC,EAAS,CACPC,OAAQ,OACR,mCAAoC,CAClCC,UAAW,cAEb,iBAAkB,CAChBC,SAAU,WACVC,aAAcvD,EAAiB,MAAQ,EACvCoD,OAAQ,OACRI,QAAS,OACTC,cAAe,SACfC,eAAgB,gBAChBC,gBAAiBV,EAAMW,QAAQC,QAAQC,QACvCC,QAAS,aACTC,OAAQ,aAAaf,EAAMW,QAAQC,QAAQI,aAE7C,sBAAuB,CACrBX,SAAU,WACVY,MAAO,EACPC,IAAK,EACL,qBAAsB,CACpBA,IAAK,EACLD,MAAO,EACPE,MAAO,OACPhB,OAAQ,OACRI,QAAS,OACTa,WAAY,SACZX,eAAgB,WAGpB,iBAAkB,CAChBY,WAAY3C,EAAmB,OAAS,QAE1C,0BAA2B,CACzByC,MAAO,OACPG,SAAU,oBACVjB,SAAU,WACVa,IAAK,IACLK,KAAM,KAER,sBAAuB,CACrBT,QAAS,SACTU,aAAc,IACdnB,SAAU,WACVoB,OAAQ,IACR,SAAU,CACRC,OAAQ,MAGZ,eAAgB,CACdA,OAAQ,YACRZ,QAAS,SACTT,SAAU,WACVoB,OAAQ,KAEV,sBAAuB,CACrBC,OAAQ,IACRZ,QAAS,SACTT,SAAU,WACVoB,OAAQ,IACR,SAAU,CACRC,OAAQ,MAGZ,eAAgB,CACdvB,OAAQ,QACRwB,UAAiC,QAAtB7E,EAA8B,QAAU,OACnD0E,aAAoC,WAAtB1E,EAAiC,QAAU,IACzD,CAACkD,EAAM4B,YAAYC,GAAG,OAAQ,CAC5B1B,OAAQ,SAEV,CAACH,EAAM4B,YAAYC,GAAG,OAAQ,CAC5B1B,OAAQ,SAEV,CAACH,EAAM4B,YAAYC,GAAG,OAAQ,CAC5B1B,OAAQ,SAEV,QAAS,CACPE,SAAU,WACVoB,OAAQ,IACRK,UAAW,UACXC,eAAgB,SAChBxB,QAAS,QACTJ,OAAQ,OACRgB,MAAO,SAGX,sBAAuB,CACrBZ,QAAS,OACTC,cAAe,MACfwB,SAAU,OACVb,MAAO,OACPL,QAAS,SACTa,UAAiC,WAAtB7E,EAAiC,MAAQ,IACpD,oBAAqB,CACnBmF,WAAY,QAEd,OAAQ,CACNP,OAAQ,QACRQ,YAAalC,EAAMW,QAAQwB,YAAYnB,aAKtCd,CAAM"}
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/package.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"name":"@skodaflow/web-library","version":"7.15.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.13.1","@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","@mui/material":"^5.13.0 \|\| ^6.1.4","@mui/system":"^5.12.3 \|\| ^6.1.4","react":"^17.0.0 \|\| ^18.0.0 \|\| ^19.0.0","react-dom":"^17.0.0 \|\| ^18.0.0 \|\| ^19.0.0"},"dependencies":{"@googlemaps/markerclusterer":"2.5.3","@googlemaps/react-wrapper":"1.1.42","@mui/x-date-pickers":"7.23.6","@skodaflow/web-tokens":"3.1.1","country-flag-icons":"1.5.19","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","stylis":"4.3.6","stylis-plugin-rtl":"2.1.1","swiper":"11.2~~.10~~","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}
1	+ {"name":"@skodaflow/web-library","version":"7.15.1","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.13.1","@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","@mui/material":"^5.13.0 \|\| ^6.1.4","@mui/system":"^5.12.3 \|\| ^6.1.4","react":"^17.0.0 \|\| ^18.0.0 \|\| ^19.0.0","react-dom":"^17.0.0 \|\| ^18.0.0 \|\| ^19.0.0"},"dependencies":{"@googlemaps/markerclusterer":"2.5.3","@googlemaps/react-wrapper":"1.1.42","@mui/x-date-pickers":"7.23.6","@skodaflow/web-tokens":"3.1.1","country-flag-icons":"1.5.19","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","stylis":"4.3.6","stylis-plugin-rtl":"2.1.1","swiper":"12.0.2","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}

package/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","MuiButton","Object","assign","theme","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"2KAIA,MAAMA,EAAaC,CAAS;;;;EAKtBC,EAAcD,CAAS;;;;EAKvBE,EAAWF,CAAS;;;;EAKpBG,EAAYH,CAAS;;;;EAKrBI,EAAaJ,CAAS;;;;EAKtBK,EAAYL,CAAS;;;;EAKrBM,EAAaN,CAAS;;;;EAKtBO,EAAgBP,CAAS;;;;EAqBlBQ,EAASC,GAPqBC,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAJ,EAA7B,wBAAoC,OAAAK,EAACC,~~EAAcC~~,OAAAC,OAAA,~~GAAAL~~,GAAOD,QAAQ,SAAS,GAOhGH,EAAgC,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,~~GACFK~~,OAAAC,OAAA,~~CAAAQ~~,gBAAiB,cACjBO,OAAQ,aAAad,EAAMI,QAAQC,OAAOC,SACtCd,GAAY,CACdgB,UAAW,GAAGrB,iBAA0Ba,EAAMS,YAAYC,OAAOC,eAIjEV,~~GACFH~~,OAAAC,OAAA,~~CAAAQ~~,gBAAiB,UACjBJ,MAAOH,EAAMI,QAAQW,OAAOd,SAC5Be,YAAahB,EAAMI,QAAQW,OAAOd,UAC9BT,GAAY,CACdgB,UAAW,GAAGpB,iBAA6BY,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":"2KAIA,MAAMA,EAAaC,CAAS;;;;EAKtBC,EAAcD,CAAS;;;;EAKvBE,EAAWF,CAAS;;;;EAKpBG,EAAYH,CAAS;;;;EAKrBI,EAAaJ,CAAS;;;;EAKtBK,EAAYL,CAAS;;;;EAKrBM,EAAaN,CAAS;;;;EAKtBO,EAAgBP,CAAS;;;;EAqBlBQ,EAASC,GAPqBC,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAJ,EAA7B,wBAAoC,OAAAK,EAACC,EAASC,OAAAC,OAAA,GAAKL,GAAOD,QAAQ,SAAS,GAOhGH,EAAgC,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/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":["useResponsiveProp","prop","useMemo","xl","lg","_a","md","_c","_b","sm","_f","_e","_d","xs","_j","_h","_g","_k","undefined"],"mappings":"gCAYM,SAAUA,EAA6CC,GAC3D,OAAOC,GAAQ,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":["useResponsiveProp","prop","useMemo","xl","lg","_a","md","_c","_b","sm","_f","_e","_d","xs","_j","_h","_g","_k","undefined"],"mappings":"gCAYM,SAAUA,EAA6CC,GAC3D,OAAOC,GAAQ,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,CASC,GACA,CAACA,GACN"}

package/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":"IAAYA,EAKAC,EAKAC,EAkBAC,EAMAC,GAlCZ,SAAYJ,GACVA,EAAA,MAAA,QACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,~~EAGX~~,CAAA,~~IAED~~,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,~~EAGX~~,CAAA,~~IAED~~,SAAYC,GACVA,EAAA,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,KACD,CAhBD,CAAYA,IAAAA,~~EAgBX~~,CAAA,~~IAED~~,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,QAAA,SACD,CALD,CAAYA,IAAAA,~~EAKX~~,CAAA,~~IACD~~,SAAYC,GACVA,EAAA,UAAA,OACAA,EAAA,WAAA,OACD,CAHD,CAAYA,IAAAA,~~EAGX~~,CAAA"}
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":"IAAYA,EAKAC,EAKAC,EAkBAC,EAMAC,GAlCZ,SAAYJ,GACVA,EAAA,MAAA,QACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAAe,CAAA,IAK3B,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAAc,CAAA,IAK1B,SAAYC,GACVA,EAAA,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,KACD,CAhBD,CAAYA,IAAAA,EAAS,CAAA,IAkBrB,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,QAAA,SACD,CALD,CAAYA,IAAAA,EAAW,CAAA,IAMvB,SAAYC,GACVA,EAAA,UAAA,OACAA,EAAA,WAAA,OACD,CAHD,CAAYA,IAAAA,EAAW,CAAA"}

package/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":["formatFileSize","bytes","dp","si","thresh","Math","abs","units","u","r","round","length","toFixed"],"mappings":"AAUM,SAAUA,EAAeC,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":["formatFileSize","bytes","dp","si","thresh","Math","abs","units","u","r","round","length","toFixed"],"mappings":"AAUM,SAAUA,EAAeC,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/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":["useClosure","initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"~~kDAOa~~,~~MAAAA~~,EAAcC,IACzB,MAAOC,EAAQC,GAAWC,EAASH,SAAAA,GAE7BI,EAAWC,GAAY,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,GAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,GAAY,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":["useClosure","initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"kDAOO,MAAMA,EAAcC,IACzB,MAAOC,EAAQC,GAAWC,EAASH,SAAAA,GAE7BI,EAAWC,GAAY,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,GAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,GAAY,IAAMH,GAAQ,IAAQ,CAACA,IAEnD,MAAO,CACLD,SACAC,UACAE,WACAE,SACAC,UACD"}

package/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":["useDebounce","value","delay","options","instantClear","debouncedValue","setDebouncedValue","useState","timeout","useRef","useEffect","current","setTimeout","clearTimeout"],"mappings":"~~4DAWwB~~,~~SAAAA~~,EACtBC,EACAC,EACAC,EAAqC,CAAEC,cAAc,IAErD,MAAOC,EAAgBC,GAAqBC,EAASN,GAC/CO,EAAUC,EAA8B,MAkB9C,OAhBAC,GAAU,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":["useDebounce","value","delay","options","instantClear","debouncedValue","setDebouncedValue","useState","timeout","useRef","useEffect","current","setTimeout","clearTimeout"],"mappings":"4DAWc,SAAUA,EACtBC,EACAC,EACAC,EAAqC,CAAEC,cAAc,IAErD,MAAOC,EAAgBC,GAAqBC,EAASN,GAC/CO,EAAUC,EAA8B,MAkB9C,OAhBAC,GAAU,MACHT,GAASE,EAAQC,aACpBE,EAAkBL,GAElBO,EAAQG,QAAUC,YAAW,KAC3BN,EAAkBL,EAAM,GACvBC,GAGE,KACDM,EAAQG,SACVE,aAAaL,EAAQG,QACvB,IAED,CAACV,EAAOC,EAAOC,EAAQC,eAEnBC,CACT"}

package/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":["useElementScrollable","axis","isScrollable","setIsScrollable","useState","elementRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","offsetWidth","scrollWidth","observe","disconnect"],"mappings":"~~kDAUgB~~,~~SAAAA~~,EAAqBC,EAAkB,KACrD,MAAOC,EAAcC,GAAmBC,GAAkB,GAiB1D,MAAO,CAAEF,eAAcG,WAdJC,GAAaC,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 * @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":["useElementScrollable","axis","isScrollable","setIsScrollable","useState","elementRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","offsetWidth","scrollWidth","observe","disconnect"],"mappings":"kDAUM,SAAUA,EAAqBC,EAAkB,KACrD,MAAOC,EAAcC,GAAmBC,GAAkB,GAiB1D,MAAO,CAAEF,eAAcG,WAdJC,GAAaC,IAC9B,MAAMC,EAAiB,IAAIC,gBAAe,KACxCN,EACW,MAATF,EAAeM,EAAQG,aAAeH,EAAQI,aAAeJ,EAAQK,YAAcL,EAAQM,YAC5F,IAGa,OAAZN,EACFC,EAAeM,QAAQP,GAEvBC,EAAeO,YACjB,GACC,IAGL"}

package/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":["useKeyboardShortcut","keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"~~kCASwB~~,~~SAAAA~~,EACtBC,EACAC,EAAuB,IAEvBC,GAAU,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":["useKeyboardShortcut","keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"kCASc,SAAUA,EACtBC,EACAC,EAAuB,IAEvBC,GAAU,KACR,MAAMC,EAAeC,IAEnBC,OAAOC,QAAQN,GAAkBO,SAAQ,EAAEC,EAAKC,MAE1CL,EAAEI,MAAQA,GAAOC,GACnBA,GACF,GACA,EAKJ,OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACLO,OAAOE,oBAAoB,UAAWT,EAAY,CACnD,GACA,IAAIF,GACT"}

package/utils/utilities.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utilities.js","sources":["../../src/utils/utilities.ts"],"sourcesContent":["import { createElement, JSX } from 'react';\n\n/*\n This method is needed if we need to trunc text inside an HTML element.\n * We get all the nodes inside of it and trunc its content accordingly.\n * @param text\n * @param maxChar\n */\nfunction handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element \| string {\n const isHtml = RegExp.prototype.test.bind(/(<([^>]+)>)/i);\n if (isHtml(text)) {\n const parser = new DOMParser();\n const docChildren = parser.parseFromString(text, 'text/html').body;\n const editNodes = (\n nodeList: NodeListOf<ChildNode>,\n idx = 0,\n remainingCharacters = maxChar,\n ): NodeListOf<ChildNode> => {\n const node = nodeList.item(idx);\n if (node !== null) {\n if (remainingCharacters <= 0) {\n return nodeList;\n }\n node.textContent = handleMaxChars(node.textContent, remainingCharacters);\n\n return editNodes(nodeList, idx + 1, remainingCharacters - node.textContent.length);\n } else return nodeList;\n };\n\n editNodes(docChildren.childNodes.item(0).childNodes);\n\n return createElement('div', {\n dangerouslySetInnerHTML: {\n __html: docChildren.innerHTML.toString(),\n },\n });\n }\n\n return handleMaxChars(text, maxChar);\n}\n\nfunction handleMaxChars(text: string, maxChar: number) {\n return text.length > maxChar ? `${text.substring(0, maxChar)}...` : text;\n}\n\nfunction opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown) {\n switch (property) {\n case 'opacity25':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;\n case 'opacity50':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;\n case 'opacity75':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;\n default:\n return '';\n }\n}\nfunction opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown) {\n switch (property) {\n case 'opacity25':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;\n case 'opacity50':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;\n case 'opacity75':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;\n default:\n return '';\n }\n}\nexport { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };\n\nexport const ternaryCondition = (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown): string => {\n if (props === value) {\n return trueValue as string;\n } else {\n return falseValue as string;\n }\n};\n"],"names":["handleMaxCharsInHTML","text","maxChar","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","handleMaxChars","length","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","substring","opacityLayerSwitchLightStatement","property","returnProps","opacityLayerSwitchDarkStatement","ternaryCondition","props","value","trueValue","falseValue"],"mappings":"sCAQA,SAASA,EAAqBC,EAAcC,GAE1C,GADeC,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAON,GAAO,CAChB,MACMO,GADS,IAAIC,WACQC,gBAAgBT,EAAM,aAAaU,KACxDC,EAAY,CAChBC,EACAC,EAAM,EACNC,EAAsBb,KAEtB,MAAMc,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACED,GAAuB,EAClBF,GAETG,EAAKE,YAAcC,EAAeH,EAAKE,YAAaH,GAE7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYE,SAC/DP,CAAQ,EAKxB,OAFAD,EAAUJ,EAAYa,WAAWJ,KAAK,GAAGI,YAElCC,EAAc,MAAO,CAC1BC,wBAAyB,CACvBC,OAAQhB,EAAYiB,UAAUC,~~cAKpC~~,OAAOP,EAAelB,EAAMC,EAC9B,CAEA,SAASiB,EAAelB,EAAcC,GACpC,OAAOD,EAAKmB,OAASlB,EAAU,GAAGD,EAAK0B,UAAU,EAAGzB,QAAgBD,CACtE,CAEA,SAAS2B,EAAiCC,EAAmBC,GAC3D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,iGACZ,IAAK,YACH,MAAO,GAAGA,gGACZ,IAAK,YACH,MAAO,GAAGA,iGACZ,QACE,MAAO,GAEb,CACA,SAASC,EAAgCF,EAAmBC,GAC1D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,qFACZ,IAAK,YACH,MAAO,GAAGA,oFACZ,IAAK,YACH,MAAO,GAAGA,qFACZ,QACE,MAAO,GAEb,CAGO,MAAME,EAAmB,CAACC,EAAgBC,EAAgBC,EAAoBC,IAC/EH,IAAUC,EACLC,EAEAC"}
1	+ {"version":3,"file":"utilities.js","sources":["../../src/utils/utilities.ts"],"sourcesContent":["import { createElement, JSX } from 'react';\n\n/*\n This method is needed if we need to trunc text inside an HTML element.\n * We get all the nodes inside of it and trunc its content accordingly.\n * @param text\n * @param maxChar\n */\nfunction handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element \| string {\n const isHtml = RegExp.prototype.test.bind(/(<([^>]+)>)/i);\n if (isHtml(text)) {\n const parser = new DOMParser();\n const docChildren = parser.parseFromString(text, 'text/html').body;\n const editNodes = (\n nodeList: NodeListOf<ChildNode>,\n idx = 0,\n remainingCharacters = maxChar,\n ): NodeListOf<ChildNode> => {\n const node = nodeList.item(idx);\n if (node !== null) {\n if (remainingCharacters <= 0) {\n return nodeList;\n }\n node.textContent = handleMaxChars(node.textContent, remainingCharacters);\n\n return editNodes(nodeList, idx + 1, remainingCharacters - node.textContent.length);\n } else return nodeList;\n };\n\n editNodes(docChildren.childNodes.item(0).childNodes);\n\n return createElement('div', {\n dangerouslySetInnerHTML: {\n __html: docChildren.innerHTML.toString(),\n },\n });\n }\n\n return handleMaxChars(text, maxChar);\n}\n\nfunction handleMaxChars(text: string, maxChar: number) {\n return text.length > maxChar ? `${text.substring(0, maxChar)}...` : text;\n}\n\nfunction opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown) {\n switch (property) {\n case 'opacity25':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;\n case 'opacity50':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;\n case 'opacity75':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;\n default:\n return '';\n }\n}\nfunction opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown) {\n switch (property) {\n case 'opacity25':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;\n case 'opacity50':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;\n case 'opacity75':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;\n default:\n return '';\n }\n}\nexport { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };\n\nexport const ternaryCondition = (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown): string => {\n if (props === value) {\n return trueValue as string;\n } else {\n return falseValue as string;\n }\n};\n"],"names":["handleMaxCharsInHTML","text","maxChar","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","handleMaxChars","length","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","substring","opacityLayerSwitchLightStatement","property","returnProps","opacityLayerSwitchDarkStatement","ternaryCondition","props","value","trueValue","falseValue"],"mappings":"sCAQA,SAASA,EAAqBC,EAAcC,GAE1C,GADeC,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAON,GAAO,CAChB,MACMO,GADS,IAAIC,WACQC,gBAAgBT,EAAM,aAAaU,KACxDC,EAAY,CAChBC,EACAC,EAAM,EACNC,EAAsBb,KAEtB,MAAMc,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACED,GAAuB,EAClBF,GAETG,EAAKE,YAAcC,EAAeH,EAAKE,YAAaH,GAE7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYE,SAC/DP,CAAQ,EAKxB,OAFAD,EAAUJ,EAAYa,WAAWJ,KAAK,GAAGI,YAElCC,EAAc,MAAO,CAC1BC,wBAAyB,CACvBC,OAAQhB,EAAYiB,UAAUC,aAGpC,CAEA,OAAOP,EAAelB,EAAMC,EAC9B,CAEA,SAASiB,EAAelB,EAAcC,GACpC,OAAOD,EAAKmB,OAASlB,EAAU,GAAGD,EAAK0B,UAAU,EAAGzB,QAAgBD,CACtE,CAEA,SAAS2B,EAAiCC,EAAmBC,GAC3D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,iGACZ,IAAK,YACH,MAAO,GAAGA,gGACZ,IAAK,YACH,MAAO,GAAGA,iGACZ,QACE,MAAO,GAEb,CACA,SAASC,EAAgCF,EAAmBC,GAC1D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,qFACZ,IAAK,YACH,MAAO,GAAGA,oFACZ,IAAK,YACH,MAAO,GAAGA,qFACZ,QACE,MAAO,GAEb,CAGO,MAAME,EAAmB,CAACC,EAAgBC,EAAgBC,EAAoBC,IAC/EH,IAAUC,EACLC,EAEAC"}

package/cjs/components/icon/icon.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"icon.js","sources":["../../../../../src/components/icon/icon.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { SvgIconProps } from '@mui/material';\nimport { IconNameProp, iconDefinitions } from './icon.definitions';\n\n/**\n * @interface IconProps\n * @description Base definition of SkodaFlow Icon\n */\nexport interface IconProps extends SvgIconProps {\n /**\n * Name of the icon that should be used. Alternatively, provide name in the className property\n */\n name?: IconNameProp;\n /**\n * Style of vectors, regular (stroke) or filled format\n * @default 'regular'\n */\n iconStyle?: 'regular' | 'filled';\n}\n\n/**\n * @description SkodaFlow Icon component.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon: React.FC<IconProps> = forwardRef(({ name, className, iconStyle, ...rest }, ref) => {\n // obtain SvgIcon component to be rendered\n const IconComponent = useMemo(() => {\n const definition =\n // try to find by name\n (name && iconDefinitions.find((def) => [def.name, ...def.altNames].includes(name))) ||\n // try to find by className\n (className &&\n iconDefinitions.find((def) => className.split(' ').some((cls) => [def.name, ...def.altNames].includes(cls)))) ||\n // fallback\n iconDefinitions.find((item) => item.name === 'circle-question');\n return iconStyle === 'filled' ? definition.componentFilled : definition.component;\n }, [name, className, iconStyle]);\n\n return (\n <IconComponent\n ref={ref}\n data-testid=\"Icon\"\n className={['sa-i', className, name].filter(Boolean).join(' ')}\n {...rest}\n />\n );\n});\n"],"names":["Icon","forwardRef","_a","ref","name","className","iconStyle","rest","__rest","IconComponent","useMemo","definition","iconDefinitions","find","def","altNames","includes","split","some","cls","item","componentFilled","component","_jsx","jsx","Object","assign","filter","Boolean","join"],"mappings":"yHAyBa,MAAAA,EAA4BC,EAAUA,YAAC,CAACC,EAAyCC,SAAzCC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,KAAcC,EAAjCC,EAAAA,OAAAN,EAAA,CAAA,OAAA,YAAA,cAEnD,MAAMO,EAAgBC,EAAAA,SAAQ,KAC5B,MAAMC,EAEHP,GAAQQ,EAAeA,gBAACC,MAAMC,GAAQ,CAACA,EAAIV,QAASU,EAAIC,UAAUC,SAASZ,MAE3EC,GACCO,kBAAgBC,MAAMC,GAAQT,EAAUY,MAAM,KAAKC,MAAMC,GAAQ,CAACL,EAAIV,QAASU,EAAIC,UAAUC,SAASG,QAExGP,EAAeA,gBAACC,MAAMO,GAAuB,oBAAdA,EAAKhB,OACtC,MAAqB,WAAdE,EAAyBK,EAAWU,gBAAkBV,EAAWW,SAAS,GAChF,CAAClB,EAAMC,EAAWC,IAErB,OACEiB,EAAAC,IAACf,EAAagB,OAAAC,OAAA,CACZvB,IAAKA,EACO,cAAA,OACZE,UAAW,CAAC,OAAQA,EAAWD,GAAMuB,OAAOC,SAASC,KAAK,MACtDtB,GACJ"}

package/cjs/materialui/theme/theme.typography.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"theme.typography.js","sources":["../../../../../src/materialui/theme/theme.typography.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { TypographyOptions } from '@mui/material/styles/createTypography';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' | 'medium' | 'large';\n\n/**\n * Obtain style for element for the certain size\n */\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n const screen = size ?? 'small';\n const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n if (typo)\n return {\n ...typo['style'],\n // replace font for rtl variant\n ...(rtl\n ? {\n fontFamily: 'SKODA Next R2L',\n }\n : {}),\n } as CSSProperties;\n else return null;\n};\n\n/**\n * Generate responsive typography style with the media queries\n */\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n\n return {\n ...getTypography(element, rtl, 'small'),\n [breakpoints.up('md')]: {\n ...getTypography(element, rtl, 'medium'),\n },\n [breakpoints.up('xl')]: {\n ...getTypography(element, rtl, 'large'),\n },\n };\n};\n\n/**\n * Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean): TypographyOptions => {\n const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n return {\n fontFamily: [`SKODA Next${rtl ? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','),\n body: bodyTypo,\n ...Object.fromEntries(\n [\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'list',\n 'disclaimer',\n 'disclaimer1',\n 'disclaimer2',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n ),\n // original @mui properties\n body1: bodyTypo,\n body2: bodyTypo,\n h5: generateTypography('subheadline', breakpointsOptions, rtl),\n h6: generateTypography('caption1', breakpointsOptions, rtl),\n caption: generateTypography('caption2', breakpointsOptions, rtl),\n overline: generateTypography('caption1', breakpointsOptions, rtl),\n // button, later this definition should come from @skodaflow/web-tokens\n button: {\n fontFamily: rtl ? 'SKODA Next R2L' : 'SKODA Next',\n letterSpacing: '0.75px',\n textTransform: 'none',\n textDecoration: 'none',\n fontSize: '16px',\n fontWeight: '700',\n lineHeight: '16px',\n },\n };\n};\n"],"names":["getTypography","element","rtl","size","screen","typo","tokens","default","find","el","name","Object","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","assign","up","bodyTypo","join","body","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"uJAUa,MAAAA,EAAgB,CAACC,EAAiBC,EAAcC,KAC3D,MAAMC,EAASD,QAAAA,EAAQ,QACjBE,EAAOC,EAAMC,QAAC,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGN,KAAUH,MAC7E,OAAII,EACKM,+BACFN,EAAY,OAEXH,EACA,CACEU,WAAY,kBAEd,IAEI,IAAI,EAMLC,EAAqB,CAACZ,EAAiBa,EAAwCZ,KAC1F,MAAMa,EAAcC,EAAiBA,kBAACF,GAEtC,OACKH,OAAAM,OAAAN,OAAAM,OAAA,CAAA,EAAAjB,EAAcC,EAASC,EAAK,UAC/B,CAAA,CAACa,EAAYG,GAAG,OACXP,OAAAM,OAAA,CAAA,EAAAjB,EAAcC,EAASC,EAAK,WAEjC,CAACa,EAAYG,GAAG,OACXP,OAAAM,OAAA,CAAA,EAAAjB,EAAcC,EAASC,EAAK,WAEjC,oFAMgC,CAACY,EAAwCZ,KAC3E,MAAMiB,EAAWN,EAAmB,OAAQC,EAAoBZ,GAEhE,OAAAS,OAAAM,OAAAN,OAAAM,OAAA,CACEL,WAAY,CAAC,cAAaV,EAAM,OAAS,IAAM,aAAc,SAASkB,KAAK,KAC3EC,KAAMF,GACHR,OAAOW,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,KAAKtB,GAAY,CAACA,EAASY,EAAmBZ,EAASa,EAAoBZ,QAC9E,CAEDsB,MAAOL,EACPM,MAAON,EACPO,GAAIb,EAAmB,cAAeC,EAAoBZ,GAC1DyB,GAAId,EAAmB,WAAYC,EAAoBZ,GACvD0B,QAASf,EAAmB,WAAYC,EAAoBZ,GAC5D2B,SAAUhB,EAAmB,WAAYC,EAAoBZ,GAE7D4B,OAAQ,CACNlB,WAAYV,EAAM,iBAAmB,aACrC6B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY,SAEd"}

package/components/icon/icon.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { SvgIconProps } from '@mui/material';\nimport { IconNameProp, iconDefinitions } from './icon.definitions';\n\n/**\n * @interface IconProps\n * @description Base definition of SkodaFlow Icon\n */\nexport interface IconProps extends SvgIconProps {\n /**\n * Name of the icon that should be used. Alternatively, provide name in the className property\n */\n name?: IconNameProp;\n /**\n * Style of vectors, regular (stroke) or filled format\n * @default 'regular'\n */\n iconStyle?: 'regular' | 'filled';\n}\n\n/**\n * @description SkodaFlow Icon component.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon: React.FC<IconProps> = forwardRef(({ name, className, iconStyle, ...rest }, ref) => {\n // obtain SvgIcon component to be rendered\n const IconComponent = useMemo(() => {\n const definition =\n // try to find by name\n (name && iconDefinitions.find((def) => [def.name, ...def.altNames].includes(name))) ||\n // try to find by className\n (className &&\n iconDefinitions.find((def) => className.split(' ').some((cls) => [def.name, ...def.altNames].includes(cls)))) ||\n // fallback\n iconDefinitions.find((item) => item.name === 'circle-question');\n return iconStyle === 'filled' ? definition.componentFilled : definition.component;\n }, [name, className, iconStyle]);\n\n return (\n <IconComponent\n ref={ref}\n data-testid=\"Icon\"\n className={['sa-i', className, name].filter(Boolean).join(' ')}\n {...rest}\n />\n );\n});\n"],"names":["Icon","forwardRef","_a","ref","name","className","iconStyle","rest","__rest","IconComponent","useMemo","definition","iconDefinitions","find","def","altNames","includes","split","some","cls","item","componentFilled","component","_jsx","Object","assign","filter","Boolean","join"],"mappings":"+KAyBa,MAAAA,EAA4BC,GAAW,CAACC,EAAyCC,SAAzCC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,KAAcC,EAAjCC,EAAAN,EAAA,CAAA,OAAA,YAAA,cAEnD,MAAMO,EAAgBC,GAAQ,KAC5B,MAAMC,EAEHP,GAAQQ,EAAgBC,MAAMC,GAAQ,CAACA,EAAIV,QAASU,EAAIC,UAAUC,SAASZ,MAE3EC,GACCO,EAAgBC,MAAMC,GAAQT,EAAUY,MAAM,KAAKC,MAAMC,GAAQ,CAACL,EAAIV,QAASU,EAAIC,UAAUC,SAASG,QAExGP,EAAgBC,MAAMO,GAAuB,oBAAdA,EAAKhB,OACtC,MAAqB,WAAdE,EAAyBK,EAAWU,gBAAkBV,EAAWW,SAAS,GAChF,CAAClB,EAAMC,EAAWC,IAErB,OACEiB,EAACd,EAAae,OAAAC,OAAA,CACZtB,IAAKA,EACO,cAAA,OACZE,UAAW,CAAC,OAAQA,EAAWD,GAAMsB,OAAOC,SAASC,KAAK,MACtDrB,GACJ"}

package/materialui/theme/theme.typography.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"theme.typography.js","sources":["../../../src/materialui/theme/theme.typography.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { TypographyOptions } from '@mui/material/styles/createTypography';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' | 'medium' | 'large';\n\n/**\n * Obtain style for element for the certain size\n */\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n const screen = size ?? 'small';\n const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n if (typo)\n return {\n ...typo['style'],\n // replace font for rtl variant\n ...(rtl\n ? {\n fontFamily: 'SKODA Next R2L',\n }\n : {}),\n } as CSSProperties;\n else return null;\n};\n\n/**\n * Generate responsive typography style with the media queries\n */\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n\n return {\n ...getTypography(element, rtl, 'small'),\n [breakpoints.up('md')]: {\n ...getTypography(element, rtl, 'medium'),\n },\n [breakpoints.up('xl')]: {\n ...getTypography(element, rtl, 'large'),\n },\n };\n};\n\n/**\n * Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean): TypographyOptions => {\n const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n return {\n fontFamily: [`SKODA Next${rtl ? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','),\n body: bodyTypo,\n ...Object.fromEntries(\n [\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'list',\n 'disclaimer',\n 'disclaimer1',\n 'disclaimer2',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n ),\n // original @mui properties\n body1: bodyTypo,\n body2: bodyTypo,\n h5: generateTypography('subheadline', breakpointsOptions, rtl),\n h6: generateTypography('caption1', breakpointsOptions, rtl),\n caption: generateTypography('caption2', breakpointsOptions, rtl),\n overline: generateTypography('caption1', breakpointsOptions, rtl),\n // button, later this definition should come from @skodaflow/web-tokens\n button: {\n fontFamily: rtl ? 'SKODA Next R2L' : 'SKODA Next',\n letterSpacing: '0.75px',\n textTransform: 'none',\n textDecoration: 'none',\n fontSize: '16px',\n fontWeight: '700',\n lineHeight: '16px',\n },\n };\n};\n"],"names":["getTypography","element","rtl","size","screen","typo","tokens","find","el","name","Object","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","assign","up","getTypographyOptions","bodyTypo","join","body","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"qGAUa,MAAAA,EAAgB,CAACC,EAAiBC,EAAcC,KAC3D,MAAMC,EAASD,QAAAA,EAAQ,QACjBE,EAAOC,EAAO,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAUH,MAC7E,OAAII,EACKK,+BACFL,EAAY,OAEXH,EACA,CACES,WAAY,kBAEd,IAEI,IAAI,EAMLC,EAAqB,CAACX,EAAiBY,EAAwCX,KAC1F,MAAMY,EAAcC,EAAkBF,GAEtC,OACKH,OAAAM,OAAAN,OAAAM,OAAA,CAAA,EAAAhB,EAAcC,EAASC,EAAK,UAC/B,CAAA,CAACY,EAAYG,GAAG,OACXP,OAAAM,OAAA,CAAA,EAAAhB,EAAcC,EAASC,EAAK,WAEjC,CAACY,EAAYG,GAAG,OACXP,OAAAM,OAAA,CAAA,EAAAhB,EAAcC,EAASC,EAAK,WAEjC,EAMSgB,EAAuB,CAACL,EAAwCX,KAC3E,MAAMiB,EAAWP,EAAmB,OAAQC,EAAoBX,GAEhE,OAAAQ,OAAAM,OAAAN,OAAAM,OAAA,CACEL,WAAY,CAAC,cAAaT,EAAM,OAAS,IAAM,aAAc,SAASkB,KAAK,KAC3EC,KAAMF,GACHT,OAAOY,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,KAAKtB,GAAY,CAACA,EAASW,EAAmBX,EAASY,EAAoBX,QAC9E,CAEDsB,MAAOL,EACPM,MAAON,EACPO,GAAId,EAAmB,cAAeC,EAAoBX,GAC1DyB,GAAIf,EAAmB,WAAYC,EAAoBX,GACvD0B,QAAShB,EAAmB,WAAYC,EAAoBX,GAC5D2B,SAAUjB,EAAmB,WAAYC,EAAoBX,GAE7D4B,OAAQ,CACNnB,WAAYT,EAAM,iBAAmB,aACrC6B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY,SAEd"}

/package/cjs/materialui/{theme/theme.typography.d.ts → typography/typography.theme.d.ts} RENAMED Viewed

File without changes

/package/materialui/{theme/theme.typography.d.ts → typography/typography.theme.d.ts} RENAMED Viewed

File without changes