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

@skodaflow/web-library 7.14.0 → 7.15.1

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

Files changed (2582) hide show

package/cjs/components/quickLink/quickLink.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),e=require("@mui/material"),i=require("../icon/icon.js");require("../icon/icon.definitions.js");var n=require("../icon/stroke/ArrowRightIcon.js"),o=require("../../materialui/button/interactive.js");const a=s.forwardRef(((s,a)=>{var{iconName:c,iconProps:p,title:x,titleTypographyProps:d,subtitle:l,subtitleTypographyProps:u,dividerWrapperProps:b,dividerProps:g,contentWrapperProps:m,titleWrapperProps:j,buttonTitle:h,buttonProps:k,buttonIconProps:y,onClick:f,sx:O}=s,P=t.__rest(s,["iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx"]);const v=p||{},{sx:I}=v,_=t.__rest(v,["sx"]),B=b||{},{sx:T}=B,W=t.__rest(B,["sx"]),q=g||{},{sx:C}=q,S=t.__rest(q,["sx"]),w=m||{},{sx:L}=w,Q=t.__rest(w,["sx"]),M=j||{},{sx:R}=M,X=t.__rest(M,["sx"]);return r.jsxs(e.Stack,Object.assign({direction:"column",alignItems:"flex-start",sx:Object.assign(Object.assign({minWidth:"0",cursor:"pointer",color:"inherit",textDecoration:"unset",gap:{xs:"8px",md:"16px"}},o.getInteractiveStyle({hr:{backgroundColor:"text.primary",height:"1px"},".MuiButton-navigation":{backgroundColor:"transparent",color:t=>"dark"===t.palette.mode?"onSurface.os0":"onSurface.os900","& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}}},{hr:{backgroundColor:t=>"dark"===t.palette.mode?"brand.secondary":"brand.primary",height:"2px"},".MuiButton-navigation":{backgroundColor:"transparent",color:t=>"dark"===t.palette.mode?"onSurface.os300":"onSurface.os700",".MuiButton-startIcon":{transform:"translateX(-8px)"},".MuiButton-endIcon":{transform:"translateX(8px)"}}})),O),"data-testid":"QuickLink",ref:a},f&&{onClick:f,role:"button"},{tabIndex:-1},P,{children:[r.jsx(e.Box,Object.assign({sx:Object.assign({position:"relative",width:"100%",height:"2px","&&":{mb:{xs:0,md:c?0:2}}},T)},W,{children:r.jsx(e.Box,Object.assign({component:"hr",sx:Object.assign({border:"none",position:"absolute",inset:"0",m:0},C)},S))})),r.jsxs(e.Box,Object.assign({sx:Object.assign({width:"480px",maxWidth:"100%",pr:3,pt:{xs:"8px",md:"0px"}},L)},Q,{children:[r.jsxs(e.Stack,Object.assign({sx:Object.assign({flexDirection:{xs:"row",md:"column"},alignItems:{xs:"center",md:"flex-start"},gap:{xs:"4px",md:"18px"},mb:{xs:"4px",md:0}},R)},X,{children:[c&&r.jsx(i.Icon,Object.assign({name:c,sx:Object.assign({display:"block",fontSize:{xs:"20px",md:"35px"},mx:{xs:"2px",md:"0px"},my:{xs:"0px",md:"2px"}},I),"data-testid":"QuickLink.icon"},_)),x&&r.jsx(e.Typography,Object.assign({variant:"h4",display:"block","data-testid":"QuickLink.title",sx:{mb:{xs:0,md:.5}}},d,{children:x}))]})),l&&r.jsx(e.Typography,Object.assign({variant:"disclaimer1",display:"block","data-testid":"QuickLink.subtitle"},u,{children:l}))]})),h&&r.jsx(e.Button,Object.assign({variant:"navigation",color:"secondary",endIcon:r.jsx(n.ArrowRightIcon,{}),"data-testid":"QuickLink.button"},k,{children:h}))]}))})),c=s.forwardRef(((s,i)=>{var{sx:n,children:o}=s,a=t.__rest(s,["sx","children"]);return r.jsx(e.Box,Object.assign({sx:Object.assign({display:"grid",gridTemplateColumns:{xs:"1fr",lg:"repeat(3, 1fr)"},gap:3},n),ref:i},a,{children:o}))}));exports.QuickLink=a,exports.QuickLinkWrapper=c;
+"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),o=require("@mui/material"),n=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");var l=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 c=require("../../materialui/button/interactive.js");const s=r.forwardRef(((r,s)=>{var{iconName:d,iconProps:t,title:u,titleTypographyProps:I,subtitle:j,subtitleTypographyProps:q,dividerWrapperProps:a,dividerProps:k,contentWrapperProps:f,titleWrapperProps:F,buttonTitle:p,buttonProps:C,buttonIconProps:h,onClick:g,sx:S}=r,m=e.__rest(r,["iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx"]);const w=t||{},{sx:y}=w,B=e.__rest(w,["sx"]),x=a||{},{sx:T}=x,b=e.__rest(x,["sx"]),P=k||{},{sx:v}=P,A=e.__rest(P,["sx"]),M=f||{},{sx:D}=M,L=e.__rest(M,["sx"]),W=F||{},{sx:R}=W,O=e.__rest(W,["sx"]);return i.jsxs(o.Stack,Object.assign({direction:"column",alignItems:"flex-start",sx:Object.assign(Object.assign({minWidth:"0",cursor:"pointer",color:"inherit",textDecoration:"unset",gap:{xs:"8px",md:"16px"}},c.getInteractiveStyle({hr:{backgroundColor:"text.primary",height:"1px"},".MuiButton-navigation":{backgroundColor:"transparent",color:e=>"dark"===e.palette.mode?"onSurface.os0":"onSurface.os900","& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}}},{hr:{backgroundColor:e=>"dark"===e.palette.mode?"brand.secondary":"brand.primary",height:"2px"},".MuiButton-navigation":{backgroundColor:"transparent",color:e=>"dark"===e.palette.mode?"onSurface.os300":"onSurface.os700",".MuiButton-startIcon":{transform:"translateX(-8px)"},".MuiButton-endIcon":{transform:"translateX(8px)"}}})),S),"data-testid":"QuickLink",ref:s},g&&{onClick:g,role:"button"},{tabIndex:-1},m,{children:[i.jsx(o.Box,Object.assign({sx:Object.assign({position:"relative",width:"100%",height:"2px","&&":{mb:{xs:0,md:d?0:2}}},T)},b,{children:i.jsx(o.Box,Object.assign({component:"hr",sx:Object.assign({border:"none",position:"absolute",inset:"0",m:0},v)},A))})),i.jsxs(o.Box,Object.assign({sx:Object.assign({width:"480px",maxWidth:"100%",pr:3,pt:{xs:"8px",md:"0px"}},D)},L,{children:[i.jsxs(o.Stack,Object.assign({sx:Object.assign({flexDirection:{xs:"row",md:"column"},alignItems:{xs:"center",md:"flex-start"},gap:{xs:"4px",md:"18px"},mb:{xs:"4px",md:0}},R)},O,{children:[d&&i.jsx(n.Icon,Object.assign({name:d,sx:Object.assign({display:"block",fontSize:{xs:"20px",md:"35px"},mx:{xs:"2px",md:"0px"},my:{xs:"0px",md:"2px"}},y),"data-testid":"QuickLink.icon"},B)),u&&i.jsx(o.Typography,Object.assign({variant:"h4",display:"block","data-testid":"QuickLink.title",sx:{mb:{xs:0,md:.5}}},I,{children:u}))]})),j&&i.jsx(o.Typography,Object.assign({variant:"disclaimer1",display:"block","data-testid":"QuickLink.subtitle"},q,{children:j}))]})),p&&i.jsx(o.Button,Object.assign({variant:"navigation",color:"secondary",endIcon:i.jsx(l.ArrowRightIcon,{}),"data-testid":"QuickLink.button"},C,{children:p}))]}))})),d=r.forwardRef(((r,n)=>{var{sx:l,children:c}=r,s=e.__rest(r,["sx","children"]);return i.jsx(o.Box,Object.assign({sx:Object.assign({display:"grid",gridTemplateColumns:{xs:"1fr",lg:"repeat(3, 1fr)"},gap:3},l),ref:n},s,{children:c}))}));exports.QuickLink=s,exports.QuickLinkWrapper=d;
 //# sourceMappingURL=quickLink.js.map

package/cjs/components/quickLink/quickLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"quickLink.js","sources":["../../../../../src/components/quickLink/quickLink.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef, ForwardedRef } from 'react';\nimport { Stack, Box, Button, Typography, StackProps, TypographyProps, ButtonProps, BoxProps } from '@mui/material';\nimport { Icon, IconProps } from '@/src/components/icon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface QuickLinkProps extends Omit<StackProps<ElementType>, 'title'> {\n /*\n Name of the icon from icon set\n /\n iconName?: IconProps['name'];\n /\n Props applied to Icon component\n /\n iconProps?: IconProps;\n /\n Title text\n /\n title?: ReactNode;\n /\n Props applied to title Typography wrapper component\n /\n titleTypographyProps?: TypographyProps;\n /\n Subtitle text\n /\n subtitle?: ReactNode;\n /\n Props applied to subtitle Typography wrapper component\n /\n subtitleTypographyProps?: TypographyProps;\n /\n Props applied to wrapper of divider component\n /\n dividerWrapperProps?: BoxProps<ElementType>;\n /\n Props applied to divider component\n /\n dividerProps?: BoxProps<ElementType>;\n /\n Content wrapper\n /\n contentWrapperProps?: BoxProps<ElementType>;\n /\n Icon and Title wrapper that changes on the mobile\n /\n titleWrapperProps?: StackProps;\n /\n Button text\n /\n buttonTitle?: ReactNode;\n /\n Props applied to Button component\n /\n buttonProps?: ButtonProps;\n}\n\n/\n Quick Links are used to provide immediate access to the most relevant and\n * frequently used actions related to a product or service.\n \n Composition of title, subtitle, icon, and button\n /\nexport const QuickLink: React.FC<QuickLinkProps> = forwardRef(\n (\n {\n iconName,\n iconProps,\n title,\n titleTypographyProps,\n subtitle,\n subtitleTypographyProps,\n dividerWrapperProps,\n dividerProps,\n contentWrapperProps,\n titleWrapperProps,\n buttonTitle,\n buttonProps,\n buttonIconProps,\n onClick,\n sx,\n ...rest\n },\n ref,\n ) => {\n const { sx: iconSx, ...restIconProps } = iconProps \|\| {};\n const { sx: dividerWrapperSx, ...restDividerWrapperProps } = dividerWrapperProps \|\| {};\n const { sx: dividerSx, ...restDividerProps } = dividerProps \|\| {};\n const { sx: contentWrapperSx, ...restContentWrapperProps } = contentWrapperProps \|\| {};\n const { sx: titleWrapperSx, ...restTitleWrapperProps } = titleWrapperProps \|\| {};\n\n return (\n <Stack\n direction=\"column\"\n alignItems=\"flex-start\"\n sx={{\n minWidth: '0',\n cursor: 'pointer',\n color: 'inherit',\n textDecoration: 'unset',\n gap: { xs: '8px', md: '16px' },\n ...getInteractiveStyle(\n {\n hr: {\n backgroundColor: 'text.primary',\n height: '1px',\n },\n // interactive style from button.theme\n '.MuiButton-navigation': {\n backgroundColor: 'transparent',\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os0' : 'onSurface.os900'),\n '& .MuiButton-startIcon': {\n transform: 'translateX(0px)',\n },\n '& .MuiButton-endIcon': {\n transform: 'translateX(0px)',\n },\n },\n },\n {\n hr: {\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n height: '2px',\n },\n '.MuiButton-navigation': {\n backgroundColor: 'transparent',\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700'),\n '.MuiButton-startIcon': {\n transform: 'translateX(-8px)',\n },\n '.MuiButton-endIcon': {\n transform: 'translateX(8px)',\n },\n },\n },\n ),\n ...sx,\n }}\n data-testid=\"QuickLink\"\n ref={ref as ForwardedRef<HTMLDivElement>}\n {...(onClick && {\n onClick: onClick,\n role: 'button',\n })}\n tabIndex={-1}\n {...rest}\n >\n <Box\n sx={{\n position: 'relative',\n width: '100%',\n height: '2px',\n // 32px gap from top if icon is hidden\n '&&': { mb: { xs: 0, md: iconName ? 0 : 2 } },\n ...dividerWrapperSx,\n }}\n {...restDividerWrapperProps}\n >\n <Box\n component=\"hr\"\n sx={{\n border: 'none',\n position: 'absolute',\n inset: '0',\n m: 0,\n // style is set via interactive parent\n ...dividerSx,\n }}\n {...restDividerProps}\n />\n </Box>\n <Box\n sx={{ width: '480px', maxWidth: '100%', pr: 3, pt: { xs: '8px', md: '0px' }, ...contentWrapperSx }}\n {...restContentWrapperProps}\n >\n <Stack\n sx={{\n flexDirection: { xs: 'row', md: 'column' },\n alignItems: { xs: 'center', md: 'flex-start' },\n gap: { xs: '4px', md: '18px' },\n mb: { xs: '4px', md: 0 },\n ...titleWrapperSx,\n }}\n {...restTitleWrapperProps}\n >\n {iconName && (\n <Icon\n name={iconName}\n sx={{\n display: 'block',\n fontSize: { xs: '20px', md: '35px' },\n mx: { xs: '2px', md: '0px' },\n my: { xs: '0px', md: '2px' },\n ...iconSx,\n }}\n data-testid=\"QuickLink.icon\"\n {...restIconProps}\n />\n )}\n {title && (\n <Typography\n variant=\"h4\"\n display=\"block\"\n data-testid=\"QuickLink.title\"\n sx={{ mb: { xs: 0, md: 0.5 } }}\n {...titleTypographyProps}\n >\n {title}\n </Typography>\n )}\n </Stack>\n {subtitle && (\n <Typography\n variant=\"disclaimer1\"\n display=\"block\"\n data-testid=\"QuickLink.subtitle\"\n {...subtitleTypographyProps}\n >\n {subtitle}\n </Typography>\n )}\n </Box>\n {buttonTitle && (\n <Button\n variant=\"navigation\"\n color=\"secondary\"\n endIcon={<ArrowRightIcon />}\n data-testid=\"QuickLink.button\"\n {...buttonProps}\n >\n {buttonTitle}\n </Button>\n )}\n </Stack>\n );\n },\n);\n\nexport interface QuickLinkWrapperProps extends BoxProps<ElementType> {}\n\n/\n Wrapper container for 3 QuickLinks\n */\nexport const QuickLinkWrapper: React.FC<QuickLinkWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n return (\n <Box\n sx={{\n display: 'grid',\n gridTemplateColumns: { xs: '1fr', lg: 'repeat(3, 1fr)' },\n gap: 3,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {children}\n </Box>\n );\n});\n"],"names":["QuickLink","forwardRef","_a","ref","iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx","rest","__rest","_b","iconSx","restIconProps","_c","dividerWrapperSx","restDividerWrapperProps","_d","dividerSx","restDividerProps","_e","contentWrapperSx","restContentWrapperProps","_f","titleWrapperSx","restTitleWrapperProps","_jsxs","jsxs","Stack","direction","alignItems","Object","assign","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","theme","palette","mode","transform","role","tabIndex","children","_jsx","Box","position","width","mb","component","border","inset","m","maxWidth","pr","pt","flexDirection","jsx","Icon","name","display","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"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"}
1	+ {"version":3,"file":"quickLink.js","sources":["../../../../../src/components/quickLink/quickLink.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef, ForwardedRef } from 'react';\nimport { Stack, Box, Button, Typography, StackProps, TypographyProps, ButtonProps, BoxProps } from '@mui/material';\nimport { Icon, IconProps } from '@/src/components/icon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface QuickLinkProps extends Omit<StackProps<ElementType>, 'title'> {\n /*\n Name of the icon from icon set\n /\n iconName?: IconProps['name'];\n /\n Props applied to Icon component\n /\n iconProps?: IconProps;\n /\n Title text\n /\n title?: ReactNode;\n /\n Props applied to title Typography wrapper component\n /\n titleTypographyProps?: TypographyProps;\n /\n Subtitle text\n /\n subtitle?: ReactNode;\n /\n Props applied to subtitle Typography wrapper component\n /\n subtitleTypographyProps?: TypographyProps;\n /\n Props applied to wrapper of divider component\n /\n dividerWrapperProps?: BoxProps<ElementType>;\n /\n Props applied to divider component\n /\n dividerProps?: BoxProps<ElementType>;\n /\n Content wrapper\n /\n contentWrapperProps?: BoxProps<ElementType>;\n /\n Icon and Title wrapper that changes on the mobile\n /\n titleWrapperProps?: StackProps;\n /\n Button text\n /\n buttonTitle?: ReactNode;\n /\n Props applied to Button component\n /\n buttonProps?: ButtonProps;\n}\n\n/\n Quick Links are used to provide immediate access to the most relevant and\n * frequently used actions related to a product or service.\n \n Composition of title, subtitle, icon, and button\n /\nexport const QuickLink: React.FC<QuickLinkProps> = forwardRef(\n (\n {\n iconName,\n iconProps,\n title,\n titleTypographyProps,\n subtitle,\n subtitleTypographyProps,\n dividerWrapperProps,\n dividerProps,\n contentWrapperProps,\n titleWrapperProps,\n buttonTitle,\n buttonProps,\n buttonIconProps,\n onClick,\n sx,\n ...rest\n },\n ref,\n ) => {\n const { sx: iconSx, ...restIconProps } = iconProps \|\| {};\n const { sx: dividerWrapperSx, ...restDividerWrapperProps } = dividerWrapperProps \|\| {};\n const { sx: dividerSx, ...restDividerProps } = dividerProps \|\| {};\n const { sx: contentWrapperSx, ...restContentWrapperProps } = contentWrapperProps \|\| {};\n const { sx: titleWrapperSx, ...restTitleWrapperProps } = titleWrapperProps \|\| {};\n\n return (\n <Stack\n direction=\"column\"\n alignItems=\"flex-start\"\n sx={{\n minWidth: '0',\n cursor: 'pointer',\n color: 'inherit',\n textDecoration: 'unset',\n gap: { xs: '8px', md: '16px' },\n ...getInteractiveStyle(\n {\n hr: {\n backgroundColor: 'text.primary',\n height: '1px',\n },\n // interactive style from button.theme\n '.MuiButton-navigation': {\n backgroundColor: 'transparent',\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os0' : 'onSurface.os900'),\n '& .MuiButton-startIcon': {\n transform: 'translateX(0px)',\n },\n '& .MuiButton-endIcon': {\n transform: 'translateX(0px)',\n },\n },\n },\n {\n hr: {\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n height: '2px',\n },\n '.MuiButton-navigation': {\n backgroundColor: 'transparent',\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700'),\n '.MuiButton-startIcon': {\n transform: 'translateX(-8px)',\n },\n '.MuiButton-endIcon': {\n transform: 'translateX(8px)',\n },\n },\n },\n ),\n ...sx,\n }}\n data-testid=\"QuickLink\"\n ref={ref as ForwardedRef<HTMLDivElement>}\n {...(onClick && {\n onClick: onClick,\n role: 'button',\n })}\n tabIndex={-1}\n {...rest}\n >\n <Box\n sx={{\n position: 'relative',\n width: '100%',\n height: '2px',\n // 32px gap from top if icon is hidden\n '&&': { mb: { xs: 0, md: iconName ? 0 : 2 } },\n ...dividerWrapperSx,\n }}\n {...restDividerWrapperProps}\n >\n <Box\n component=\"hr\"\n sx={{\n border: 'none',\n position: 'absolute',\n inset: '0',\n m: 0,\n // style is set via interactive parent\n ...dividerSx,\n }}\n {...restDividerProps}\n />\n </Box>\n <Box\n sx={{ width: '480px', maxWidth: '100%', pr: 3, pt: { xs: '8px', md: '0px' }, ...contentWrapperSx }}\n {...restContentWrapperProps}\n >\n <Stack\n sx={{\n flexDirection: { xs: 'row', md: 'column' },\n alignItems: { xs: 'center', md: 'flex-start' },\n gap: { xs: '4px', md: '18px' },\n mb: { xs: '4px', md: 0 },\n ...titleWrapperSx,\n }}\n {...restTitleWrapperProps}\n >\n {iconName && (\n <Icon\n name={iconName}\n sx={{\n display: 'block',\n fontSize: { xs: '20px', md: '35px' },\n mx: { xs: '2px', md: '0px' },\n my: { xs: '0px', md: '2px' },\n ...iconSx,\n }}\n data-testid=\"QuickLink.icon\"\n {...restIconProps}\n />\n )}\n {title && (\n <Typography\n variant=\"h4\"\n display=\"block\"\n data-testid=\"QuickLink.title\"\n sx={{ mb: { xs: 0, md: 0.5 } }}\n {...titleTypographyProps}\n >\n {title}\n </Typography>\n )}\n </Stack>\n {subtitle && (\n <Typography\n variant=\"disclaimer1\"\n display=\"block\"\n data-testid=\"QuickLink.subtitle\"\n {...subtitleTypographyProps}\n >\n {subtitle}\n </Typography>\n )}\n </Box>\n {buttonTitle && (\n <Button\n variant=\"navigation\"\n color=\"secondary\"\n endIcon={<ArrowRightIcon />}\n data-testid=\"QuickLink.button\"\n {...buttonProps}\n >\n {buttonTitle}\n </Button>\n )}\n </Stack>\n );\n },\n);\n\nexport interface QuickLinkWrapperProps extends BoxProps<ElementType> {}\n\n/\n Wrapper container for 3 QuickLinks\n */\nexport const QuickLinkWrapper: React.FC<QuickLinkWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n return (\n <Box\n sx={{\n display: 'grid',\n gridTemplateColumns: { xs: '1fr', lg: 'repeat(3, 1fr)' },\n gap: 3,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {children}\n </Box>\n );\n});\n"],"names":["QuickLink","forwardRef","_a","ref","iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx","rest","__rest","_b","iconSx","restIconProps","_c","dividerWrapperSx","restDividerWrapperProps","_d","dividerSx","restDividerProps","_e","contentWrapperSx","restContentWrapperProps","_f","titleWrapperSx","restTitleWrapperProps","_jsxs","Stack","direction","alignItems","Object","assign","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","theme","palette","mode","transform","role","tabIndex","children","_jsx","Box","position","width","mb","component","border","inset","m","maxWidth","pr","pt","flexDirection","Icon","name","display","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"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"}

package/cjs/components/radioButton/radioButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radioButton.js","sources":["../../../../../src/components/radioButton/radioButton.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from 'react';\nimport { Radio as MuiRadioButton, styled } from '@mui/material';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\nimport { ternaryCondition } from '../../utils/utilities';\n\nexport interface RadioButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' \| 'onChange'> {\n /*\n Disabled state, not changeable.\n /\n disabled?: boolean;\n\n /\n Uncontrolled component. Set initial value. Do not use with \"checked\" together.\n /\n defaultChecked?: boolean;\n\n /\n Controlled component. Set current value. Do not use with \"defaultChecked\" together.\n /\n checked?: boolean;\n /\n Error state of checkbox.\n /\n error?: boolean;\n\n /\n Is checkbox required field in form?\n /\n required?: boolean;\n\n /\n The value referenced with RadioButton element\n /\n value?: string;\n\n /\n The value referenced with checkbox element\n /\n label?: string \| ReactNode;\n\n /\n HTML DOM element reference of component\n /\n ref?: React.Ref<HTMLButtonElement>;\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?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/\n @description Styled SkodaFlow RadioButton component\n * @param props RadioButtonProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use use FormControlLabel and Radio components from @mui/material instead.\n /\nexport const RadioButton = forwardRef<HTMLButtonElement, RadioButtonProps>((props, ref) => {\n const radio = (\n <RadioButtonStyled disabled={props.disabled} error={props.error}>\n <MuiRadioButton {...props} ref={ref} color={props.error ? 'error' : 'primary'} />\n {props.label && typeof props.label !== 'string' && <div className=\"NodeLabelContainer\">{props.label}</div>}\n </RadioButtonStyled>\n );\n\n return props.label && typeof props.label === 'string' && props.label.length > 0 ? (\n <FormControlLabelStyled control={radio} label={props.label} disabled={props.disabled} error={props.error} />\n ) : (\n radio\n );\n});\n\n/\n @description RadioButton styling definition\n /\nconst RadioButtonStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})<{ theme?: any; disabled?: boolean; error?: boolean }>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n display: 'flex',\n '& .NodeLabelContainer': {\n cursor: 'pointer',\n paddingTop: '4px',\n paddingBottom: '4px',\n letterSpacing: '0.2px',\n paddingLeft: '8px',\n fontSize: '14px',\n lineHeight: '24px',\n fontWeight: '400',\n pointerEvents: ternaryCondition(args.disabled, true, 'none', 'all'),\n color: ternaryCondition(args.error && !args.disabled, true, theme.palette.error.main, 'inherit'),\n '& a': {\n color: 'inherit',\n textDecoration: 'underline',\n fontWeight: '700',\n },\n '& ': {\n margin: 0,\n },\n },\n };\n if (args.disabled) {\n styles = {\n ...styles,\n color: ternaryCondition(args.disabled, true, theme.palette.disabled.primary, 'inherit'),\n };\n }\n return styles;\n});\n"],"names":["RadioButton","forwardRef","props","ref","radio","_jsxs","~~jsxs","~~RadioButtonStyled","disabled","error","children","_jsx","MuiRadioButton","~~Radio","~~Object","assign","color","label","className","length","FormControlLabelStyled","control","styled","shouldForwardProp","prop","_a","theme","args","__rest","styles","display","cursor","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","pointerEvents","ternaryCondition","palette","main","textDecoration","margin","primary"],"mappings":"+~~MA2Da~~,~~MAAAA~~,EAAcC,~~EAAUA~~,~~YAAsC~~,CAACC,EAAOC,KACjF,MAAMC,EACJC,~~EAAAC~~,KAACC,EAAiB,CAACC,~~SAAUN~~,~~EAAMM~~,SAAUC,~~MAAOP~~,~~EAAMO~~,~~MACxDC~~,SAAA,~~CAAAC~~,EAAAA,IAACC,~~EAAcC~~,~~MAAAC~~,OAAAC,OAAA,CAAA,~~EAAKb~~,EAAK,CAAEC,IAAKA,~~EAAKa~~,~~MAAOd~~,~~EAAMO~~,MAAQ,QAAU,~~aACnEP~~,~~EAAMe~~,OAAgC,~~iBAAhBf~~,~~EAAMe~~,~~OAAsBN~~,EAAAA,~~IAAK~~,MAAA,~~CAAAO~~,UAAU,~~qBAAsBR~~,~~SAAAR~~,~~EAAMe~~,WAIlG,~~OAAOf~~,~~EAAMe~~,OAAgC,~~iBAAhBf~~,~~EAAMe~~,~~OAAsBf~~,~~EAAMe~~,MAAME,OAAS,~~EAC5ER~~,EAAAA,~~IAACS~~,EAAAA,QAAsB,CAACC,~~QAASjB~~,~~EAAOa~~,~~MAAOf~~,~~EAAMe~~,~~MAAOT~~,~~SAAUN~~,~~EAAMM~~,SAAUC,~~MAAOP~~,~~EAAMO~~,~~QAEnG~~,~~CACD~~,IAMGF,~~EAAoBe~~,~~EAAMA~~,~~OAAC~~,MAAO,CACtCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GADzBF,EAEgCG,IAAA,IAAAC,MAAEA,~~GAAgBD~~,~~EAANE~~,EAAIC,EAAAA,OAAAH,EAAhB,WACxD,IAAII,EAAS,~~CAAE~~,EA+Bf,OA7BAA,EAAS,CACPC,QAAS,OACT,wBAAyB,CACvBC,OAAQ,UACRC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,YAAa,MACbC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAeC,~~EAAgBA~~,~~iBAACb~~,~~EAAKnB~~,UAAU,EAAM,OAAQ,~~OAC7DQ~~,MAAOwB,EAAAA,iBAAiBb,~~EAAKlB~~,~~QAAUkB~~,~~EAAKnB~~,UAAU,~~EAAMkB~~,EAAMe,~~QAAQhC~~,~~MAAMiC~~,KAAM,WACtF,MAAO,CACL1B,MAAO,UACP2B,eAAgB,YAChBL,WAAY,OAEd,MAAO,CACLM,OAAQ,KAIVjB,~~EAAKnB~~,~~WACPqB~~,EAAMf,OAAAC,OAAAD,OAAAC,OAAA,GACDc,GAAM,CACTb,MAAOwB,~~EAAgBA~~,~~iBAACb~~,~~EAAKnB~~,UAAU,~~EAAMkB~~,EAAMe,~~QAAQjC~~,~~SAASqC~~,QAAS,cAG1EhB,CAAM"}
1	+ {"version":3,"file":"radioButton.js","sources":["../../../../../src/components/radioButton/radioButton.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from 'react';\nimport { Radio as MuiRadioButton, styled } from '@mui/material';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\nimport { ternaryCondition } from '../../utils/utilities';\n\nexport interface RadioButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' \| 'onChange'> {\n /*\n Disabled state, not changeable.\n /\n disabled?: boolean;\n\n /\n Uncontrolled component. Set initial value. Do not use with \"checked\" together.\n /\n defaultChecked?: boolean;\n\n /\n Controlled component. Set current value. Do not use with \"defaultChecked\" together.\n /\n checked?: boolean;\n /\n Error state of checkbox.\n /\n error?: boolean;\n\n /\n Is checkbox required field in form?\n /\n required?: boolean;\n\n /\n The value referenced with RadioButton element\n /\n value?: string;\n\n /\n The value referenced with checkbox element\n /\n label?: string \| ReactNode;\n\n /\n HTML DOM element reference of component\n /\n ref?: React.Ref<HTMLButtonElement>;\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?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/\n @description Styled SkodaFlow RadioButton component\n * @param props RadioButtonProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use use FormControlLabel and Radio components from @mui/material instead.\n /\nexport const RadioButton = forwardRef<HTMLButtonElement, RadioButtonProps>((props, ref) => {\n const radio = (\n <RadioButtonStyled disabled={props.disabled} error={props.error}>\n <MuiRadioButton {...props} ref={ref} color={props.error ? 'error' : 'primary'} />\n {props.label && typeof props.label !== 'string' && <div className=\"NodeLabelContainer\">{props.label}</div>}\n </RadioButtonStyled>\n );\n\n return props.label && typeof props.label === 'string' && props.label.length > 0 ? (\n <FormControlLabelStyled control={radio} label={props.label} disabled={props.disabled} error={props.error} />\n ) : (\n radio\n );\n});\n\n/\n @description RadioButton styling definition\n /\nconst RadioButtonStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})<{ theme?: any; disabled?: boolean; error?: boolean }>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n display: 'flex',\n '& .NodeLabelContainer': {\n cursor: 'pointer',\n paddingTop: '4px',\n paddingBottom: '4px',\n letterSpacing: '0.2px',\n paddingLeft: '8px',\n fontSize: '14px',\n lineHeight: '24px',\n fontWeight: '400',\n pointerEvents: ternaryCondition(args.disabled, true, 'none', 'all'),\n color: ternaryCondition(args.error && !args.disabled, true, theme.palette.error.main, 'inherit'),\n '& a': {\n color: 'inherit',\n textDecoration: 'underline',\n fontWeight: '700',\n },\n '& ': {\n margin: 0,\n },\n },\n };\n if (args.disabled) {\n styles = {\n ...styles,\n color: ternaryCondition(args.disabled, true, theme.palette.disabled.primary, 'inherit'),\n };\n }\n return styles;\n});\n"],"names":["RadioButton","forwardRef","props","ref","radio","_jsxs","RadioButtonStyled","disabled","error","children","_jsx","MuiRadioButton","Object","assign","color","label","className","length","FormControlLabelStyled","control","styled","shouldForwardProp","prop","_a","theme","args","__rest","styles","display","cursor","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","pointerEvents","ternaryCondition","palette","main","textDecoration","margin","primary"],"mappings":"+MA2DO,MAAMA,EAAcC,EAAAA,YAAgD,CAACC,EAAOC,KACjF,MAAMC,EACJC,EAAAA,KAACC,EAAiB,CAACC,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,MAAKC,SAAA,CAC7DC,EAAAA,IAACC,EAAAA,MAAcC,OAAAC,OAAA,CAAA,EAAKX,EAAK,CAAEC,IAAKA,EAAKW,MAAOZ,EAAMM,MAAQ,QAAU,aACnEN,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBL,EAAAA,IAAA,MAAA,CAAKM,UAAU,qBAAoBP,SAAEP,EAAMa,WAIlG,OAAOb,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBb,EAAMa,MAAME,OAAS,EAC5EP,EAAAA,IAACQ,EAAAA,QAAsB,CAACC,QAASf,EAAOW,MAAOb,EAAMa,MAAOR,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,QAAS,CAG7G,IAMGF,EAAoBc,EAAAA,OAAO,MAAO,CACtCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GADzBF,EAEgCG,IAAA,IAAAC,MAAEA,GAAKD,EAAKE,EAAIC,EAAAA,OAAAH,EAAhB,WACxD,IAAII,EAAS,CAAA,EA+Bb,OA7BAA,EAAS,CACPC,QAAS,OACT,wBAAyB,CACvBC,OAAQ,UACRC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,YAAa,MACbC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAeC,EAAAA,iBAAiBb,EAAKlB,UAAU,EAAM,OAAQ,OAC7DO,MAAOwB,EAAAA,iBAAiBb,EAAKjB,QAAUiB,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQ/B,MAAMgC,KAAM,WACtF,MAAO,CACL1B,MAAO,UACP2B,eAAgB,YAChBL,WAAY,OAEd,MAAO,CACLM,OAAQ,KAIVjB,EAAKlB,WACPoB,EAAMf,OAAAC,OAAAD,OAAAC,OAAA,GACDc,GAAM,CACTb,MAAOwB,EAAAA,iBAAiBb,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQhC,SAASoC,QAAS,cAG1EhB,CAAM"}

package/cjs/components/search/collapsableSearch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"collapsableSearch.js","sources":["../../../../../src/components/search/collapsableSearch.tsx"],"sourcesContent":["import { Box, BoxProps, Collapse, CollapseProps } from '@mui/material';\nimport React from 'react';\nimport { Search, SearchProps } from './search';\n\nexport interface CollapsableSearchProps extends BoxProps {\n /*\n Defines whether the search should be collapsed or not\n /\n isCollapsed: boolean;\n\n /\n Properties of Search component\n \n @see Search\n /\n searchProps?: SearchProps;\n\n /\n Properties of Mui Collapse component\n \n @see Collapse https://mui.com/material-ui/api/collapse/\n */\n collapseProps?: CollapseProps;\n}\n\nexport const CollapsableSearch: React.FC<CollapsableSearchProps> = ({\n isCollapsed,\n searchProps,\n collapseProps,\n ...boxProps\n}) => {\n const { sx: boxSx, ...restBoxProps } = boxProps \|\| {};\n const { sx: collapseSx, ...restCollapseProps } = collapseProps \|\| {};\n\n return (\n <Box sx={{ width: 'fit-content', ...boxSx }} {...restBoxProps}>\n <Collapse\n in={!isCollapsed}\n orientation=\"horizontal\"\n collapsedSize=\"44px\"\n sx={{\n borderRadius: '200px',\n display: 'flex',\n justifyContent: 'flex-end',\n width: 'fit-content',\n '& input': {\n width: 'auto',\n },\n ...collapseSx,\n }}\n {...restCollapseProps}\n >\n <Search disableInput={isCollapsed} {...searchProps} />\n </Collapse>\n </Box>\n );\n};\n"],"names":["_a","isCollapsed","searchProps","collapseProps","_b","__rest","sx","boxSx","restBoxProps","_c","collapseSx","restCollapseProps","_jsx","Box","Object","assign","width","children","Collapse","in","orientation","collapsedSize","borderRadius","display","justifyContent","~~jsx","~~Search","disableInput"],"mappings":"iJAyBoEA,QAAAC,YAClEA,EAAWC,YACXA,EAAWC,cACXA,KAGA,MAAMC,~~EAN4DC~~,EAAAA,OAAAL,~~EAAA~~,CAAA,cAAA,cAAA,mBAMf,IAA3CM,GAAIC,KAAUC,~~EAAhBH~~,EAAAA,OAAAD,~~EAAA~~,CAAA,OACAK,EAA2CN,GAAiB,IAA1DG,GAAII,KAAeC,~~EAArBN~~,EAAAA,OAAAI,~~EAAA~~,CAAA,OAEN,OACEG,~~MAACC~~,~~EAAGA~~,~~IAAAC~~,OAAAC,OAAA,CAACT,~~GAAMQ~~,OAAAC,OAAA,~~CAAAC~~,MAAO,eAAkBT,IAAaC,EAAY,CAAAS,SAC3DL,~~MAACM~~,~~EAAQA~~,~~SAAAJ~~,OAAAC,OAAA,CACPI,IAAKlB,EACLmB,YAAY,aACZC,cAAc,OACdf,~~GACEQ~~,OAAAC,OAAA,~~CAAAO~~,aAAc,QACdC,QAAS,OACTC,eAAgB,WAChBR,MAAO,cACP,UAAW,CACTA,MAAO,SAENN,IAEDC,~~EAEJ~~,CAAAM,~~SAAAL~~,~~EAAAa~~,~~IAACC~~,~~SAAOZ~~,OAAAC,OAAA,~~CAAAY~~,~~aAAc1B~~,GAAiBC,SAErC"}
1	+ {"version":3,"file":"collapsableSearch.js","sources":["../../../../../src/components/search/collapsableSearch.tsx"],"sourcesContent":["import { Box, BoxProps, Collapse, CollapseProps } from '@mui/material';\nimport React from 'react';\nimport { Search, SearchProps } from './search';\n\nexport interface CollapsableSearchProps extends BoxProps {\n /*\n Defines whether the search should be collapsed or not\n /\n isCollapsed: boolean;\n\n /\n Properties of Search component\n \n @see Search\n /\n searchProps?: SearchProps;\n\n /\n Properties of Mui Collapse component\n \n @see Collapse https://mui.com/material-ui/api/collapse/\n */\n collapseProps?: CollapseProps;\n}\n\nexport const CollapsableSearch: React.FC<CollapsableSearchProps> = ({\n isCollapsed,\n searchProps,\n collapseProps,\n ...boxProps\n}) => {\n const { sx: boxSx, ...restBoxProps } = boxProps \|\| {};\n const { sx: collapseSx, ...restCollapseProps } = collapseProps \|\| {};\n\n return (\n <Box sx={{ width: 'fit-content', ...boxSx }} {...restBoxProps}>\n <Collapse\n in={!isCollapsed}\n orientation=\"horizontal\"\n collapsedSize=\"44px\"\n sx={{\n borderRadius: '200px',\n display: 'flex',\n justifyContent: 'flex-end',\n width: 'fit-content',\n '& input': {\n width: 'auto',\n },\n ...collapseSx,\n }}\n {...restCollapseProps}\n >\n <Search disableInput={isCollapsed} {...searchProps} />\n </Collapse>\n </Box>\n );\n};\n"],"names":["_a","isCollapsed","searchProps","collapseProps","_b","__rest","sx","boxSx","restBoxProps","_c","collapseSx","restCollapseProps","_jsx","Box","Object","assign","width","children","Collapse","in","orientation","collapsedSize","borderRadius","display","justifyContent","Search","disableInput"],"mappings":"iJAyBoEA,QAAAC,YAClEA,EAAWC,YACXA,EAAWC,cACXA,KAGA,MAAMC,EAFKC,EAAAA,OAAAL,EAJuD,CAAA,cAAA,cAAA,mBAMf,IAA3CM,GAAIC,KAAUC,EAAYH,EAAAA,OAAAD,EAA5B,CAAA,OACAK,EAA2CN,GAAiB,IAA1DG,GAAII,KAAeC,EAAiBN,EAAAA,OAAAI,EAAtC,CAAA,OAEN,OACEG,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CAACT,GAAEQ,OAAAC,OAAA,CAAIC,MAAO,eAAkBT,IAAaC,EAAY,CAAAS,SAC3DL,EAAAA,IAACM,EAAAA,SAAQJ,OAAAC,OAAA,CACPI,IAAKlB,EACLmB,YAAY,aACZC,cAAc,OACdf,GAAEQ,OAAAC,OAAA,CACAO,aAAc,QACdC,QAAS,OACTC,eAAgB,WAChBR,MAAO,cACP,UAAW,CACTA,MAAO,SAENN,IAEDC,EAAiB,CAAAM,SAErBL,EAAAA,IAACa,SAAMX,OAAAC,OAAA,CAACW,aAAczB,GAAiBC,SAErC"}

package/cjs/components/search/search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"search.js","sources":["../../../../../src/components/search/search.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { SearchIcon as FlowSearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { IconButton, InputAdornment, StandardTextFieldProps, SvgIconProps, TextField } from '@mui/material';\nimport React, { ElementType, forwardRef, MouseEventHandler, useCallback, useEffect, useMemo, useState } from 'react';\nimport useDebounce from '../../utils/useDebounce/useDebounce';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport type SearchProps = Omit<StandardTextFieldProps, 'onChange' \| 'variant' \| 'value' \| 'size'> & {\n /*\n Defines whether the input is disabled or not\n /\n disableInput?: boolean;\n /\n Defines the time (ms) of debounce for the onChange effect\n \n @default 50\n /\n debounce?: number;\n /\n Click handler for the cancel button\n /\n onCancel?: () => void;\n /\n Click handler for the search button\n \n @param value the current value of search input\n /\n onSearch?: (value: string) => void \| boolean;\n /\n Function that will bed called on every change of value, can be debounced by debounce value\n * If debounce is set to 0, the onChange is being called when deferred value changes\n \n @see debounce\n \n @param value current value of searchbar\n /\n onChange?: (value: string) => void;\n /\n Defines which variant of Searchbar component should be rendered\n * @default solid\n /\n variant?: 'solid' \| 'transparent' \| 'mapShadow';\n /\n Defines default value in the initial render\n * If set along with `value` property the `defaultValue` field takes precedence\n \n @see value\n /\n defaultValue?: string;\n /\n Overrides TextField value property so it can be string only\n * If set along with `defaultValue` property the `defaultValue` field takes precedence\n \n @see defaultValue\n /\n value?: string;\n /\n Properties passed to the search icon\n /\n searchIconProps?: SvgIconProps;\n /\n Node for search icon\n /\n SearchIconComponent?: ElementType<SvgIconProps>;\n /\n Properties passed to the cancel icon\n /\n cancelIconProps?: SvgIconProps;\n /\n Node for search icon\n */\n CancelIconComponent?: ElementType<SvgIconProps>;\n};\n\nexport const Search: React.FC<SearchProps> = forwardRef(\n (\n {\n debounce = 200,\n defaultValue = '',\n cancelIconProps = {},\n CancelIconComponent,\n disableInput,\n onCancel,\n onSearch,\n onChange,\n searchIconProps = {},\n SearchIconComponent,\n slotProps,\n sx,\n value = '',\n variant,\n ...rest\n },\n ref,\n ) => {\n const SearchIcon = SearchIconComponent \|\| FlowSearchIcon;\n const CancelIcon = CancelIconComponent \|\| CloseIcon;\n\n const [search, setSearch] = useState(defaultValue \|\| value);\n\n // useDeferredValue not used due to compatibility with React 17\n // const deferredValue = useDeferredValue(search);\n const deferredValue = search;\n const debouncedValue = useDebounce(search, debounce, { instantClear: true });\n\n const { sx: searchIconSx, ...restSearchIconProps } = searchIconProps;\n const { input: slotPropsInput = {}, ...restSlot } = slotProps \|\| {};\n\n const variantStyle = useMemo(() => {\n switch (variant) {\n case 'transparent':\n return { bgcolor: 'transparent.primary' };\n case 'mapShadow':\n return { bgcolor: 'onSurface.os0', boxShadow: (theme) => theme.flowShadows.l };\n default: // solid\n return { bgcolor: 'surface.primary' };\n }\n }, [variant]);\n\n // if debounce is set use debouncedValue otherwise use deferredValue as dependency and as value\n useEffect(() => {\n onChange?.(debounce <= 0 ? deferredValue : debouncedValue);\n }, [debounce <= 0 ? deferredValue : debouncedValue]);\n\n // this handler is assigned to the magnifier button\n const handleSearchIconClick: MouseEventHandler = useCallback(\n (e) => {\n e.preventDefault();\n e.stopPropagation();\n\n onSearch?.(search);\n },\n [search],\n );\n\n // this handler is assigned to 'X' button\n const handleCancelIconClick = () => {\n setSearch('');\n onCancel?.();\n };\n\n return (\n <TextField\n onChange={(e) => setSearch(e.target.value)}\n ref={ref}\n sx={{\n position: 'relative',\n borderRadius: '200px',\n border: 1,\n borderColor: rest?.disabled ? 'disabled.primary' : 'onSurface.os500',\n py: '5px',\n pl: '15px',\n pr: '5px',\n mb: 0,\n // focus ring\n '&&': {\n ...updateFocusRingStyle(1, false, '&:has(.Mui-focused)'),\n },\n ...variantStyle,\n ...sx,\n }}\n {...rest}\n value={search}\n variant=\"standard\"\n slotProps={{\n ...slotPropsInput,\n input: {\n className: `${search !== '' ? 'filled' : ''}`,\n disabled: disableInput \|\| rest?.disabled,\n inputProps: {\n ...('inputProps' in slotPropsInput && { ...slotPropsInput.inputProps }),\n sx: {\n p: 0,\n ml: 1,\n color: 'text.primary',\n '&::-webkit-input-placeholder': {\n color: 'onSurface.os700',\n },\n '&.Mui-disabled': {\n '&, &::-webkit-input-placeholder': {\n color: 'disabled.tertiary',\n },\n },\n ...('inputProps' in slotPropsInput &&\n 'sx' in slotPropsInput.inputProps && { ...slotPropsInput.inputProps.sx }),\n },\n },\n disableUnderline: true,\n startAdornment: (\n <InputAdornment\n position=\"start\"\n sx={{\n transition: 'all .4s ease',\n mr: '5px',\n }}\n >\n <IconButton\n disabled={rest?.disabled}\n tabIndex={!onSearch ? -1 : 0}\n onClick={handleSearchIconClick}\n size=\"medium\"\n aria-label=\"Search\"\n sx={{\n width: '34px',\n height: '34px',\n ...updateFocusRingStyle('0px'),\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent.transparent',\n },\n {\n backgroundColor: 'transparent.transparent',\n },\n ),\n }}\n >\n <SearchIcon\n sx={{\n transition: 'all .5s ease',\n ...searchIconSx,\n }}\n {...restSearchIconProps}\n />\n </IconButton>\n </InputAdornment>\n ),\n endAdornment: (\n <InputAdornment\n position=\"end\"\n sx={{\n opacity: search !== '' ? '1' : '0',\n transition: 'opacity .3s ease',\n }}\n >\n <IconButton\n disabled={search === '' \|\| rest?.disabled}\n onClick={handleCancelIconClick}\n size=\"medium\"\n tabIndex={disableInput ? -1 : 0}\n aria-label=\"Clear search\"\n sx={{\n cursor: search !== '' ? 'pointer' : 'default',\n width: '34px',\n height: '34px',\n ...updateFocusRingStyle('0px'),\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent.transparent',\n },\n {\n backgroundColor: 'transparent.transparent',\n },\n ),\n }}\n >\n <CancelIcon {...cancelIconProps} />\n </IconButton>\n </InputAdornment>\n ),\n },\n ...restSlot,\n }}\n />\n );\n },\n);\n"],"names":["Search","forwardRef","_a","ref","debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant","rest","__rest","SearchIcon","FlowSearchIcon","CancelIcon","CloseIcon","search","setSearch","useState","deferredValue","debouncedValue","useDebounce","instantClear","searchIconSx","restSearchIconProps","_b","input","slotPropsInput","restSlot","variantStyle","useMemo","bgcolor","boxShadow","theme","flowShadows","l","useEffect","handleSearchIconClick","useCallback","e","preventDefault","stopPropagation","_jsx","jsx","TextField","Object","assign","target","position","borderRadius","border","borderColor","disabled","py","pl","pr","mb","updateFocusRingStyle","className","inputProps","p","ml","color","disableUnderline","startAdornment","InputAdornment","transition","mr","children","IconButton","tabIndex","onClick","size","width","height","getInteractiveStyle","backgroundColor","endAdornment","opacity","cursor"],"mappings":"mVA2Ea,MAAAA,EAAgCC,EAAUA,YACrD,CACEC,EAiBAC,KAjBA,IAAAC,SACEA,EAAW,IAAGC,aACdA,EAAe,GAAEC,gBACjBA,EAAkB,CAAA,EAAEC,oBACpBA,EAAmBC,aACnBA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,gBACRA,EAAkB,CAAE,EAAAC,oBACpBA,EAAmBC,UACnBA,EAASC,GACTA,EAAEC,MACFA,EAAQ,GAAEC,QACVA,GAAOf,EACJgB,EAAIC,EAAAA,OAAAjB,EAfT,gMAmBA,MAAMkB,EAAaP,GAAuBQ,EAAcD,WAClDE,EAAaf,GAAuBgB,EAASA,WAE5CC,EAAQC,GAAaC,EAAAA,SAASrB,GAAgBW,GAI/CW,EAAgBH,EAChBI,EAAiBC,EAAAA,QAAYL,EAAQpB,EAAU,CAAE0B,cAAc,KAE7Df,GAAIgB,GAAyCnB,EAAxBoB,EAAwBb,SAAAP,EAA/C,CAAA,OACAqB,EAA8CnB,GAAa,CAAE,GAA3DoB,MAAOC,EAAiB,CAAA,GAAmCF,EAA5BG,EAAjCjB,EAAAA,OAAAc,EAAA,CAAA,UAEAI,EAAeC,EAAAA,SAAQ,KAC3B,OAAQrB,GACN,IAAK,cACH,MAAO,CAAEsB,QAAS,uBACpB,IAAK,YACH,MAAO,CAAEA,QAAS,gBAAiBC,UAAYC,GAAUA,EAAMC,YAAYC,GAC7E,QACE,MAAO,CAAEJ,QAAS,sBAErB,CAACtB,IAGJ2B,EAAAA,WAAU,KACRjC,SAAAA,EAAWP,GAAY,EAAIuB,EAAgBC,EAAe,GACzD,CAACxB,GAAY,EAAIuB,EAAgBC,IAGpC,MAAMiB,EAA2CC,eAC9CC,IACCA,EAAEC,iBACFD,EAAEE,kBAEFvC,SAAAA,EAAWc,EAAO,GAEpB,CAACA,IASH,OACE0B,EAAAC,IAACC,YAASC,OAAAC,OAAA,CACR3C,SAAWoC,GAAMtB,EAAUsB,EAAEQ,OAAOvC,OACpCb,IAAKA,EACLY,GACEsC,OAAAC,OAAAD,OAAAC,OAAA,CAAAE,SAAU,WACVC,aAAc,QACdC,OAAQ,EACRC,aAAazC,aAAA,EAAAA,EAAM0C,UAAW,mBAAqB,kBACnDC,GAAI,MACJC,GAAI,OACJC,GAAI,MACJC,GAAI,EAEJ,KACKX,OAAAC,OAAA,CAAA,EAAAW,EAAAA,qBAAqB,GAAG,EAAO,yBAEjC5B,GACAtB,IAEDG,EAAI,CACRF,MAAOQ,EACPP,QAAQ,WACRH,UAASuC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACJnB,GAAc,CACjBD,MAAO,CACLgC,UAAW,IAAc,KAAX1C,EAAgB,SAAW,IACzCoC,SAAUpD,IAAgBU,aAAA,EAAAA,EAAM0C,UAChCO,WAAUd,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACJ,eAAgBnB,GAAuBkB,OAAAC,OAAA,CAAA,EAAAnB,EAAegC,aAC1D,CAAApD,GACEsC,OAAAC,OAAA,CAAAc,EAAG,EACHC,GAAI,EACJC,MAAO,eACP,+BAAgC,CAC9BA,MAAO,mBAET,iBAAkB,CAChB,kCAAmC,CACjCA,MAAO,uBAGP,eAAgBnC,GAClB,OAAQA,EAAegC,YAAmBd,OAAAC,OAAA,GAAAnB,EAAegC,WAAWpD,OAG1EwD,kBAAkB,EAClBC,eACEtB,EAAAC,IAACsB,EAAcA,eAAA,CACbjB,SAAS,QACTzC,GAAI,CACF2D,WAAY,eACZC,GAAI,OAGNC,SAAA1B,EAAAA,IAAC2B,EAAUA,WAAA,CACTjB,SAAU1C,aAAA,EAAAA,EAAM0C,SAChBkB,SAAWpE,EAAgB,GAAH,EACxBqE,QAASlC,EACTmC,KAAK,SACM,aAAA,SACXjE,GACEsC,OAAAC,OAAAD,OAAAC,OAAA,CAAA2B,MAAO,OACPC,OAAQ,QACLjB,EAAAA,qBAAqB,QACrBkB,sBACD,CACEC,gBAAiB,2BAEnB,CACEA,gBAAiB,sCAKvBlC,MAAC9B,EACCiC,OAAAC,OAAA,CAAAvC,kBACE2D,WAAY,gBACT3C,IAEDC,QAKZqD,aACEnC,EAAAC,IAACsB,EAAcA,eAAA,CACbjB,SAAS,MACTzC,GAAI,CACFuE,QAAoB,KAAX9D,EAAgB,IAAM,IAC/BkD,WAAY,oBACbE,SAED1B,MAAC2B,EAAAA,WACC,CAAAjB,SAAqB,KAAXpC,IAAiBN,aAAI,EAAJA,EAAM0C,UACjCmB,QApGgB,KAC5BtD,EAAU,IACVhB,SAAAA,GAAY,EAmGAuE,KAAK,SACLF,SAAUtE,GAAiB,EAAG,EAAC,aACpB,eACXO,GACEsC,OAAAC,OAAAD,OAAAC,OAAA,CAAAiC,OAAmB,KAAX/D,EAAgB,UAAY,UACpCyD,MAAO,OACPC,OAAQ,QACLjB,uBAAqB,QACrBkB,sBACD,CACEC,gBAAiB,2BAEnB,CACEA,gBAAiB,6BAEpBR,SAGH1B,MAAC5B,EAAU+B,OAAAC,OAAA,CAAA,EAAKhD,WAKrB8B,KAEL"}
1	+ {"version":3,"file":"search.js","sources":["../../../../../src/components/search/search.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { SearchIcon as FlowSearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { IconButton, InputAdornment, StandardTextFieldProps, SvgIconProps, TextField } from '@mui/material';\nimport React, { ElementType, forwardRef, MouseEventHandler, useCallback, useEffect, useMemo, useState } from 'react';\nimport useDebounce from '../../utils/useDebounce/useDebounce';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport type SearchProps = Omit<StandardTextFieldProps, 'onChange' \| 'variant' \| 'value' \| 'size'> & {\n /*\n Defines whether the input is disabled or not\n /\n disableInput?: boolean;\n /\n Defines the time (ms) of debounce for the onChange effect\n \n @default 50\n /\n debounce?: number;\n /\n Click handler for the cancel button\n /\n onCancel?: () => void;\n /\n Click handler for the search button\n \n @param value the current value of search input\n /\n onSearch?: (value: string) => void \| boolean;\n /\n Function that will bed called on every change of value, can be debounced by debounce value\n * If debounce is set to 0, the onChange is being called when deferred value changes\n \n @see debounce\n \n @param value current value of searchbar\n /\n onChange?: (value: string) => void;\n /\n Defines which variant of Searchbar component should be rendered\n * @default solid\n /\n variant?: 'solid' \| 'transparent' \| 'mapShadow';\n /\n Defines default value in the initial render\n * If set along with `value` property the `defaultValue` field takes precedence\n \n @see value\n /\n defaultValue?: string;\n /\n Overrides TextField value property so it can be string only\n * If set along with `defaultValue` property the `defaultValue` field takes precedence\n \n @see defaultValue\n /\n value?: string;\n /\n Properties passed to the search icon\n /\n searchIconProps?: SvgIconProps;\n /\n Node for search icon\n /\n SearchIconComponent?: ElementType<SvgIconProps>;\n /\n Properties passed to the cancel icon\n /\n cancelIconProps?: SvgIconProps;\n /\n Node for search icon\n */\n CancelIconComponent?: ElementType<SvgIconProps>;\n};\n\nexport const Search: React.FC<SearchProps> = forwardRef(\n (\n {\n debounce = 200,\n defaultValue = '',\n cancelIconProps = {},\n CancelIconComponent,\n disableInput,\n onCancel,\n onSearch,\n onChange,\n searchIconProps = {},\n SearchIconComponent,\n slotProps,\n sx,\n value = '',\n variant,\n ...rest\n },\n ref,\n ) => {\n const SearchIcon = SearchIconComponent \|\| FlowSearchIcon;\n const CancelIcon = CancelIconComponent \|\| CloseIcon;\n\n const [search, setSearch] = useState(defaultValue \|\| value);\n\n // useDeferredValue not used due to compatibility with React 17\n // const deferredValue = useDeferredValue(search);\n const deferredValue = search;\n const debouncedValue = useDebounce(search, debounce, { instantClear: true });\n\n const { sx: searchIconSx, ...restSearchIconProps } = searchIconProps;\n const { input: slotPropsInput = {}, ...restSlot } = slotProps \|\| {};\n\n const variantStyle = useMemo(() => {\n switch (variant) {\n case 'transparent':\n return { bgcolor: 'transparent.primary' };\n case 'mapShadow':\n return { bgcolor: 'onSurface.os0', boxShadow: (theme) => theme.flowShadows.l };\n default: // solid\n return { bgcolor: 'surface.primary' };\n }\n }, [variant]);\n\n // if debounce is set use debouncedValue otherwise use deferredValue as dependency and as value\n useEffect(() => {\n onChange?.(debounce <= 0 ? deferredValue : debouncedValue);\n }, [debounce <= 0 ? deferredValue : debouncedValue]);\n\n // this handler is assigned to the magnifier button\n const handleSearchIconClick: MouseEventHandler = useCallback(\n (e) => {\n e.preventDefault();\n e.stopPropagation();\n\n onSearch?.(search);\n },\n [search],\n );\n\n // this handler is assigned to 'X' button\n const handleCancelIconClick = () => {\n setSearch('');\n onCancel?.();\n };\n\n return (\n <TextField\n onChange={(e) => setSearch(e.target.value)}\n ref={ref}\n sx={{\n position: 'relative',\n borderRadius: '200px',\n border: 1,\n borderColor: rest?.disabled ? 'disabled.primary' : 'onSurface.os500',\n py: '5px',\n pl: '15px',\n pr: '5px',\n mb: 0,\n // focus ring\n '&&': {\n ...updateFocusRingStyle(1, false, '&:has(.Mui-focused)'),\n },\n ...variantStyle,\n ...sx,\n }}\n {...rest}\n value={search}\n variant=\"standard\"\n slotProps={{\n ...slotPropsInput,\n input: {\n className: `${search !== '' ? 'filled' : ''}`,\n disabled: disableInput \|\| rest?.disabled,\n inputProps: {\n ...('inputProps' in slotPropsInput && { ...slotPropsInput.inputProps }),\n sx: {\n p: 0,\n ml: 1,\n color: 'text.primary',\n '&::-webkit-input-placeholder': {\n color: 'onSurface.os700',\n },\n '&.Mui-disabled': {\n '&, &::-webkit-input-placeholder': {\n color: 'disabled.tertiary',\n },\n },\n ...('inputProps' in slotPropsInput &&\n 'sx' in slotPropsInput.inputProps && { ...slotPropsInput.inputProps.sx }),\n },\n },\n disableUnderline: true,\n startAdornment: (\n <InputAdornment\n position=\"start\"\n sx={{\n transition: 'all .4s ease',\n mr: '5px',\n }}\n >\n <IconButton\n disabled={rest?.disabled}\n tabIndex={!onSearch ? -1 : 0}\n onClick={handleSearchIconClick}\n size=\"medium\"\n aria-label=\"Search\"\n sx={{\n width: '34px',\n height: '34px',\n ...updateFocusRingStyle('0px'),\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent.transparent',\n },\n {\n backgroundColor: 'transparent.transparent',\n },\n ),\n }}\n >\n <SearchIcon\n sx={{\n transition: 'all .5s ease',\n ...searchIconSx,\n }}\n {...restSearchIconProps}\n />\n </IconButton>\n </InputAdornment>\n ),\n endAdornment: (\n <InputAdornment\n position=\"end\"\n sx={{\n opacity: search !== '' ? '1' : '0',\n transition: 'opacity .3s ease',\n }}\n >\n <IconButton\n disabled={search === '' \|\| rest?.disabled}\n onClick={handleCancelIconClick}\n size=\"medium\"\n tabIndex={disableInput ? -1 : 0}\n aria-label=\"Clear search\"\n sx={{\n cursor: search !== '' ? 'pointer' : 'default',\n width: '34px',\n height: '34px',\n ...updateFocusRingStyle('0px'),\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent.transparent',\n },\n {\n backgroundColor: 'transparent.transparent',\n },\n ),\n }}\n >\n <CancelIcon {...cancelIconProps} />\n </IconButton>\n </InputAdornment>\n ),\n },\n ...restSlot,\n }}\n />\n );\n },\n);\n"],"names":["Search","forwardRef","_a","ref","debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant","rest","__rest","SearchIcon","FlowSearchIcon","CancelIcon","CloseIcon","search","setSearch","useState","deferredValue","debouncedValue","useDebounce","instantClear","searchIconSx","restSearchIconProps","_b","input","slotPropsInput","restSlot","variantStyle","useMemo","bgcolor","boxShadow","theme","flowShadows","l","useEffect","handleSearchIconClick","useCallback","e","preventDefault","stopPropagation","_jsx","TextField","Object","assign","target","position","borderRadius","border","borderColor","disabled","py","pl","pr","mb","updateFocusRingStyle","className","inputProps","p","ml","color","disableUnderline","startAdornment","InputAdornment","transition","mr","children","IconButton","tabIndex","onClick","size","width","height","getInteractiveStyle","backgroundColor","endAdornment","opacity","cursor"],"mappings":"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"}

package/cjs/components/secondaryNavigation/SecondaryNavigation.d.ts ADDED Viewed

@@ -0,0 +1,51 @@
+import { FC, ReactNode, ElementType } from 'react';
+import { AppBarProps, TabsProps, BoxProps, ToolbarProps, TypographyProps } from '@mui/material';
+export interface SecondaryNavigationProps extends Omit<AppBarProps, 'color' | 'title'> {
+    /**
+     * Headline
+     */
+    title?: ReactNode;
+    /**
+     * Items in the menu
+     * @deprecated place links directly as children
+     */
+    navigationItems?: ReactNode;
+    /**
+     * @deprecated no longer has any effect
+     */
+    color?: 'light' | 'dark';
+    /**
+     * Wrap the navigation into container
+     * @default false
+     */
+    inContainer?: boolean;
+    /**
+     * ActionButtons on the right side
+     */
+    buttons?: ReactNode;
+    /**
+     * ActionButtons on the right side
+     * @deprecated rename property to buttons
+     */
+    cta?: ReactNode;
+    /**
+     * Properties applied to toolbar container
+     */
+    toolbarProps?: ToolbarProps<ElementType>;
+    /**
+     * Properties applied to title
+     */
+    titleProps?: TypographyProps<ElementType>;
+    /**
+     * Properties applied to content wrapper
+     */
+    contentProps?: TabsProps;
+    /**
+     * Properties applied to button wrapper
+     */
+    buttonsProps?: BoxProps<ElementType>;
+}
+/**
+ * Additional navigation intended to be shown bellow the Header
+ */
+export declare const SecondaryNavigation: FC<SecondaryNavigationProps>;

package/cjs/components/secondaryNavigation/SecondaryNavigation.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var t=require("tslib"),e=require("react/jsx-runtime"),s=require("react"),a=require("@mui/material");const n=s.forwardRef(((n,r)=>{var{children:i,sx:o,title:l,navigationItems:c,cta:x,buttons:g,color:d,inContainer:p=!1,toolbarProps:u,titleProps:b,contentProps:j,buttonsProps:v}=n,f=t.__rest(n,["children","sx","title","navigationItems","cta","buttons","color","inContainer","toolbarProps","titleProps","contentProps","buttonsProps"]);const h=null!=b?b:{},{sx:y}=h,m=t.__rest(h,["sx"]),O=null!=u?u:{},{sx:S}=O,_=t.__rest(O,["sx"]),P=null!=j?j:{},{sx:w}=P,N=t.__rest(P,["sx"]),C=null!=v?v:{},{sx:B}=C,I=t.__rest(C,["sx"]),[q,G]=s.useState(0),T=s.useMemo((()=>function t(e){const a=[];return s.Children.forEach(e,((e,n)=>{var r;(null==e?void 0:e.type)===s.Fragment?a.push(...t(e.props.children)):(a.push(e),(null===(r=e.props)\|\|void 0===r?void 0:r.isActive)&&G(n))})),a}(i\|\|c)),[i,c]);return e.jsx(a.AppBar,Object.assign({sx:Object.assign({zIndex:t=>t.zIndex.appBar-20},o),ref:r,"data-testid":"SecondaryNavigation","aria-label":"Secondary Navigation",role:"group"},f,{children:e.jsxs(a.Toolbar,Object.assign({sx:Object.assign(Object.assign({},!!(null==T?void 0:T.length)&&{flexWrap:{xs:"wrap",lg:"nowrap"},pt:{xs:2,lg:0}}),S),disableGutters:!p,"data-testid":"SecondaryNavigation.wrapper"},_,{children:[l&&e.jsx(a.Typography,Object.assign({"data-testid":"SecondaryNavigation.title",variant:"subheadline",sx:Object.assign({display:"block",flexGrow:{xs:"1",lg:"0"},flexShrink:"0"},y)},m,{children:l})),!!(null==T?void 0:T.length)&&e.jsx(a.Tabs,Object.assign({value:q,onChange:(t,e)=>G(e),template:"navigation",sx:Object.assign(Object.assign(Object.assign({flexGrow:"1",flexBasis:{xs:"100%",lg:"auto"},order:{xs:"3",lg:"0"},justifyContent:{xs:"center",lg:"flex-start"},alignSelf:{xs:"flex-end",lg:"center"}},l&&{pl:{lg:4}}),{marginTop:{xs:"-10px",lg:"0"},marginBottom:"-1px"}),w),"data-testid":"SecondaryNavigation.items"},N,{children:T})),(g\|\|x)&&e.jsx(a.Box,Object.assign({sx:Object.assign({flexShrink:"0",flexGrow:"1",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:.25},B),"data-testid":"SecondaryNavigation.cta"},I,{children:g\|\|x}))]}))}))}));exports.SecondaryNavigation=n;
2	+ //# sourceMappingURL=SecondaryNavigation.js.map

package/cjs/components/secondaryNavigation/SecondaryNavigation.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SecondaryNavigation.js","sources":["../../../../../src/components/secondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType, Fragment, useMemo, useState, Children } from 'react';\nimport {\n AppBar,\n AppBarProps,\n Tabs,\n TabsProps,\n Box,\n BoxProps,\n Toolbar,\n ToolbarProps,\n Typography,\n TypographyProps,\n} from '@mui/material';\n\nexport interface SecondaryNavigationProps extends Omit<AppBarProps, 'color' | 'title'> {\n /**\n * Headline\n */\n title?: ReactNode;\n /**\n * Items in the menu\n * @deprecated place links directly as children\n */\n navigationItems?: ReactNode;\n /**\n * @deprecated no longer has any effect\n */\n color?: 'light' | 'dark';\n /**\n * Wrap the navigation into container\n * @default false\n */\n inContainer?: boolean;\n /**\n * ActionButtons on the right side\n */\n buttons?: ReactNode;\n /**\n * ActionButtons on the right side\n * @deprecated rename property to buttons\n */\n cta?: ReactNode;\n /**\n * Properties applied to toolbar container\n */\n toolbarProps?: ToolbarProps<ElementType>;\n /**\n * Properties applied to title\n */\n titleProps?: TypographyProps<ElementType>;\n /**\n * Properties applied to content wrapper\n */\n contentProps?: TabsProps;\n /**\n * Properties applied to button wrapper\n */\n buttonsProps?: BoxProps<ElementType>;\n}\n\n/**\n * Additional navigation intended to be shown bellow the Header\n */\nexport const SecondaryNavigation: FC<SecondaryNavigationProps> = forwardRef(\n (\n {\n children,\n sx,\n title,\n navigationItems,\n cta,\n buttons,\n color: __,\n inContainer = false,\n toolbarProps,\n titleProps,\n contentProps,\n buttonsProps,\n ...rest\n },\n ref,\n ) => {\n const { sx: titleSx, ...restTitle } = titleProps ?? {};\n const { sx: toolbarSx, ...restToolbar } = toolbarProps ?? {};\n const { sx: contentSx, ...restContent } = contentProps ?? {};\n const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n const [activeNav, setActiveNav] = useState(0);\n\n /**\n * Process children/navigationItems and remove any React.Fragments as Tabs requires direct elements\n */\n const navigation = useMemo(() => {\n function flatten(nodes) {\n const result = [];\n Children.forEach(nodes, (child, idx) => {\n if (child?.type === Fragment) {\n result.push(...flatten(child.props.children));\n } else {\n result.push(child);\n // backward compatible api\n if (child.props?.isActive) {\n setActiveNav(idx);\n }\n }\n });\n return result;\n }\n return flatten(children || navigationItems);\n }, [children, navigationItems]);\n\n return (\n <AppBar\n sx={{\n // bellow Header, also defined in appbar.theme.ts\n zIndex: (theme) => theme.zIndex.appBar - 20,\n ...sx,\n }}\n ref={ref}\n data-testid=\"SecondaryNavigation\"\n aria-label=\"Secondary Navigation\"\n role=\"group\"\n {...rest}\n >\n <Toolbar\n sx={{\n ...(!!navigation?.length && {\n flexWrap: { xs: 'wrap', lg: 'nowrap' },\n pt: { xs: 2, lg: 0 },\n }),\n ...toolbarSx,\n }}\n disableGutters={!inContainer}\n data-testid=\"SecondaryNavigation.wrapper\"\n {...restToolbar}\n >\n {title && (\n <Typography\n data-testid=\"SecondaryNavigation.title\"\n variant=\"subheadline\"\n sx={{\n display: 'block',\n // on mobile push the button to the right side\n flexGrow: { xs: '1', lg: '0' },\n flexShrink: '0',\n ...titleSx,\n }}\n {...restTitle}\n >\n {title}\n </Typography>\n )}\n {!!navigation?.length && (\n <Tabs\n value={activeNav}\n onChange={(_, v) => setActiveNav(v)}\n template=\"navigation\"\n sx={{\n flexGrow: '1',\n // on mobile move to 2nd row\n flexBasis: { xs: '100%', lg: 'auto' },\n order: { xs: '3', lg: '0' },\n // center on mobile\n justifyContent: { xs: 'center', lg: 'flex-start' },\n alignSelf: { xs: 'flex-end', lg: 'center' },\n ...(title && {\n // increase size between title and nav\n pl: { lg: 4 },\n }),\n marginTop: { xs: '-10px', lg: '0' },\n // move directly into border\n marginBottom: '-1px',\n ...contentSx,\n }}\n data-testid=\"SecondaryNavigation.items\"\n {...restContent}\n >\n {navigation}\n </Tabs>\n )}\n {(buttons || cta) && (\n <Box\n sx={{\n flexShrink: '0',\n flexGrow: '1',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n gap: 0.25,\n ...buttonsSx,\n }}\n data-testid=\"SecondaryNavigation.cta\"\n {...restButtons}\n >\n {buttons || cta}\n </Box>\n )}\n </Toolbar>\n </AppBar>\n );\n },\n);\n"],"names":["SecondaryNavigation","forwardRef","_a","ref","children","sx","title","navigationItems","cta","buttons","color","__","inContainer","toolbarProps","titleProps","contentProps","buttonsProps","rest","__rest","_b","titleSx","restTitle","_c","toolbarSx","restToolbar","_d","contentSx","restContent","_e","buttonsSx","restButtons","activeNav","setActiveNav","useState","navigation","useMemo","flatten","nodes","result","Children","forEach","child","idx","type","Fragment","push","props","isActive","_jsx","AppBar","Object","assign","zIndex","theme","appBar","role","_jsxs","Toolbar","length","flexWrap","xs","lg","pt","disableGutters","Typography","variant","display","flexGrow","flexShrink","Tabs","value","onChange","_","v","template","flexBasis","order","justifyContent","alignSelf","pl","marginTop","marginBottom","Box","alignItems","gap"],"mappings":"iHA+DO,MAAMA,EAAoDC,EAAAA,YAC/D,CACEC,EAeAC,KAfA,IAAAC,SACEA,EAAQC,GACRA,EAAEC,MACFA,EAAKC,gBACLA,EAAeC,IACfA,EAAGC,QACHA,EACAC,MAAOC,EAAEC,YACTA,GAAc,EAAKC,aACnBA,EAAYC,WACZA,EAAUC,aACVA,EAAYC,aACZA,GAAYd,EACTe,EAAIC,EAAAA,OAAAhB,EAbT,6IAiBA,MAAMiB,EAAgCL,QAAAA,EAAc,IAA5CT,GAAIe,GAAOD,EAAKE,EAASH,EAAAA,OAAAC,EAA3B,CAAA,OACAG,EAAoCT,QAAAA,EAAgB,IAAlDR,GAAIkB,GAASD,EAAKE,EAAWN,EAAAA,OAAAI,EAA/B,CAAA,OACAG,EAAoCV,QAAAA,EAAgB,IAAlDV,GAAIqB,GAASD,EAAKE,EAAWT,EAAAA,OAAAO,EAA/B,CAAA,OACAG,EAAoCZ,QAAAA,EAAgB,IAAlDX,GAAIwB,GAASD,EAAKE,EAAWZ,EAAAA,OAAAU,EAA/B,CAAA,QACCG,EAAWC,GAAgBC,EAAAA,SAAS,GAKrCC,EAAaC,EAAAA,SAAQ,IACzB,SAASC,EAAQC,GACf,MAAMC,EAAS,GAYf,OAXAC,EAAAA,SAASC,QAAQH,GAAO,CAACI,EAAOC,YAC1BD,aAAK,EAALA,EAAOE,QAASC,WAClBN,EAAOO,QAAQT,EAAQK,EAAMK,MAAM1C,YAEnCkC,EAAOO,KAAKJ,IAEG,UAAXA,EAAMK,aAAK,IAAA5C,OAAA,EAAAA,EAAE6C,WACff,EAAaU,GAEjB,IAEKJ,CACT,CACOF,CAAQhC,GAAYG,IAC1B,CAACH,EAAUG,IAEd,OACEyC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CACL9C,GAAE6C,OAAAC,OAAA,CAEAC,OAASC,GAAUA,EAAMD,OAAOE,OAAS,IACtCjD,GAELF,IAAKA,EAAG,cACI,sBAAqB,aACtB,uBACXoD,KAAK,SACDtC,YAEJuC,EAAAA,KAACC,EAAAA,QAAOP,OAAAC,OAAA,CACN9C,GAAE6C,OAAAC,OAAAD,OAAAC,OAAA,CAAA,KACMjB,eAAAA,EAAYwB,SAAU,CAC1BC,SAAU,CAAEC,GAAI,OAAQC,GAAI,UAC5BC,GAAI,CAAEF,GAAI,EAAGC,GAAI,KAEhBtC,GAELwC,gBAAiBnD,EAAW,cAChB,+BACRY,EAAW,CAAApB,SAAA,CAEdE,GACC0C,EAAAA,IAACgB,EAAAA,WAAUd,OAAAC,OAAA,CAAA,cACG,4BACZc,QAAQ,cACR5D,GAAE6C,OAAAC,OAAA,CACAe,QAAS,QAETC,SAAU,CAAEP,GAAI,IAAKC,GAAI,KACzBO,WAAY,KACThD,IAEDC,EAAS,CAAAjB,SAEZE,QAGF4B,eAAAA,EAAYwB,SACbV,EAAAA,IAACqB,EAAAA,KAAInB,OAAAC,OAAA,CACHmB,MAAOvC,EACPwC,SAAU,CAACC,EAAGC,IAAMzC,EAAayC,GACjCC,SAAS,aACTrE,GAAE6C,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAgB,SAAU,IAEVQ,UAAW,CAAEf,GAAI,OAAQC,GAAI,QAC7Be,MAAO,CAAEhB,GAAI,IAAKC,GAAI,KAEtBgB,eAAgB,CAAEjB,GAAI,SAAUC,GAAI,cACpCiB,UAAW,CAAElB,GAAI,WAAYC,GAAI,WAC7BvD,GAAS,CAEXyE,GAAI,CAAElB,GAAI,KACV,CACFmB,UAAW,CAAEpB,GAAI,QAASC,GAAI,KAE9BoB,aAAc,SACXvD,GAAS,cAEF,6BACRC,EAAW,CAAAvB,SAEd8B,MAGHzB,GAAWD,IACXwC,EAAAA,IAACkC,MAAGhC,OAAAC,OAAA,CACF9C,GAAE6C,OAAAC,OAAA,CACAiB,WAAY,IACZD,SAAU,IACVD,QAAS,OACTiB,WAAY,SACZN,eAAgB,WAChBO,IAAK,KACFvD,GAAS,cAEF,2BACRC,EAAW,CAAA1B,SAEdK,GAAWD,WAIX"}

package/cjs/components/secondaryNavigation/SecondaryNavigationCta.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonProps } from '@mui/material';
+export interface SecondaryNavigationCtaProps extends ButtonProps {
+}
+/**
+ * SecondaryNavigationCtaProps is a proxy component to <Button /> with responsive size
+ */
+export declare const SecondaryNavigationCta: React.FC<SecondaryNavigationCtaProps>;

package/cjs/components/secondaryNavigation/SecondaryNavigationCta.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var r=require("react/jsx-runtime"),e=require("react"),a=require("@mui/material");const t=e.forwardRef(((e,t)=>{const i=a.useMediaQuery((r=>r.breakpoints.down("lg")));return r.jsx(a.Button,Object.assign({ref:t,color:e.variant&&"contained"!==e.variant?"secondary":"primary",size:i?"small":"medium"},e))}));exports.SecondaryNavigationCta=t;
2	+ //# sourceMappingURL=SecondaryNavigationCta.js.map

package/cjs/components/secondaryNavigation/SecondaryNavigationCta.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SecondaryNavigationCta.js","sources":["../../../../../src/components/secondaryNavigation/SecondaryNavigationCta.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps, Theme, useMediaQuery } from '@mui/material';\n\nexport interface SecondaryNavigationCtaProps extends ButtonProps {}\n\n/**\n * SecondaryNavigationCtaProps is a proxy component to <Button /> with responsive size\n */\nexport const SecondaryNavigationCta: React.FC<SecondaryNavigationCtaProps> = forwardRef((props, ref) => {\n const downLg = useMediaQuery<Theme>((theme) => theme.breakpoints.down('lg'));\n\n return (\n <Button\n ref={ref}\n color={!props.variant || props.variant === 'contained' ? 'primary' : 'secondary'}\n size={downLg ? 'small' : 'medium'}\n {...props}\n />\n );\n});\n"],"names":["SecondaryNavigationCta","forwardRef","props","ref","downLg","useMediaQuery","theme","breakpoints","down","_jsx","Button","Object","assign","color","variant","size"],"mappings":"8FAQO,MAAMA,EAAgEC,EAAAA,YAAW,CAACC,EAAOC,KAC9F,MAAMC,EAASC,EAAAA,eAAsBC,GAAUA,EAAMC,YAAYC,KAAK,QAEtE,OACEC,EAAAA,IAACC,SAAMC,OAAAC,OAAA,CACLT,IAAKA,EACLU,MAAQX,EAAMY,SAA6B,cAAlBZ,EAAMY,QAAsC,YAAZ,UACzDC,KAAMX,EAAS,QAAU,UACrBF,GACJ"}

package/cjs/components/secondaryNavigation/SecondaryNavigationItem.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { FC, ReactNode, ElementType } from 'react';
+import { TabProps } from '@mui/material';
+export interface SecondaryNavigationItemProps extends Omit<TabProps<ElementType>, 'children'> {
+    /**
+     * Displayed navigation text, can be provided as children as well
+     */
+    label?: ReactNode;
+    /**
+     * Displayed navigation text
+     */
+    children?: ReactNode;
+    /**
+     * Marks item currently active
+     * @deprecated
+     */
+    isActive?: boolean;
+}
+/**
+ * Component to render styled button in the header
+ */
+export declare const SecondaryNavigationItem: FC<SecondaryNavigationItemProps>;

package/cjs/components/secondaryNavigation/SecondaryNavigationItem.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material");const a=i.forwardRef(((i,a)=>{var{children:s,label:c,isActive:l}=i,n=e.__rest(i,["children","label","isActive"]);return r.jsx(t.Tab,Object.assign({label:s\|\|c,ref:a,"data-testid":"SecondaryNavigationItem"},n))}));exports.SecondaryNavigationItem=a;
2	+ //# sourceMappingURL=SecondaryNavigationItem.js.map

package/cjs/components/secondaryNavigation/SecondaryNavigationItem.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SecondaryNavigationItem.js","sources":["../../../../../src/components/secondaryNavigation/SecondaryNavigationItem.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ForwardedRef, ElementType } from 'react';\nimport { Tab, TabProps } from '@mui/material';\n\nexport interface SecondaryNavigationItemProps extends Omit<TabProps<ElementType>, 'children'> {\n /**\n * Displayed navigation text, can be provided as children as well\n */\n label?: ReactNode;\n /**\n * Displayed navigation text\n */\n children?: ReactNode;\n /**\n * Marks item currently active\n * @deprecated\n */\n isActive?: boolean;\n}\n\n/**\n * Component to render styled button in the header\n */\nexport const SecondaryNavigationItem: FC<SecondaryNavigationItemProps> = forwardRef(\n ({ children, label, isActive: _, ...rest }, ref) => {\n // isActive is handled in SecondaryNavigation\n\n return (\n <Tab\n label={children || label}\n ref={ref as ForwardedRef<HTMLDivElement>}\n data-testid=\"SecondaryNavigationItem\"\n {...rest}\n />\n );\n },\n);\n"],"names":["SecondaryNavigationItem","forwardRef","_a","ref","children","label","isActive","_","rest","__rest","_jsx","Tab"],"mappings":"iHAsBO,MAAMA,EAA4DC,EAAAA,YACvE,CAACC,EAA2CC,KAA3C,IAAAC,SAAEA,EAAQC,MAAEA,EAAOC,SAAUC,GAACL,EAAKM,EAAIC,EAAAA,OAAAP,EAAvC,CAAA,WAAA,QAAA,aAGC,OACEQ,EAAAA,IAACC,EAAAA,mBACCN,MAAOD,GAAYC,EACnBF,IAAKA,EAAmC,cAC5B,2BACRK,GACJ"}

package/cjs/components/segmentedControls/SegmentedControls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentedControls.js","sources":["../../../../../src/components/segmentedControls/SegmentedControls.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Tabs, TabsProps } from '@mui/material';\n\nexport interface SegmentedControlsProps extends Omit<TabsProps, 'template'> {}\n\n/*\n Segmented Controls is a proxy component to <Tabs template=\"segmented\" />\n */\nexport const SegmentedControls: React.FC<SegmentedControlsProps> = forwardRef((props, ref) => {\n return <Tabs {...props} ref={ref} template=\"segmented\" />;\n});\n"],"names":["SegmentedControls","forwardRef","props","ref","_jsx","Tabs","Object","assign","template"],"mappings":"~~8FAQa~~,~~MAAAA~~,EAAsDC,~~EAAUA~~,~~YAAC~~,CAACC,EAAOC,IAC7EC,MAACC,EAAAA,~~KAASC~~,OAAAC,OAAA,CAAA,~~EAAAL~~,~~EAAO~~,~~CAAAC~~,IAAKA,EAAKK,SAAS"}
1	+ {"version":3,"file":"SegmentedControls.js","sources":["../../../../../src/components/segmentedControls/SegmentedControls.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Tabs, TabsProps } from '@mui/material';\n\nexport interface SegmentedControlsProps extends Omit<TabsProps, 'template'> {}\n\n/*\n Segmented Controls is a proxy component to <Tabs template=\"segmented\" />\n */\nexport const SegmentedControls: React.FC<SegmentedControlsProps> = forwardRef((props, ref) => {\n return <Tabs {...props} ref={ref} template=\"segmented\" />;\n});\n"],"names":["SegmentedControls","forwardRef","props","ref","_jsx","Tabs","Object","assign","template"],"mappings":"8FAQO,MAAMA,EAAsDC,EAAAA,YAAW,CAACC,EAAOC,IAC7EC,MAACC,EAAAA,KAAIC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEC,IAAKA,EAAKK,SAAS"}

package/cjs/components/selectInput/formControlSelectStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"formControlSelectStyled.js","sources":["../../../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":["import { styled, FormControl as MuiFormControl, FormControlProps as MuiFormControlProps } from '@mui/material';\n\n/*\n @description SelectInput styling definition based on props\n */\n\nconst handleStyleIcon = (props) => {\n return {\n fontSize: '24px !important',\n position: 'absolute',\n flexShrink: 0,\n pointerEvents: 'none',\n display: 'block',\n color: props.focused \|\| props.value \|\| props.hovered ? 'inherit' : 'rgba(0, 0, 0, 0.54)',\n };\n};\n\nexport const FormControlSelectStyled = styled(MuiFormControl, {\n shouldForwardProp: (prop) =>\n prop !== 'helpText' &&\n prop !== 'hideBg' &&\n prop !== 'hasError' &&\n prop !== 'hovered' &&\n prop !== 'value' &&\n prop !== 'staticLabel',\n})<\n MuiFormControlProps & {\n disabled?: boolean;\n hasError?: boolean;\n hideBg?: boolean;\n icon?: string;\n focused?: boolean;\n hovered?: boolean;\n value?: any;\n staticLabel?: boolean;\n }\n>(({ theme, ...props }) => {\n let styles = {};\n\n const styleIcon = handleStyleIcon(props);\n const styleSelect = {\n paddingBottom: props.staticLabel ? '16px' : '6px',\n paddingTop: props.staticLabel ? '16px' : '26px',\n };\n\n styles = {\n height: '56px',\n minWidth: '200px !important',\n background: theme.palette.transparent.primary,\n borderRadius: '4px 4px 0px 0px',\n borderBottom: props.focused\n ? `2px solid ${theme.palette.brand.primary}`\n : props.value\n ? `1px solid ${theme.palette.onSurface.os900}`\n : `1px solid ${theme.palette.onSurface.os500}`,\n '& > .MuiIcon-root': {\n ...styleIcon,\n width: '50px',\n top: '16px',\n },\n '& > .MuiFilledInput-root': {\n position: 'relative',\n height: '56px',\n },\n '& > label.MuiInputLabel-root': {\n paddingLeft: 0,\n fontWeight: 400,\n marginLeft: '0px',\n transform: 'translate(12, 18px) scale(1)',\n color: props.hovered \|\| props.focused ? theme.palette.text.primary : theme.palette.onSurface.os500,\n maxWidth: 'calc(100% - 56px)',\n '&:hover': {\n color: theme.palette.text.primary,\n },\n },\n '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n transform: 'translate(14px, 8px) scale(0.75)',\n paddingLeft: 0,\n fontWeight: 400,\n color: props.focused ? theme.palette.brand.primary : theme.palette.onSurface.os500,\n },\n '& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled': {\n color: theme.palette.disabled.primary,\n },\n '& > .MuiInputBase-root': {\n background: 'transparent',\n width: '100%',\n paddingLeft: '1px',\n paddingTop: '0px',\n '&::after': {\n display: 'none',\n },\n '&::before': {\n display: 'none',\n },\n '& > div.MuiSelect-select': {\n ...styleSelect,\n fontSize: '16px',\n lineHeight: '24px',\n color: theme.palette.onSurface.os900,\n fontWeight: '500',\n paddingRight: '50px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n width: '100%',\n boxSizing: 'content-box!important',\n '&:focus': {\n background: 'transparent',\n },\n '& > div.MuiListItemText-root': {\n marginTop: 0,\n },\n },\n '& > .MuiIcon-root': {\n ...styleIcon,\n right: '15.5px',\n width: '24px',\n top: '19px',\n },\n },\n };\n\n const labelStyle = styles['& > label.MuiInputLabel-root'];\n\n if (props.icon) {\n styles = {\n ...styles,\n '& > label.MuiInputLabel-root': {\n ...labelStyle,\n paddingLeft: '40px',\n },\n '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n ...styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink'],\n transform: 'translate(24px, 8px) scale(0.75)',\n paddingLeft: '40px',\n },\n '& > .MuiInputBase-root': {\n background: 'transparent',\n width: '100%',\n paddingLeft: '1px',\n paddingTop: '0px',\n '& > div.MuiSelect-select': {\n ...styleSelect,\n fontSize: '16px',\n lineHeight: '24px',\n color: theme.palette.onSurface.os900,\n fontWeight: '500',\n paddingRight: '56px',\n paddingLeft: '52px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n width: '100%',\n boxSizing: 'content-box!important',\n '&:focus': {\n background: 'transparent',\n },\n '& > div.MuiListItemText-root': {\n marginTop: '14px',\n },\n },\n '&::after': {\n display: 'none',\n },\n '&::before': {\n display: 'none',\n },\n '& > .MuiIcon-root': {\n ...styleIcon,\n right: '12.5px',\n width: '24px',\n top: '19px',\n\n '&:hovered': {},\n },\n },\n };\n }\n\n if (props.disabled) {\n labelStyle.color = theme.palette.disabled.primary;\n styles = {\n ...styles,\n borderBottom: `1px solid ${theme.palette.disabled.primary}`,\n\n '& > .MuiIcon-root': {\n ...styleIcon,\n width: '50px',\n height: '56px',\n display: 'inline-flex',\n top: '0',\n alignItems: 'center',\n justifyContent: 'center',\n paddingBottom: '8px',\n color: theme.palette.disabled.primary,\n },\n '& > .MuiInputBase-root': {\n ...styles['& > .MuiInputBase-root'],\n '& > .MuiIcon-root': {\n ...styleIcon,\n right: '12.5px',\n top: '19px',\n color: theme.palette.disabled.primary,\n },\n },\n };\n }\n\n if (props.error) {\n const errorColor = props.focused \|\| props.hovered ? theme.palette.alert['main'] : theme.palette.onSurface.os500;\n labelStyle.color = errorColor;\n styles = {\n ...styles,\n borderBottom: `2px solid ${theme.palette.alert['main']}`,\n '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n ...styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink'],\n color: errorColor,\n },\n };\n }\n\n return styles;\n});\n"],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","palette","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","error","errorColor","alert"],"mappings":"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"}
1	+ {"version":3,"file":"formControlSelectStyled.js","sources":["../../../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":["import { styled, FormControl as MuiFormControl, FormControlProps as MuiFormControlProps } from '@mui/material';\n\n/*\n @description SelectInput styling definition based on props\n */\n\nconst handleStyleIcon = (props) => {\n return {\n fontSize: '24px !important',\n position: 'absolute',\n flexShrink: 0,\n pointerEvents: 'none',\n display: 'block',\n color: props.focused \|\| props.value \|\| props.hovered ? 'inherit' : 'rgba(0, 0, 0, 0.54)',\n };\n};\n\nexport const FormControlSelectStyled = styled(MuiFormControl, {\n shouldForwardProp: (prop) =>\n prop !== 'helpText' &&\n prop !== 'hideBg' &&\n prop !== 'hasError' &&\n prop !== 'hovered' &&\n prop !== 'value' &&\n prop !== 'staticLabel',\n})<\n MuiFormControlProps & {\n disabled?: boolean;\n hasError?: boolean;\n hideBg?: boolean;\n icon?: string;\n focused?: boolean;\n hovered?: boolean;\n value?: any;\n staticLabel?: boolean;\n }\n>(({ theme, ...props }) => {\n let styles = {};\n\n const styleIcon = handleStyleIcon(props);\n const styleSelect = {\n paddingBottom: props.staticLabel ? '16px' : '6px',\n paddingTop: props.staticLabel ? '16px' : '26px',\n };\n\n styles = {\n height: '56px',\n minWidth: '200px !important',\n background: theme.palette.transparent.primary,\n borderRadius: '4px 4px 0px 0px',\n borderBottom: props.focused\n ? `2px solid ${theme.palette.brand.primary}`\n : props.value\n ? `1px solid ${theme.palette.onSurface.os900}`\n : `1px solid ${theme.palette.onSurface.os500}`,\n '& > .MuiIcon-root': {\n ...styleIcon,\n width: '50px',\n top: '16px',\n },\n '& > .MuiFilledInput-root': {\n position: 'relative',\n height: '56px',\n },\n '& > label.MuiInputLabel-root': {\n paddingLeft: 0,\n fontWeight: 400,\n marginLeft: '0px',\n transform: 'translate(12, 18px) scale(1)',\n color: props.hovered \|\| props.focused ? theme.palette.text.primary : theme.palette.onSurface.os500,\n maxWidth: 'calc(100% - 56px)',\n '&:hover': {\n color: theme.palette.text.primary,\n },\n },\n '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n transform: 'translate(14px, 8px) scale(0.75)',\n paddingLeft: 0,\n fontWeight: 400,\n color: props.focused ? theme.palette.brand.primary : theme.palette.onSurface.os500,\n },\n '& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled': {\n color: theme.palette.disabled.primary,\n },\n '& > .MuiInputBase-root': {\n background: 'transparent',\n width: '100%',\n paddingLeft: '1px',\n paddingTop: '0px',\n '&::after': {\n display: 'none',\n },\n '&::before': {\n display: 'none',\n },\n '& > div.MuiSelect-select': {\n ...styleSelect,\n fontSize: '16px',\n lineHeight: '24px',\n color: theme.palette.onSurface.os900,\n fontWeight: '500',\n paddingRight: '50px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n width: '100%',\n boxSizing: 'content-box!important',\n '&:focus': {\n background: 'transparent',\n },\n '& > div.MuiListItemText-root': {\n marginTop: 0,\n },\n },\n '& > .MuiIcon-root': {\n ...styleIcon,\n right: '15.5px',\n width: '24px',\n top: '19px',\n },\n },\n };\n\n const labelStyle = styles['& > label.MuiInputLabel-root'];\n\n if (props.icon) {\n styles = {\n ...styles,\n '& > label.MuiInputLabel-root': {\n ...labelStyle,\n paddingLeft: '40px',\n },\n '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n ...styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink'],\n transform: 'translate(24px, 8px) scale(0.75)',\n paddingLeft: '40px',\n },\n '& > .MuiInputBase-root': {\n background: 'transparent',\n width: '100%',\n paddingLeft: '1px',\n paddingTop: '0px',\n '& > div.MuiSelect-select': {\n ...styleSelect,\n fontSize: '16px',\n lineHeight: '24px',\n color: theme.palette.onSurface.os900,\n fontWeight: '500',\n paddingRight: '56px',\n paddingLeft: '52px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n width: '100%',\n boxSizing: 'content-box!important',\n '&:focus': {\n background: 'transparent',\n },\n '& > div.MuiListItemText-root': {\n marginTop: '14px',\n },\n },\n '&::after': {\n display: 'none',\n },\n '&::before': {\n display: 'none',\n },\n '& > .MuiIcon-root': {\n ...styleIcon,\n right: '12.5px',\n width: '24px',\n top: '19px',\n\n '&:hovered': {},\n },\n },\n };\n }\n\n if (props.disabled) {\n labelStyle.color = theme.palette.disabled.primary;\n styles = {\n ...styles,\n borderBottom: `1px solid ${theme.palette.disabled.primary}`,\n\n '& > .MuiIcon-root': {\n ...styleIcon,\n width: '50px',\n height: '56px',\n display: 'inline-flex',\n top: '0',\n alignItems: 'center',\n justifyContent: 'center',\n paddingBottom: '8px',\n color: theme.palette.disabled.primary,\n },\n '& > .MuiInputBase-root': {\n ...styles['& > .MuiInputBase-root'],\n '& > .MuiIcon-root': {\n ...styleIcon,\n right: '12.5px',\n top: '19px',\n color: theme.palette.disabled.primary,\n },\n },\n };\n }\n\n if (props.error) {\n const errorColor = props.focused \|\| props.hovered ? theme.palette.alert['main'] : theme.palette.onSurface.os500;\n labelStyle.color = errorColor;\n styles = {\n ...styles,\n borderBottom: `2px solid ${theme.palette.alert['main']}`,\n '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n ...styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink'],\n color: errorColor,\n },\n };\n }\n\n return styles;\n});\n"],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","palette","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","error","errorColor","alert"],"mappings":"+DAMA,MAWaA,EAA0BC,EAAAA,OAAOC,cAAgB,CAC5DC,kBAAoBC,GACT,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,UAATA,GACS,gBAATA,GAPmCH,EAmBpCI,IAAA,IAAAC,MAAEA,GAAKD,EAAKE,EAAKC,EAAAA,OAAAH,EAAjB,WACD,IAAII,EAAS,CAAA,EAEb,MAAMC,EAjCgB,CAACH,IAChB,CACLI,SAAU,kBACVC,SAAU,WACVC,WAAY,EACZC,cAAe,OACfC,QAAS,QACTC,MAAOT,EAAMU,SAAWV,EAAMW,OAASX,EAAMY,QAAU,UAAY,wBA0BnDC,CAAgBb,GAC5Bc,EAAc,CAClBC,cAAef,EAAMgB,YAAc,OAAS,MAC5CC,WAAYjB,EAAMgB,YAAc,OAAS,QAG3Cd,EAAS,CACPgB,OAAQ,OACRC,SAAU,mBACVC,WAAYrB,EAAMsB,QAAQC,YAAYC,QACtCC,aAAc,kBACdC,aAAczB,EAAMU,QAChB,aAAaX,EAAMsB,QAAQK,MAAMH,UACjCvB,EAAMW,MACJ,aAAaZ,EAAMsB,QAAQM,UAAUC,QACrC,aAAa7B,EAAMsB,QAAQM,UAAUE,QAC3C,oBAAmBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACd5B,GAAS,CACZ6B,MAAO,OACPC,IAAK,SAEP,2BAA4B,CAC1B5B,SAAU,WACVa,OAAQ,QAEV,+BAAgC,CAC9BgB,YAAa,EACbC,WAAY,IACZC,WAAY,MACZC,UAAW,+BACX5B,MAAOT,EAAMY,SAAWZ,EAAMU,QAAUX,EAAMsB,QAAQiB,KAAKf,QAAUxB,EAAMsB,QAAQM,UAAUE,MAC7FU,SAAU,oBACV,UAAW,CACT9B,MAAOV,EAAMsB,QAAQiB,KAAKf,UAG9B,oDAAqD,CACnDc,UAAW,mCACXH,YAAa,EACbC,WAAY,IACZ1B,MAAOT,EAAMU,QAAUX,EAAMsB,QAAQK,MAAMH,QAAUxB,EAAMsB,QAAQM,UAAUE,OAE/E,iEAAkE,CAChEpB,MAAOV,EAAMsB,QAAQmB,SAASjB,SAEhC,yBAA0B,CACxBH,WAAY,cACZY,MAAO,OACPE,YAAa,MACbjB,WAAY,MACZ,WAAY,CACVT,QAAS,QAEX,YAAa,CACXA,QAAS,QAEX,2BAA0BsB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACrBjB,GAAW,CACdV,SAAU,OACVqC,WAAY,OACZhC,MAAOV,EAAMsB,QAAQM,UAAUC,MAC/BO,WAAY,MACZO,aAAc,OACdC,SAAU,SACVC,aAAc,WACdZ,MAAO,OACPa,UAAW,wBACX,UAAW,CACTzB,WAAY,eAEd,+BAAgC,CAC9B0B,UAAW,KAGf,oBAAmBhB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACd5B,GAAS,CACZ4C,MAAO,SACPf,MAAO,OACPC,IAAK,WAKX,MAAMe,EAAa9C,EAAO,gCAqF1B,GAnFIF,EAAMiD,OACR/C,EAAM4B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACD7B,GAAM,CACT,+BAA8B4B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACzBiB,GAAU,CACbd,YAAa,SAEf,oDAAmDJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC9C7B,EAAO,sDAAoD,CAC9DmC,UAAW,mCACXH,YAAa,SAEf,yBAA0B,CACxBd,WAAY,cACZY,MAAO,OACPE,YAAa,MACbjB,WAAY,MACZ,2BAA0Ba,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACrBjB,GAAW,CACdV,SAAU,OACVqC,WAAY,OACZhC,MAAOV,EAAMsB,QAAQM,UAAUC,MAC/BO,WAAY,MACZO,aAAc,OACdR,YAAa,OACbS,SAAU,SACVC,aAAc,WACdZ,MAAO,OACPa,UAAW,wBACX,UAAW,CACTzB,WAAY,eAEd,+BAAgC,CAC9B0B,UAAW,UAGf,WAAY,CACVtC,QAAS,QAEX,YAAa,CACXA,QAAS,QAEX,mDACKL,GAAS,CACZ4C,MAAO,SACPf,MAAO,OACPC,IAAK,OAEL,YAAa,CAAA,QAMjBjC,EAAMwC,WACRQ,EAAWvC,MAAQV,EAAMsB,QAAQmB,SAASjB,QAC1CrB,iCACKA,GAAM,CACTuB,aAAc,aAAa1B,EAAMsB,QAAQmB,SAASjB,UAElD,oBAAmBO,OAAAC,OAAAD,OAAAC,OAAA,GACd5B,GAAS,CACZ6B,MAAO,OACPd,OAAQ,OACRV,QAAS,cACTyB,IAAK,IACLiB,WAAY,SACZC,eAAgB,SAChBpC,cAAe,MACfN,MAAOV,EAAMsB,QAAQmB,SAASjB,UAEhC,yBAAwBO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACnB7B,EAAO,2BAAyB,CACnC,oBAAmB4B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACd5B,IACH4C,MAAO,SACPd,IAAK,OACLxB,MAAOV,EAAMsB,QAAQmB,SAASjB,eAMlCvB,EAAMoD,MAAO,CACf,MAAMC,EAAarD,EAAMU,SAAWV,EAAMY,QAAUb,EAAMsB,QAAQiC,MAAY,KAAIvD,EAAMsB,QAAQM,UAAUE,MAC1GmB,EAAWvC,MAAQ4C,EACnBnD,EAAM4B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACD7B,GAAM,CACTuB,aAAc,aAAa1B,EAAMsB,QAAQiC,MAAY,OACrD,oDAAmDxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC9C7B,EAAO,sDAAoD,CAC9DO,MAAO4C,KAGb,CAEA,OAAOnD,CAAM"}

package/cjs/components/selectInput/hook/useSelectInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSelectInput.js","sources":["../../../../../../src/components/selectInput/hook/useSelectInput.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nexport const useSelectInput = (\n inputRef,\n setParentInputWidth,\n setHelpTextState,\n fullWidth,\n helpText,\n value,\n setCurrentValue,\n required,\n setIsRequired,\n) => {\n //-Set the current value from select\n const handleOnChange = useCallback((e, onChange, _setCurrentValue) => {\n const inputValue = e.target.value;\n _setCurrentValue(inputValue);\n onChange && onChange(e);\n }, []);\n\n //Call the onBlur callback from the outside, reset the focused state\n const handleOnBlur = useCallback((setIsFocused, onBlur) => {\n setIsFocused(false);\n onBlur && onBlur();\n }, []);\n\n //Call the onFocus callback from outside, set the focus style to true\n const handleOnFocus = useCallback((setIsFocused, onFocus) => {\n setIsFocused(true);\n onFocus && onFocus();\n }, []);\n\n useEffect(() => {\n if (!inputRef \|\| !inputRef.current) return;\n setParentInputWidth(inputRef.current.offsetWidth + 'px');\n }, [inputRef, fullWidth, setParentInputWidth]);\n\n useEffect(() => {\n setHelpTextState(helpText);\n }, [inputRef, helpText, setHelpTextState]);\n\n //If value passed from outside exists\n useEffect(() => {\n if (value && value.length > 0) {\n setCurrentValue(value);\n }\n }, [setCurrentValue, value]);\n\n useEffect(() => {\n setIsRequired(required);\n }, [required, setIsRequired]);\n\n return {\n handleOnChange,\n handleOnBlur,\n handleOnFocus,\n };\n};\n"],"names":["inputRef","setParentInputWidth","setHelpTextState","fullWidth","helpText","value","setCurrentValue","required","setIsRequired","handleOnChange","useCallback","e","onChange","_setCurrentValue","target","handleOnBlur","setIsFocused","onBlur","handleOnFocus","onFocus","useEffect","current","offsetWidth","length"],"mappings":"2DAE8B,CAC5BA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAiBC,~~EAAWA~~,~~aAAC~~,CAACC,EAAGC,EAAUC,KAE/CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,EAAE,GACtB,IAGGI,EAAeL,EAAAA,aAAY,CAACM,EAAcC,KAC9CD,GAAa,GACbC,GAAUA,GAAQ,GACjB,IAGGC,EAAgBR,EAAAA,aAAY,CAACM,EAAcG,KAC/CH,GAAa,GACbG,GAAWA,GAAS,GACnB,IAsBH,OApBAC,EAAAA,WAAU,KACHpB,GAAaA,EAASqB,SAC3BpB,EAAoBD,EAASqB,QAAQC,YAAc,KAAK,GACvD,CAACtB,EAAUG,EAAWF,IAEzBmB,EAAAA,WAAU,QAEP,CAACpB,EAAUI,EAAUF,IAGxBkB,EAAAA,WAAU,KACJf,GAASA,EAAMkB,OAAS,GAC1BjB,EAAgBD,~~KAEjB~~,CAACC,EAAiBD,IAErBe,EAAAA,WAAU,KACRZ,EAAcD,EAAS,GACtB,CAACA,EAAUC,IAEP,CACLC,iBACAM,eACAG,gBACD"}
1	+ {"version":3,"file":"useSelectInput.js","sources":["../../../../../../src/components/selectInput/hook/useSelectInput.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nexport const useSelectInput = (\n inputRef,\n setParentInputWidth,\n setHelpTextState,\n fullWidth,\n helpText,\n value,\n setCurrentValue,\n required,\n setIsRequired,\n) => {\n //-Set the current value from select\n const handleOnChange = useCallback((e, onChange, _setCurrentValue) => {\n const inputValue = e.target.value;\n _setCurrentValue(inputValue);\n onChange && onChange(e);\n }, []);\n\n //Call the onBlur callback from the outside, reset the focused state\n const handleOnBlur = useCallback((setIsFocused, onBlur) => {\n setIsFocused(false);\n onBlur && onBlur();\n }, []);\n\n //Call the onFocus callback from outside, set the focus style to true\n const handleOnFocus = useCallback((setIsFocused, onFocus) => {\n setIsFocused(true);\n onFocus && onFocus();\n }, []);\n\n useEffect(() => {\n if (!inputRef \|\| !inputRef.current) return;\n setParentInputWidth(inputRef.current.offsetWidth + 'px');\n }, [inputRef, fullWidth, setParentInputWidth]);\n\n useEffect(() => {\n setHelpTextState(helpText);\n }, [inputRef, helpText, setHelpTextState]);\n\n //If value passed from outside exists\n useEffect(() => {\n if (value && value.length > 0) {\n setCurrentValue(value);\n }\n }, [setCurrentValue, value]);\n\n useEffect(() => {\n setIsRequired(required);\n }, [required, setIsRequired]);\n\n return {\n handleOnChange,\n handleOnBlur,\n handleOnFocus,\n };\n};\n"],"names":["inputRef","setParentInputWidth","setHelpTextState","fullWidth","helpText","value","setCurrentValue","required","setIsRequired","handleOnChange","useCallback","e","onChange","_setCurrentValue","target","handleOnBlur","setIsFocused","onBlur","handleOnFocus","onFocus","useEffect","current","offsetWidth","length"],"mappings":"2DAE8B,CAC5BA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAiBC,EAAAA,aAAY,CAACC,EAAGC,EAAUC,KAE/CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,EAAE,GACtB,IAGGI,EAAeL,EAAAA,aAAY,CAACM,EAAcC,KAC9CD,GAAa,GACbC,GAAUA,GAAQ,GACjB,IAGGC,EAAgBR,EAAAA,aAAY,CAACM,EAAcG,KAC/CH,GAAa,GACbG,GAAWA,GAAS,GACnB,IAsBH,OApBAC,EAAAA,WAAU,KACHpB,GAAaA,EAASqB,SAC3BpB,EAAoBD,EAASqB,QAAQC,YAAc,KAAK,GACvD,CAACtB,EAAUG,EAAWF,IAEzBmB,EAAAA,WAAU,QAEP,CAACpB,EAAUI,EAAUF,IAGxBkB,EAAAA,WAAU,KACJf,GAASA,EAAMkB,OAAS,GAC1BjB,EAAgBD,EAClB,GACC,CAACC,EAAiBD,IAErBe,EAAAA,WAAU,KACRZ,EAAcD,EAAS,GACtB,CAACA,EAAUC,IAEP,CACLC,iBACAM,eACAG,gBACD"}

package/cjs/components/selectInput/inputLabelSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inputLabelSelect.js","sources":["../../../../../src/components/selectInput/inputLabelSelect.tsx"],"sourcesContent":["import { InputLabel } from '@mui/material';\nimport React from 'react';\n\nconst InputLabelSelect = ({ staticLabel, currentValue, opened, label }) => {\n if (staticLabel && currentValue) {\n return null;\n } else {\n return (\n <InputLabel shrink={currentValue \|\| opened ? true : false} id={label}>\n {label}\n </InputLabel>\n );\n }\n};\n\nexport default InputLabelSelect;\n"],"names":["staticLabel","currentValue","opened","label","_jsx","~~jsx","~~InputLabel","shrink","id","children"],"mappings":"kJAGyB,EAAGA,cAAaC,eAAcC,SAAQC,WACzDH,GAAeC,EACV,KAGLG,~~EAACC~~,~~IAAAC~~,~~EAAUA~~,~~WAAC~~,~~CAAAC~~,~~UAAQN~~,IAAgBC,~~GAAuBM~~,~~GAAIL~~,~~EAC5DM~~,~~SAAAN~~"}
1	+ {"version":3,"file":"inputLabelSelect.js","sources":["../../../../../src/components/selectInput/inputLabelSelect.tsx"],"sourcesContent":["import { InputLabel } from '@mui/material';\nimport React from 'react';\n\nconst InputLabelSelect = ({ staticLabel, currentValue, opened, label }) => {\n if (staticLabel && currentValue) {\n return null;\n } else {\n return (\n <InputLabel shrink={currentValue \|\| opened ? true : false} id={label}>\n {label}\n </InputLabel>\n );\n }\n};\n\nexport default InputLabelSelect;\n"],"names":["staticLabel","currentValue","opened","label","_jsx","InputLabel","shrink","id","children"],"mappings":"kJAGyB,EAAGA,cAAaC,eAAcC,SAAQC,WACzDH,GAAeC,EACV,KAGLG,EAAAA,IAACC,EAAAA,WAAU,CAACC,UAAQL,IAAgBC,GAAuBK,GAAIJ,EAAKK,SACjEL"}