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/components/menu/menu.js CHANGED Viewed

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

package/components/menu/menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { MenuList, MenuItem, Paper, PaperProps, Divider, ListItemText, Switch, Checkbox } from '@mui/material';\nimport { Icon } from '@/src/components/icon';\nimport { Flag, FlagProps } from '@/src/components/flag';\n\n/*\n @interface MenuItemObject\n * @description Single menu item containing icon class and item value\n /\nexport interface MenuItemObject {\n value: string;\n flag: FlagProps['flag'];\n title: string;\n}\nexport type MenuItems = MenuItemObject[] \| string[];\n/\n @interface MenuReactUseStateHook\n * @description The use state hook that must be provided to the Menu component.\n /\nexport interface MenuReactUseStateHook {\n state: any[];\n setState: React.Dispatch<React.SetStateAction<any[]>>;\n}\n/\n @interface FlowMenuProps (previously PaperProps)\n * @description Base definition of SkodaFlow Menu independent on core implementation.\n * Properties are inherited from HTML Div element\n /\nexport interface FlowMenuProps extends PaperProps {\n /\n hasIcon is used to specify if every item should have icon.\n /\n hasIcon?: boolean;\n /\n multipleSelection is used to allow multiple selection.\n /\n multipleSelection?: boolean;\n /\n Adding a label to the group.\n /\n groupLabel?: string;\n /\n Items provided to the menu. Depending on hasIcon is set to true or false, the items should either implement string[] in case of hasIcon = false,\n * or MenuItemObject[] when hasIcon = true.\n /\n items: MenuItems;\n /\n The use state hook that must be provided to the Menu component.\n /\n reactHook: MenuReactUseStateHook;\n /\n groupToggleSelection, providing ability to select or deselect all items. multipleSelection should be = true in order groupToggleSelection to work.\n /\n groupToggleSelection?: boolean;\n\n /\n set the menu open state\n /\n setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n /\n The toggle label displayed when groupToggleSelection is true. Default is \"Select all\".\n /\n toggleLabel?: string;\n}\n/\n @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n /\n\n/\n @function onToggleClickHandler\n * @description Set itemsstate and toggle checked on toggle click.\n /\nconst onToggleClickHandler = (\n currToggleChecked: boolean,\n initItems: MenuItems,\n setItems: React.Dispatch<React.SetStateAction<any[]>>,\n setToggle: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n const expectedFutureToggleCheckedState = !currToggleChecked;\n setItems(() => (expectedFutureToggleCheckedState ? [...initItems] : []));\n setToggle(expectedFutureToggleCheckedState);\n};\n\n/\n @function onMenuItemClickHandler\n * @description Set itemsstate on menu item click.\n /\n\nconst onMenuItemClickHandler = (\n isString: boolean,\n multipleSelection: boolean,\n id: string,\n itemsState: any[],\n setItemsState: React.Dispatch<React.SetStateAction<any[]>>,\n initItems: MenuItems,\n) => {\n const itemExist = isString ? itemsState.includes(id) : itemsState.find((item) => item.value.toString() === id);\n const newItem = isString\n ? [id]\n : (initItems as MenuItemObject[]).filter((item: MenuItemObject) => item.value.toString() === id);\n //if the menu is not multiple selection\n if (!multipleSelection) {\n //if the item is already selected (itemExist === true): return an empty array (deselect item)\n //else return the new item selected (object or string depending on the array of items passed)\n if (itemExist) {\n setItemsState([]);\n } else {\n setItemsState(newItem);\n }\n }\n //if the menu is multiple selection\n else {\n if (itemExist) {\n const listWithoutItem = itemsState.filter((item) => (isString ? item !== id : item.value.toString() !== id));\n setItemsState(listWithoutItem);\n } else {\n setItemsState((prevArr) => [...newItem, ...prevArr]);\n }\n }\n};\n\n/\n @function setToggle\n * @description Set toggle based on menu items change.\n /\nconst setToggle = (\n multipleSelection: boolean,\n groupToggleSelection: boolean,\n initItems: MenuItems,\n itemsState: any[],\n setToggleChecked: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n if (multipleSelection && groupToggleSelection) {\n if (itemsState.length === initItems.length) setToggleChecked(true);\n if (itemsState.length < initItems.length) setToggleChecked(false);\n }\n};\n\n/\n @deprecated Use Menu component from '@mui/material' module instead.\n */\nexport const Menu = forwardRef<HTMLDivElement, FlowMenuProps>(\n (\n {\n setIsOpen,\n reactHook,\n items,\n hasIcon,\n multipleSelection,\n groupToggleSelection,\n groupLabel = '',\n toggleLabel,\n sx,\n ...rest\n },\n ref,\n ) => {\n const { state: itemsState, setState: setItemsState } = reactHook;\n const [toggleChecked, setToggleChecked] = useState(false);\n\n const onToggleClickHandlerWithUseCallback = useCallback(() => {\n onToggleClickHandler(toggleChecked, items, setItemsState, setToggleChecked);\n }, [items, setItemsState, toggleChecked]);\n\n //callback fired when an item in the menu list is clicked\n const onMenuItemClickHandlerWithUseCallback = useCallback(\n (e, isString) => {\n onMenuItemClickHandler(isString, multipleSelection, e.currentTarget.id, itemsState, setItemsState, items);\n },\n [items, itemsState, multipleSelection, setItemsState],\n );\n\n //Return the menuItem depending on the type of the item (string or MenuItemObject)\n const handleTypeItem = useCallback(\n (isString, item) => {\n const selected = isString\n ? itemsState.includes(item)\n : itemsState.some((itemState: MenuItemObject) => itemState.value === item.value);\n const title = isString ? item : item.title;\n const id = isString ? item : item.value;\n return (\n <MenuItem\n key={id}\n id={id}\n selected={selected}\n onClick={(e) => onMenuItemClickHandlerWithUseCallback(e, isString)}\n >\n {hasIcon && !isString && <Flag flag={item.flag} title={item.title} />}\n <ListItemText>{title}</ListItemText>\n {multipleSelection && <Checkbox checked={selected} tabIndex={-1} />}\n </MenuItem>\n );\n },\n [itemsState, hasIcon, multipleSelection, onMenuItemClickHandlerWithUseCallback],\n );\n\n useEffect(() => {\n setToggle(multipleSelection, groupToggleSelection, items, itemsState, setToggleChecked);\n }, [groupToggleSelection, items, itemsState, multipleSelection]);\n\n return (\n <Paper {...rest} ref={ref} sx={{ borderRadius: '0', boxShadow: '0px 2px 25px 0px rgba(0, 0, 0, 0.15)', ...sx }}>\n {groupLabel.length > 0 && (\n <>\n <MenuItem onClick={() => setIsOpen(false)}>\n <ListItemText>{groupLabel}</ListItemText>\n <Icon name=\"close\" sx={{ p: 0.25 }} />\n </MenuItem>\n <Divider />\n </>\n )}\n {multipleSelection && groupToggleSelection && (\n <MenuItem className=\"menu-select-all\">\n <ListItemText>{toggleLabel ? toggleLabel : 'Select all'}</ListItemText>\n <Switch onClick={onToggleClickHandlerWithUseCallback} checked={toggleChecked} />\n </MenuItem>\n )}\n <MenuList>\n {(items as any).map((item: any) => {\n const isString = typeof item === 'string';\n return handleTypeItem(isString, item);\n })}\n </MenuList>\n </Paper>\n );\n },\n);\n"],"names":["Menu","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","sx","rest","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","MenuItem","onClick","children","_jsx","Flag","flag","ListItemText","Checkbox","checked","tabIndex","useEffect","length","Paper","Object","assign","borderRadius","boxShadow","_Fragment","Icon","name","p","Divider","className","Switch","MenuList","map"],"mappings":"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"}
1	+ {"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { MenuList, MenuItem, Paper, PaperProps, Divider, ListItemText, Switch, Checkbox } from '@mui/material';\nimport { Icon } from '@/src/components/icon';\nimport { Flag, FlagProps } from '@/src/components/flag';\n\n/*\n @interface MenuItemObject\n * @description Single menu item containing icon class and item value\n /\nexport interface MenuItemObject {\n value: string;\n flag: FlagProps['flag'];\n title: string;\n}\nexport type MenuItems = MenuItemObject[] \| string[];\n/\n @interface MenuReactUseStateHook\n * @description The use state hook that must be provided to the Menu component.\n /\nexport interface MenuReactUseStateHook {\n state: any[];\n setState: React.Dispatch<React.SetStateAction<any[]>>;\n}\n/\n @interface FlowMenuProps (previously PaperProps)\n * @description Base definition of SkodaFlow Menu independent on core implementation.\n * Properties are inherited from HTML Div element\n /\nexport interface FlowMenuProps extends PaperProps {\n /\n hasIcon is used to specify if every item should have icon.\n /\n hasIcon?: boolean;\n /\n multipleSelection is used to allow multiple selection.\n /\n multipleSelection?: boolean;\n /\n Adding a label to the group.\n /\n groupLabel?: string;\n /\n Items provided to the menu. Depending on hasIcon is set to true or false, the items should either implement string[] in case of hasIcon = false,\n * or MenuItemObject[] when hasIcon = true.\n /\n items: MenuItems;\n /\n The use state hook that must be provided to the Menu component.\n /\n reactHook: MenuReactUseStateHook;\n /\n groupToggleSelection, providing ability to select or deselect all items. multipleSelection should be = true in order groupToggleSelection to work.\n /\n groupToggleSelection?: boolean;\n\n /\n set the menu open state\n /\n setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n /\n The toggle label displayed when groupToggleSelection is true. Default is \"Select all\".\n /\n toggleLabel?: string;\n}\n/\n @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n /\n\n/\n @function onToggleClickHandler\n * @description Set itemsstate and toggle checked on toggle click.\n /\nconst onToggleClickHandler = (\n currToggleChecked: boolean,\n initItems: MenuItems,\n setItems: React.Dispatch<React.SetStateAction<any[]>>,\n setToggle: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n const expectedFutureToggleCheckedState = !currToggleChecked;\n setItems(() => (expectedFutureToggleCheckedState ? [...initItems] : []));\n setToggle(expectedFutureToggleCheckedState);\n};\n\n/\n @function onMenuItemClickHandler\n * @description Set itemsstate on menu item click.\n /\n\nconst onMenuItemClickHandler = (\n isString: boolean,\n multipleSelection: boolean,\n id: string,\n itemsState: any[],\n setItemsState: React.Dispatch<React.SetStateAction<any[]>>,\n initItems: MenuItems,\n) => {\n const itemExist = isString ? itemsState.includes(id) : itemsState.find((item) => item.value.toString() === id);\n const newItem = isString\n ? [id]\n : (initItems as MenuItemObject[]).filter((item: MenuItemObject) => item.value.toString() === id);\n //if the menu is not multiple selection\n if (!multipleSelection) {\n //if the item is already selected (itemExist === true): return an empty array (deselect item)\n //else return the new item selected (object or string depending on the array of items passed)\n if (itemExist) {\n setItemsState([]);\n } else {\n setItemsState(newItem);\n }\n }\n //if the menu is multiple selection\n else {\n if (itemExist) {\n const listWithoutItem = itemsState.filter((item) => (isString ? item !== id : item.value.toString() !== id));\n setItemsState(listWithoutItem);\n } else {\n setItemsState((prevArr) => [...newItem, ...prevArr]);\n }\n }\n};\n\n/\n @function setToggle\n * @description Set toggle based on menu items change.\n /\nconst setToggle = (\n multipleSelection: boolean,\n groupToggleSelection: boolean,\n initItems: MenuItems,\n itemsState: any[],\n setToggleChecked: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n if (multipleSelection && groupToggleSelection) {\n if (itemsState.length === initItems.length) setToggleChecked(true);\n if (itemsState.length < initItems.length) setToggleChecked(false);\n }\n};\n\n/\n @deprecated Use Menu component from '@mui/material' module instead.\n */\nexport const Menu = forwardRef<HTMLDivElement, FlowMenuProps>(\n (\n {\n setIsOpen,\n reactHook,\n items,\n hasIcon,\n multipleSelection,\n groupToggleSelection,\n groupLabel = '',\n toggleLabel,\n sx,\n ...rest\n },\n ref,\n ) => {\n const { state: itemsState, setState: setItemsState } = reactHook;\n const [toggleChecked, setToggleChecked] = useState(false);\n\n const onToggleClickHandlerWithUseCallback = useCallback(() => {\n onToggleClickHandler(toggleChecked, items, setItemsState, setToggleChecked);\n }, [items, setItemsState, toggleChecked]);\n\n //callback fired when an item in the menu list is clicked\n const onMenuItemClickHandlerWithUseCallback = useCallback(\n (e, isString) => {\n onMenuItemClickHandler(isString, multipleSelection, e.currentTarget.id, itemsState, setItemsState, items);\n },\n [items, itemsState, multipleSelection, setItemsState],\n );\n\n //Return the menuItem depending on the type of the item (string or MenuItemObject)\n const handleTypeItem = useCallback(\n (isString, item) => {\n const selected = isString\n ? itemsState.includes(item)\n : itemsState.some((itemState: MenuItemObject) => itemState.value === item.value);\n const title = isString ? item : item.title;\n const id = isString ? item : item.value;\n return (\n <MenuItem\n key={id}\n id={id}\n selected={selected}\n onClick={(e) => onMenuItemClickHandlerWithUseCallback(e, isString)}\n >\n {hasIcon && !isString && <Flag flag={item.flag} title={item.title} />}\n <ListItemText>{title}</ListItemText>\n {multipleSelection && <Checkbox checked={selected} tabIndex={-1} />}\n </MenuItem>\n );\n },\n [itemsState, hasIcon, multipleSelection, onMenuItemClickHandlerWithUseCallback],\n );\n\n useEffect(() => {\n setToggle(multipleSelection, groupToggleSelection, items, itemsState, setToggleChecked);\n }, [groupToggleSelection, items, itemsState, multipleSelection]);\n\n return (\n <Paper {...rest} ref={ref} sx={{ borderRadius: '0', boxShadow: '0px 2px 25px 0px rgba(0, 0, 0, 0.15)', ...sx }}>\n {groupLabel.length > 0 && (\n <>\n <MenuItem onClick={() => setIsOpen(false)}>\n <ListItemText>{groupLabel}</ListItemText>\n <Icon name=\"close\" sx={{ p: 0.25 }} />\n </MenuItem>\n <Divider />\n </>\n )}\n {multipleSelection && groupToggleSelection && (\n <MenuItem className=\"menu-select-all\">\n <ListItemText>{toggleLabel ? toggleLabel : 'Select all'}</ListItemText>\n <Switch onClick={onToggleClickHandlerWithUseCallback} checked={toggleChecked} />\n </MenuItem>\n )}\n <MenuList>\n {(items as any).map((item: any) => {\n const isString = typeof item === 'string';\n return handleTypeItem(isString, item);\n })}\n </MenuList>\n </Paper>\n );\n },\n);\n"],"names":["Menu","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","sx","rest","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","MenuItem","onClick","children","_jsx","Flag","flag","ListItemText","Checkbox","checked","tabIndex","useEffect","length","Paper","Object","assign","borderRadius","boxShadow","_Fragment","Icon","name","p","Divider","className","Switch","MenuList","map"],"mappings":"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"}

package/components/menuItem/menuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuItem.js","sources":["../../../src/components/menuItem/menuItem.tsx"],"sourcesContent":["import { FC, HTMLAttributes } from 'react';\nimport { ListItemText, Typography, MenuItem as MuiMenuItem } from '@mui/material';\n/*\n @interface MenuItemProps\n * @description properties definition of the Menu Item\n /\nexport interface MenuItemProps extends HTMLAttributes<HTMLSpanElement> {\n /\n key for the Menu item\n /\n key?: any;\n /\n id for the menu item\n /\n id?: any;\n /\n value of menu item\n /\n value?: any;\n\n /\n text or component to show inside the menu item topography\n /\n children?: any;\n}\n\n/\n @description SkodaFlow MenuItem component.\n * @param props MenuItemProps\n * @returns React Functional component\n */\nexport const MenuItem: FC<MenuItemProps> = ({ key, id, value, children, ...props }) => {\n return (\n <MuiMenuItem key={key} id={id} value={value} {...props}>\n <ListItemText>\n <Typography noWrap>{children}</Typography>\n </ListItemText>\n </MuiMenuItem>\n );\n};\n"],"names":["MenuItem","_a","key","id","value","children","props","__rest","_jsx","MuiMenuItem","Object","assign","ListItemText","Typography","noWrap"],"mappings":"kJA+Ba,~~MAAAA~~,EAA+BC,IAAA,IAAAC,IAAEA,EAAGC,GAAEA,EAAEC,MAAEA,EAAKC,SAAEA,GAAQJ,EAAKK,~~EAA/BC~~,EAAAN,~~EAAA~~,CAAA,MAAA,KAAA,QAAA,aAC1C,OACEO,EAACC,EAAWC,OAAAC,OAAA,CAAWR,GAAIA,EAAIC,MAAOA,GAAWE,EAAK,CAAAD,SACpDG,EAACI,~~EACC~~,CAAAP,~~SAAAG~~,EAACK,EAAU,CAACC,QAAM,EAAAT,SAAEA,QAFNH,EAIJ"}
1	+ {"version":3,"file":"menuItem.js","sources":["../../../src/components/menuItem/menuItem.tsx"],"sourcesContent":["import { FC, HTMLAttributes } from 'react';\nimport { ListItemText, Typography, MenuItem as MuiMenuItem } from '@mui/material';\n/*\n @interface MenuItemProps\n * @description properties definition of the Menu Item\n /\nexport interface MenuItemProps extends HTMLAttributes<HTMLSpanElement> {\n /\n key for the Menu item\n /\n key?: any;\n /\n id for the menu item\n /\n id?: any;\n /\n value of menu item\n /\n value?: any;\n\n /\n text or component to show inside the menu item topography\n /\n children?: any;\n}\n\n/\n @description SkodaFlow MenuItem component.\n * @param props MenuItemProps\n * @returns React Functional component\n */\nexport const MenuItem: FC<MenuItemProps> = ({ key, id, value, children, ...props }) => {\n return (\n <MuiMenuItem key={key} id={id} value={value} {...props}>\n <ListItemText>\n <Typography noWrap>{children}</Typography>\n </ListItemText>\n </MuiMenuItem>\n );\n};\n"],"names":["MenuItem","_a","key","id","value","children","props","__rest","_jsx","MuiMenuItem","Object","assign","ListItemText","Typography","noWrap"],"mappings":"kJA+BO,MAAMA,EAA+BC,IAAA,IAAAC,IAAEA,EAAGC,GAAEA,EAAEC,MAAEA,EAAKC,SAAEA,GAAQJ,EAAKK,EAAKC,EAAAN,EAApC,CAAA,MAAA,KAAA,QAAA,aAC1C,OACEO,EAACC,EAAWC,OAAAC,OAAA,CAAWR,GAAIA,EAAIC,MAAOA,GAAWE,EAAK,CAAAD,SACpDG,EAACI,EAAY,CAAAP,SACXG,EAACK,EAAU,CAACC,QAAM,EAAAT,SAAEA,QAFNH,EAIJ"}

package/components/mobileStepper/mobileStepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mobileStepper.js","sources":["../../../src/components/mobileStepper/mobileStepper.tsx"],"sourcesContent":["import { MobileStepper as MuiMobileStepper, SxProps, Theme } from '@mui/material';\nimport { FC, HTMLAttributes, useEffect, useState } from 'react';\nimport { MobileStepperButtonBack, MobileStepperButtonNext } from './mobileStepperButton';\n\n/*\n @deprecated Use MobileStepperProps from @mui/material\n /\nexport interface MobileStepperProps extends HTMLAttributes<HTMLDivElement> {\n /\n The number of steps.\n /\n steps?: number;\n /\n The activeStep of a stepper.\n /\n activeStep?: number;\n /\n The variant to use.\n /\n variant?: 'progress';\n /\n A back button element. For instance, it can be a Button or an IconButton.\n /\n backButton?: Node;\n /\n A next button element. For instance, it can be a Button or an IconButton.\n /\n nextButton?: Node;\n /\n The system prop that allows defining system overrides as well as additional CSS styles.\n /\n sx?: SxProps<Theme>;\n /\n Props applied to the LinearProgress element.\n /\n LinearProgressProps?: object;\n /\n The label of previous button.\n /\n prevButtonLabel?: string;\n /\n The label of next button.\n /\n nextButtonLabel?: string;\n}\n\n/\n @deprecated Use Stepper from @mui/material with `compact` property set to true or MobileStepper from @mui/material\n */\nexport const MobileStepper: FC<MobileStepperProps> = ({\n steps,\n activeStep,\n variant,\n backButton,\n nextButton,\n prevButtonLabel,\n nextButtonLabel,\n LinearProgressProps,\n sx,\n ...props\n}) => {\n const [currentStep, setCurrentStep] = useState(activeStep);\n\n // change current step on change of active step\n useEffect(() => {\n setCurrentStep(activeStep);\n }, [activeStep]);\n\n return (\n <MuiMobileStepper\n {...props}\n steps={steps}\n activeStep={currentStep}\n variant={variant}\n sx={{\n maxWidth: 380,\n display: 'flex',\n alignItems: 'center',\n position: 'static',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n letterSpacing: '0.02em',\n }}\n backButton={\n <MobileStepperButtonBack\n data-testid=\"MobileStepper.prevBtn\"\n disabled={currentStep <= 0}\n onClick={() => setCurrentStep((prev) => prev - 1)}\n >\n {prevButtonLabel}\n </MobileStepperButtonBack>\n }\n nextButton={\n <MobileStepperButtonNext\n data-testid=\"MobileStepper.nextBtn\"\n disabled={currentStep >= steps - 1}\n onClick={() => setCurrentStep((prev) => prev + 1)}\n >\n {nextButtonLabel}\n </MobileStepperButtonNext>\n }\n data-testid=\"MobileStepper\"\n />\n );\n};\n"],"names":["MobileStepper","_a","steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx","props","__rest","currentStep","setCurrentStep","useState","useEffect","_jsx","MuiMobileStepper","maxWidth","display","alignItems","position","fontWeight","fontSize","lineHeight","letterSpacing","MobileStepperButtonBack","disabled","onClick","prev","children","MobileStepperButtonNext"],"mappings":"~~qQAiDa~~,~~MAAAA~~,EAAyCC,QAAAC,MACpDA,EAAKC,WACLA,EAAUC,QACVA,EAAOC,WACPA,EAAUC,WACVA,EAAUC,gBACVA,EAAeC,gBACfA,EAAeC,oBACfA,EAAmBC,GACnBA,KACGC,~~EAViDC~~,EAAAX,~~EAAA~~,CAAA,QAAA,aAAA,UAAA,aAAA,aAAA,kBAAA,kBAAA,sBAAA,OAYpD,MAAOY,EAAaC,GAAkBC,EAASZ,GAO/C,OAJAa,GAAU,KACRF,EAAeX,EAAW,GACzB,CAACA,IAGFc,EAACC,mBACKP,EAAK,CACTT,MAAOA,EACPC,WAAYU,EACZT,QAASA,EACTM,GAAI,CACFS,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,SAAU,SACVC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,cAAe,UAEjBrB,WACEY,EAACU,iBACa,wBACZC,SAAUf,GAAe,EACzBgB,QAAS,IAAMf,GAAgBgB,GAASA,EAAO,IAAEC,SAEhDxB,IAGLD,WACEW,EAACe,~~EACa~~,CAAA,~~cAAA~~,wBACZJ,SAAUf,GAAeX,EAAQ,EACjC2B,QAAS,IAAMf,GAAgBgB,GAASA,EAAO,IAAEC,SAEhDvB,IACuB,cAEhB,kBACZ"}
1	+ {"version":3,"file":"mobileStepper.js","sources":["../../../src/components/mobileStepper/mobileStepper.tsx"],"sourcesContent":["import { MobileStepper as MuiMobileStepper, SxProps, Theme } from '@mui/material';\nimport { FC, HTMLAttributes, useEffect, useState } from 'react';\nimport { MobileStepperButtonBack, MobileStepperButtonNext } from './mobileStepperButton';\n\n/*\n @deprecated Use MobileStepperProps from @mui/material\n /\nexport interface MobileStepperProps extends HTMLAttributes<HTMLDivElement> {\n /\n The number of steps.\n /\n steps?: number;\n /\n The activeStep of a stepper.\n /\n activeStep?: number;\n /\n The variant to use.\n /\n variant?: 'progress';\n /\n A back button element. For instance, it can be a Button or an IconButton.\n /\n backButton?: Node;\n /\n A next button element. For instance, it can be a Button or an IconButton.\n /\n nextButton?: Node;\n /\n The system prop that allows defining system overrides as well as additional CSS styles.\n /\n sx?: SxProps<Theme>;\n /\n Props applied to the LinearProgress element.\n /\n LinearProgressProps?: object;\n /\n The label of previous button.\n /\n prevButtonLabel?: string;\n /\n The label of next button.\n /\n nextButtonLabel?: string;\n}\n\n/\n @deprecated Use Stepper from @mui/material with `compact` property set to true or MobileStepper from @mui/material\n */\nexport const MobileStepper: FC<MobileStepperProps> = ({\n steps,\n activeStep,\n variant,\n backButton,\n nextButton,\n prevButtonLabel,\n nextButtonLabel,\n LinearProgressProps,\n sx,\n ...props\n}) => {\n const [currentStep, setCurrentStep] = useState(activeStep);\n\n // change current step on change of active step\n useEffect(() => {\n setCurrentStep(activeStep);\n }, [activeStep]);\n\n return (\n <MuiMobileStepper\n {...props}\n steps={steps}\n activeStep={currentStep}\n variant={variant}\n sx={{\n maxWidth: 380,\n display: 'flex',\n alignItems: 'center',\n position: 'static',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n letterSpacing: '0.02em',\n }}\n backButton={\n <MobileStepperButtonBack\n data-testid=\"MobileStepper.prevBtn\"\n disabled={currentStep <= 0}\n onClick={() => setCurrentStep((prev) => prev - 1)}\n >\n {prevButtonLabel}\n </MobileStepperButtonBack>\n }\n nextButton={\n <MobileStepperButtonNext\n data-testid=\"MobileStepper.nextBtn\"\n disabled={currentStep >= steps - 1}\n onClick={() => setCurrentStep((prev) => prev + 1)}\n >\n {nextButtonLabel}\n </MobileStepperButtonNext>\n }\n data-testid=\"MobileStepper\"\n />\n );\n};\n"],"names":["MobileStepper","_a","steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx","props","__rest","currentStep","setCurrentStep","useState","useEffect","_jsx","MuiMobileStepper","maxWidth","display","alignItems","position","fontWeight","fontSize","lineHeight","letterSpacing","MobileStepperButtonBack","disabled","onClick","prev","children","MobileStepperButtonNext"],"mappings":"qQAiDO,MAAMA,EAAyCC,QAAAC,MACpDA,EAAKC,WACLA,EAAUC,QACVA,EAAOC,WACPA,EAAUC,WACVA,EAAUC,gBACVA,EAAeC,gBACfA,EAAeC,oBACfA,EAAmBC,GACnBA,KACGC,EAAKC,EAAAX,EAV4C,CAAA,QAAA,aAAA,UAAA,aAAA,aAAA,kBAAA,kBAAA,sBAAA,OAYpD,MAAOY,EAAaC,GAAkBC,EAASZ,GAO/C,OAJAa,GAAU,KACRF,EAAeX,EAAW,GACzB,CAACA,IAGFc,EAACC,mBACKP,EAAK,CACTT,MAAOA,EACPC,WAAYU,EACZT,QAASA,EACTM,GAAI,CACFS,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,SAAU,SACVC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,cAAe,UAEjBrB,WACEY,EAACU,iBACa,wBACZC,SAAUf,GAAe,EACzBgB,QAAS,IAAMf,GAAgBgB,GAASA,EAAO,IAAEC,SAEhDxB,IAGLD,WACEW,EAACe,EAAuB,CAAA,cACV,wBACZJ,SAAUf,GAAeX,EAAQ,EACjC2B,QAAS,IAAMf,GAAgBgB,GAASA,EAAO,IAAEC,SAEhDvB,IACuB,cAEhB,kBACZ"}

package/components/mobileStepper/mobileStepperButton.js CHANGED Viewed

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

package/components/mobileStepper/mobileStepperButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mobileStepperButton.js","sources":["../../../src/components/mobileStepper/mobileStepperButton.tsx"],"sourcesContent":["import { Button, ButtonProps, styled, useTheme } from '@mui/material';\nimport { Icon } from '../icon';\n\nexport const MobileStepperButton = (props: ButtonProps) => {\n return (\n <MobileStepperButtonStyled\n variant=\"text\"\n disableFocusRipple\n disableRipple\n data-testid=\"MobileStepperButton\"\n {...props}\n />\n );\n};\n\nexport const MobileStepperButtonNext = (props: ButtonProps) => {\n const theme = useTheme();\n\n return (\n <MobileStepperButton {...props} endIcon={<Icon name={`arrow-${theme.direction === 'rtl' ? 'left' : 'right'}`} />}>\n {props.children}\n </MobileStepperButton>\n );\n};\n\nexport const MobileStepperButtonBack = (props: ButtonProps) => {\n const theme = useTheme();\n\n return (\n <MobileStepperButton {...props} startIcon={<Icon name={`arrow-${theme.direction === 'rtl' ? 'right' : 'left'}`} />}>\n {props.children}\n </MobileStepperButton>\n );\n};\n\nconst MobileStepperButtonStyled = styled(Button)(({ theme }) => ({\n borderRadius: '0',\n padding: 0,\n display: 'flex',\n alignItems: 'center',\n gap: 8,\n fontStyle: 'normal',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n height: '100%',\n minHeight: '0',\n color: theme.palette.text.primary,\n '&:hover': {\n backgroundColor: 'transparent',\n },\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n },\n '& .MuiButton-startIcon': {\n marginLeft: '8px',\n marginRight: '0',\n },\n '& .MuiButton-endIcon': {\n marginLeft: '0',\n marginRight: '8px',\n },\n}));\n"],"names":["MobileStepperButton","props","_jsx","MobileStepperButtonStyled","Object","assign","variant","disableFocusRipple","disableRipple","MobileStepperButtonNext","theme","useTheme","endIcon","Icon","name","direction","children","MobileStepperButtonBack","startIcon","styled","Button","borderRadius","padding","display","alignItems","gap","fontStyle","fontWeight","fontSize","lineHeight","height","minHeight","color","palette","text","primary","backgroundColor","disabled","marginLeft","marginRight"],"mappings":"~~oLAGa~~,~~MAAAA~~,EAAuBC,GAEhCC,EAACC,~~EACCC~~,OAAAC,OAAA,~~CAAAC~~,QAAQ,OACRC,oBAAkB,EAClBC,~~eACY~~,EAAA,~~cAAA~~,uBACRP,IAKGQ,EAA2BR,IACtC,MAAMS,EAAQC,IAEd,OACET,EAACF,EAAmBI,OAAAC,OAAA,CAAA,EAAKJ,~~EAAO~~,~~CAAAW~~,QAASV,EAACW,~~EAAK~~,~~CAAAC~~,KAAM,UAA6B,QAApBJ,EAAMK,UAAsB,OAAS,oBAChGd,EAAMe,WACa,EAIbC,EAA2BhB,IACtC,MAAMS,EAAQC,IAEd,OACET,EAACF,EAAmBI,OAAAC,OAAA,CAAA,EAAKJ,~~EAAO~~,~~CAAAiB~~,UAAWhB,EAACW,~~EAAK~~,~~CAAAC~~,KAAM,UAA6B,QAApBJ,EAAMK,UAAsB,QAAU,mBACnGd,EAAMe,WACa,EAIpBb,EAA4BgB,EAAOC,EAAPD,EAAe,EAAGT,~~YAAa~~,~~CAC/DW~~,aAAc,IACdC,QAAS,EACTC,QAAS,OACTC,WAAY,SACZC,IAAK,EACLC,UAAW,SACXC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,OAAQ,OACRC,UAAW,IACXC,MAAOtB,EAAMuB,QAAQC,KAAKC,QAC1B,UAAW,CACTC,gBAAiB,eAEnB,iBAAkB,CAChBJ,MAAOtB,EAAMuB,QAAQI,SAASF,SAEhC,yBAA0B,CACxBG,WAAY,MACZC,YAAa,KAEf,uBAAwB,CACtBD,WAAY,IACZC,YAAa"}
1	+ {"version":3,"file":"mobileStepperButton.js","sources":["../../../src/components/mobileStepper/mobileStepperButton.tsx"],"sourcesContent":["import { Button, ButtonProps, styled, useTheme } from '@mui/material';\nimport { Icon } from '../icon';\n\nexport const MobileStepperButton = (props: ButtonProps) => {\n return (\n <MobileStepperButtonStyled\n variant=\"text\"\n disableFocusRipple\n disableRipple\n data-testid=\"MobileStepperButton\"\n {...props}\n />\n );\n};\n\nexport const MobileStepperButtonNext = (props: ButtonProps) => {\n const theme = useTheme();\n\n return (\n <MobileStepperButton {...props} endIcon={<Icon name={`arrow-${theme.direction === 'rtl' ? 'left' : 'right'}`} />}>\n {props.children}\n </MobileStepperButton>\n );\n};\n\nexport const MobileStepperButtonBack = (props: ButtonProps) => {\n const theme = useTheme();\n\n return (\n <MobileStepperButton {...props} startIcon={<Icon name={`arrow-${theme.direction === 'rtl' ? 'right' : 'left'}`} />}>\n {props.children}\n </MobileStepperButton>\n );\n};\n\nconst MobileStepperButtonStyled = styled(Button)(({ theme }) => ({\n borderRadius: '0',\n padding: 0,\n display: 'flex',\n alignItems: 'center',\n gap: 8,\n fontStyle: 'normal',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n height: '100%',\n minHeight: '0',\n color: theme.palette.text.primary,\n '&:hover': {\n backgroundColor: 'transparent',\n },\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n },\n '& .MuiButton-startIcon': {\n marginLeft: '8px',\n marginRight: '0',\n },\n '& .MuiButton-endIcon': {\n marginLeft: '0',\n marginRight: '8px',\n },\n}));\n"],"names":["MobileStepperButton","props","_jsx","MobileStepperButtonStyled","Object","assign","variant","disableFocusRipple","disableRipple","MobileStepperButtonNext","theme","useTheme","endIcon","Icon","name","direction","children","MobileStepperButtonBack","startIcon","styled","Button","borderRadius","padding","display","alignItems","gap","fontStyle","fontWeight","fontSize","lineHeight","height","minHeight","color","palette","text","primary","backgroundColor","disabled","marginLeft","marginRight"],"mappings":"g39BAGO,MAAMA,EAAuBC,GAEhCC,EAACC,EAAyBC,OAAAC,OAAA,CACxBC,QAAQ,OACRC,oBAAkB,EAClBC,eAAa,EAAA,cACD,uBACRP,IAKGQ,EAA2BR,IACtC,MAAMS,EAAQC,IAEd,OACET,EAACF,EAAmBI,OAAAC,OAAA,CAAA,EAAKJ,EAAK,CAAEW,QAASV,EAACW,EAAI,CAACC,KAAM,UAA6B,QAApBJ,EAAMK,UAAsB,OAAS,oBAChGd,EAAMe,WACa,EAIbC,EAA2BhB,IACtC,MAAMS,EAAQC,IAEd,OACET,EAACF,EAAmBI,OAAAC,OAAA,CAAA,EAAKJ,EAAK,CAAEiB,UAAWhB,EAACW,EAAI,CAACC,KAAM,UAA6B,QAApBJ,EAAMK,UAAsB,QAAU,mBACnGd,EAAMe,WACa,EAIpBb,EAA4BgB,EAAOC,EAAPD,EAAe,EAAGT,YAAO,CACzDW,aAAc,IACdC,QAAS,EACTC,QAAS,OACTC,WAAY,SACZC,IAAK,EACLC,UAAW,SACXC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,OAAQ,OACRC,UAAW,IACXC,MAAOtB,EAAMuB,QAAQC,KAAKC,QAC1B,UAAW,CACTC,gBAAiB,eAEnB,iBAAkB,CAChBJ,MAAOtB,EAAMuB,QAAQI,SAASF,SAEhC,yBAA0B,CACxBG,WAAY,MACZC,YAAa,KAEf,uBAAwB,CACtBD,WAAY,IACZC,YAAa"}

package/components/modal/modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.js","sources":["../../../src/components/modal/modal.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useMemo } from 'react';\nimport { Button, ButtonVariants } from '../button';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { Dialog, DialogTitle, DialogContent, DialogActions, DialogProps } from '@mui/material';\n\nexport interface ModalProps extends Omit<DialogProps, 'maxWidth'> {\n /*\n @deprecated rename to onClose\n /\n handleClose?: () => void;\n /\n @deprecated provide your own <DialogActions><Button /></DialogActions>\n /\n onClickTopButton?: () => void;\n /\n @deprecated provide your own <DialogActions><Button /></DialogActions>\n /\n onClickBottomButton?: () => void;\n /\n @deprecated rename to aria-labelledby\n /\n ariaLabelledby?: string;\n /\n @deprecated rename to aria-describedby\n /\n ariaDescribedBy?: string;\n /\n @deprecated provide your own <DialogActions><Button /></DialogActions>\n /\n firstButton?: string;\n /\n @deprecated provide your own <DialogActions><Button /></DialogActions>\n /\n secondButton?: string;\n /\n @deprecated provide your own <DialogActions><Button /></DialogActions>\n /\n firstButtonVariant?: ButtonVariants;\n /\n @deprecated provide your own <DialogActions><Button /></DialogActions>\n /\n secondButtonVariant?: ButtonVariants;\n /\n @deprecated provide your own <DialogActions><Button /></DialogActions>\n /\n secondButtonVisible?: boolean;\n /\n @deprecated provide <DialogTitle onClose={() => {} />\n /\n hasCloseButton?: boolean;\n /\n @deprecated use maxWidth={'sm' \| 'md' \| 'lg'} instead\n /\n size?: 'small' \| 'large' \| 'full-width';\n /\n @deprecated provide your own <DialogActions>\n /\n defaultButtonSection?: boolean;\n /\n Defines size of the dialog\n /\n maxWidth?: DialogProps['maxWidth'] \| string;\n /\n @deprecated write custom hook monitoring open status\n /\n modalLoadedCallback?: (isLoaded: boolean) => void;\n}\n\n/\n @deprecated This Modal component is deprecated. Please use the new Dialog component from MUI instead.\n */\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(\n (\n {\n children,\n open,\n onClose,\n maxWidth,\n sx,\n handleClose,\n onClickTopButton,\n onClickBottomButton,\n ariaLabelledby,\n ariaDescribedBy,\n firstButton,\n secondButton,\n hasCloseButton,\n size,\n firstButtonVariant,\n secondButtonVariant,\n secondButtonVisible,\n defaultButtonSection = true,\n modalLoadedCallback,\n ...rest\n },\n ref,\n ) => {\n const { isScrollable, elementRef } = useElementScrollable('y');\n\n useEffect(() => {\n modalLoadedCallback?.(open);\n }, [open]);\n\n const calculatedMaxWidth = useMemo(() => {\n if (size) {\n return { small: 'sm', large: 'md', ['full-width']: false }[size];\n } else {\n if (['xs', 'sm', 'md', 'lg', 'xl'].includes(`${maxWidth}`)) {\n return maxWidth;\n }\n return false;\n }\n }, [size, maxWidth]) as DialogProps['maxWidth'];\n\n return (\n <Dialog\n ref={ref}\n open={open}\n onClose={handleClose ?? onClose}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedBy}\n maxWidth={calculatedMaxWidth}\n data-testid=\"Modal\"\n PaperProps={{\n ['data-testid']: 'Modal.container',\n }}\n sx={{\n ...(calculatedMaxWidth === false &&\n maxWidth && {\n maxWidth: maxWidth,\n }),\n ...sx,\n }}\n {...rest}\n >\n <DialogTitle onClose={handleClose ?? onClose} closeIconButtonProps={{ ['data-testid']: 'Modal.close' }} />\n <DialogContent data-testid=\"Modal.content\" dividers={isScrollable} ref={elementRef}>\n {children}\n </DialogContent>\n {defaultButtonSection && (\n <DialogActions data-testid=\"Modal.buttons\">\n <Button\n label={firstButton}\n onClick={onClickTopButton}\n variant={firstButtonVariant}\n data-testid=\"Modal.button1\"\n data-variant={firstButtonVariant}\n />\n {secondButtonVisible && (\n <Button\n label={secondButton}\n onClick={onClickBottomButton}\n variant={secondButtonVariant}\n data-testid=\"Modal.button2\"\n data-variant={secondButtonVariant}\n />\n )}\n </DialogActions>\n )}\n </Dialog>\n );\n },\n);\n"],"names":["Modal","forwardRef","_a","ref","children","open","onClose","maxWidth","sx","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","modalLoadedCallback","rest","__rest","isScrollable","elementRef","useElementScrollable","useEffect","calculatedMaxWidth","useMemo","small","large","includes","_jsxs","Dialog","Object","assign","PaperProps","_jsx","DialogTitle","closeIconButtonProps","DialogContent","dividers","DialogActions","Button","label","onClick","variant"],"mappings":"~~2XAuEa~~,~~MAAAA~~,EAAQC,GACnB,CACEC,EAsBAC,SAtBAC,SACEA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,SACPA,EAAQC,GACRA,EAAEC,YACFA,EAAWC,iBACXA,EAAgBC,oBAChBA,EAAmBC,eACnBA,EAAcC,gBACdA,EAAeC,YACfA,EAAWC,aACXA,EAAYC,eACZA,EAAcC,KACdA,EAAIC,mBACJA,EAAkBC,oBAClBA,EAAmBC,oBACnBA,EAAmBC,qBACnBA,GAAuB,EAAIC,oBAC3BA,GAAmBpB,EAChBqB,EAAIC,EAAAtB,EApBT,4SAwBA,MAAMuB,aAAEA,EAAYC,WAAEA,GAAeC,EAAqB,KAE1DC,GAAU,KACRN,SAAAA,EAAsBjB,EAAK,GAC1B,CAACA,IAEJ,MAAMwB,EAAqBC,GAAQ,IAC7Bb,EACK,CAAEc,MAAO,KAAMC,MAAO,KAAM,cAAgB,GAAQf,KAEvD,CAAC,KAAM,KAAM,KAAM,KAAM,MAAMgB,SAAS,GAAG1B,MACtCA,GAIV,CAACU,EAAMV,IAEV,OACE2B,EAACC,EAAMC,OAAAC,OAAA,CACLlC,IAAKA,EACLE,KAAMA,EACNC,QAASG,QAAAA,EAAeH,EAAO,kBACdM,~~EACC~~,~~mBAAAC~~,EAClBN,SAAUsB,EAAkB,cAChB,QACZS,WAAY,CACV,cAAiB,mBAEnB9B,GAAE4B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,GAC2B,IAAvBR,GACFtB,GAAY,CACVA,SAAUA,IAEXC,IAEDe,aAEJgB,EAACC,~~EAAY~~,~~CAAAlC~~,QAASG,QAAAA,EAAeH,EAASmC,qBAAsB,CAAE,cAAiB,iBACvFF,EAACG,~~EAA0B~~,CAAA,~~cAAA~~,gBAAgBC,SAAUlB,EAActB,IAAKuB,~~EACrEtB~~,~~SAAAA~~,IAEFiB,GACCa,EAACU,iBAA0B,gBAAexC,SAAA,CACxCmC,EAACM,EAAM,CACLC,MAAOhC,EACPiC,QAASrC,EACTsC,QAAS9B,~~EACG~~,~~cAAA~~,+BACEA,IAEfE,GACCmB,EAACM,EAAM,CACLC,MAAO/B,EACPgC,QAASpC,EACTqC,QAAS7B,~~EACG~~,~~cAAA~~,+BACEA,UAKf"}
1	+ {"version":3,"file":"modal.js","sources":["../../../src/components/modal/modal.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useMemo } from 'react';\nimport { Button, ButtonVariants } from '../button';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { Dialog, DialogTitle, DialogContent, DialogActions, DialogProps } from '@mui/material';\n\nexport interface ModalProps extends Omit<DialogProps, 'maxWidth'> {\n /*\n @deprecated rename to onClose\n /\n handleClose?: () => void;\n /\n @deprecated provide your own <DialogActions><Button /></DialogActions>\n /\n onClickTopButton?: () => void;\n /\n @deprecated provide your own <DialogActions><Button /></DialogActions>\n /\n onClickBottomButton?: () => void;\n /\n @deprecated rename to aria-labelledby\n /\n ariaLabelledby?: string;\n /\n @deprecated rename to aria-describedby\n /\n ariaDescribedBy?: string;\n /\n @deprecated provide your own <DialogActions><Button /></DialogActions>\n /\n firstButton?: string;\n /\n @deprecated provide your own <DialogActions><Button /></DialogActions>\n /\n secondButton?: string;\n /\n @deprecated provide your own <DialogActions><Button /></DialogActions>\n /\n firstButtonVariant?: ButtonVariants;\n /\n @deprecated provide your own <DialogActions><Button /></DialogActions>\n /\n secondButtonVariant?: ButtonVariants;\n /\n @deprecated provide your own <DialogActions><Button /></DialogActions>\n /\n secondButtonVisible?: boolean;\n /\n @deprecated provide <DialogTitle onClose={() => {} />\n /\n hasCloseButton?: boolean;\n /\n @deprecated use maxWidth={'sm' \| 'md' \| 'lg'} instead\n /\n size?: 'small' \| 'large' \| 'full-width';\n /\n @deprecated provide your own <DialogActions>\n /\n defaultButtonSection?: boolean;\n /\n Defines size of the dialog\n /\n maxWidth?: DialogProps['maxWidth'] \| string;\n /\n @deprecated write custom hook monitoring open status\n /\n modalLoadedCallback?: (isLoaded: boolean) => void;\n}\n\n/\n @deprecated This Modal component is deprecated. Please use the new Dialog component from MUI instead.\n */\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(\n (\n {\n children,\n open,\n onClose,\n maxWidth,\n sx,\n handleClose,\n onClickTopButton,\n onClickBottomButton,\n ariaLabelledby,\n ariaDescribedBy,\n firstButton,\n secondButton,\n hasCloseButton,\n size,\n firstButtonVariant,\n secondButtonVariant,\n secondButtonVisible,\n defaultButtonSection = true,\n modalLoadedCallback,\n ...rest\n },\n ref,\n ) => {\n const { isScrollable, elementRef } = useElementScrollable('y');\n\n useEffect(() => {\n modalLoadedCallback?.(open);\n }, [open]);\n\n const calculatedMaxWidth = useMemo(() => {\n if (size) {\n return { small: 'sm', large: 'md', ['full-width']: false }[size];\n } else {\n if (['xs', 'sm', 'md', 'lg', 'xl'].includes(`${maxWidth}`)) {\n return maxWidth;\n }\n return false;\n }\n }, [size, maxWidth]) as DialogProps['maxWidth'];\n\n return (\n <Dialog\n ref={ref}\n open={open}\n onClose={handleClose ?? onClose}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedBy}\n maxWidth={calculatedMaxWidth}\n data-testid=\"Modal\"\n PaperProps={{\n ['data-testid']: 'Modal.container',\n }}\n sx={{\n ...(calculatedMaxWidth === false &&\n maxWidth && {\n maxWidth: maxWidth,\n }),\n ...sx,\n }}\n {...rest}\n >\n <DialogTitle onClose={handleClose ?? onClose} closeIconButtonProps={{ ['data-testid']: 'Modal.close' }} />\n <DialogContent data-testid=\"Modal.content\" dividers={isScrollable} ref={elementRef}>\n {children}\n </DialogContent>\n {defaultButtonSection && (\n <DialogActions data-testid=\"Modal.buttons\">\n <Button\n label={firstButton}\n onClick={onClickTopButton}\n variant={firstButtonVariant}\n data-testid=\"Modal.button1\"\n data-variant={firstButtonVariant}\n />\n {secondButtonVisible && (\n <Button\n label={secondButton}\n onClick={onClickBottomButton}\n variant={secondButtonVariant}\n data-testid=\"Modal.button2\"\n data-variant={secondButtonVariant}\n />\n )}\n </DialogActions>\n )}\n </Dialog>\n );\n },\n);\n"],"names":["Modal","forwardRef","_a","ref","children","open","onClose","maxWidth","sx","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","modalLoadedCallback","rest","__rest","isScrollable","elementRef","useElementScrollable","useEffect","calculatedMaxWidth","useMemo","small","large","includes","_jsxs","Dialog","Object","assign","PaperProps","_jsx","DialogTitle","closeIconButtonProps","DialogContent","dividers","DialogActions","Button","label","onClick","variant"],"mappings":"2XAuEO,MAAMA,EAAQC,GACnB,CACEC,EAsBAC,SAtBAC,SACEA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,SACPA,EAAQC,GACRA,EAAEC,YACFA,EAAWC,iBACXA,EAAgBC,oBAChBA,EAAmBC,eACnBA,EAAcC,gBACdA,EAAeC,YACfA,EAAWC,aACXA,EAAYC,eACZA,EAAcC,KACdA,EAAIC,mBACJA,EAAkBC,oBAClBA,EAAmBC,oBACnBA,EAAmBC,qBACnBA,GAAuB,EAAIC,oBAC3BA,GAAmBpB,EAChBqB,EAAIC,EAAAtB,EApBT,4SAwBA,MAAMuB,aAAEA,EAAYC,WAAEA,GAAeC,EAAqB,KAE1DC,GAAU,KACRN,SAAAA,EAAsBjB,EAAK,GAC1B,CAACA,IAEJ,MAAMwB,EAAqBC,GAAQ,IAC7Bb,EACK,CAAEc,MAAO,KAAMC,MAAO,KAAM,cAAgB,GAAQf,KAEvD,CAAC,KAAM,KAAM,KAAM,KAAM,MAAMgB,SAAS,GAAG1B,MACtCA,GAIV,CAACU,EAAMV,IAEV,OACE2B,EAACC,EAAMC,OAAAC,OAAA,CACLlC,IAAKA,EACLE,KAAMA,EACNC,QAASG,QAAAA,EAAeH,EAAO,kBACdM,EAAc,mBACbC,EAClBN,SAAUsB,EAAkB,cAChB,QACZS,WAAY,CACV,cAAiB,mBAEnB9B,GAAE4B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,GAC2B,IAAvBR,GACFtB,GAAY,CACVA,SAAUA,IAEXC,IAEDe,aAEJgB,EAACC,EAAW,CAAClC,QAASG,QAAAA,EAAeH,EAASmC,qBAAsB,CAAE,cAAiB,iBACvFF,EAACG,EAAa,CAAA,cAAa,gBAAgBC,SAAUlB,EAActB,IAAKuB,EAAUtB,SAC/EA,IAEFiB,GACCa,EAACU,iBAA0B,gBAAexC,SAAA,CACxCmC,EAACM,EAAM,CACLC,MAAOhC,EACPiC,QAASrC,EACTsC,QAAS9B,EAAkB,cACf,+BACEA,IAEfE,GACCmB,EAACM,EAAM,CACLC,MAAO/B,EACPgC,QAASpC,EACTqC,QAAS7B,EAAmB,cAChB,+BACEA,UAKf"}

package/components/modal/modalTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modalTitle.js","sources":["../../../src/components/modal/modalTitle.tsx"],"sourcesContent":["import React from 'react';\nimport { Typography, TypographyProps } from '@mui/material';\n\nexport type ModalTitleProps = TypographyProps;\n\n/*\n @deprecated use DialogTitle instead\n */\nexport const ModalTitle: React.FC<ModalTitleProps> = ({ sx, ...rest }) => (\n <Typography component=\"h2\" variant=\"h3\" sx={{ marginTop: '-24px', marginBottom: '24px', ...sx }} {...rest} />\n);\n"],"names":["ModalTitle","_a","sx","rest","__rest","_jsx","Typography","Object","assign","component","variant","marginTop","marginBottom"],"mappings":"~~kHAQa~~,~~MAAAA~~,EAAyCC,IAAA,IAAAC,GAAEA,~~GAAaD~~,~~EAANE~~,EAAIC,EAAAH,EAAb,QAAoB,OACxEI,EAACC,~~EAAWC~~,OAAAC,OAAA,~~CAAAC~~,UAAU,KAAKC,QAAQ,KAAKR,~~GAAMK~~,OAAAC,OAAA,~~CAAAG~~,UAAW,QAASC,aAAc,QAAWV,IAAUC,GAAQ"}
1	+ {"version":3,"file":"modalTitle.js","sources":["../../../src/components/modal/modalTitle.tsx"],"sourcesContent":["import React from 'react';\nimport { Typography, TypographyProps } from '@mui/material';\n\nexport type ModalTitleProps = TypographyProps;\n\n/*\n @deprecated use DialogTitle instead\n */\nexport const ModalTitle: React.FC<ModalTitleProps> = ({ sx, ...rest }) => (\n <Typography component=\"h2\" variant=\"h3\" sx={{ marginTop: '-24px', marginBottom: '24px', ...sx }} {...rest} />\n);\n"],"names":["ModalTitle","_a","sx","rest","__rest","_jsx","Typography","Object","assign","component","variant","marginTop","marginBottom"],"mappings":"kHAQO,MAAMA,EAAyCC,IAAA,IAAAC,GAAEA,GAAED,EAAKE,EAAIC,EAAAH,EAAb,QAAoB,OACxEI,EAACC,EAAUC,OAAAC,OAAA,CAACC,UAAU,KAAKC,QAAQ,KAAKR,GAAEK,OAAAC,OAAA,CAAIG,UAAW,QAASC,aAAc,QAAWV,IAAUC,GAAQ"}

package/components/notification/Notification.d.ts ADDED Viewed

@@ -0,0 +1,81 @@
+import React, { ElementType, FC } from 'react';
+import { BoxProps, TypographyProps, StackProps, IconButtonProps, IconProps } from '@mui/material';
+export interface NotificationProps extends BoxProps<ElementType> {
+    /**
+     * headline of the notification
+     */
+    headline?: React.ReactNode;
+    /**
+     * Custom props for the headline
+     */
+    headlineProps?: TypographyProps<ElementType>;
+    /**
+     * Custom props for the title
+     */
+    titleProps?: TypographyProps<ElementType>;
+    /**
+     * Longer description of the notification
+     * @deprecated use prop children instead
+     */
+    description?: React.ReactNode;
+    /**
+     * Custom props for the description container
+     */
+    descriptionProps?: TypographyProps<ElementType>;
+    /**
+     * Custom props for the wrapper container
+     */
+    wrapperProps?: BoxProps<ElementType>;
+    /**
+     * Different color options for the notification
+     */
+    color?: 'white' | 'grey';
+    /**
+     * Indicates if the notification is new
+     */
+    isNew?: boolean;
+    /**
+     * Custom props for the header container
+     */
+    headerProps?: BoxProps<ElementType>;
+    /**
+     * Icon to display in the notification
+     */
+    icon?: React.ReactNode;
+    /**
+     * Custom props for the icon container
+     */
+    iconProps?: BoxProps<ElementType>;
+    /**
+     * Footer text for the notification
+     */
+    footer?: React.ReactNode;
+    /**
+     * Control Buttons to display in the notification
+     */
+    buttons?: React.ReactNode;
+    /**
+     * Custom props for the buttons container
+     */
+    buttonsProps?: StackProps<ElementType>;
+    /**
+     * Custom props for the footer container
+     */
+    footerProps?: TypographyProps<ElementType>;
+    /**
+     * Callback function when the notification is dismissed
+     */
+    onDismiss?: () => void;
+    /**
+     * Custom props for the close icon container
+     */
+    closeIconButtonProps?: IconButtonProps;
+    /**
+     * Custom props for the close icon
+     */
+    closeIconProps?: IconProps<ElementType>;
+}
+/**
+ * Component that renders an notification
+ */
+export declare const Notification: FC<NotificationProps>;

package/components/notification/Notification.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__rest as i}from"tslib";import{jsxs as s,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Box as o,Typography as r,IconButton as n,Stack as a}from"@mui/material";import{Label as c}from"../label/label.js";import{CloseIcon as l}from"../icon/stroke/CloseIcon.js";const p=e(((e,p)=>{var{sx:d,headline:x,titleProps:f,titleWrapperProps:m,description:b,descriptionProps:g,wrapperProps:h,color:u,isNew:j,headerProps:O,icon:w,iconProps:P,footer:v,buttons:y,buttonsProps:N,footerProps:k,onDismiss:I,closeIconButtonProps:C,closeIconProps:W,children:D}=e,S=i(e,["sx","headline","titleProps","titleWrapperProps","description","descriptionProps","wrapperProps","color","isNew","headerProps","icon","iconProps","footer","buttons","buttonsProps","footerProps","onDismiss","closeIconButtonProps","closeIconProps","children"]);const B=null!=h?h:{},{sx:z}=B,M=i(B,["sx"]),F=null!=O?O:{},{sx:G}=F,L=i(F,["sx"]),R=null!=N?N:{},{sx:V}=R,q=i(R,["sx"]),A=null!=g?g:{},{sx:E}=A,H=i(A,["sx"]),J=null!=f?f:{},{sx:K}=J,Q=i(J,["sx"]),T=null!=C?C:{},{sx:U}=T,X=i(T,["sx"]),Y=null!=P?P:{},{sx:Z}=Y,$=i(Y,["sx"]);return s(o,Object.assign({ref:p,sx:Object.assign({backgroundColor:"grey"===u?"surface.primary":"background.primary",padding:"16px 16px 24px",display:"flex",flexDirection:"row",gap:2,position:"relative"},d),"data-testid":"Notification"},S,{children:[w&&t(o,Object.assign({sx:Object.assign({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:{xs:"32px",md:"56px"},height:{xs:"32px",md:"56px"},backgroundColor:"transparent.backdrop",flexShrink:"0",overflow:"hidden","& img":{width:"100%",height:"100%",objectFit:"cover"},"& .MuiSvgIcon-root":{width:{xs:"22px",md:"32px"},height:{xs:"22px",md:"32px"}}},Z),"data-testid":"Notification.icon"},$,{children:w})),s(o,Object.assign({sx:Object.assign({width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"4px",flexDirection:"column",padding:"4px","&:hover .notification-dismiss":{opacity:"1"}},z)},M,{children:[s(o,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:1},G)},L,{children:[j&&t(c,{type:"indicator",variant:"neutral"}),t(r,Object.assign({variant:"subheadline",sx:Object.assign({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flexGrow:"1",minWidth:"0"},K),"data-testid":"Notification.headline"},Q,{children:x})),I&&t(n,Object.assign({"aria-label":"Dismiss notification",onClick:I,size:"small",className:"notification-dismiss",sx:Object.assign({padding:"2px",opacity:{xs:"1",md:"0"},"&.Mui-focusVisible":{opacity:"1"}},U),"data-testid":"Notification.dismiss"},X,{children:t(l,Object.assign({fontSize:"small",className:"ballotx",name:"close"},W))}))]})),t(o,{"data-testid":"Notification.description",children:"string"==typeof D\|\|"string"==typeof b?t(r,Object.assign({sx:Object.assign({overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},E),variant:"disclaimer1"},H,{children:D\|\|b})):D\|\|b}),v&&t(r,Object.assign({variant:"disclaimer1",color:"onSurface.os600","data-testid":"Notification.footer"},k,{children:v})),y&&t(a,Object.assign({direction:"row",sx:Object.assign({mt:1.5},V),spacing:1,"data-testid":"Notification.buttons"},q,{children:y}))]}))]}))}));export{p as Notification};
2	+ //# sourceMappingURL=Notification.js.map

