@skodaflow/web-library 7.14.0 → 7.15.1

package/cjs/components/selectInput/selectInput.js

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

package/cjs/components/selectInput/selectInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectInput.js","sources":["../../../../../src/components/selectInput/selectInput.tsx"],"sourcesContent":["import { FC, useRef, useState } from 'react';\nimport { FormControlSelectStyled } from './formControlSelectStyled';\nimport { Icon, IconNameProp } from '../icon';\nimport { useSelectInput } from './hook/useSelectInput';\nimport InputLabelSelect from './inputLabelSelect';\nimport {\n  FormHelperText,\n  Select as MuiSelect,\n  SelectProps as MuiSelectProps,\n  SelectChangeEvent,\n  styled,\n} from '@mui/material';\nimport HelperText from '../common/helperText';\n\n/**\n * @interface SelectInputProps\n * @description Base definition of SkodaFlow SelectInput independent on core implementation.\n */\nexport interface SelectInputProps {\n  /**\n   * The label referenced to the text input field\n   */\n  label?: string;\n  /**\n   * The label referenced to the text input field\n   */\n  staticLabel?: boolean;\n\n  /**\n   * Show the \"white\" background or nnot\n   */\n  hideBg?: boolean;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  value?: string;\n  /**\n   * Disabled, not clickable button\n   */\n  disabled?: boolean;\n\n  /**\n   * If TextField required field in form\n   */\n  required?: boolean;\n\n  /**\n   * The value of the helper text\n   */\n  helpText?: string;\n\n  /**\n   * Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n   */\n  icon?: IconNameProp;\n\n  /**\n   *Boolean to check if the input returns an error or not\n   */\n  hasError?: boolean;\n\n  /**\n   *name of the input element\n   */\n  name?: string;\n\n  /**\n   *id of the input element\n   */\n  id?: string;\n\n  /**\n   *classes for FormControl component\n   */\n  classes?: unknown;\n\n  /**\n   *Props for the Input element\n   */\n  InputProps?: any;\n\n  /**\n   * Child element of the component.\n   */\n  children?: any;\n\n  /**\n   *set the full width for the select input\n   */\n  fullWidth?: boolean;\n\n  /**\n   * If true, the select menu items would not be trimmed by max width.\n   */\n  removeSelectMenuMaxWidth?: boolean;\n\n  /**\n   * @description Triggered when element is changed.\n   * @param e React original event object\n   * @param value Current changed value\n   */\n  onChange?: (event: SelectChangeEvent<string>) => void;\n\n  onBlur?: () => void;\n\n  onFocus?: () => void;\n}\n\n/**\n * @description SkodaFlow SelectInput component.\n * Properties are inherited from HTML input element.\n * @param props SelectInputProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Select component from @mui/material instead.\n */\n\nexport const SelectInput: FC<SelectInputProps> = ({\n  label = null,\n  onChange,\n  onBlur,\n  onFocus,\n  value,\n  children,\n  staticLabel,\n  InputProps,\n  fullWidth = true,\n  removeSelectMenuMaxWidth,\n  ...props\n}) => {\n  const [currentValue, setCurrentValue] = useState('');\n  const [isFocused, setIsFocused] = useState(false);\n  const [hovered, setHovered] = useState(false);\n  const [isRequired, setIsRequired] = useState(false);\n  const [opened, setOpened] = useState(false);\n  const [inputWidth, setInputWidth] = useState(null);\n\n  const { handleOnBlur, handleOnChange, handleOnFocus } = useSelectInput(\n    isFocused,\n    () => {},\n    () => {},\n    fullWidth,\n    props.helpText,\n    value,\n    setCurrentValue,\n    props.required,\n    setIsRequired,\n  );\n\n  const inputRef = useRef(null);\n  const formControlSelectRef = useRef(null);\n\n  const menuProps = {\n    sx: inputWidth\n      ? {\n          maxWidth: removeSelectMenuMaxWidth ? 'unset' : inputWidth,\n          '& .MuiBackdrop-root': {\n            background: 'transparent',\n            backdropFilter: 'blur(0px)',\n          },\n        }\n      : {\n          '& .MuiBackdrop-root': {\n            background: 'transparent',\n            backdropFilter: 'blur(0px)',\n          },\n        },\n  };\n\n  return (\n    <>\n      <FormControlSelectStyled\n        {...props}\n        ref={formControlSelectRef}\n        staticLabel={staticLabel}\n        sx={!fullWidth ? { width: '200px' } : {}}\n        disabled={props.disabled}\n        error={props.hasError}\n        value={currentValue}\n        hideBg={props.hideBg}\n        onMouseEnter={() => {\n          !hovered && !opened && setHovered(true);\n        }}\n        onMouseLeave={() => {\n          hovered && !opened && setHovered(false);\n        }}\n        onMouseDown={(e) => {\n          const elemWidth = e.currentTarget.offsetWidth;\n          setInputWidth(elemWidth);\n        }}\n        icon={props.icon}\n        hovered={hovered}\n        focused={isFocused}\n        variant=\"filled\"\n        fullWidth={fullWidth}\n      >\n        {props.icon && <Icon color={props.disabled ? 'disabled' : 'inherit'} name={props.icon} />}\n        <InputLabelSelect staticLabel={staticLabel} label={label} opened={opened} currentValue={currentValue} />\n        <SelectInputStyled\n          variant=\"filled\"\n          MenuProps={menuProps}\n          required={isRequired}\n          onOpen={() => {\n            setOpened(true);\n          }}\n          onClose={() => {\n            setIsFocused(false);\n            setHovered(false);\n            setOpened(false);\n          }}\n          onBlur={() => handleOnBlur(setIsFocused, onBlur)}\n          onFocus={() => handleOnFocus(setIsFocused, onFocus)}\n          IconComponent={() => (opened ? <Icon name=\"chevron-up\" /> : <Icon name=\"chevron-down\" />)}\n          labelId={label}\n          id={props.id}\n          name={props.name}\n          value={currentValue}\n          onChange={(e) => handleOnChange(e, onChange, setCurrentValue)}\n          ref={inputRef}\n          hasIcon={!!props.icon}\n          fullWidth={fullWidth}\n        >\n          {children}\n        </SelectInputStyled>\n        <FormHelperText>\n          <HelperText maxChars={0} currentValue={currentValue} helpText={props.helpText} />\n        </FormHelperText>\n      </FormControlSelectStyled>\n    </>\n  );\n};\n/**\n * @description Button styling defintion based on props\n */\nconst SelectInputStyled = styled(MuiSelect, {\n  shouldForwardProp: (prop) => prop !== 'hasIcon' && prop !== 'fullWidth',\n})<MuiSelectProps & { hasIcon?: boolean; fullWidth?: boolean }>(({ theme, ...args }) => {\n  if (!args.fullWidth) return null;\n\n  const width = args.hasIcon ? 'calc(100% - 102px) !important' : 'calc(100% - 62px) !important';\n  return {\n    '& > .MuiSelect-filled': {\n      position: 'absolute',\n      left: 0,\n      top: 0,\n      width: width,\n    },\n  };\n});\n"],"names":["SelectInputStyled","styled","MuiSelect","shouldForwardProp","prop","_a","theme","args","__rest","fullWidth","position","left","top","width","hasIcon","label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","removeSelectMenuMaxWidth","props","currentValue","setCurrentValue","useState","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","opened","setOpened","inputWidth","setInputWidth","handleOnBlur","handleOnChange","handleOnFocus","useSelectInput","helpText","required","inputRef","useRef","formControlSelectRef","menuProps","sx","maxWidth","background","backdropFilter","_jsx","_Fragment","_jsxs","jsxs","FormControlSelectStyled","Object","assign","ref","disabled","error","hasError","hideBg","onMouseEnter","onMouseLeave","onMouseDown","e","elemWidth","currentTarget","offsetWidth","icon","focused","variant","Icon","color","name","InputLabelSelect","jsx","MenuProps","onOpen","onClose","IconComponent","labelId","id","FormHelperText","HelperText","default","maxChars"],"mappings":"iVAqHa,MAqHPA,EAAoBC,EAAMA,OAACC,SAAW,CAC1CC,kBAAoBC,GAAkB,YAATA,GAA+B,cAATA,GAD3BH,EAEuCI,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,EAAhB,WAC/D,IAAKE,EAAKE,UAAW,OAAO,KAG5B,MAAO,CACL,wBAAyB,CACvBC,SAAU,WACVC,KAAM,EACNC,IAAK,EACLC,MANUN,EAAKO,QAAU,gCAAkC,gCAQ9D,wBAlI+CT,IAAA,IAAAU,MAChDA,EAAQ,KAAIC,SACZA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,YACRA,EAAWC,WACXA,EAAUb,UACVA,GAAY,EAAIc,yBAChBA,GAAwBlB,EACrBmB,EAX6ChB,EAAAA,OAAAH,EAAA,CAAA,QAAA,WAAA,SAAA,UAAA,QAAA,WAAA,cAAA,aAAA,YAAA,6BAahD,MAAOoB,EAAcC,GAAmBC,EAAAA,SAAS,KAC1CC,EAAWC,GAAgBF,EAAAA,UAAS,IACpCG,EAASC,GAAcJ,EAAAA,UAAS,IAChCK,EAAYC,GAAiBN,EAAAA,UAAS,IACtCO,EAAQC,GAAaR,EAAAA,UAAS,IAC9BS,EAAYC,GAAiBV,EAAAA,SAAS,OAEvCW,aAAEA,EAAYC,eAAEA,EAAcC,cAAEA,GAAkBC,iBACtDb,GACA,SACA,QACAnB,EACAe,EAAMkB,SACNvB,EACAO,EACAF,EAAMmB,SACNV,GAGIW,EAAWC,EAAMA,OAAC,MAClBC,EAAuBD,EAAMA,OAAC,MAE9BE,EAAY,CAChBC,GAAIZ,EACA,CACEa,SAAU1B,EAA2B,QAAUa,EAC/C,sBAAuB,CACrBc,WAAY,cACZC,eAAgB,cAGpB,CACE,sBAAuB,CACrBD,WAAY,cACZC,eAAgB,eAK1B,OACEC,EAAAA,IACEC,EAAAA,SAAA,CAAAjC,SAAAkC,EAAAC,KAACC,EAAuBA,wBAAAC,OAAAC,OAAA,CAAA,EAClBlC,EAAK,CACTmC,IAAKb,EACLzB,YAAaA,EACb2B,GAAKvC,EAAiC,CAAA,EAArB,CAAEI,MAAO,SAC1B+C,SAAUpC,EAAMoC,SAChBC,MAAOrC,EAAMsC,SACb3C,MAAOM,EACPsC,OAAQvC,EAAMuC,OACdC,aAAc,MACXlC,IAAYI,GAAUH,GAAW,EAAK,EAEzCkC,aAAc,KACZnC,IAAYI,GAAUH,GAAW,EAAM,EAEzCmC,YAAcC,IACZ,MAAMC,EAAYD,EAAEE,cAAcC,YAClCjC,EAAc+B,EAAU,EAE1BG,KAAM/C,EAAM+C,KACZzC,QAASA,EACT0C,QAAS5C,EACT6C,QAAQ,SACRhE,UAAWA,EAASW,SAAA,CAEnBI,EAAM+C,MAAQnB,EAAAA,IAACsB,EAAIA,MAACC,MAAOnD,EAAMoC,SAAW,WAAa,UAAWgB,KAAMpD,EAAM+C,OACjFnB,MAACyB,EAAAA,QAAiB,CAAAxD,YAAaA,EAAaN,MAAOA,EAAOmB,OAAQA,EAAQT,aAAcA,IACxF2B,EAAC0B,IAAA9E,GACCyE,QAAQ,SACRM,UAAWhC,EACXJ,SAAUX,EACVgD,OAAQ,KACN7C,GAAU,EAAK,EAEjB8C,QAAS,KACPpD,GAAa,GACbE,GAAW,GACXI,GAAU,EAAM,EAElBlB,OAAQ,IAAMqB,EAAaT,EAAcZ,GACzCC,QAAS,IAAMsB,EAAcX,EAAcX,GAC3CgE,cAAe,IAAOhD,EAASkB,EAAA0B,IAACJ,EAAIA,KAAA,CAACE,KAAK,eAAkBxB,EAAA0B,IAACJ,OAAK,CAAAE,KAAK,iBACvEO,QAASpE,EACTqE,GAAI5D,EAAM4D,GACVR,KAAMpD,EAAMoD,KACZzD,MAAOM,EACPT,SAAWmD,GAAM5B,EAAe4B,EAAGnD,EAAUU,GAC7CiC,IAAKf,EACL9B,UAAWU,EAAM+C,KACjB9D,UAAWA,EAASW,SAEnBA,IAEHgC,EAAA0B,IAACO,EAAcA,eAAA,CAAAjE,SACbgC,EAAC0B,IAAAQ,EAAUC,SAACC,SAAU,EAAG/D,aAAcA,EAAciB,SAAUlB,EAAMkB,kBAGxE"}
+{"version":3,"file":"selectInput.js","sources":["../../../../../src/components/selectInput/selectInput.tsx"],"sourcesContent":["import { FC, useRef, useState } from 'react';\nimport { FormControlSelectStyled } from './formControlSelectStyled';\nimport { Icon, IconNameProp } from '../icon';\nimport { useSelectInput } from './hook/useSelectInput';\nimport InputLabelSelect from './inputLabelSelect';\nimport {\n  FormHelperText,\n  Select as MuiSelect,\n  SelectProps as MuiSelectProps,\n  SelectChangeEvent,\n  styled,\n} from '@mui/material';\nimport HelperText from '../common/helperText';\n\n/**\n * @interface SelectInputProps\n * @description Base definition of SkodaFlow SelectInput independent on core implementation.\n */\nexport interface SelectInputProps {\n  /**\n   * The label referenced to the text input field\n   */\n  label?: string;\n  /**\n   * The label referenced to the text input field\n   */\n  staticLabel?: boolean;\n\n  /**\n   * Show the \"white\" background or nnot\n   */\n  hideBg?: boolean;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  value?: string;\n  /**\n   * Disabled, not clickable button\n   */\n  disabled?: boolean;\n\n  /**\n   * If TextField required field in form\n   */\n  required?: boolean;\n\n  /**\n   * The value of the helper text\n   */\n  helpText?: string;\n\n  /**\n   * Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n   */\n  icon?: IconNameProp;\n\n  /**\n   *Boolean to check if the input returns an error or not\n   */\n  hasError?: boolean;\n\n  /**\n   *name of the input element\n   */\n  name?: string;\n\n  /**\n   *id of the input element\n   */\n  id?: string;\n\n  /**\n   *classes for FormControl component\n   */\n  classes?: unknown;\n\n  /**\n   *Props for the Input element\n   */\n  InputProps?: any;\n\n  /**\n   * Child element of the component.\n   */\n  children?: any;\n\n  /**\n   *set the full width for the select input\n   */\n  fullWidth?: boolean;\n\n  /**\n   * If true, the select menu items would not be trimmed by max width.\n   */\n  removeSelectMenuMaxWidth?: boolean;\n\n  /**\n   * @description Triggered when element is changed.\n   * @param e React original event object\n   * @param value Current changed value\n   */\n  onChange?: (event: SelectChangeEvent<string>) => void;\n\n  onBlur?: () => void;\n\n  onFocus?: () => void;\n}\n\n/**\n * @description SkodaFlow SelectInput component.\n * Properties are inherited from HTML input element.\n * @param props SelectInputProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Select component from @mui/material instead.\n */\n\nexport const SelectInput: FC<SelectInputProps> = ({\n  label = null,\n  onChange,\n  onBlur,\n  onFocus,\n  value,\n  children,\n  staticLabel,\n  InputProps,\n  fullWidth = true,\n  removeSelectMenuMaxWidth,\n  ...props\n}) => {\n  const [currentValue, setCurrentValue] = useState('');\n  const [isFocused, setIsFocused] = useState(false);\n  const [hovered, setHovered] = useState(false);\n  const [isRequired, setIsRequired] = useState(false);\n  const [opened, setOpened] = useState(false);\n  const [inputWidth, setInputWidth] = useState(null);\n\n  const { handleOnBlur, handleOnChange, handleOnFocus } = useSelectInput(\n    isFocused,\n    () => {},\n    () => {},\n    fullWidth,\n    props.helpText,\n    value,\n    setCurrentValue,\n    props.required,\n    setIsRequired,\n  );\n\n  const inputRef = useRef(null);\n  const formControlSelectRef = useRef(null);\n\n  const menuProps = {\n    sx: inputWidth\n      ? {\n          maxWidth: removeSelectMenuMaxWidth ? 'unset' : inputWidth,\n          '& .MuiBackdrop-root': {\n            background: 'transparent',\n            backdropFilter: 'blur(0px)',\n          },\n        }\n      : {\n          '& .MuiBackdrop-root': {\n            background: 'transparent',\n            backdropFilter: 'blur(0px)',\n          },\n        },\n  };\n\n  return (\n    <>\n      <FormControlSelectStyled\n        {...props}\n        ref={formControlSelectRef}\n        staticLabel={staticLabel}\n        sx={!fullWidth ? { width: '200px' } : {}}\n        disabled={props.disabled}\n        error={props.hasError}\n        value={currentValue}\n        hideBg={props.hideBg}\n        onMouseEnter={() => {\n          !hovered && !opened && setHovered(true);\n        }}\n        onMouseLeave={() => {\n          hovered && !opened && setHovered(false);\n        }}\n        onMouseDown={(e) => {\n          const elemWidth = e.currentTarget.offsetWidth;\n          setInputWidth(elemWidth);\n        }}\n        icon={props.icon}\n        hovered={hovered}\n        focused={isFocused}\n        variant=\"filled\"\n        fullWidth={fullWidth}\n      >\n        {props.icon && <Icon color={props.disabled ? 'disabled' : 'inherit'} name={props.icon} />}\n        <InputLabelSelect staticLabel={staticLabel} label={label} opened={opened} currentValue={currentValue} />\n        <SelectInputStyled\n          variant=\"filled\"\n          MenuProps={menuProps}\n          required={isRequired}\n          onOpen={() => {\n            setOpened(true);\n          }}\n          onClose={() => {\n            setIsFocused(false);\n            setHovered(false);\n            setOpened(false);\n          }}\n          onBlur={() => handleOnBlur(setIsFocused, onBlur)}\n          onFocus={() => handleOnFocus(setIsFocused, onFocus)}\n          IconComponent={() => (opened ? <Icon name=\"chevron-up\" /> : <Icon name=\"chevron-down\" />)}\n          labelId={label}\n          id={props.id}\n          name={props.name}\n          value={currentValue}\n          onChange={(e) => handleOnChange(e, onChange, setCurrentValue)}\n          ref={inputRef}\n          hasIcon={!!props.icon}\n          fullWidth={fullWidth}\n        >\n          {children}\n        </SelectInputStyled>\n        <FormHelperText>\n          <HelperText maxChars={0} currentValue={currentValue} helpText={props.helpText} />\n        </FormHelperText>\n      </FormControlSelectStyled>\n    </>\n  );\n};\n/**\n * @description Button styling defintion based on props\n */\nconst SelectInputStyled = styled(MuiSelect, {\n  shouldForwardProp: (prop) => prop !== 'hasIcon' && prop !== 'fullWidth',\n})<MuiSelectProps & { hasIcon?: boolean; fullWidth?: boolean }>(({ theme, ...args }) => {\n  if (!args.fullWidth) return null;\n\n  const width = args.hasIcon ? 'calc(100% - 102px) !important' : 'calc(100% - 62px) !important';\n  return {\n    '& > .MuiSelect-filled': {\n      position: 'absolute',\n      left: 0,\n      top: 0,\n      width: width,\n    },\n  };\n});\n"],"names":["SelectInputStyled","styled","MuiSelect","shouldForwardProp","prop","_a","theme","args","__rest","fullWidth","position","left","top","width","hasIcon","label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","removeSelectMenuMaxWidth","props","currentValue","setCurrentValue","useState","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","opened","setOpened","inputWidth","setInputWidth","handleOnBlur","handleOnChange","handleOnFocus","useSelectInput","helpText","required","inputRef","useRef","formControlSelectRef","menuProps","sx","maxWidth","background","backdropFilter","_jsx","_Fragment","_jsxs","FormControlSelectStyled","Object","assign","ref","disabled","error","hasError","hideBg","onMouseEnter","onMouseLeave","onMouseDown","e","elemWidth","currentTarget","offsetWidth","icon","focused","variant","Icon","color","name","InputLabelSelect","MenuProps","onOpen","onClose","IconComponent","labelId","id","FormHelperText","HelperText","maxChars"],"mappings":"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"}