package/components/notification/Notification.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Notification.js","sources":["../../../src/components/notification/Notification.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport {\n Box,\n BoxProps,\n Typography,\n TypographyProps,\n Stack,\n IconButton,\n StackProps,\n IconButtonProps,\n IconProps,\n} from '@mui/material';\nimport { Label } from '@/src/components/label/label';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport interface NotificationProps extends BoxProps<ElementType> {\n /**\n * headline of the notification\n */\n headline?: React.ReactNode;\n /**\n * Custom props for the headline\n */\n headlineProps?: TypographyProps<ElementType>;\n /**\n * Custom props for the title\n */\n titleProps?: TypographyProps<ElementType>;\n /**\n * Longer description of the notification\n * @deprecated use prop children instead\n */\n description?: React.ReactNode;\n /**\n * Custom props for the description container\n */\n descriptionProps?: TypographyProps<ElementType>;\n /**\n * Custom props for the wrapper container\n */\n wrapperProps?: BoxProps<ElementType>;\n /**\n * Different color options for the notification\n */\n color?: 'white' | 'grey';\n /**\n * Indicates if the notification is new\n */\n isNew?: boolean;\n /**\n * Custom props for the header container\n */\n headerProps?: BoxProps<ElementType>;\n /**\n * Icon to display in the notification\n */\n icon?: React.ReactNode;\n /**\n * Custom props for the icon container\n */\n iconProps?: BoxProps<ElementType>;\n /**\n * Footer text for the notification\n */\n footer?: React.ReactNode;\n /**\n * Control Buttons to display in the notification\n */\n buttons?: React.ReactNode;\n /**\n * Custom props for the buttons container\n */\n buttonsProps?: StackProps<ElementType>;\n /**\n * Custom props for the footer container\n */\n footerProps?: TypographyProps<ElementType>;\n /**\n * Callback function when the notification is dismissed\n */\n onDismiss?: () => void;\n /**\n * Custom props for the close icon container\n */\n closeIconButtonProps?: IconButtonProps;\n /**\n * Custom props for the close icon\n */\n closeIconProps?: IconProps<ElementType>;\n}\n\n/**\n * Component that renders an notification\n */\nexport const Notification: FC<NotificationProps> = forwardRef(\n (\n {\n sx,\n headline,\n titleProps,\n titleWrapperProps,\n description,\n descriptionProps,\n wrapperProps,\n color,\n isNew,\n headerProps,\n icon,\n iconProps,\n footer,\n buttons,\n buttonsProps,\n footerProps,\n onDismiss,\n closeIconButtonProps,\n closeIconProps,\n children,\n ...rest\n },\n ref,\n ) => {\n const { sx: wrapperSx, ...restWrapper } = wrapperProps ?? {};\n const { sx: headerSx, ...restHeader } = headerProps ?? {};\n const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n const { sx: descriptionSx, ...restDescription } = descriptionProps ?? {};\n const { sx: titleSx, ...restTitle } = titleProps ?? {};\n const { sx: closeIconButtonSx, ...restCloseIconButton } = closeIconButtonProps ?? {};\n\n const { sx: iconSx, ...restIcon } = iconProps ?? {};\n return (\n <Box\n ref={ref}\n sx={{\n backgroundColor: color === 'grey' ? 'surface.primary' : 'background.primary',\n padding: '16px 16px 24px',\n display: 'flex',\n flexDirection: 'row',\n gap: 2,\n position: 'relative',\n ...sx,\n }}\n data-testid=\"Notification\"\n {...rest}\n >\n {icon && (\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: '50%',\n width: { xs: '32px', md: '56px' },\n height: { xs: '32px', md: '56px' },\n backgroundColor: 'transparent.backdrop',\n flexShrink: '0',\n overflow: 'hidden',\n '& img': { width: '100%', height: '100%', objectFit: 'cover' },\n '& .MuiSvgIcon-root': {\n width: { xs: '22px', md: '32px' },\n height: { xs: '22px', md: '32px' },\n },\n ...iconSx,\n }}\n data-testid=\"Notification.icon\"\n {...restIcon}\n >\n {icon}\n </Box>\n )}\n <Box\n sx={{\n width: '100%',\n maxWidth: '100%',\n overflow: 'hidden',\n display: 'flex',\n gap: '4px',\n flexDirection: 'column',\n // Small padding to prevent focus ring trimming\n padding: '4px',\n // show dismiss button on hover Desktop + Tablet\n '&:hover .notification-dismiss': {\n opacity: '1',\n },\n ...wrapperSx,\n }}\n {...restWrapper}\n >\n <Box\n sx={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start', gap: 1, ...headerSx }}\n {...restHeader}\n >\n {isNew && <Label type=\"indicator\" variant=\"neutral\" />}\n\n <Typography\n variant=\"subheadline\"\n sx={{\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n flexGrow: '1',\n minWidth: '0',\n ...titleSx,\n }}\n data-testid=\"Notification.headline\"\n {...restTitle}\n >\n {headline}\n </Typography>\n\n {onDismiss && (\n <IconButton\n aria-label=\"Dismiss notification\"\n onClick={onDismiss}\n size=\"small\"\n className=\"notification-dismiss\"\n sx={{\n padding: '2px',\n // hide dismiss button Desktop + Tablet, keep on mobile\n opacity: { xs: '1', md: '0' },\n // show dismiss button on focus\n '&.Mui-focusVisible': {\n opacity: '1',\n },\n ...closeIconButtonSx,\n }}\n data-testid=\"Notification.dismiss\"\n {...restCloseIconButton}\n >\n <CloseIcon fontSize=\"small\" className=\"ballotx\" name=\"close\" {...closeIconProps} />\n </IconButton>\n )}\n </Box>\n <Box data-testid=\"Notification.description\">\n {typeof children === 'string' || typeof description === 'string' ? (\n <Typography\n sx={{\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: '2',\n WebkitBoxOrient: 'vertical',\n ...descriptionSx,\n }}\n variant=\"disclaimer1\"\n {...restDescription}\n >\n {children || description}\n </Typography>\n ) : (\n children || description\n )}\n </Box>\n {footer && (\n <Typography\n variant=\"disclaimer1\"\n color={'onSurface.os600'}\n data-testid=\"Notification.footer\"\n {...footerProps}\n >\n {footer}\n </Typography>\n )}\n {buttons && (\n <Stack\n direction=\"row\"\n sx={{ mt: 1.5, ...buttonsSx }}\n spacing={1}\n data-testid=\"Notification.buttons\"\n {...restButtons}\n >\n {buttons}\n </Stack>\n )}\n </Box>\n </Box>\n );\n },\n);\n"],"names":["Notification","forwardRef","_a","ref","sx","headline","titleProps","titleWrapperProps","description","descriptionProps","wrapperProps","color","isNew","headerProps","icon","iconProps","footer","buttons","buttonsProps","footerProps","onDismiss","closeIconButtonProps","closeIconProps","children","rest","__rest","_b","wrapperSx","restWrapper","_c","headerSx","restHeader","_d","buttonsSx","restButtons","_e","descriptionSx","restDescription","_f","titleSx","restTitle","_g","closeIconButtonSx","restCloseIconButton","_h","iconSx","restIcon","_jsxs","Box","Object","assign","backgroundColor","padding","display","flexDirection","gap","position","_jsx","justifyContent","alignItems","borderRadius","width","xs","md","height","flexShrink","overflow","objectFit","maxWidth","opacity","Label","type","variant","Typography","whiteSpace","textOverflow","flexGrow","minWidth","IconButton","onClick","size","className","CloseIcon","fontSize","name","WebkitLineClamp","WebkitBoxOrient","Stack","direction","mt","spacing"],"mappings":"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"}

package/components/notification/NotificationButton.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonProps } from '@mui/material';
+export interface NotificationButtonProps extends ButtonProps {
+}
+/**
+ * NotificationButton is a proxy component to <Button variant="outline" size="small" color="secondary" />
+ */
+export declare const NotificationButton: React.FC<NotificationButtonProps>;

package/components/notification/NotificationButton.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Button as t}from"@mui/material";const e=o(((o,e)=>r(t,Object.assign({ref:e,variant:"outlined",size:"small",color:"secondary"},o))));export{e as NotificationButton};
2	+ //# sourceMappingURL=NotificationButton.js.map

package/components/notification/NotificationButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NotificationButton.js","sources":["../../../src/components/notification/NotificationButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface NotificationButtonProps extends ButtonProps {}\n\n/**\n * NotificationButton is a proxy component to <Button variant=\"outline\" size=\"small\" color=\"secondary\" />\n */\nexport const NotificationButton: React.FC<NotificationButtonProps> = forwardRef((props, ref) => {\n return <Button ref={ref} variant=\"outlined\" size=\"small\" color=\"secondary\" {...props} />;\n});\n"],"names":["NotificationButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","size","color"],"mappings":"kHAQO,MAAMA,EAAwDC,GAAW,CAACC,EAAOC,IAC/EC,EAACC,EAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,WAAWC,KAAK,QAAQC,MAAM,aAAgBR"}