package/cjs/components/shortcut/shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"shortcut.js","sources":["../../../../../src/components/shortcut/shortcut.tsx"],"sourcesContent":["import { Button, ButtonProps, Box, BoxProps } from '@mui/material';\nimport React, { forwardRef, ElementType } from 'react';\n\nexport interface ShortcutProps extends Omit<ButtonProps, 'variant' | 'color'> {}\n\n/**\n * Shortcut is a proxy component to <Button variant=\"shortcut\" />\n */\nexport const Shortcut: React.FC<ShortcutProps> = forwardRef((props, ref) => {\n  return <Button {...props} ref={ref} variant=\"shortcut\" />;\n});\n\nexport interface ShortcutWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for multiple Shortcuts\n */\nexport const ShortcutWrapper: React.FC<ShortcutWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: { xs: 'column', md: 'row' },\n        alignItems: { xs: 'flex-start', md: 'center' },\n        columnGap: { xs: 2, md: 3.5, lg: 6.5 },\n        rowGap: 2,\n        ...sx,\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["Shortcut","forwardRef","props","ref","_jsx","Button","Object","assign","variant","ShortcutWrapper","_a","sx","children","rest","__rest","jsx","Box","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"iHAQa,MAAAA,EAAoCC,EAAUA,YAAC,CAACC,EAAOC,IAC3DC,MAACC,EAAAA,OAAWC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAC,IAAKA,EAAKK,QAAQ,gBAQjCC,EAAkDR,EAAUA,YAAC,CAACS,EAA2BP,SAA3BQ,GAAEA,EAAEC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAvB,mBACzE,OACEN,EAAAW,IAACC,EAAGA,IAAAV,OAAAC,OAAA,CACFI,GAAEL,OAAAC,OAAA,CACAU,QAAS,OACTC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,UAAW,CAAEH,GAAI,EAAGC,GAAI,IAAKG,GAAI,KACjCC,OAAQ,GACLb,GAELR,IAAKA,GACDU,EAAI,CAAAD,SAEPA,IACG"}
+{"version":3,"file":"shortcut.js","sources":["../../../../../src/components/shortcut/shortcut.tsx"],"sourcesContent":["import { Button, ButtonProps, Box, BoxProps } from '@mui/material';\nimport React, { forwardRef, ElementType } from 'react';\n\nexport interface ShortcutProps extends Omit<ButtonProps, 'variant' | 'color'> {}\n\n/**\n * Shortcut is a proxy component to <Button variant=\"shortcut\" />\n */\nexport const Shortcut: React.FC<ShortcutProps> = forwardRef((props, ref) => {\n  return <Button {...props} ref={ref} variant=\"shortcut\" />;\n});\n\nexport interface ShortcutWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for multiple Shortcuts\n */\nexport const ShortcutWrapper: React.FC<ShortcutWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: { xs: 'column', md: 'row' },\n        alignItems: { xs: 'flex-start', md: 'center' },\n        columnGap: { xs: 2, md: 3.5, lg: 6.5 },\n        rowGap: 2,\n        ...sx,\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["Shortcut","forwardRef","props","ref","_jsx","Button","Object","assign","variant","ShortcutWrapper","_a","sx","children","rest","__rest","Box","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"iHAQO,MAAMA,EAAoCC,EAAAA,YAAW,CAACC,EAAOC,IAC3DC,MAACC,EAAAA,OAAMC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEC,IAAKA,EAAKK,QAAQ,gBAQjCC,EAAkDR,EAAAA,YAAW,CAACS,EAA2BP,SAA3BQ,GAAEA,EAAEC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAvB,mBACzE,OACEN,EAAAA,IAACW,EAAAA,IAAGT,OAAAC,OAAA,CACFI,GAAEL,OAAAC,OAAA,CACAS,QAAS,OACTC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,UAAW,CAAEH,GAAI,EAAGC,GAAI,IAAKG,GAAI,KACjCC,OAAQ,GACLZ,GAELR,IAAKA,GACDU,EAAI,CAAAD,SAEPA,IACG"}

package/cjs/components/skodaThemeProvider/SkodaThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeProvider.tsx"],"sourcesContent":["import React, { ElementType, useMemo } from 'react';\nimport { ScopedCssBaseline, ScopedCssBaselineProps, ThemeProvider, Box, BoxProps, Theme } from '@mui/material';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { prefixer } from 'stylis';\nimport rtlPlugin from 'stylis-plugin-rtl';\nimport containerPlugin from './plugins/stylisContainerPlugin';\nimport { theme as skodaTheme } from '../../materialui/theme/theme';\nimport '../../materialui/theme/theme.extensions';\n\nexport type SkodaThemeProviderProps = {\n  children?: React.ReactNode;\n  /**\n   * Theme to be used\n   */\n  theme?: Partial<Theme>;\n  /**\n   * Disable adding extra ScopedCssBaseline as CssBaseline is being used\n   */\n  globalBaseline?: boolean;\n  /**\n   * Changes @media queries to @container queries,\n   */\n  widget?: boolean;\n  /**\n   * Props passed to container used by the widget\n   */\n  containerProps?: BoxProps<ElementType>;\n} & ScopedCssBaselineProps;\n\n/**\n * Wrapper of ThemeProvider that additionally provide Scoped CssBaseline\n */\nexport const SkodaThemeProvider: React.FC<SkodaThemeProviderProps> = ({\n  children,\n  theme = skodaTheme,\n  globalBaseline = false,\n  widget = false,\n  containerProps,\n  ...rest\n}) => {\n  return (\n    <CacheContainer direction={theme.direction} widget={widget}>\n      <ThemeProvider theme={theme}>\n        <WidgetContainer widget={widget} {...containerProps}>\n          {globalBaseline ? (\n            children\n          ) : (\n            <ScopedCssBaseline {...rest} {...(theme.direction === 'rtl' ? { dir: 'rtl' } : {})}>\n              {children}\n            </ScopedCssBaseline>\n          )}\n        </WidgetContainer>\n      </ThemeProvider>\n    </CacheContainer>\n  );\n};\n\n/**\n * Wrapper providing CacheProvider necessary for the stylis plugin optimization\n */\nfunction CacheContainer({\n  children,\n  direction,\n  widget,\n}: {\n  children: React.ReactNode;\n  direction: Theme['direction'];\n  widget: boolean;\n}) {\n  const cache = useMemo(() => {\n    // in case we are not using RTL or widget, we don't need to generate cache\n    if (direction !== 'rtl' && !widget) {\n      return undefined;\n    }\n\n    return createCache({\n      // inject first\n      prepend: true,\n      // cache based on the plugins\n      key: `${widget ? 'w' : ''}${direction === 'rtl' ? 'rtl' : 'css'}`,\n      stylisPlugins: [\n        prefixer,\n        // transform left to right\n        ...(direction === 'rtl' ? [rtlPlugin] : []),\n        // transform @media to @container queries\n        ...(widget ? [containerPlugin] : []),\n      ],\n    });\n  }, [direction, widget]);\n\n  return cache ? <CacheProvider value={cache}>{children}</CacheProvider> : <>{children}</>;\n}\n\n/**\n * Wrapper providing necessary containerType: 'inline-size' style to activate @container queries\n */\nfunction WidgetContainer({ children, sx, widget, ...rest }: { widget: boolean } & BoxProps) {\n  return widget ? (\n    <Box sx={{ containerType: 'inline-size', ...sx }} {...rest}>\n      {children}\n    </Box>\n  ) : (\n    <>{children}</>\n  );\n}\n"],"names":["CacheContainer","children","direction","widget","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","default","containerPlugin","_jsx","jsx","CacheProvider","value","_Fragment","WidgetContainer","_a","sx","rest","__rest","Box","Object","assign","containerType","theme","skodaTheme","globalBaseline","containerProps","ThemeProvider","ScopedCssBaseline","dir"],"mappings":"8XA6DA,SAASA,GAAeC,SACtBA,EAAQC,UACRA,EAASC,OACTA,IAMA,MAAMC,EAAQC,EAAAA,SAAQ,KAEpB,GAAkB,QAAdH,GAAwBC,EAI5B,OAAOG,UAAY,CAEjBC,SAAS,EAETC,IAAK,GAAGL,EAAS,IAAM,KAAmB,QAAdD,EAAsB,MAAQ,QAC1DO,cAAe,CACbC,EAAQA,YAEU,QAAdR,EAAsB,CAACS,EAASC,SAAI,MAEpCT,EAAS,CAACU,WAAmB,KAEnC,GACD,CAACX,EAAWC,IAEf,OAAOC,EAAQU,EAACC,IAAAC,EAAaA,eAACC,MAAOb,EAAQH,SAAAA,IAA4Ba,EAAAA,IAAGI,EAAAA,SAAA,CAAAjB,SAAAA,GAC9E,CAKA,SAASkB,EAAgBC,OAAAnB,SAAEA,EAAQoB,GAAEA,EAAElB,OAAEA,KAAWmB,EAA3BC,EAAAA,OAAAH,EAAA,CAAA,WAAA,KAAA,WACvB,OAAOjB,EACLW,EAAAA,IAACU,EAAGA,IAAAC,OAAAC,OAAA,CAACL,GAAEI,OAAAC,OAAA,CAAIC,cAAe,eAAkBN,IAAUC,EAAI,CAAArB,SACvDA,KAGHa,EAAAC,IAAAG,WAAA,CAAAjB,SAAGA,GAEP,4BAxEsEmB,QAAAnB,SACpEA,EACA2B,MAAAA,EAAQC,EAAUD,MAAAE,eAClBA,GAAiB,EAAK3B,OACtBA,GAAS,EAAK4B,eACdA,GAAcX,EACXE,EAAIC,EAAAA,OAAAH,EAN6D,iEAQpE,OACEN,MAACd,EAAc,CAACE,UAAW0B,EAAM1B,UAAWC,OAAQA,EAAMF,SACxDa,EAAAA,IAACkB,EAAaA,cAAA,CAACJ,MAAOA,EAAK3B,SACzBa,EAACC,IAAAI,iBAAgBhB,OAAQA,GAAY4B,EAClC,CAAA9B,SAAA6B,IAGChB,MAACmB,EAAAA,kBAAsBR,OAAAC,OAAA,CAAA,EAAAJ,EAA+B,QAApBM,EAAM1B,UAAsB,CAAEgC,IAAK,OAAU,GAC5E,CAAAjC,SAAAA,WAKM"}
+{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeProvider.tsx"],"sourcesContent":["import React, { ElementType, useMemo } from 'react';\nimport { ScopedCssBaseline, ScopedCssBaselineProps, ThemeProvider, Box, BoxProps, Theme } from '@mui/material';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { prefixer } from 'stylis';\nimport rtlPlugin from 'stylis-plugin-rtl';\nimport containerPlugin from './plugins/stylisContainerPlugin';\nimport { theme as skodaTheme } from '../../materialui/theme/theme';\nimport '../../materialui/theme/theme.extensions';\n\nexport type SkodaThemeProviderProps = {\n  children?: React.ReactNode;\n  /**\n   * Theme to be used\n   */\n  theme?: Partial<Theme>;\n  /**\n   * Disable adding extra ScopedCssBaseline as CssBaseline is being used\n   */\n  globalBaseline?: boolean;\n  /**\n   * Changes @media queries to @container queries,\n   */\n  widget?: boolean;\n  /**\n   * Props passed to container used by the widget\n   */\n  containerProps?: BoxProps<ElementType>;\n} & ScopedCssBaselineProps;\n\n/**\n * Wrapper of ThemeProvider that additionally provide Scoped CssBaseline\n */\nexport const SkodaThemeProvider: React.FC<SkodaThemeProviderProps> = ({\n  children,\n  theme = skodaTheme,\n  globalBaseline = false,\n  widget = false,\n  containerProps,\n  ...rest\n}) => {\n  return (\n    <CacheContainer direction={theme.direction} widget={widget}>\n      <ThemeProvider theme={theme}>\n        <WidgetContainer widget={widget} {...containerProps}>\n          {globalBaseline ? (\n            children\n          ) : (\n            <ScopedCssBaseline {...rest} {...(theme.direction === 'rtl' ? { dir: 'rtl' } : {})}>\n              {children}\n            </ScopedCssBaseline>\n          )}\n        </WidgetContainer>\n      </ThemeProvider>\n    </CacheContainer>\n  );\n};\n\n/**\n * Wrapper providing CacheProvider necessary for the stylis plugin optimization\n */\nfunction CacheContainer({\n  children,\n  direction,\n  widget,\n}: {\n  children: React.ReactNode;\n  direction: Theme['direction'];\n  widget: boolean;\n}) {\n  const cache = useMemo(() => {\n    // in case we are not using RTL or widget, we don't need to generate cache\n    if (direction !== 'rtl' && !widget) {\n      return undefined;\n    }\n\n    return createCache({\n      // inject first\n      prepend: true,\n      // cache based on the plugins\n      key: `${widget ? 'w' : ''}${direction === 'rtl' ? 'rtl' : 'css'}`,\n      stylisPlugins: [\n        prefixer,\n        // transform left to right\n        ...(direction === 'rtl' ? [rtlPlugin] : []),\n        // transform @media to @container queries\n        ...(widget ? [containerPlugin] : []),\n      ],\n    });\n  }, [direction, widget]);\n\n  return cache ? <CacheProvider value={cache}>{children}</CacheProvider> : <>{children}</>;\n}\n\n/**\n * Wrapper providing necessary containerType: 'inline-size' style to activate @container queries\n */\nfunction WidgetContainer({ children, sx, widget, ...rest }: { widget: boolean } & BoxProps) {\n  return widget ? (\n    <Box sx={{ containerType: 'inline-size', ...sx }} {...rest}>\n      {children}\n    </Box>\n  ) : (\n    <>{children}</>\n  );\n}\n"],"names":["CacheContainer","children","direction","widget","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","containerPlugin","_jsx","CacheProvider","value","_Fragment","WidgetContainer","_a","sx","rest","__rest","Box","Object","assign","containerType","theme","skodaTheme","globalBaseline","containerProps","ThemeProvider","ScopedCssBaseline","dir"],"mappings":"8XA6DA,SAASA,GAAeC,SACtBA,EAAQC,UACRA,EAASC,OACTA,IAMA,MAAMC,EAAQC,EAAAA,SAAQ,KAEpB,GAAkB,QAAdH,GAAwBC,EAI5B,OAAOG,UAAY,CAEjBC,SAAS,EAETC,IAAK,GAAGL,EAAS,IAAM,KAAmB,QAAdD,EAAsB,MAAQ,QAC1DO,cAAe,CACbC,EAAAA,YAEkB,QAAdR,EAAsB,CAACS,EAAAA,SAAa,MAEpCR,EAAS,CAACS,WAAmB,KAEnC,GACD,CAACV,EAAWC,IAEf,OAAOC,EAAQS,EAAAA,IAACC,EAAAA,eAAcC,MAAOX,EAAKH,SAAGA,IAA4BY,EAAAA,IAAAG,EAAAA,SAAA,CAAAf,SAAGA,GAC9E,CAKA,SAASgB,EAAgBC,OAAAjB,SAAEA,EAAQkB,GAAEA,EAAEhB,OAAEA,KAAWiB,EAAIC,EAAAA,OAAAH,EAA/B,CAAA,WAAA,KAAA,WACvB,OAAOf,EACLU,EAAAA,IAACS,EAAAA,IAAGC,OAAAC,OAAA,CAACL,GAAEI,OAAAC,OAAA,CAAIC,cAAe,eAAkBN,IAAUC,EAAI,CAAAnB,SACvDA,KAGHY,EAAAA,IAAAG,WAAA,CAAAf,SAAGA,GAEP,4BAxEsEiB,QAAAjB,SACpEA,EAAQyB,MACRA,EAAQC,EAAAA,MAAUC,eAClBA,GAAiB,EAAKzB,OACtBA,GAAS,EAAK0B,eACdA,GAAcX,EACXE,EAAIC,EAAAA,OAAAH,EAN6D,iEAQpE,OACEL,MAACb,EAAc,CAACE,UAAWwB,EAAMxB,UAAWC,OAAQA,EAAMF,SACxDY,EAAAA,IAACiB,EAAAA,cAAa,CAACJ,MAAOA,EAAKzB,SACzBY,EAAAA,IAACI,iBAAgBd,OAAQA,GAAY0B,EAAc,CAAA5B,SAChD2B,IAGCf,MAACkB,EAAAA,kBAAiBR,OAAAC,OAAA,CAAA,EAAKJ,EAA+B,QAApBM,EAAMxB,UAAsB,CAAE8B,IAAK,OAAU,GAAG,CAAA/B,SAC/EA,WAKM"}

package/cjs/components/skodaThemeProvider/SkodaThemeWidgetProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeWidgetProvider.tsx"],"sourcesContent":["import React, { useMemo, useLayoutEffect, useCallback, useState, useEffect, useRef, ElementType } from 'react';\nimport { SkodaThemeProvider, SkodaThemeProviderProps } from './SkodaThemeProvider';\nimport { createSkodaTheme } from '../../materialui/theme/theme';\nimport { flowBreakpoints } from '../../materialui/theme/theme.breakpoints';\nimport { debounce, Box, BoxProps, PaletteMode, createTheme, Direction } from '@mui/material';\nimport { Breakpoint, BreakpointsOptions, createBreakpoints } from '@mui/system';\n\nexport type SkodaThemeWidgetProviderProps = {\n  /**\n   * Theme overrides\n   */\n  theme?: object;\n  /**\n   * Props passed to container\n   */\n  containerProps?: BoxProps<ElementType>;\n  /**\n   * Options for Škoda theme generation\n   */\n  skodaThemeOptions?: {\n    mode?: PaletteMode;\n    direction?: Direction;\n  };\n} & Omit<SkodaThemeProviderProps, 'theme'>;\n\n/**\n * Alternative theme provider when the responsive style should be applied based on the container and not window\n *\n * @deprecated javascript implementation that re-generates theme with breakpoints on each container or window resize,\n *  use regular SkodaThemeProvider with widget property that utilizes @container queries:\n *  <SkodaThemeProvider widget />\n */\nexport const SkodaThemeWidgetProvider = ({\n  theme,\n  containerProps,\n  skodaThemeOptions,\n  ...rest\n}: SkodaThemeWidgetProviderProps) => {\n  const { containerBreakpoints, containerRef } = useContainerBreakpoints();\n\n  const composedTheme = useMemo(() => {\n    const containerTheme = createSkodaTheme({\n      breakpointsOptions: containerBreakpoints,\n      mode: skodaThemeOptions?.mode,\n      direction: skodaThemeOptions?.direction,\n    });\n    // in case theme is provided, make composition\n    if (theme) {\n      return createTheme(containerTheme, theme);\n    }\n    return containerTheme;\n  }, [theme, containerBreakpoints]);\n\n  return (\n    <Box {...containerProps} ref={containerRef}>\n      <SkodaThemeProvider {...rest} theme={composedTheme} />\n    </Box>\n  );\n};\n\nconst useContainerBreakpoints = () => {\n  const windowBreakpoints = useMemo(() => createBreakpoints(flowBreakpoints), []);\n  const [containerBreakpoints, setContainerBreakpoints] = useState<BreakpointsOptions>(flowBreakpoints);\n\n  // monitor window width\n  const [windowWidth, setWindowWidth] = useState(window.innerWidth);\n  useEffect(() => {\n    const windowResizeFn = () => {\n      setWindowWidth(window.innerWidth);\n    };\n\n    window.addEventListener('resize', windowResizeFn);\n    return () => {\n      window.removeEventListener('resize', windowResizeFn);\n    };\n  }, []);\n  // measure container size\n  const containerRef = useRef(null);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const observer = useMemo(\n    () =>\n      new window.ResizeObserver((entries) => {\n        setContainerWidth(entries[0].contentRect.width || 0);\n      }),\n    [],\n  );\n  useLayoutEffect(() => {\n    containerRef?.current && observer.observe(containerRef.current);\n    return () => {\n      observer.disconnect();\n    };\n  }, [containerRef?.current]);\n\n  // generate container breakpoints\n  const handleResize = useCallback(\n    (window: number, container: number) => {\n      const difference = window - container;\n      const newContainerBreakpoints = windowBreakpoints.keys.reduce(\n        (prev, curr) => ({\n          ...prev,\n          // round to two decimal places\n          [curr]: Math.round((windowBreakpoints.values[curr] + difference) * 100) / 100,\n        }),\n        {} as { [key in Breakpoint]: number },\n      );\n      setContainerBreakpoints({ values: newContainerBreakpoints });\n    },\n    [windowBreakpoints],\n  );\n  const debounceHandleResize = useMemo(() => debounce(handleResize, 250), [handleResize]);\n  useLayoutEffect(() => {\n    debounceHandleResize(windowWidth, containerWidth);\n  }, [windowWidth, containerWidth]);\n\n  return { containerBreakpoints, containerRef };\n};\n"],"names":["useContainerBreakpoints","windowBreakpoints","useMemo","createBreakpoints","flowBreakpoints","containerBreakpoints","setContainerBreakpoints","useState","windowWidth","setWindowWidth","window","innerWidth","useEffect","windowResizeFn","addEventListener","removeEventListener","containerRef","useRef","containerWidth","setContainerWidth","observer","ResizeObserver","entries","contentRect","width","useLayoutEffect","current","observe","disconnect","handleResize","useCallback","container","difference","newContainerBreakpoints","keys","reduce","prev","curr","Math","round","values","debounceHandleResize","debounce","_a","theme","containerProps","skodaThemeOptions","rest","__rest","composedTheme","containerTheme","createSkodaTheme","breakpointsOptions","mode","direction","createTheme","_jsx","Box","Object","assign","ref","children","SkodaThemeProvider"],"mappings":"qRAgCa,MA4BPA,EAA0B,KAC9B,MAAMC,EAAoBC,EAAAA,SAAQ,IAAMC,EAAiBA,kBAACC,EAAeA,kBAAG,KACrEC,EAAsBC,GAA2BC,EAAAA,SAA6BH,EAAAA,kBAG9EI,EAAaC,GAAkBF,EAAAA,SAASG,OAAOC,YACtDC,EAAAA,WAAU,KACR,MAAMC,EAAiB,KACrBJ,EAAeC,OAAOC,WAAW,EAInC,OADAD,OAAOI,iBAAiB,SAAUD,GAC3B,KACLH,OAAOK,oBAAoB,SAAUF,EAAe,CACrD,GACA,IAEH,MAAMG,EAAeC,EAAMA,OAAC,OACrBC,EAAgBC,GAAqBZ,EAAAA,SAAS,GAC/Ca,EAAWlB,EAAAA,SACf,IACE,IAAIQ,OAAOW,gBAAgBC,IACzBH,EAAkBG,EAAQ,GAAGC,YAAYC,OAAS,EAAE,KAExD,IAEFC,EAAAA,iBAAgB,MACdT,aAAA,EAAAA,EAAcU,UAAWN,EAASO,QAAQX,EAAaU,SAChD,KACLN,EAASQ,YAAY,IAEtB,CAACZ,aAAA,EAAAA,EAAcU,UAGlB,MAAMG,EAAeC,EAAAA,aACnB,CAACpB,EAAgBqB,KACf,MAAMC,EAAatB,EAASqB,EACtBE,EAA0BhC,EAAkBiC,KAAKC,QACrD,CAACC,EAAMC,mCACFD,GAAI,CAEPC,CAACA,GAAOC,KAAKC,MAAsD,KAA/CtC,EAAkBuC,OAAOH,GAAQL,IAAqB,OAE5E,CAAA,GAEF1B,EAAwB,CAAEkC,OAAQP,GAA0B,GAE9D,CAAChC,IAEGwC,EAAuBvC,EAAOA,SAAC,IAAMwC,EAAQA,SAACb,EAAc,MAAM,CAACA,IAKzE,OAJAJ,EAAAA,iBAAgB,KACdgB,EAAqBjC,EAAaU,EAAe,GAChD,CAACV,EAAaU,IAEV,CAAEb,uBAAsBW,eAAc,mCAlFN2B,QACvCC,MAAAA,EAAKC,eACLA,EAAcC,kBACdA,KACGC,EAJoCC,EAAAA,OAAAL,EAAA,CAAA,QAAA,iBAAA,sBAMvC,MAAMtC,qBAAEA,EAAoBW,aAAEA,GAAiBhB,IAEzCiD,EAAgB/C,EAAAA,SAAQ,KAC5B,MAAMgD,EAAiBC,EAAAA,iBAAiB,CACtCC,mBAAoB/C,EACpBgD,KAAMP,aAAA,EAAAA,EAAmBO,KACzBC,UAAWR,aAAA,EAAAA,EAAmBQ,YAGhC,OAAIV,EACKW,EAAWA,YAACL,EAAgBN,GAE9BM,CAAc,GACpB,CAACN,EAAOvC,IAEX,OACEmD,MAACC,MAAGC,OAAAC,OAAA,CAAA,EAAKd,EAAgB,CAAAe,IAAK5C,EAAY6C,SACxCL,MAACM,qBAAkBJ,OAAAC,OAAA,GAAKZ,EAAM,CAAAH,MAAOK,OACjC"}
+{"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeWidgetProvider.tsx"],"sourcesContent":["import React, { useMemo, useLayoutEffect, useCallback, useState, useEffect, useRef, ElementType } from 'react';\nimport { SkodaThemeProvider, SkodaThemeProviderProps } from './SkodaThemeProvider';\nimport { createSkodaTheme } from '../../materialui/theme/theme';\nimport { flowBreakpoints } from '../../materialui/theme/theme.breakpoints';\nimport { debounce, Box, BoxProps, PaletteMode, createTheme, Direction } from '@mui/material';\nimport { Breakpoint, BreakpointsOptions, createBreakpoints } from '@mui/system';\n\nexport type SkodaThemeWidgetProviderProps = {\n  /**\n   * Theme overrides\n   */\n  theme?: object;\n  /**\n   * Props passed to container\n   */\n  containerProps?: BoxProps<ElementType>;\n  /**\n   * Options for Škoda theme generation\n   */\n  skodaThemeOptions?: {\n    mode?: PaletteMode;\n    direction?: Direction;\n  };\n} & Omit<SkodaThemeProviderProps, 'theme'>;\n\n/**\n * Alternative theme provider when the responsive style should be applied based on the container and not window\n *\n * @deprecated javascript implementation that re-generates theme with breakpoints on each container or window resize,\n *  use regular SkodaThemeProvider with widget property that utilizes @container queries:\n *  <SkodaThemeProvider widget />\n */\nexport const SkodaThemeWidgetProvider = ({\n  theme,\n  containerProps,\n  skodaThemeOptions,\n  ...rest\n}: SkodaThemeWidgetProviderProps) => {\n  const { containerBreakpoints, containerRef } = useContainerBreakpoints();\n\n  const composedTheme = useMemo(() => {\n    const containerTheme = createSkodaTheme({\n      breakpointsOptions: containerBreakpoints,\n      mode: skodaThemeOptions?.mode,\n      direction: skodaThemeOptions?.direction,\n    });\n    // in case theme is provided, make composition\n    if (theme) {\n      return createTheme(containerTheme, theme);\n    }\n    return containerTheme;\n  }, [theme, containerBreakpoints]);\n\n  return (\n    <Box {...containerProps} ref={containerRef}>\n      <SkodaThemeProvider {...rest} theme={composedTheme} />\n    </Box>\n  );\n};\n\nconst useContainerBreakpoints = () => {\n  const windowBreakpoints = useMemo(() => createBreakpoints(flowBreakpoints), []);\n  const [containerBreakpoints, setContainerBreakpoints] = useState<BreakpointsOptions>(flowBreakpoints);\n\n  // monitor window width\n  const [windowWidth, setWindowWidth] = useState(window.innerWidth);\n  useEffect(() => {\n    const windowResizeFn = () => {\n      setWindowWidth(window.innerWidth);\n    };\n\n    window.addEventListener('resize', windowResizeFn);\n    return () => {\n      window.removeEventListener('resize', windowResizeFn);\n    };\n  }, []);\n  // measure container size\n  const containerRef = useRef(null);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const observer = useMemo(\n    () =>\n      new window.ResizeObserver((entries) => {\n        setContainerWidth(entries[0].contentRect.width || 0);\n      }),\n    [],\n  );\n  useLayoutEffect(() => {\n    containerRef?.current && observer.observe(containerRef.current);\n    return () => {\n      observer.disconnect();\n    };\n  }, [containerRef?.current]);\n\n  // generate container breakpoints\n  const handleResize = useCallback(\n    (window: number, container: number) => {\n      const difference = window - container;\n      const newContainerBreakpoints = windowBreakpoints.keys.reduce(\n        (prev, curr) => ({\n          ...prev,\n          // round to two decimal places\n          [curr]: Math.round((windowBreakpoints.values[curr] + difference) * 100) / 100,\n        }),\n        {} as { [key in Breakpoint]: number },\n      );\n      setContainerBreakpoints({ values: newContainerBreakpoints });\n    },\n    [windowBreakpoints],\n  );\n  const debounceHandleResize = useMemo(() => debounce(handleResize, 250), [handleResize]);\n  useLayoutEffect(() => {\n    debounceHandleResize(windowWidth, containerWidth);\n  }, [windowWidth, containerWidth]);\n\n  return { containerBreakpoints, containerRef };\n};\n"],"names":["useContainerBreakpoints","windowBreakpoints","useMemo","createBreakpoints","flowBreakpoints","containerBreakpoints","setContainerBreakpoints","useState","windowWidth","setWindowWidth","window","innerWidth","useEffect","windowResizeFn","addEventListener","removeEventListener","containerRef","useRef","containerWidth","setContainerWidth","observer","ResizeObserver","entries","contentRect","width","useLayoutEffect","current","observe","disconnect","handleResize","useCallback","container","difference","newContainerBreakpoints","keys","reduce","prev","curr","Math","round","values","debounceHandleResize","debounce","_a","theme","containerProps","skodaThemeOptions","rest","__rest","composedTheme","containerTheme","createSkodaTheme","breakpointsOptions","mode","direction","createTheme","_jsx","Box","Object","assign","ref","children","SkodaThemeProvider"],"mappings":"qRAgCO,MA4BDA,EAA0B,KAC9B,MAAMC,EAAoBC,EAAAA,SAAQ,IAAMC,EAAAA,kBAAkBC,EAAAA,kBAAkB,KACrEC,EAAsBC,GAA2BC,EAAAA,SAA6BH,EAAAA,kBAG9EI,EAAaC,GAAkBF,EAAAA,SAASG,OAAOC,YACtDC,EAAAA,WAAU,KACR,MAAMC,EAAiB,KACrBJ,EAAeC,OAAOC,WAAW,EAInC,OADAD,OAAOI,iBAAiB,SAAUD,GAC3B,KACLH,OAAOK,oBAAoB,SAAUF,EAAe,CACrD,GACA,IAEH,MAAMG,EAAeC,EAAAA,OAAO,OACrBC,EAAgBC,GAAqBZ,EAAAA,SAAS,GAC/Ca,EAAWlB,EAAAA,SACf,IACE,IAAIQ,OAAOW,gBAAgBC,IACzBH,EAAkBG,EAAQ,GAAGC,YAAYC,OAAS,EAAE,KAExD,IAEFC,EAAAA,iBAAgB,MACdT,aAAY,EAAZA,EAAcU,UAAWN,EAASO,QAAQX,EAAaU,SAChD,KACLN,EAASQ,YAAY,IAEtB,CAACZ,aAAY,EAAZA,EAAcU,UAGlB,MAAMG,EAAeC,EAAAA,aACnB,CAACpB,EAAgBqB,KACf,MAAMC,EAAatB,EAASqB,EACtBE,EAA0BhC,EAAkBiC,KAAKC,QACrD,CAACC,EAAMC,mCACFD,GAAI,CAEPC,CAACA,GAAOC,KAAKC,MAAsD,KAA/CtC,EAAkBuC,OAAOH,GAAQL,IAAqB,OAE5E,CAAA,GAEF1B,EAAwB,CAAEkC,OAAQP,GAA0B,GAE9D,CAAChC,IAEGwC,EAAuBvC,EAAAA,SAAQ,IAAMwC,EAAAA,SAASb,EAAc,MAAM,CAACA,IAKzE,OAJAJ,EAAAA,iBAAgB,KACdgB,EAAqBjC,EAAaU,EAAe,GAChD,CAACV,EAAaU,IAEV,CAAEb,uBAAsBW,eAAc,mCAlFN2B,QAAAC,MACvCA,EAAKC,eACLA,EAAcC,kBACdA,KACGC,EAAIC,EAAAA,OAAAL,EAJgC,CAAA,QAAA,iBAAA,sBAMvC,MAAMtC,qBAAEA,EAAoBW,aAAEA,GAAiBhB,IAEzCiD,EAAgB/C,EAAAA,SAAQ,KAC5B,MAAMgD,EAAiBC,EAAAA,iBAAiB,CACtCC,mBAAoB/C,EACpBgD,KAAMP,aAAiB,EAAjBA,EAAmBO,KACzBC,UAAWR,aAAiB,EAAjBA,EAAmBQ,YAGhC,OAAIV,EACKW,EAAAA,YAAYL,EAAgBN,GAE9BM,CAAc,GACpB,CAACN,EAAOvC,IAEX,OACEmD,EAAAA,IAACC,MAAGC,OAAAC,OAAA,CAAA,EAAKd,EAAc,CAAEe,IAAK5C,EAAY6C,SACxCL,EAAAA,IAACM,qBAAkBJ,OAAAC,OAAA,GAAKZ,EAAI,CAAEH,MAAOK,OACjC"}

package/cjs/components/skodaThemeProvider/plugins/stylisContainerPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"stylisContainerPlugin.js","sources":["../../../../../../src/components/skodaThemeProvider/plugins/stylisContainerPlugin.ts"],"sourcesContent":["import { MEDIA, Middleware } from 'stylis';\n\n/**\n * Replaces @media queries with @container queries\n */\nconst stylisContainerPlugin: Middleware = (element) => {\n  // check if we are dealing with @media query\n  if (element.type === MEDIA) {\n    element.value = element.value.replace('@media', '@container');\n  }\n};\n\nObject.defineProperty(stylisContainerPlugin, 'name', { value: 'stylisContainerPlugin' });\nexport default stylisContainerPlugin;\n"],"names":["stylisContainerPlugin","element","type","MEDIA","value","replace","Object","defineProperty"],"mappings":"4FAKA,MAAMA,EAAqCC,IAErCA,EAAQC,OAASC,UACnBF,EAAQG,MAAQH,EAAQG,MAAMC,QAAQ,SAAU,gBAIpDC,OAAOC,eAAeP,EAAuB,OAAQ,CAAEI,MAAO"}
+{"version":3,"file":"stylisContainerPlugin.js","sources":["../../../../../../src/components/skodaThemeProvider/plugins/stylisContainerPlugin.ts"],"sourcesContent":["import { MEDIA, Middleware } from 'stylis';\n\n/**\n * Replaces @media queries with @container queries\n */\nconst stylisContainerPlugin: Middleware = (element) => {\n  // check if we are dealing with @media query\n  if (element.type === MEDIA) {\n    element.value = element.value.replace('@media', '@container');\n  }\n};\n\nObject.defineProperty(stylisContainerPlugin, 'name', { value: 'stylisContainerPlugin' });\nexport default stylisContainerPlugin;\n"],"names":["stylisContainerPlugin","element","type","MEDIA","value","replace","Object","defineProperty"],"mappings":"4FAKA,MAAMA,EAAqCC,IAErCA,EAAQC,OAASC,UACnBF,EAAQG,MAAQH,EAAQG,MAAMC,QAAQ,SAAU,cAClD,EAGFC,OAAOC,eAAeP,EAAuB,OAAQ,CAAEI,MAAO"}

package/cjs/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../../../../src/components/slider/slider.tsx"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity */\nimport React, { HTMLAttributes, forwardRef, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Box, Slider as MuiSlider } from '@mui/material';\nimport ResizableSliderInput from '../common/resizableSliderInput';\nimport SliderValuesStyled from '../common/styled/sliderValuesStyled';\nimport { getSliderMarks, SliderContainer } from '@/src/materialui/slider';\n\nexport type ValueComponentType = 'default' | 'input' | 'labeledInput' | null;\n\nexport type SliderThousandsSeparatorType = '.' | ',' | ' ';\n\n/**\n * @interface Base defintion of SkodaFlow Slider component independent on core implementation.\n * Properties are inherited from HTML Span element and component functionality is taken from @mui/material/Slider v5.0.1.\n * @link https://mui.com/api/slider\n */\nexport interface SliderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'defaultValue' | 'onChange'> {\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   * The default values of the slider. Use array in order to have more than 1 thumb.\n   */\n  defaultValue?: number | number[];\n\n  /**\n   * Use valueLabelDisplay for hovered thumb with value text.\n   * - `auto` the value label will display when the thumb is hovered or focused.\n   * - `on` will display persistently.\n   * - `off` will never display.\n   * @default 'off'\n   */\n  valueLabelDisplay?: 'on' | 'auto' | 'off';\n\n  /**\n   * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.\n   * @default false\n   */\n  disableSwap?: boolean;\n  /**\n   * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.\n   * This is important for screen reader users.\n   * @param {number} index The thumb label's index to format.\n   * @returns {string}\n   */\n  getAriaLabel?: (index: number) => string;\n\n  /**\n   * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.\n   * This is important for screen reader users.\n   * @param {number} value The thumb label's value to format.\n   * @param {number} index The thumb label's index to format.\n   * @returns {string}\n   */\n  getAriaValueText?: (value: number, index: number) => string;\n\n  /**\n   * The maximum allowed value of the slider.\n   * Should not be equal to min.\n   * @default 100\n   */\n  max?: number;\n\n  /**\n   * The minimum allowed value of the slider.\n   * Should not be equal to max.\n   * @default 0\n   */\n  min?: number;\n\n  /**\n   * Callback function that is fired when the slider's value changed.\n   *\n   * @param {Event} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * **Warning**: This is a generic event not a change event.\n   * @param {number | number[]} value The new value.\n   * @param {number} activeThumb Index of the currently moved thumb.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement> | Event,\n    value: number | number[],\n    activeThumb?: number,\n  ) => void;\n\n  /**\n   * Callback function that is fired on input blur.\n   *\n   * @param {Event} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * **Warning**: This is a generic event not a change event.\n   * @param {number} activeThumb Index of the currently moved thumb.\n   */\n  onInputBlur?: (event: React.ChangeEvent<HTMLInputElement> | Event, activeThumb?: number) => void;\n\n  /**\n   * Callback function that is fired when the `mouseup` is triggered. Only working when using directly the slider.\n   *\n   * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.\n   * @param {number | number[]} value The new value.\n   */\n  onChangeCommitted?: (event: React.SyntheticEvent | Event, value: number | number[]) => void;\n\n  /**\n   * Marks indicate predetermined values to which the user can move the slider.\n   * If `true` the marks are spaced according the value of the `step` prop.\n   * If an array, it should contain objects with `value` and an optional `label` keys.\n   * @default false\n   */\n  marks?:\n    | 'auto'\n    | boolean\n    | {\n        value: number;\n        label?: React.ReactNode;\n      }[];\n\n  /**\n   * The granularity with which the slider can step through values. (A \"discrete\" slider.)\n   * The `min` prop serves as the origin for the valid values.\n   * We recommend (max - min) to be evenly divisible by the step.\n   *\n   * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.\n   * @default 1\n   */\n  step?: number | null;\n\n  /**\n   * Left side/min label of the value input.\n   */\n\n  leftSideLabel?: string;\n  /**\n   * Right side/max label of the value input.\n   */\n  rightSideLabel?: string;\n\n  /**\n   * Left side/min text description of the value input.\n   */\n  minTextDescription?: string;\n\n  /**\n   * Right side/max text description of the value input.\n   */\n  maxTextDescription?: string;\n\n  /**\n   * The type of the value input.\n   */\n  valueComponentType?: ValueComponentType;\n\n  /**\n   * The value of the slider. For ranged sliders, provide an array with two values.\n   */\n  value?: number | number[];\n\n  /**\n   * If true the currency is displayed in front of the value.\n   */\n  isCurrencyInFront?: boolean;\n\n  /**\n   * Thousands separator variants for formatting currency\n   */\n  thousandsSeparator?: SliderThousandsSeparatorType;\n\n  /**\n   * Decimal separator variants for formatting currency\n   */\n  decimalSeparator?: '.' | ',';\n\n  /**\n   * to hide or show decimals. Default value true\n   */\n  hiddenDecimalSeparator?: boolean;\n}\n\nconst getDoubleValueComponent = (\n  type: ValueComponentType,\n  values: number[] | '',\n  leftSideLabel?: string,\n  rightSideLabel?: string,\n  minTextDescription?: string,\n  maxTextDescription?: string,\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n  onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n  disabled?: boolean,\n  isCurrencyInFront?: boolean,\n  thousandsSeparator?: ',' | '.' | ' ',\n  decimalSeparator?: ',' | '.',\n  hiddenDecimalSeparator?: boolean,\n) => {\n  if (type === 'default' || !type) {\n    const minVal = getFormattedString(\n      typeof values[0] === 'number' ? values[0] : parseInt(values[0]),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    const maxVal = getFormattedString(\n      typeof values[1] === 'number' ? values[1] : parseInt(values[1]),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    return (\n      <div className=\"range-values\">\n        <div data-testid=\"Slider.minVal\">\n          {isCurrencyInFront ? `${minTextDescription} ${minVal}` : `${minVal} ${minTextDescription}`}\n        </div>\n        <div className=\"middle-side\"></div>\n        <div data-testid=\"Slider.maxVal\">\n          {isCurrencyInFront ? `${maxTextDescription} ${maxVal}` : `${maxVal} ${maxTextDescription}`}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"range-values\">\n      <ResizableSliderInput\n        id=\"slider-double-value-left-label-input\"\n        onChange={onChange}\n        onBlur={onBlur}\n        value={values[0]}\n        thousandsSeparator={thousandsSeparator}\n        decimalSeparator={decimalSeparator}\n        hiddenDecimalSeparator={hiddenDecimalSeparator}\n        thumb={0}\n        disabled={disabled}\n        textDescription={minTextDescription}\n        labelText={type === 'input' ? null : leftSideLabel}\n        isCurrencyInFront={isCurrencyInFront}\n        data-testid=\"Slider.minVal\"\n      />\n      <div className=\"middle-side\"></div>\n      <ResizableSliderInput\n        id=\"slider-double-value-right-label-input\"\n        onChange={onChange}\n        onBlur={onBlur}\n        value={values[1]}\n        thousandsSeparator={thousandsSeparator}\n        decimalSeparator={decimalSeparator}\n        hiddenDecimalSeparator={hiddenDecimalSeparator}\n        thumb={1}\n        disabled={disabled}\n        textDescription={maxTextDescription}\n        labelText={type === 'labeledInput' ? rightSideLabel : null}\n        isCurrencyInFront={isCurrencyInFront}\n        data-testid=\"Slider.maxVal\"\n      />\n    </div>\n  );\n};\n\nconst getSingleValueComponent = (\n  type: ValueComponentType,\n  values: number | '',\n  leftSideLabel?: string,\n  minTextDescription?: string,\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  disabled?: boolean,\n  isCurrencyInFront?: boolean,\n  thousandsSeparator?: ',' | '.' | ' ',\n  decimalSeparator?: ',' | '.',\n  hiddenDecimalSeparator?: boolean,\n) => {\n  if (type === 'default' || !type) {\n    const val = getFormattedString(\n      typeof values === 'number' ? values : parseInt(values),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    return (\n      <div data-testid=\"Slider.minVal\">\n        {minTextDescription && isCurrencyInFront\n          ? `${minTextDescription} ${val}`\n          : minTextDescription\n            ? `${val} ${minTextDescription}`\n            : val}{' '}\n      </div>\n    );\n  }\n\n  return (\n    <ResizableSliderInput\n      id=\"slider-single-value-label-input\"\n      value={values}\n      thousandsSeparator={thousandsSeparator}\n      decimalSeparator={decimalSeparator}\n      hiddenDecimalSeparator={hiddenDecimalSeparator}\n      onChange={onChange}\n      onBlur={onBlur}\n      disabled={disabled}\n      textDescription={minTextDescription}\n      labelText={type === 'labeledInput' ? leftSideLabel : null}\n      isCurrencyInFront={isCurrencyInFront}\n    />\n  );\n};\n\nconst getFormattedValue = (value: string) => {\n  let result = value ? parseInt(value) : -1;\n  if (isNaN(result)) result = -1;\n\n  return result;\n};\n\nconst getInitialValue = (\n  min: number,\n  max: number,\n  defaultValue: number | number[],\n  value?: number | number[],\n): number | number[] => {\n  if (value !== undefined) return value;\n  if (defaultValue !== undefined) return defaultValue;\n  if (max && !min) return [0, max];\n  if (!max && min) return min;\n\n  return 0;\n};\n\n/**\n * @deprecated Use Slider component from '@mui/material' module instead.\n */\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>(\n  (\n    {\n      min,\n      max,\n      defaultValue,\n      valueComponentType,\n      leftSideLabel,\n      rightSideLabel,\n      disabled,\n      disableSwap,\n      step,\n      value,\n      isCurrencyInFront,\n      minTextDescription = '',\n      maxTextDescription = '',\n      onChange,\n      onInputBlur,\n      thousandsSeparator = ' ',\n      decimalSeparator = ',',\n      hiddenDecimalSeparator = true,\n      marks,\n      ...props\n    },\n    ref,\n  ) => {\n    const getInitialValueWithUseCallBack = useMemo(() => {\n      return getInitialValue(min, max, defaultValue, value);\n    }, [min, max, defaultValue, value]);\n\n    const [values, setValues] = useState<number | number[] | ''>(getInitialValueWithUseCallBack);\n\n    useEffect(() => {\n      if (value) setValues(() => value);\n    }, [value]);\n\n    const getFormattedValueWithUseCallBack = useCallback((_value: string) => {\n      return getFormattedValue(_value);\n    }, []);\n\n    const onChangeHandler = useCallback(\n      (event: Event, _value: number | number[], activeThumb: number) => {\n        if (!Array.isArray(_value)) {\n          setValues(_value);\n          onChange && onChange(event, _value, activeThumb);\n          return;\n        }\n        if (activeThumb === 0) {\n          setValues([Math.min(_value[0], _value[1] - step), _value[1]]);\n        } else {\n          setValues([_value[0], Math.max(_value[1], _value[0] + step)]);\n        }\n        onChange && onChange(event, _value, activeThumb);\n      },\n      [onChange, step],\n    );\n\n    const onChangeSingleValue = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (newValue > max) newValue = max;\n\n        onChange && onChange(e, newValue);\n        setValues(() => newValue);\n      },\n      [getFormattedValueWithUseCallBack, max, onChange],\n    );\n\n    const onChangeDoubleValue = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (thumb === 1 && newValue > max) newValue = max;\n        else if (thumb === 0 && newValue > values[1]) newValue = values[1];\n        setValues((curr: number[]) => {\n          let newArrayValue = [...curr];\n          newArrayValue[thumb] = newValue;\n          if (newArrayValue[0] > newArrayValue[1]) {\n            newArrayValue = [0, step];\n          }\n          onChange && onChange(e, newArrayValue, thumb);\n          return newArrayValue;\n        });\n      },\n      [getFormattedValueWithUseCallBack, max, onChange, step, values],\n    );\n\n    const valuesComponent = useMemo(() => {\n      return Array.isArray(values)\n        ? getDoubleValueComponent(\n            valueComponentType,\n            values,\n            leftSideLabel,\n            rightSideLabel,\n            minTextDescription,\n            maxTextDescription,\n            onChangeDoubleValue,\n            onInputBlur,\n            disabled,\n            isCurrencyInFront,\n            thousandsSeparator,\n            decimalSeparator,\n            hiddenDecimalSeparator,\n          )\n        : getSingleValueComponent(\n            valueComponentType,\n            values,\n            leftSideLabel,\n            minTextDescription,\n            onChangeSingleValue,\n            onInputBlur,\n            disabled,\n            isCurrencyInFront,\n            thousandsSeparator,\n            decimalSeparator,\n            hiddenDecimalSeparator,\n          );\n    }, [\n      disabled,\n      isCurrencyInFront,\n      leftSideLabel,\n      maxTextDescription,\n      minTextDescription,\n      onChangeDoubleValue,\n      onChangeSingleValue,\n      onInputBlur,\n      rightSideLabel,\n      valueComponentType,\n      values,\n      thousandsSeparator,\n      decimalSeparator,\n      hiddenDecimalSeparator,\n    ]);\n\n    const marksValue = useMemo(() => {\n      if (marks === 'auto') {\n        return getSliderMarks(min || 0, max || 100);\n      } else {\n        return marks;\n      }\n    }, [marks, min || 0, max || 100]);\n\n    return (\n      <Box>\n        <SliderContainer>\n          <MuiSlider\n            {...props}\n            data-testid=\"Slider\"\n            disabled={disabled}\n            ref={ref}\n            onChange={onChangeHandler}\n            min={min}\n            max={max}\n            step={step}\n            disableSwap={disableSwap}\n            marks={marksValue}\n            valueLabelFormat={(v) =>\n              getFormattedString(v, decimalSeparator, thousandsSeparator, hiddenDecimalSeparator)\n            }\n            value={values as any}\n          />\n        </SliderContainer>\n        <Box sx={{ pt: 1 }} />\n        <SliderValuesStyled disabled={disabled}>{valuesComponent}</SliderValuesStyled>\n      </Box>\n    );\n  },\n);\n\nconst getFormattedString = (\n  num: number,\n  decimalSeparator: string,\n  thousandsSeparator: string,\n  hiddenDecimalSeparator: boolean,\n) => {\n  if (hiddenDecimalSeparator) return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n  return num\n    .toFixed(2)\n    .replace('.', decimalSeparator)\n    .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n};\n"],"names":["Slider","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","marks","props","__rest","getInitialValueWithUseCallBack","useMemo","undefined","getInitialValue","values","setValues","useState","useEffect","getFormattedValueWithUseCallBack","useCallback","_value","result","parseInt","isNaN","getFormattedValue","onChangeHandler","event","activeThumb","Array","isArray","Math","onChangeSingleValue","e","newValue","target","onChangeDoubleValue","thumb","curr","newArrayValue","valuesComponent","type","onBlur","minVal","getFormattedString","maxVal","_jsxs","className","children","_jsx","jsxs","jsx","ResizableSliderInput","id","textDescription","labelText","getDoubleValueComponent","val","default","getSingleValueComponent","marksValue","getSliderMarks","Box","SliderContainer","MuiSlider","Object","assign","valueLabelFormat","v","sx","pt","SliderValuesStyled","num","toFixed","replace"],"mappings":"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"}
+{"version":3,"file":"slider.js","sources":["../../../../../src/components/slider/slider.tsx"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity */\nimport React, { HTMLAttributes, forwardRef, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Box, Slider as MuiSlider } from '@mui/material';\nimport ResizableSliderInput from '../common/resizableSliderInput';\nimport SliderValuesStyled from '../common/styled/sliderValuesStyled';\nimport { getSliderMarks, SliderContainer } from '@/src/materialui/slider';\n\nexport type ValueComponentType = 'default' | 'input' | 'labeledInput' | null;\n\nexport type SliderThousandsSeparatorType = '.' | ',' | ' ';\n\n/**\n * @interface Base defintion of SkodaFlow Slider component independent on core implementation.\n * Properties are inherited from HTML Span element and component functionality is taken from @mui/material/Slider v5.0.1.\n * @link https://mui.com/api/slider\n */\nexport interface SliderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'defaultValue' | 'onChange'> {\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   * The default values of the slider. Use array in order to have more than 1 thumb.\n   */\n  defaultValue?: number | number[];\n\n  /**\n   * Use valueLabelDisplay for hovered thumb with value text.\n   * - `auto` the value label will display when the thumb is hovered or focused.\n   * - `on` will display persistently.\n   * - `off` will never display.\n   * @default 'off'\n   */\n  valueLabelDisplay?: 'on' | 'auto' | 'off';\n\n  /**\n   * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.\n   * @default false\n   */\n  disableSwap?: boolean;\n  /**\n   * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.\n   * This is important for screen reader users.\n   * @param {number} index The thumb label's index to format.\n   * @returns {string}\n   */\n  getAriaLabel?: (index: number) => string;\n\n  /**\n   * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.\n   * This is important for screen reader users.\n   * @param {number} value The thumb label's value to format.\n   * @param {number} index The thumb label's index to format.\n   * @returns {string}\n   */\n  getAriaValueText?: (value: number, index: number) => string;\n\n  /**\n   * The maximum allowed value of the slider.\n   * Should not be equal to min.\n   * @default 100\n   */\n  max?: number;\n\n  /**\n   * The minimum allowed value of the slider.\n   * Should not be equal to max.\n   * @default 0\n   */\n  min?: number;\n\n  /**\n   * Callback function that is fired when the slider's value changed.\n   *\n   * @param {Event} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * **Warning**: This is a generic event not a change event.\n   * @param {number | number[]} value The new value.\n   * @param {number} activeThumb Index of the currently moved thumb.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement> | Event,\n    value: number | number[],\n    activeThumb?: number,\n  ) => void;\n\n  /**\n   * Callback function that is fired on input blur.\n   *\n   * @param {Event} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * **Warning**: This is a generic event not a change event.\n   * @param {number} activeThumb Index of the currently moved thumb.\n   */\n  onInputBlur?: (event: React.ChangeEvent<HTMLInputElement> | Event, activeThumb?: number) => void;\n\n  /**\n   * Callback function that is fired when the `mouseup` is triggered. Only working when using directly the slider.\n   *\n   * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.\n   * @param {number | number[]} value The new value.\n   */\n  onChangeCommitted?: (event: React.SyntheticEvent | Event, value: number | number[]) => void;\n\n  /**\n   * Marks indicate predetermined values to which the user can move the slider.\n   * If `true` the marks are spaced according the value of the `step` prop.\n   * If an array, it should contain objects with `value` and an optional `label` keys.\n   * @default false\n   */\n  marks?:\n    | 'auto'\n    | boolean\n    | {\n        value: number;\n        label?: React.ReactNode;\n      }[];\n\n  /**\n   * The granularity with which the slider can step through values. (A \"discrete\" slider.)\n   * The `min` prop serves as the origin for the valid values.\n   * We recommend (max - min) to be evenly divisible by the step.\n   *\n   * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.\n   * @default 1\n   */\n  step?: number | null;\n\n  /**\n   * Left side/min label of the value input.\n   */\n\n  leftSideLabel?: string;\n  /**\n   * Right side/max label of the value input.\n   */\n  rightSideLabel?: string;\n\n  /**\n   * Left side/min text description of the value input.\n   */\n  minTextDescription?: string;\n\n  /**\n   * Right side/max text description of the value input.\n   */\n  maxTextDescription?: string;\n\n  /**\n   * The type of the value input.\n   */\n  valueComponentType?: ValueComponentType;\n\n  /**\n   * The value of the slider. For ranged sliders, provide an array with two values.\n   */\n  value?: number | number[];\n\n  /**\n   * If true the currency is displayed in front of the value.\n   */\n  isCurrencyInFront?: boolean;\n\n  /**\n   * Thousands separator variants for formatting currency\n   */\n  thousandsSeparator?: SliderThousandsSeparatorType;\n\n  /**\n   * Decimal separator variants for formatting currency\n   */\n  decimalSeparator?: '.' | ',';\n\n  /**\n   * to hide or show decimals. Default value true\n   */\n  hiddenDecimalSeparator?: boolean;\n}\n\nconst getDoubleValueComponent = (\n  type: ValueComponentType,\n  values: number[] | '',\n  leftSideLabel?: string,\n  rightSideLabel?: string,\n  minTextDescription?: string,\n  maxTextDescription?: string,\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n  onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n  disabled?: boolean,\n  isCurrencyInFront?: boolean,\n  thousandsSeparator?: ',' | '.' | ' ',\n  decimalSeparator?: ',' | '.',\n  hiddenDecimalSeparator?: boolean,\n) => {\n  if (type === 'default' || !type) {\n    const minVal = getFormattedString(\n      typeof values[0] === 'number' ? values[0] : parseInt(values[0]),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    const maxVal = getFormattedString(\n      typeof values[1] === 'number' ? values[1] : parseInt(values[1]),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    return (\n      <div className=\"range-values\">\n        <div data-testid=\"Slider.minVal\">\n          {isCurrencyInFront ? `${minTextDescription} ${minVal}` : `${minVal} ${minTextDescription}`}\n        </div>\n        <div className=\"middle-side\"></div>\n        <div data-testid=\"Slider.maxVal\">\n          {isCurrencyInFront ? `${maxTextDescription} ${maxVal}` : `${maxVal} ${maxTextDescription}`}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"range-values\">\n      <ResizableSliderInput\n        id=\"slider-double-value-left-label-input\"\n        onChange={onChange}\n        onBlur={onBlur}\n        value={values[0]}\n        thousandsSeparator={thousandsSeparator}\n        decimalSeparator={decimalSeparator}\n        hiddenDecimalSeparator={hiddenDecimalSeparator}\n        thumb={0}\n        disabled={disabled}\n        textDescription={minTextDescription}\n        labelText={type === 'input' ? null : leftSideLabel}\n        isCurrencyInFront={isCurrencyInFront}\n        data-testid=\"Slider.minVal\"\n      />\n      <div className=\"middle-side\"></div>\n      <ResizableSliderInput\n        id=\"slider-double-value-right-label-input\"\n        onChange={onChange}\n        onBlur={onBlur}\n        value={values[1]}\n        thousandsSeparator={thousandsSeparator}\n        decimalSeparator={decimalSeparator}\n        hiddenDecimalSeparator={hiddenDecimalSeparator}\n        thumb={1}\n        disabled={disabled}\n        textDescription={maxTextDescription}\n        labelText={type === 'labeledInput' ? rightSideLabel : null}\n        isCurrencyInFront={isCurrencyInFront}\n        data-testid=\"Slider.maxVal\"\n      />\n    </div>\n  );\n};\n\nconst getSingleValueComponent = (\n  type: ValueComponentType,\n  values: number | '',\n  leftSideLabel?: string,\n  minTextDescription?: string,\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  disabled?: boolean,\n  isCurrencyInFront?: boolean,\n  thousandsSeparator?: ',' | '.' | ' ',\n  decimalSeparator?: ',' | '.',\n  hiddenDecimalSeparator?: boolean,\n) => {\n  if (type === 'default' || !type) {\n    const val = getFormattedString(\n      typeof values === 'number' ? values : parseInt(values),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    return (\n      <div data-testid=\"Slider.minVal\">\n        {minTextDescription && isCurrencyInFront\n          ? `${minTextDescription} ${val}`\n          : minTextDescription\n            ? `${val} ${minTextDescription}`\n            : val}{' '}\n      </div>\n    );\n  }\n\n  return (\n    <ResizableSliderInput\n      id=\"slider-single-value-label-input\"\n      value={values}\n      thousandsSeparator={thousandsSeparator}\n      decimalSeparator={decimalSeparator}\n      hiddenDecimalSeparator={hiddenDecimalSeparator}\n      onChange={onChange}\n      onBlur={onBlur}\n      disabled={disabled}\n      textDescription={minTextDescription}\n      labelText={type === 'labeledInput' ? leftSideLabel : null}\n      isCurrencyInFront={isCurrencyInFront}\n    />\n  );\n};\n\nconst getFormattedValue = (value: string) => {\n  let result = value ? parseInt(value) : -1;\n  if (isNaN(result)) result = -1;\n\n  return result;\n};\n\nconst getInitialValue = (\n  min: number,\n  max: number,\n  defaultValue: number | number[],\n  value?: number | number[],\n): number | number[] => {\n  if (value !== undefined) return value;\n  if (defaultValue !== undefined) return defaultValue;\n  if (max && !min) return [0, max];\n  if (!max && min) return min;\n\n  return 0;\n};\n\n/**\n * @deprecated Use Slider component from '@mui/material' module instead.\n */\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>(\n  (\n    {\n      min,\n      max,\n      defaultValue,\n      valueComponentType,\n      leftSideLabel,\n      rightSideLabel,\n      disabled,\n      disableSwap,\n      step,\n      value,\n      isCurrencyInFront,\n      minTextDescription = '',\n      maxTextDescription = '',\n      onChange,\n      onInputBlur,\n      thousandsSeparator = ' ',\n      decimalSeparator = ',',\n      hiddenDecimalSeparator = true,\n      marks,\n      ...props\n    },\n    ref,\n  ) => {\n    const getInitialValueWithUseCallBack = useMemo(() => {\n      return getInitialValue(min, max, defaultValue, value);\n    }, [min, max, defaultValue, value]);\n\n    const [values, setValues] = useState<number | number[] | ''>(getInitialValueWithUseCallBack);\n\n    useEffect(() => {\n      if (value) setValues(() => value);\n    }, [value]);\n\n    const getFormattedValueWithUseCallBack = useCallback((_value: string) => {\n      return getFormattedValue(_value);\n    }, []);\n\n    const onChangeHandler = useCallback(\n      (event: Event, _value: number | number[], activeThumb: number) => {\n        if (!Array.isArray(_value)) {\n          setValues(_value);\n          onChange && onChange(event, _value, activeThumb);\n          return;\n        }\n        if (activeThumb === 0) {\n          setValues([Math.min(_value[0], _value[1] - step), _value[1]]);\n        } else {\n          setValues([_value[0], Math.max(_value[1], _value[0] + step)]);\n        }\n        onChange && onChange(event, _value, activeThumb);\n      },\n      [onChange, step],\n    );\n\n    const onChangeSingleValue = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (newValue > max) newValue = max;\n\n        onChange && onChange(e, newValue);\n        setValues(() => newValue);\n      },\n      [getFormattedValueWithUseCallBack, max, onChange],\n    );\n\n    const onChangeDoubleValue = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (thumb === 1 && newValue > max) newValue = max;\n        else if (thumb === 0 && newValue > values[1]) newValue = values[1];\n        setValues((curr: number[]) => {\n          let newArrayValue = [...curr];\n          newArrayValue[thumb] = newValue;\n          if (newArrayValue[0] > newArrayValue[1]) {\n            newArrayValue = [0, step];\n          }\n          onChange && onChange(e, newArrayValue, thumb);\n          return newArrayValue;\n        });\n      },\n      [getFormattedValueWithUseCallBack, max, onChange, step, values],\n    );\n\n    const valuesComponent = useMemo(() => {\n      return Array.isArray(values)\n        ? getDoubleValueComponent(\n            valueComponentType,\n            values,\n            leftSideLabel,\n            rightSideLabel,\n            minTextDescription,\n            maxTextDescription,\n            onChangeDoubleValue,\n            onInputBlur,\n            disabled,\n            isCurrencyInFront,\n            thousandsSeparator,\n            decimalSeparator,\n            hiddenDecimalSeparator,\n          )\n        : getSingleValueComponent(\n            valueComponentType,\n            values,\n            leftSideLabel,\n            minTextDescription,\n            onChangeSingleValue,\n            onInputBlur,\n            disabled,\n            isCurrencyInFront,\n            thousandsSeparator,\n            decimalSeparator,\n            hiddenDecimalSeparator,\n          );\n    }, [\n      disabled,\n      isCurrencyInFront,\n      leftSideLabel,\n      maxTextDescription,\n      minTextDescription,\n      onChangeDoubleValue,\n      onChangeSingleValue,\n      onInputBlur,\n      rightSideLabel,\n      valueComponentType,\n      values,\n      thousandsSeparator,\n      decimalSeparator,\n      hiddenDecimalSeparator,\n    ]);\n\n    const marksValue = useMemo(() => {\n      if (marks === 'auto') {\n        return getSliderMarks(min || 0, max || 100);\n      } else {\n        return marks;\n      }\n    }, [marks, min || 0, max || 100]);\n\n    return (\n      <Box>\n        <SliderContainer>\n          <MuiSlider\n            {...props}\n            data-testid=\"Slider\"\n            disabled={disabled}\n            ref={ref}\n            onChange={onChangeHandler}\n            min={min}\n            max={max}\n            step={step}\n            disableSwap={disableSwap}\n            marks={marksValue}\n            valueLabelFormat={(v) =>\n              getFormattedString(v, decimalSeparator, thousandsSeparator, hiddenDecimalSeparator)\n            }\n            value={values as any}\n          />\n        </SliderContainer>\n        <Box sx={{ pt: 1 }} />\n        <SliderValuesStyled disabled={disabled}>{valuesComponent}</SliderValuesStyled>\n      </Box>\n    );\n  },\n);\n\nconst getFormattedString = (\n  num: number,\n  decimalSeparator: string,\n  thousandsSeparator: string,\n  hiddenDecimalSeparator: boolean,\n) => {\n  if (hiddenDecimalSeparator) return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n  return num\n    .toFixed(2)\n    .replace('.', decimalSeparator)\n    .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n};\n"],"names":["Slider","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","marks","props","__rest","getInitialValueWithUseCallBack","useMemo","undefined","getInitialValue","values","setValues","useState","useEffect","getFormattedValueWithUseCallBack","useCallback","_value","result","parseInt","isNaN","getFormattedValue","onChangeHandler","event","activeThumb","Array","isArray","Math","onChangeSingleValue","e","newValue","target","onChangeDoubleValue","thumb","curr","newArrayValue","valuesComponent","type","onBlur","minVal","getFormattedString","maxVal","_jsxs","className","children","_jsx","ResizableSliderInput","id","textDescription","labelText","getDoubleValueComponent","val","getSingleValueComponent","marksValue","getSliderMarks","Box","SliderContainer","MuiSlider","Object","assign","valueLabelFormat","v","sx","pt","SliderValuesStyled","num","toFixed","replace"],"mappings":"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"}

package/cjs/components/snackbar/snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","sources":["../../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Snackbar as MuiSnackbar,\n  SnackbarProps as MuiSnackbarProps,\n  Alert,\n  AlertProps,\n  AlertTitle,\n  Button,\n} from '@mui/material';\n\nexport interface SnackbarProps extends MuiSnackbarProps {\n  /**\n   * @deprecated use action instead\n   */\n  actionButtonTitle?: string;\n  /**\n   * @deprecated controlled by providing onClose property\n   */\n  closeOnClickaway?: boolean;\n  /**\n   * @deprecated provide onClose instead\n   */\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * @deprecated use onClose instead\n   */\n  handleClose?: (event: React.SyntheticEvent | Event, reason?: string) => void;\n  /**\n   * @deprecated use action instead\n   */\n  handleAction?: (event: React.SyntheticEvent | Event, reason?: string) => void;\n  /**\n   * @deprecated use severity on the Alert component instead\n   */\n  icon?: 'alert' | 'warning' | 'success' | '';\n  /**\n   * @deprecated use AlertTitle in Alert component instead\n   */\n  header?: string;\n}\n\n/**\n * @mui Snackbar that contains props parser for the previous implementation\n */\nexport const Snackbar: React.FC<SnackbarProps> = forwardRef(\n  (\n    {\n      icon,\n      message,\n      header,\n      handleAction,\n      actionButtonTitle,\n      closeOnClickaway = true,\n      onClose,\n      handleClose,\n      setOpen,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <MuiSnackbar\n        ref={ref}\n        onClose={(e, reason) => {\n          if (closeOnClickaway) {\n            if (setOpen) {\n              setOpen(false);\n            } else if (onClose) {\n              onClose(e, reason);\n            }\n            if (handleClose) {\n              handleClose(e, reason);\n            }\n          }\n        }}\n        {...rest}\n      >\n        {children || (\n          <Alert\n            severity={\n              icon\n                ? ({ alert: 'error', warning: 'warning', success: 'success' }[icon] as AlertProps['severity'])\n                : undefined\n            }\n            action={\n              <Button variant=\"text\" color=\"inherit\" size=\"small\" onClick={handleAction}>\n                {actionButtonTitle}\n              </Button>\n            }\n          >\n            <AlertTitle>{header}</AlertTitle>\n            {message}\n          </Alert>\n        )}\n      </MuiSnackbar>\n    );\n  },\n);\n"],"names":["Snackbar","forwardRef","_a","ref","icon","message","header","handleAction","actionButtonTitle","closeOnClickaway","onClose","handleClose","setOpen","children","rest","__rest","_jsx","MuiSnackbar","Object","assign","e","reason","_jsxs","Alert","severity","alert","warning","success","undefined","action","Button","variant","color","size","onClick","jsx","AlertTitle"],"mappings":"iHA4Ca,MAAAA,EAAoCC,EAAUA,YACzD,CACEC,EAaAC,SAbAC,KACEA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,aACNA,EAAYC,kBACZA,EAAiBC,iBACjBA,GAAmB,EAAIC,QACvBA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,SACPA,GAAQX,EACLY,EAXLC,EAAAA,OAAAb,EAAA,CAAA,OAAA,UAAA,SAAA,eAAA,oBAAA,mBAAA,UAAA,cAAA,UAAA,aAeA,OACEc,MAACC,EAAAA,SAAWC,OAAAC,OAAA,CACVhB,IAAKA,EACLO,QAAS,CAACU,EAAGC,KACPZ,IACEG,EACFA,GAAQ,GACCF,GACTA,EAAQU,EAAGC,GAETV,GACFA,EAAYS,EAAGC,MAIjBP,EAAI,CAAAD,SAEPA,GACCS,OAACC,EAAAA,MAAK,CACJC,SACEpB,EACK,CAAEqB,MAAO,QAASC,QAAS,UAAWC,QAAS,WAAYvB,QAC5DwB,EAENC,OACEb,EAAAA,IAACc,EAAMA,OAAA,CAACC,QAAQ,OAAOC,MAAM,UAAUC,KAAK,QAAQC,QAAS3B,EAAYM,SACtEL,cAILQ,EAACmB,IAAAC,EAAUA,WAAE,CAAAvB,SAAAP,IACZD,OAGO"}
+{"version":3,"file":"snackbar.js","sources":["../../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Snackbar as MuiSnackbar,\n  SnackbarProps as MuiSnackbarProps,\n  Alert,\n  AlertProps,\n  AlertTitle,\n  Button,\n} from '@mui/material';\n\nexport interface SnackbarProps extends MuiSnackbarProps {\n  /**\n   * @deprecated use action instead\n   */\n  actionButtonTitle?: string;\n  /**\n   * @deprecated controlled by providing onClose property\n   */\n  closeOnClickaway?: boolean;\n  /**\n   * @deprecated provide onClose instead\n   */\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * @deprecated use onClose instead\n   */\n  handleClose?: (event: React.SyntheticEvent | Event, reason?: string) => void;\n  /**\n   * @deprecated use action instead\n   */\n  handleAction?: (event: React.SyntheticEvent | Event, reason?: string) => void;\n  /**\n   * @deprecated use severity on the Alert component instead\n   */\n  icon?: 'alert' | 'warning' | 'success' | '';\n  /**\n   * @deprecated use AlertTitle in Alert component instead\n   */\n  header?: string;\n}\n\n/**\n * @mui Snackbar that contains props parser for the previous implementation\n */\nexport const Snackbar: React.FC<SnackbarProps> = forwardRef(\n  (\n    {\n      icon,\n      message,\n      header,\n      handleAction,\n      actionButtonTitle,\n      closeOnClickaway = true,\n      onClose,\n      handleClose,\n      setOpen,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <MuiSnackbar\n        ref={ref}\n        onClose={(e, reason) => {\n          if (closeOnClickaway) {\n            if (setOpen) {\n              setOpen(false);\n            } else if (onClose) {\n              onClose(e, reason);\n            }\n            if (handleClose) {\n              handleClose(e, reason);\n            }\n          }\n        }}\n        {...rest}\n      >\n        {children || (\n          <Alert\n            severity={\n              icon\n                ? ({ alert: 'error', warning: 'warning', success: 'success' }[icon] as AlertProps['severity'])\n                : undefined\n            }\n            action={\n              <Button variant=\"text\" color=\"inherit\" size=\"small\" onClick={handleAction}>\n                {actionButtonTitle}\n              </Button>\n            }\n          >\n            <AlertTitle>{header}</AlertTitle>\n            {message}\n          </Alert>\n        )}\n      </MuiSnackbar>\n    );\n  },\n);\n"],"names":["Snackbar","forwardRef","_a","ref","icon","message","header","handleAction","actionButtonTitle","closeOnClickaway","onClose","handleClose","setOpen","children","rest","__rest","_jsx","MuiSnackbar","Object","assign","e","reason","_jsxs","Alert","severity","alert","warning","success","undefined","action","Button","variant","color","size","onClick","AlertTitle"],"mappings":"iHA4CO,MAAMA,EAAoCC,EAAAA,YAC/C,CACEC,EAaAC,SAbAC,KACEA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,aACNA,EAAYC,kBACZA,EAAiBC,iBACjBA,GAAmB,EAAIC,QACvBA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,SACPA,GAAQX,EACLY,EAAIC,EAAAA,OAAAb,EAXT,CAAA,OAAA,UAAA,SAAA,eAAA,oBAAA,mBAAA,UAAA,cAAA,UAAA,aAeA,OACEc,MAACC,EAAAA,SAAWC,OAAAC,OAAA,CACVhB,IAAKA,EACLO,QAAS,CAACU,EAAGC,KACPZ,IACEG,EACFA,GAAQ,GACCF,GACTA,EAAQU,EAAGC,GAETV,GACFA,EAAYS,EAAGC,GAEnB,GAEEP,EAAI,CAAAD,SAEPA,GACCS,OAACC,EAAAA,MAAK,CACJC,SACEpB,EACK,CAAEqB,MAAO,QAASC,QAAS,UAAWC,QAAS,WAAYvB,QAC5DwB,EAENC,OACEb,EAAAA,IAACc,EAAAA,OAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,KAAK,QAAQC,QAAS3B,EAAYM,SACtEL,cAILQ,EAAAA,IAACmB,EAAAA,WAAU,CAAAtB,SAAEP,IACZD,OAGO"}

package/cjs/components/spacing/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","sources":["../../../../../src/components/spacing/spacing.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface SpacingProps extends BoxProps<ElementType> {\n  /**\n   * Value of spacing. Transpiles to theme.spacing(value).\n   *\n   * @default 2 that transpiles by default to 16px\n   */\n  value?: number;\n  /**\n   * Defines whether the Spacing should be horizontal or vertical.\n   * @default: false\n   */\n  horizontal?: boolean;\n}\n\nexport const Spacing: React.FC<SpacingProps> = forwardRef(({ sx, value = 2, horizontal = false, ...rest }, ref) => {\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        pl: horizontal ? value : 0,\n        pt: horizontal ? 0 : value,\n        ...sx,\n      }}\n      {...rest}\n    />\n  );\n});\n"],"names":["Spacing","forwardRef","_a","ref","sx","value","horizontal","rest","__rest","_jsx","Box","Object","assign","pl","pt"],"mappings":"iHAiBa,MAAAA,EAAkCC,EAAUA,YAAC,CAACC,EAAgDC,KAAhD,IAAAC,GAAEA,EAAEC,MAAEA,EAAQ,EAACC,WAAEA,GAAa,GAAgBJ,EAANK,EAAIC,EAAAA,OAAAN,EAA5C,6BACzD,OACEO,MAACC,EAAAA,IACCC,OAAAC,OAAA,CAAAT,IAAKA,EACLC,GAAEO,OAAAC,OAAA,CACAC,GAAIP,EAAaD,EAAQ,EACzBS,GAAIR,EAAa,EAAID,GAClBD,IAEDG,GACJ"}
+{"version":3,"file":"spacing.js","sources":["../../../../../src/components/spacing/spacing.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface SpacingProps extends BoxProps<ElementType> {\n  /**\n   * Value of spacing. Transpiles to theme.spacing(value).\n   *\n   * @default 2 that transpiles by default to 16px\n   */\n  value?: number;\n  /**\n   * Defines whether the Spacing should be horizontal or vertical.\n   * @default: false\n   */\n  horizontal?: boolean;\n}\n\nexport const Spacing: React.FC<SpacingProps> = forwardRef(({ sx, value = 2, horizontal = false, ...rest }, ref) => {\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        pl: horizontal ? value : 0,\n        pt: horizontal ? 0 : value,\n        ...sx,\n      }}\n      {...rest}\n    />\n  );\n});\n"],"names":["Spacing","forwardRef","_a","ref","sx","value","horizontal","rest","__rest","_jsx","Box","Object","assign","pl","pt"],"mappings":"iHAiBO,MAAMA,EAAkCC,EAAAA,YAAW,CAACC,EAAgDC,KAAhD,IAAAC,GAAEA,EAAEC,MAAEA,EAAQ,EAACC,WAAEA,GAAa,GAAKJ,EAAKK,EAAIC,EAAAA,OAAAN,EAA5C,6BACzD,OACEO,MAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFT,IAAKA,EACLC,GAAEO,OAAAC,OAAA,CACAC,GAAIP,EAAaD,EAAQ,EACzBS,GAAIR,EAAa,EAAID,GAClBD,IAEDG,GACJ"}

package/cjs/components/stepper/desktopStepperStepDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"desktopStepperStepDescription.js","sources":["../../../../../src/components/stepper/desktopStepperStepDescription.tsx"],"sourcesContent":["import { Box, Chip, Tooltip } from '@mui/material';\nimport React from 'react';\nimport { Location, StepDescriptionDefinition } from './model';\nimport { stepperStyles } from './stepper.styles';\n\n/**\n * @deprecated\n */\nconst getStepDescriptionLocation = (location: Location = 'bottom') => {\n  const defaultLocation = { marginTop: '16px' };\n  switch (location) {\n    case 'bottom':\n      return defaultLocation;\n    case 'top':\n      return { marginTop: 'calc(-50% + -16px)' };\n    default:\n      return defaultLocation;\n  }\n};\n\n/**\n * @deprecated\n */\nconst StepDescription = (props: StepDescriptionDefinition) => {\n  if (!props) {\n    return null;\n  }\n  const { text, width, tooltipProps = { title: undefined } } = props;\n  return (\n    <Box sx={stepperStyles.getStepDescriptionContainerStyle(getStepDescriptionLocation())}>\n      <Tooltip {...tooltipProps}>\n        <Chip\n          sx={{\n            ...stepperStyles.getMultilineChipStyle(width),\n          }}\n          color=\"primary\"\n          label={text}\n        />\n      </Tooltip>\n    </Box>\n  );\n};\n\nexport { StepDescription, getStepDescriptionLocation };\n"],"names":["getStepDescriptionLocation","location","defaultLocation","marginTop","props","text","width","tooltipProps","title","undefined","_jsx","Box","sx","stepperStyles","getStepDescriptionContainerStyle","children","Tooltip","Object","assign","jsx","Chip","getMultilineChipStyle","color","label"],"mappings":"4GAQA,MAAMA,EAA6B,CAACC,EAAqB,YACvD,MAAMC,EAAkB,CAAEC,UAAW,QACrC,OAAQF,GACN,IAAK,SAIL,QACE,OAAOC,EAHT,IAAK,MACH,MAAO,CAAEC,UAAW,gDASDC,IACvB,IAAKA,EACH,OAAO,KAET,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,aAAEA,EAAe,CAAEC,WAAOC,IAAgBL,EAC7D,OACEM,EAAAA,IAACC,EAAAA,KAAIC,GAAIC,EAAaA,cAACC,iCAAiCd,KACtDe,SAAAL,EAAAA,IAACM,EAAAA,QAAYC,OAAAC,OAAA,CAAA,EAAAX,YACXG,EAACS,IAAAC,EAAIA,KACH,CAAAR,oBACKC,EAAaA,cAACQ,sBAAsBf,IAEzCgB,MAAM,UACNC,MAAOlB,QAGP"}
+{"version":3,"file":"desktopStepperStepDescription.js","sources":["../../../../../src/components/stepper/desktopStepperStepDescription.tsx"],"sourcesContent":["import { Box, Chip, Tooltip } from '@mui/material';\nimport React from 'react';\nimport { Location, StepDescriptionDefinition } from './model';\nimport { stepperStyles } from './stepper.styles';\n\n/**\n * @deprecated\n */\nconst getStepDescriptionLocation = (location: Location = 'bottom') => {\n  const defaultLocation = { marginTop: '16px' };\n  switch (location) {\n    case 'bottom':\n      return defaultLocation;\n    case 'top':\n      return { marginTop: 'calc(-50% + -16px)' };\n    default:\n      return defaultLocation;\n  }\n};\n\n/**\n * @deprecated\n */\nconst StepDescription = (props: StepDescriptionDefinition) => {\n  if (!props) {\n    return null;\n  }\n  const { text, width, tooltipProps = { title: undefined } } = props;\n  return (\n    <Box sx={stepperStyles.getStepDescriptionContainerStyle(getStepDescriptionLocation())}>\n      <Tooltip {...tooltipProps}>\n        <Chip\n          sx={{\n            ...stepperStyles.getMultilineChipStyle(width),\n          }}\n          color=\"primary\"\n          label={text}\n        />\n      </Tooltip>\n    </Box>\n  );\n};\n\nexport { StepDescription, getStepDescriptionLocation };\n"],"names":["getStepDescriptionLocation","location","defaultLocation","marginTop","props","text","width","tooltipProps","title","undefined","_jsx","Box","sx","stepperStyles","getStepDescriptionContainerStyle","children","Tooltip","Object","assign","Chip","getMultilineChipStyle","color","label"],"mappings":"4GAQA,MAAMA,EAA6B,CAACC,EAAqB,YACvD,MAAMC,EAAkB,CAAEC,UAAW,QACrC,OAAQF,GACN,IAAK,SAIL,QACE,OAAOC,EAHT,IAAK,MACH,MAAO,CAAEC,UAAW,gDASDC,IACvB,IAAKA,EACH,OAAO,KAET,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,aAAEA,EAAe,CAAEC,WAAOC,IAAgBL,EAC7D,OACEM,EAAAA,IAACC,EAAAA,KAAIC,GAAIC,EAAAA,cAAcC,iCAAiCd,KAA6Be,SACnFL,EAAAA,IAACM,EAAAA,QAAOC,OAAAC,OAAA,CAAA,EAAKX,YACXG,EAAAA,IAACS,EAAAA,KAAI,CACHP,oBACKC,EAAAA,cAAcO,sBAAsBd,IAEzCe,MAAM,UACNC,MAAOjB,QAGP"}

package/cjs/components/stepper/stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sources":["../../../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { Stepper as MuiStepper, Step, StepLabel, styled } from '@mui/material';\nimport { FC, PropsWithChildren } from 'react';\nimport { StepDescription } from './desktopStepperStepDescription';\nimport { StepDefinition, StepperProps } from './model';\nimport { stepperStyles } from './stepper.styles';\n\nconst StepperStyled = styled('div')<{ theme?: any }>(() => {\n  return stepperStyles.stepperContainer;\n});\n\n/**\n * @deprecated Use Stepper from @mui/material instead\n *\n * @see @mui/material/Stepper\n */\nconst Stepper: FC<PropsWithChildren<StepperProps>> = ({\n  activeStep,\n  alternativeLabel,\n  children,\n  classes,\n  connector,\n  nonLinear,\n  orientation,\n  step,\n  ...props\n}) => {\n  const desktopStepper = () => (\n    <MuiStepper {...props} activeStep={activeStep} alternativeLabel={alternativeLabel}>\n      {children ||\n        step.map((item) => {\n          const isItemString = typeof item === 'string' || item instanceof String;\n          const label = isItemString ? item : (item as StepDefinition).label;\n          return (\n            <Step key={label + ''}>\n              <StepLabel style={stepperStyles.stepLabel}>{label}</StepLabel>\n              {!isItemString && alternativeLabel && StepDescription((item as StepDefinition).stepDescription)}\n            </Step>\n          );\n        })}\n    </MuiStepper>\n  );\n\n  return <StepperStyled>{desktopStepper()}</StepperStyled>;\n};\n\nexport { Stepper };\n"],"names":["StepperStyled","styled","stepperStyles","stepperContainer","_a","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","_jsx","MuiStepper","Object","assign","map","item","isItemString","String","label","_jsxs","jsxs","Step","StepLabel","style","stepLabel","StepDescription","stepDescription"],"mappings":"+KAMA,MAAMA,EAAgBC,EAAAA,OAAO,MAAPA,EAA+B,IAC5CC,EAAaA,cAACC,mCAQ+BC,QAAAC,WACpDA,EAAUC,iBACVA,EAAgBC,SAChBA,EAAQC,QACRA,EAAOC,UACPA,EAASC,UACTA,EAASC,YACTA,EAAWC,KACXA,GAAIR,EACDS,EAAKC,EAAAA,OAAAV,EAT4C,qGA2BpD,OAAOW,MAACf,EAAa,CAAAO,SAfnBQ,EAAAA,IAACC,EAAAA,QAAUC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAR,WAAYA,EAAYC,iBAAkBA,WAC9DC,GACCK,EAAKO,KAAKC,IACR,MAAMC,EAA+B,iBAATD,GAAqBA,aAAgBE,OAC3DC,EAAQF,EAAeD,EAAQA,EAAwBG,MAC7D,OACEC,EAAAC,KAACC,OAAI,CAAAnB,SAAA,CACHQ,MAACY,EAAAA,UAAS,CAACC,MAAO1B,EAAaA,cAAC2B,UAAStB,SAAGgB,KAC1CF,GAAgBf,GAAoBwB,EAAeA,gBAAEV,EAAwBW,mBAFtER,EAAQ,GAGZ,QAMuC"}
+{"version":3,"file":"stepper.js","sources":["../../../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { Stepper as MuiStepper, Step, StepLabel, styled } from '@mui/material';\nimport { FC, PropsWithChildren } from 'react';\nimport { StepDescription } from './desktopStepperStepDescription';\nimport { StepDefinition, StepperProps } from './model';\nimport { stepperStyles } from './stepper.styles';\n\nconst StepperStyled = styled('div')<{ theme?: any }>(() => {\n  return stepperStyles.stepperContainer;\n});\n\n/**\n * @deprecated Use Stepper from @mui/material instead\n *\n * @see @mui/material/Stepper\n */\nconst Stepper: FC<PropsWithChildren<StepperProps>> = ({\n  activeStep,\n  alternativeLabel,\n  children,\n  classes,\n  connector,\n  nonLinear,\n  orientation,\n  step,\n  ...props\n}) => {\n  const desktopStepper = () => (\n    <MuiStepper {...props} activeStep={activeStep} alternativeLabel={alternativeLabel}>\n      {children ||\n        step.map((item) => {\n          const isItemString = typeof item === 'string' || item instanceof String;\n          const label = isItemString ? item : (item as StepDefinition).label;\n          return (\n            <Step key={label + ''}>\n              <StepLabel style={stepperStyles.stepLabel}>{label}</StepLabel>\n              {!isItemString && alternativeLabel && StepDescription((item as StepDefinition).stepDescription)}\n            </Step>\n          );\n        })}\n    </MuiStepper>\n  );\n\n  return <StepperStyled>{desktopStepper()}</StepperStyled>;\n};\n\nexport { Stepper };\n"],"names":["StepperStyled","styled","stepperStyles","stepperContainer","_a","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","_jsx","MuiStepper","Object","assign","map","item","isItemString","String","label","_jsxs","Step","StepLabel","style","stepLabel","StepDescription","stepDescription"],"mappings":"+KAMA,MAAMA,EAAgBC,EAAAA,OAAO,MAAPA,EAA+B,IAC5CC,EAAAA,cAAcC,mCAQ+BC,QAAAC,WACpDA,EAAUC,iBACVA,EAAgBC,SAChBA,EAAQC,QACRA,EAAOC,UACPA,EAASC,UACTA,EAASC,YACTA,EAAWC,KACXA,GAAIR,EACDS,EAAKC,EAAAA,OAAAV,EAT4C,qGA2BpD,OAAOW,EAAAA,IAACf,EAAa,CAAAO,SAfnBQ,EAAAA,IAACC,EAAAA,QAAUC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAER,WAAYA,EAAYC,iBAAkBA,WAC9DC,GACCK,EAAKO,KAAKC,IACR,MAAMC,EAA+B,iBAATD,GAAqBA,aAAgBE,OAC3DC,EAAQF,EAAeD,EAAQA,EAAwBG,MAC7D,OACEC,EAAAA,KAACC,OAAI,CAAAlB,SAAA,CACHQ,MAACW,EAAAA,UAAS,CAACC,MAAOzB,EAAAA,cAAc0B,UAASrB,SAAGgB,KAC1CF,GAAgBf,GAAoBuB,EAAAA,gBAAiBT,EAAwBU,mBAFtEP,EAAQ,GAGZ,QAMuC"}

package/cjs/components/stepper/stepper.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.styles.js","sources":["../../../../../src/components/stepper/stepper.styles.ts"],"sourcesContent":["import { StepperIconsEnum } from './model';\nimport { Theme } from '@mui/material/styles';\nimport { CSSObject, stepConnectorClasses } from '@mui/material';\n\nconst stepperStyles = {\n  getMultilineChipStyle: (width: string) => ({\n    height: 'auto',\n    paddingTop: '2px',\n    paddingBottom: '2px',\n    width,\n    '& .MuiChip-label': {\n      display: 'block',\n      whiteSpace: 'normal',\n      wordBreak: 'break-word',\n      textAlign: 'center',\n    },\n  }),\n  stepLabel: {\n    lineHeight: '16px',\n    fontSize: '12px',\n    fontWeight: '400',\n  },\n  getStepDescriptionContainerStyle: (locationStyle: CSSObject) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    ...locationStyle,\n  }),\n  stepperContainer: {\n    '& .controllerContainer': {\n      display: 'flex',\n      alignItems: 'center',\n      fontStyle: 'normal',\n      fontWeight: '700',\n      fontSize: '12px',\n      lineHeight: '16px',\n    },\n  },\n  iconRootStylesGetter: (theme: Theme) => ({\n    color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n    display: 'flex',\n    height: 22,\n    alignItems: 'center',\n    [`& .${StepperIconsEnum.completed}`]: {\n      color: theme.palette.onSurface.os700,\n      width: 12,\n      height: 12,\n      borderRadius: '50%',\n      backgroundColor: 'currentColor',\n      '&:hover': {\n        borderRadius: '50%',\n        border: `1.5px solid ${theme.palette.onSurface.os700}`,\n        color: theme.palette.brand.secondary,\n      },\n    },\n    [`& .${StepperIconsEnum.active}`]: {\n      color: theme.palette.onSurface.os700,\n      width: 18,\n      height: 18,\n      borderRadius: '50%',\n      marginRight: '5.25px',\n      marginLeft: '0px',\n      backgroundColor: 'currentColor',\n      '&:hover': {\n        borderRadius: '50%',\n        border: `1.5px solid ${theme.palette.onSurface.os700}`,\n        color: theme.palette.brand.secondary,\n      },\n    },\n    [`& .${StepperIconsEnum.default}`]: {\n      width: 12,\n      height: 12,\n      borderRadius: '50%',\n      border: '1.5px solid #C4C6C7',\n      color: 'transparent',\n      '&:hover': {\n        cursor: 'pointer',\n        borderRadius: '50%',\n        border: `1.5px solid ${theme.palette.disabled.tertiary}`,\n        backgroundColor: theme.palette.disabled.secondary,\n      },\n    },\n  }),\n  qontoConnectorStylesGetter: (theme: Theme) => ({\n    [`&.${stepConnectorClasses.alternativeLabel}`]: {\n      top: 10,\n      left: 'calc(-50% + 9px)',\n      right: 'calc(50% + 9px)',\n    },\n    [`&.${stepConnectorClasses.active}`]: {\n      [`& .${stepConnectorClasses.line}`]: {\n        borderColor: theme.palette.onSurface.os700,\n        width: '99%',\n      },\n    },\n    [`&.${stepConnectorClasses.completed}`]: {\n      [`& .${stepConnectorClasses.line}`]: {\n        borderColor: theme.palette.onSurface.os700,\n      },\n    },\n    [`& .${stepConnectorClasses.line}`]: {\n      borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : theme.palette.disabled.primary,\n      borderTopWidth: 3,\n      borderRadius: 1,\n    },\n  }),\n};\n\nexport { stepperStyles };\n"],"names":["stepperStyles","getMultilineChipStyle","width","height","paddingTop","paddingBottom","display","whiteSpace","wordBreak","textAlign","stepLabel","lineHeight","fontSize","fontWeight","getStepDescriptionContainerStyle","locationStyle","Object","assign","justifyContent","stepperContainer","alignItems","fontStyle","iconRootStylesGetter","theme","color","palette","mode","grey","StepperIconsEnum","completed","onSurface","os700","borderRadius","backgroundColor","border","brand","secondary","active","marginRight","marginLeft","default","cursor","disabled","tertiary","qontoConnectorStylesGetter","stepConnectorClasses","alternativeLabel","top","left","right","line","borderColor","primary","borderTopWidth"],"mappings":"oEAIA,MAAMA,EAAgB,CACpBC,sBAAwBC,IAAmB,CACzCC,OAAQ,OACRC,WAAY,MACZC,cAAe,MACfH,QACA,mBAAoB,CAClBI,QAAS,QACTC,WAAY,SACZC,UAAW,aACXC,UAAW,YAGfC,UAAW,CACTC,WAAY,OACZC,SAAU,OACVC,WAAY,OAEdC,iCAAmCC,GACjCC,OAAAC,OAAA,CAAAX,QAAS,OACTY,eAAgB,UACbH,GAELI,iBAAkB,CAChB,yBAA0B,CACxBb,QAAS,OACTc,WAAY,SACZC,UAAW,SACXR,WAAY,MACZD,SAAU,OACVD,WAAY,SAGhBW,qBAAuBC,IAAkB,CACvCC,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAO,UACjErB,QAAS,OACTH,OAAQ,GACRiB,WAAY,SACZ,CAAC,MAAMQ,mBAAiBC,aAAc,CACpCL,MAAOD,EAAME,QAAQK,UAAUC,MAC/B7B,MAAO,GACPC,OAAQ,GACR6B,aAAc,MACdC,gBAAiB,eACjB,UAAW,CACTD,aAAc,MACdE,OAAQ,eAAeX,EAAME,QAAQK,UAAUC,QAC/CP,MAAOD,EAAME,QAAQU,MAAMC,YAG/B,CAAC,MAAMR,mBAAiBS,UAAW,CACjCb,MAAOD,EAAME,QAAQK,UAAUC,MAC/B7B,MAAO,GACPC,OAAQ,GACR6B,aAAc,MACdM,YAAa,SACbC,WAAY,MACZN,gBAAiB,eACjB,UAAW,CACTD,aAAc,MACdE,OAAQ,eAAeX,EAAME,QAAQK,UAAUC,QAC/CP,MAAOD,EAAME,QAAQU,MAAMC,YAG/B,CAAC,MAAMR,mBAAiBY,WAAY,CAClCtC,MAAO,GACPC,OAAQ,GACR6B,aAAc,MACdE,OAAQ,sBACRV,MAAO,cACP,UAAW,CACTiB,OAAQ,UACRT,aAAc,MACdE,OAAQ,eAAeX,EAAME,QAAQiB,SAASC,WAC9CV,gBAAiBV,EAAME,QAAQiB,SAASN,cAI9CQ,2BAA6BrB,IAAkB,CAC7C,CAAC,KAAKsB,uBAAqBC,oBAAqB,CAC9CC,IAAK,GACLC,KAAM,mBACNC,MAAO,mBAET,CAAC,KAAKJ,uBAAqBR,UAAW,CACpC,CAAC,MAAMQ,uBAAqBK,QAAS,CACnCC,YAAa5B,EAAME,QAAQK,UAAUC,MACrC7B,MAAO,QAGX,CAAC,KAAK2C,uBAAqBhB,aAAc,CACvC,CAAC,MAAMgB,uBAAqBK,QAAS,CACnCC,YAAa5B,EAAME,QAAQK,UAAUC,QAGzC,CAAC,MAAMc,uBAAqBK,QAAS,CACnCC,YAAoC,SAAvB5B,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAOJ,EAAME,QAAQiB,SAASU,QAC9FC,eAAgB,EAChBrB,aAAc"}
+{"version":3,"file":"stepper.styles.js","sources":["../../../../../src/components/stepper/stepper.styles.ts"],"sourcesContent":["import { StepperIconsEnum } from './model';\nimport { Theme } from '@mui/material/styles';\nimport { CSSObject, stepConnectorClasses } from '@mui/material';\n\nconst stepperStyles = {\n  getMultilineChipStyle: (width: string) => ({\n    height: 'auto',\n    paddingTop: '2px',\n    paddingBottom: '2px',\n    width,\n    '& .MuiChip-label': {\n      display: 'block',\n      whiteSpace: 'normal',\n      wordBreak: 'break-word',\n      textAlign: 'center',\n    },\n  }),\n  stepLabel: {\n    lineHeight: '16px',\n    fontSize: '12px',\n    fontWeight: '400',\n  },\n  getStepDescriptionContainerStyle: (locationStyle: CSSObject) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    ...locationStyle,\n  }),\n  stepperContainer: {\n    '& .controllerContainer': {\n      display: 'flex',\n      alignItems: 'center',\n      fontStyle: 'normal',\n      fontWeight: '700',\n      fontSize: '12px',\n      lineHeight: '16px',\n    },\n  },\n  iconRootStylesGetter: (theme: Theme) => ({\n    color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n    display: 'flex',\n    height: 22,\n    alignItems: 'center',\n    [`& .${StepperIconsEnum.completed}`]: {\n      color: theme.palette.onSurface.os700,\n      width: 12,\n      height: 12,\n      borderRadius: '50%',\n      backgroundColor: 'currentColor',\n      '&:hover': {\n        borderRadius: '50%',\n        border: `1.5px solid ${theme.palette.onSurface.os700}`,\n        color: theme.palette.brand.secondary,\n      },\n    },\n    [`& .${StepperIconsEnum.active}`]: {\n      color: theme.palette.onSurface.os700,\n      width: 18,\n      height: 18,\n      borderRadius: '50%',\n      marginRight: '5.25px',\n      marginLeft: '0px',\n      backgroundColor: 'currentColor',\n      '&:hover': {\n        borderRadius: '50%',\n        border: `1.5px solid ${theme.palette.onSurface.os700}`,\n        color: theme.palette.brand.secondary,\n      },\n    },\n    [`& .${StepperIconsEnum.default}`]: {\n      width: 12,\n      height: 12,\n      borderRadius: '50%',\n      border: '1.5px solid #C4C6C7',\n      color: 'transparent',\n      '&:hover': {\n        cursor: 'pointer',\n        borderRadius: '50%',\n        border: `1.5px solid ${theme.palette.disabled.tertiary}`,\n        backgroundColor: theme.palette.disabled.secondary,\n      },\n    },\n  }),\n  qontoConnectorStylesGetter: (theme: Theme) => ({\n    [`&.${stepConnectorClasses.alternativeLabel}`]: {\n      top: 10,\n      left: 'calc(-50% + 9px)',\n      right: 'calc(50% + 9px)',\n    },\n    [`&.${stepConnectorClasses.active}`]: {\n      [`& .${stepConnectorClasses.line}`]: {\n        borderColor: theme.palette.onSurface.os700,\n        width: '99%',\n      },\n    },\n    [`&.${stepConnectorClasses.completed}`]: {\n      [`& .${stepConnectorClasses.line}`]: {\n        borderColor: theme.palette.onSurface.os700,\n      },\n    },\n    [`& .${stepConnectorClasses.line}`]: {\n      borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : theme.palette.disabled.primary,\n      borderTopWidth: 3,\n      borderRadius: 1,\n    },\n  }),\n};\n\nexport { stepperStyles };\n"],"names":["stepperStyles","getMultilineChipStyle","width","height","paddingTop","paddingBottom","display","whiteSpace","wordBreak","textAlign","stepLabel","lineHeight","fontSize","fontWeight","getStepDescriptionContainerStyle","locationStyle","Object","assign","justifyContent","stepperContainer","alignItems","fontStyle","iconRootStylesGetter","theme","color","palette","mode","grey","StepperIconsEnum","completed","onSurface","os700","borderRadius","backgroundColor","border","brand","secondary","active","marginRight","marginLeft","default","cursor","disabled","tertiary","qontoConnectorStylesGetter","stepConnectorClasses","alternativeLabel","top","left","right","line","borderColor","primary","borderTopWidth"],"mappings":"oEAIA,MAAMA,EAAgB,CACpBC,sBAAwBC,IAAa,CACnCC,OAAQ,OACRC,WAAY,MACZC,cAAe,MACfH,QACA,mBAAoB,CAClBI,QAAS,QACTC,WAAY,SACZC,UAAW,aACXC,UAAW,YAGfC,UAAW,CACTC,WAAY,OACZC,SAAU,OACVC,WAAY,OAEdC,iCAAmCC,GAA6BC,OAAAC,OAAA,CAC9DX,QAAS,OACTY,eAAgB,UACbH,GAELI,iBAAkB,CAChB,yBAA0B,CACxBb,QAAS,OACTc,WAAY,SACZC,UAAW,SACXR,WAAY,MACZD,SAAU,OACVD,WAAY,SAGhBW,qBAAuBC,IAAY,CACjCC,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAO,UACjErB,QAAS,OACTH,OAAQ,GACRiB,WAAY,SACZ,CAAC,MAAMQ,mBAAiBC,aAAc,CACpCL,MAAOD,EAAME,QAAQK,UAAUC,MAC/B7B,MAAO,GACPC,OAAQ,GACR6B,aAAc,MACdC,gBAAiB,eACjB,UAAW,CACTD,aAAc,MACdE,OAAQ,eAAeX,EAAME,QAAQK,UAAUC,QAC/CP,MAAOD,EAAME,QAAQU,MAAMC,YAG/B,CAAC,MAAMR,mBAAiBS,UAAW,CACjCb,MAAOD,EAAME,QAAQK,UAAUC,MAC/B7B,MAAO,GACPC,OAAQ,GACR6B,aAAc,MACdM,YAAa,SACbC,WAAY,MACZN,gBAAiB,eACjB,UAAW,CACTD,aAAc,MACdE,OAAQ,eAAeX,EAAME,QAAQK,UAAUC,QAC/CP,MAAOD,EAAME,QAAQU,MAAMC,YAG/B,CAAC,MAAMR,mBAAiBY,WAAY,CAClCtC,MAAO,GACPC,OAAQ,GACR6B,aAAc,MACdE,OAAQ,sBACRV,MAAO,cACP,UAAW,CACTiB,OAAQ,UACRT,aAAc,MACdE,OAAQ,eAAeX,EAAME,QAAQiB,SAASC,WAC9CV,gBAAiBV,EAAME,QAAQiB,SAASN,cAI9CQ,2BAA6BrB,IAAY,CACvC,CAAC,KAAKsB,uBAAqBC,oBAAqB,CAC9CC,IAAK,GACLC,KAAM,mBACNC,MAAO,mBAET,CAAC,KAAKJ,uBAAqBR,UAAW,CACpC,CAAC,MAAMQ,uBAAqBK,QAAS,CACnCC,YAAa5B,EAAME,QAAQK,UAAUC,MACrC7B,MAAO,QAGX,CAAC,KAAK2C,uBAAqBhB,aAAc,CACvC,CAAC,MAAMgB,uBAAqBK,QAAS,CACnCC,YAAa5B,EAAME,QAAQK,UAAUC,QAGzC,CAAC,MAAMc,uBAAqBK,QAAS,CACnCC,YAAoC,SAAvB5B,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAOJ,EAAME,QAAQiB,SAASU,QAC9FC,eAAgB,EAChBrB,aAAc"}