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

@@ -1,2 +1,2 @@
-import{jsx as e,Fragment as a,jsxs as d}from"react/jsx-runtime";import i,{forwardRef as r}from"react";import t from"../common/hook/useWindowSize.js";import{List as o,ListItem as s,ListItemButton as l,ListItemIcon as n,ListItemText as c,Divider as m,ClickAwayListener as p,MenuItem as h}from"@mui/material";import{Icon as u}from"../icon/icon.js";import"../icon/icon.definitions.js";import{Checkbox as C}from"../checkbox/checkbox.js";import{ToggleSwitch as y}from"../toggleSwitch/toggleSwitch.js";import{useCardMenu as g}from"./hooks/useCardMenu.js";import{PopperStyled as b}from"./styled/popperStyled.js";import{MenuListStyled as f}from"./styled/menuListStyled.js";import{DrawerStyled as k}from"./styled/drawerStyled.js";const M=r((({items:r,setItems:M,open:x,header:S,anchorRef:j,allowMultiselect:w,hasToggleSelection:v,onItemClick:T,onClose:N,sx:W,classes:z,placement:P,toggleLabel:H,rounded:I},L)=>{const{isMobile:A}=t(),{isToggleChecked:E,onClickHandler:F,onToggleChange:G}=g(r,w,M,T,N);return e(a,{children:A?d(k,{open:x,onClose:N,anchor:"bottom",sx:W,ref:L,classes:z,hasHeader:!!S,"data-testid":"CardMenu",children:[S&&e("div",{className:"drawer-header","data-testid":"CardMenu.header",children:S}),e(o,{children:r.map((a=>d(i.Fragment,{children:[e(s,{"data-testid":"CardMenu.item","data-state":a.disabled?"disabled":void 0,disableGutters:!0,children:d(l,{disabled:a.disabled,onClick:()=>F(a),children:[a.icon&&e(n,{children:e(u,{name:a.icon,fontSize:"small"})}),e(c,{primaryTypographyProps:{noWrap:!0},primary:a.text}),w&&e(C,{checked:a.isChecked,disabled:a.disabled,"data-testid":"CardMenu.check"})]})}),e(m,{variant:"middle"})]},a.text)))})]}):e(b,{open:x,anchorEl:j.current,placement:P,ref:L,rounded:I,"data-testid":"CardMenu",children:e(p,{onClickAway:N,children:d(f,{allowMultiselect:w,sx:W,classes:z,children:[S&&d(h,{className:"menu-item-header","data-testid":"CardMenu.header",children:[e(c,{primaryTypographyProps:{noWrap:!0},primary:S}),e(n,{onClick:N,"data-testid":"CardMenu.close",children:e(u,{name:"close",fontSize:"small"})})]}),S&&e(m,{variant:"middle",className:"menu-item-divider"}),w&&v&&d(h,{className:"menu-select-all","data-testid":"CardMenu.toggle",children:[e(c,{primaryTypographyProps:{noWrap:!0},primary:H||"Select all"}),e(y,{onChange:G,checked:E,compact:!0})]}),e("div",{className:"menu-content-items",children:r.map((a=>d(h,{disabled:a.disabled,onClick:()=>F(a),"data-testid":"CardMenu.item","data-state":a.disabled?"disabled":void 0,children:[a.icon&&e(n,{children:e(u,{name:a.icon,fontSize:"small"})}),e(c,{primaryTypographyProps:{noWrap:!0},primary:a.text}),w&&e(C,{checked:a.isChecked,disabled:a.disabled,"data-testid":"CardMenu.check"})]},a.text)))})]})})})})}));export{M as CardMenu};
+import{jsx as o,Fragment as i,jsxs as e}from"react/jsx-runtime";import l,{forwardRef as n}from"react";import r from"../common/hook/useWindowSize.js";import{List as c,ListItem as t,ListItemButton as s,ListItemIcon as d,ListItemText as p,Divider as m,ClickAwayListener as I,MenuItem as j}from"@mui/material";import{Icon as a}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{Checkbox as f}from"../checkbox/checkbox.js";import{ToggleSwitch as k}from"../toggleSwitch/toggleSwitch.js";import{useCardMenu as F}from"./hooks/useCardMenu.js";import{PopperStyled as C}from"./styled/popperStyled.js";import{MenuListStyled as h}from"./styled/menuListStyled.js";import{DrawerStyled as u}from"./styled/drawerStyled.js";const g=n((({items:n,setItems:g,open:S,header:w,anchorRef:y,allowMultiselect:B,hasToggleSelection:T,onItemClick:M,onClose:A,sx:v,classes:P,placement:D,toggleLabel:b,rounded:L},W)=>{const{isMobile:R}=r(),{isToggleChecked:O,onClickHandler:E,onToggleChange:H}=F(n,B,g,M,A);return o(i,{children:R?e(u,{open:S,onClose:A,anchor:"bottom",sx:v,ref:W,classes:P,hasHeader:!!w,"data-testid":"CardMenu",children:[w&&o("div",{className:"drawer-header","data-testid":"CardMenu.header",children:w}),o(c,{children:n.map((i=>e(l.Fragment,{children:[o(t,{"data-testid":"CardMenu.item","data-state":i.disabled?"disabled":void 0,disableGutters:!0,children:e(s,{disabled:i.disabled,onClick:()=>E(i),children:[i.icon&&o(d,{children:o(a,{name:i.icon,fontSize:"small"})}),o(p,{primaryTypographyProps:{noWrap:!0},primary:i.text}),B&&o(f,{checked:i.isChecked,disabled:i.disabled,"data-testid":"CardMenu.check"})]})}),o(m,{variant:"middle"})]},i.text)))})]}):o(C,{open:S,anchorEl:y.current,placement:D,ref:W,rounded:L,"data-testid":"CardMenu",children:o(I,{onClickAway:A,children:e(h,{allowMultiselect:B,sx:v,classes:P,children:[w&&e(j,{className:"menu-item-header","data-testid":"CardMenu.header",children:[o(p,{primaryTypographyProps:{noWrap:!0},primary:w}),o(d,{onClick:A,"data-testid":"CardMenu.close",children:o(a,{name:"close",fontSize:"small"})})]}),w&&o(m,{variant:"middle",className:"menu-item-divider"}),B&&T&&e(j,{className:"menu-select-all","data-testid":"CardMenu.toggle",children:[o(p,{primaryTypographyProps:{noWrap:!0},primary:b||"Select all"}),o(k,{onChange:H,checked:O,compact:!0})]}),o("div",{className:"menu-content-items",children:n.map((i=>e(j,{disabled:i.disabled,onClick:()=>E(i),"data-testid":"CardMenu.item","data-state":i.disabled?"disabled":void 0,children:[i.icon&&o(d,{children:o(a,{name:i.icon,fontSize:"small"})}),o(p,{primaryTypographyProps:{noWrap:!0},primary:i.text}),B&&o(f,{checked:i.isChecked,disabled:i.disabled,"data-testid":"CardMenu.check"})]},i.text)))})]})})})})}));export{g as CardMenu};
 //# sourceMappingURL=cardMenu.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"cardMenu.js","sources":["../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport {\n List,\n ListItem,\n ListItemButton,\n ListItemIcon,\n ListItemText,\n MenuItem,\n ClickAwayListener,\n Divider,\n SxProps,\n Theme,\n} from '@mui/material';\nimport { Icon, IconNameProp } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { Placement } from '../../utils/enum';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\n\n/*\n @interface CardMenuItem\n * @description The interface describing the object that has to be provided to the array property 'items' in CardMenu component.\n * If url is provided the menuItem becomes link.\n /\nexport interface CardMenuItem {\n text: string;\n callback?: () => void;\n disabled?: boolean;\n icon?: IconNameProp;\n isChecked?: boolean;\n url?: string;\n target?: string;\n}\n/\n @type CardMenuItemsArray\n * @description Array of CardMenuItem.\n /\nexport type CardMenuItemsArray = Array<CardMenuItem>;\n\n/\n @interface CardMenuProps\n * @description Base definition of SkodaFlow CardMenu independent on core implementation.\n * Properties are inherited from HTML Div element.\n /\nexport interface CardMenuProps extends HTMLAttributes<HTMLDivElement> {\n /\n If true the drawer is shown.\n /\n open: boolean;\n /\n The content of the component.\n /\n items: CardMenuItemsArray;\n /\n React useState hook set function used to update the passed items to the component.\n /\n setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;\n /\n Callback fired when the component requests to be closed.\n /\n onClose: () => void;\n /\n An HTML element used to set the position of the popper.\n /\n anchorRef: React.RefObject<HTMLElement>;\n /\n If header is provided, a text will be displayed on top of the elements.\n /\n header?: string;\n /\n If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.\n * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..\n /\n allowMultiselect?: boolean;\n /\n Callback fired when item is clicked.\n /\n onItemClick?: (itemText: string) => void;\n /\n The system prop that allows defining system overrides as well as additional CSS styles.\n /\n sx?: SxProps<Theme>;\n /\n Override or extend the styles applied to the component.\n /\n classes?: object;\n /\n Popper placement. Default is 'bottom'.\n /\n placement?: Placement;\n /\n If true, a switch button is added to the items allowing to select or deselect all of the items.\n * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.\n /\n hasToggleSelection?: boolean;\n /\n The toggle label displayed when groupToggleSelection is true. Default is \"Select all\".\n /\n toggleLabel?: string;\n /* Renders the popper with border radius /\n rounded?: boolean;\n}\n\n/* @deprecated Use Menu component from @mui/material */\nexport const CardMenu = forwardRef<HTMLDivElement, CardMenuProps>(\n (\n {\n items,\n setItems,\n open,\n header,\n anchorRef,\n allowMultiselect,\n hasToggleSelection,\n onItemClick,\n onClose,\n sx,\n classes,\n placement,\n toggleLabel,\n rounded,\n },\n ref,\n ) => {\n const { isMobile } = useWindowSize();\n const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(\n items,\n allowMultiselect,\n setItems,\n onItemClick,\n onClose,\n );\n\n return (\n <>\n {isMobile ? (\n <DrawerStyled\n open={open}\n onClose={onClose}\n anchor=\"bottom\"\n sx={sx}\n ref={ref}\n classes={classes}\n hasHeader={!!header}\n data-testid=\"CardMenu\"\n >\n {header && (\n <div className=\"drawer-header\" data-testid=\"CardMenu.header\">\n {header}\n </div>\n )}\n <List>\n {items.map((item) => {\n return (\n <React.Fragment key={item.text}>\n <ListItem\n data-testid=\"CardMenu.item\"\n data-state={item.disabled ? 'disabled' : undefined}\n disableGutters\n >\n <ListItemButton disabled={item.disabled} onClick={() => onClickHandler(item)}>\n {item.icon && (\n <ListItemIcon>\n <Icon name={item.icon} fontSize=\"small\" />\n </ListItemIcon>\n )}\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n {allowMultiselect && (\n <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n )}\n </ListItemButton>\n </ListItem>\n <Divider variant=\"middle\" />\n </React.Fragment>\n );\n })}\n </List>\n </DrawerStyled>\n ) : (\n <PopperStyled\n open={open}\n anchorEl={anchorRef.current}\n placement={placement}\n ref={ref}\n rounded={rounded}\n data-testid=\"CardMenu\"\n >\n <ClickAwayListener onClickAway={onClose}>\n <MenuListStyled allowMultiselect={allowMultiselect} sx={sx} classes={classes}>\n {header && (\n <MenuItem className=\"menu-item-header\" data-testid=\"CardMenu.header\">\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={header} />\n <ListItemIcon onClick={onClose} data-testid=\"CardMenu.close\">\n <Icon name=\"close\" fontSize=\"small\" />\n </ListItemIcon>\n </MenuItem>\n )}\n {header && <Divider variant=\"middle\" className=\"menu-item-divider\" />}\n {allowMultiselect && hasToggleSelection && (\n <MenuItem className=\"menu-select-all\" data-testid=\"CardMenu.toggle\">\n <ListItemText\n primaryTypographyProps={{ noWrap: true }}\n primary={toggleLabel ? toggleLabel : 'Select all'}\n />\n <ToggleSwitch onChange={onToggleChange} checked={isToggleChecked} compact />\n </MenuItem>\n )}\n\n <div className=\"menu-content-items\">\n {items.map((item) => {\n return (\n <MenuItem\n key={item.text}\n disabled={item.disabled}\n onClick={() => onClickHandler(item)}\n data-testid=\"CardMenu.item\"\n data-state={item.disabled ? 'disabled' : undefined}\n >\n {item.icon && (\n <ListItemIcon>\n <Icon name={item.icon} fontSize=\"small\" />\n </ListItemIcon>\n )}\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n {allowMultiselect && (\n <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n )}\n </MenuItem>\n );\n })}\n </div>\n </MenuListStyled>\n </ClickAwayListener>\n </PopperStyled>\n )}\n </>\n );\n },\n);\n"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","disabled","undefined","disableGutters","ListItemButton","onClick","icon","ListItemIcon","Icon","name","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"gtBA4Ga,MAAAA,EAAWC,GACtB,EAEIC,QACAC,WACAC,OACAC,SACAC,YACAC,mBACAC,qBACAC,cACAC,UACAC,KACAC,UACAC,YACAC,cACAC,WAEFC,KAEA,MAAMC,SAAEA,GAAaC,KACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAC1DpB,EACAK,EACAJ,EACAM,EACAC,GAGF,OACEa,EAAAC,EAAA,CAAAC,SACGR,EACCS,EAACC,EAAY,CACXvB,KAAMA,EACNM,QAASA,EACTkB,OAAO,SACPjB,GAAIA,EACJK,IAAKA,EACLJ,QAASA,EACTiB,YAAaxB,EACD,cAAA,WAEXoB,SAAA,CAAApB,GACCkB,EAAK,MAAA,CAAAO,UAAU,gBAAe,cAAa,kBAAiBL,SACzDpB,IAGLkB,EAACQ,EAAI,CAAAN,SACFvB,EAAM8B,KAAKC,GAERP,EAACQ,EAAMC,SACL,CAAAV,SAAA,CAAAF,EAACa,EAAQ,CAAA,cACK,gBAAe,aACfH,EAAKI,SAAW,gBAAaC,EACzCC,gBAAc,EAAAd,SAEdC,EAACc,EAAe,CAAAH,SAAUJ,EAAKI,SAAUI,QAAS,IAAMrB,EAAea,GACpER,SAAA,CAAAQ,EAAKS,MACJnB,EAACoB,EACC,CAAAlB,SAAAF,EAACqB,EAAI,CAACC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCvB,EAACwB,EAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE5C,GACCgB,EAAC6B,EAAS,CAAAC,QAASpB,EAAKqB,UAAWjB,SAAUJ,EAAKI,SAAsB,cAAA,wBAI9Ed,EAACgC,EAAO,CAACC,QAAQ,aAlBEvB,EAAKkB,aAyBlC5B,EAACkC,GACCrD,KAAMA,EACNsD,SAAUpD,EAAUqD,QACpB9C,UAAWA,EACXG,IAAKA,EACLD,QAASA,EACG,cAAA,oBAEZQ,EAACqC,GAAkBC,YAAanD,EAC9Be,SAAAC,EAACoC,EAAe,CAAAvD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAClEa,SAAA,CAAApB,GACCqB,EAACqC,EAAS,CAAAjC,UAAU,mBAAkB,cAAa,kBACjDL,SAAA,CAAAF,EAACwB,EAAa,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS7C,IACjEkB,EAACoB,EAAY,CAACF,QAAS/B,gBAAqB,iBAAgBe,SAC1DF,EAACqB,EAAI,CAACC,KAAK,QAAQC,SAAS,eAIjCzC,GAAUkB,EAACgC,EAAQ,CAAAC,QAAQ,SAAS1B,UAAU,sBAC9CvB,GAAoBC,GACnBkB,EAACqC,GAASjC,UAAU,kBAA8B,cAAA,4BAChDP,EAACwB,GACCC,uBAAwB,CAAEC,QAAQ,GAClCC,QAASpC,GAA4B,eAEvCS,EAACyC,GAAaC,SAAU5C,EAAgBgC,QAASlC,EAAiB+C,SAAU,OAIhF3C,EAAA,MAAA,CAAKO,UAAU,8BACZ5B,EAAM8B,KAAKC,GAERP,EAACqC,EAAQ,CAEP1B,SAAUJ,EAAKI,SACfI,QAAS,IAAMrB,EAAea,GAAK,cACvB,gBAAe,aACfA,EAAKI,SAAW,gBAAaC,EAExCb,SAAA,CAAAQ,EAAKS,MACJnB,EAACoB,EAAY,CAAAlB,SACXF,EAACqB,GAAKC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCvB,EAACwB,EAAa,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE5C,GACCgB,EAAC6B,GAASC,QAASpB,EAAKqB,UAAWjB,SAAUJ,EAAKI,SAAQ,cAAc,qBAbrEJ,EAAKkB,kBAuBzB"}
1	+ {"version":3,"file":"cardMenu.js","sources":["../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport {\n List,\n ListItem,\n ListItemButton,\n ListItemIcon,\n ListItemText,\n MenuItem,\n ClickAwayListener,\n Divider,\n SxProps,\n Theme,\n} from '@mui/material';\nimport { Icon, IconNameProp } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { Placement } from '../../utils/enum';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\n\n/*\n @interface CardMenuItem\n * @description The interface describing the object that has to be provided to the array property 'items' in CardMenu component.\n * If url is provided the menuItem becomes link.\n /\nexport interface CardMenuItem {\n text: string;\n callback?: () => void;\n disabled?: boolean;\n icon?: IconNameProp;\n isChecked?: boolean;\n url?: string;\n target?: string;\n}\n/\n @type CardMenuItemsArray\n * @description Array of CardMenuItem.\n /\nexport type CardMenuItemsArray = Array<CardMenuItem>;\n\n/\n @interface CardMenuProps\n * @description Base definition of SkodaFlow CardMenu independent on core implementation.\n * Properties are inherited from HTML Div element.\n /\nexport interface CardMenuProps extends HTMLAttributes<HTMLDivElement> {\n /\n If true the drawer is shown.\n /\n open: boolean;\n /\n The content of the component.\n /\n items: CardMenuItemsArray;\n /\n React useState hook set function used to update the passed items to the component.\n /\n setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;\n /\n Callback fired when the component requests to be closed.\n /\n onClose: () => void;\n /\n An HTML element used to set the position of the popper.\n /\n anchorRef: React.RefObject<HTMLElement>;\n /\n If header is provided, a text will be displayed on top of the elements.\n /\n header?: string;\n /\n If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.\n * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..\n /\n allowMultiselect?: boolean;\n /\n Callback fired when item is clicked.\n /\n onItemClick?: (itemText: string) => void;\n /\n The system prop that allows defining system overrides as well as additional CSS styles.\n /\n sx?: SxProps<Theme>;\n /\n Override or extend the styles applied to the component.\n /\n classes?: object;\n /\n Popper placement. Default is 'bottom'.\n /\n placement?: Placement;\n /\n If true, a switch button is added to the items allowing to select or deselect all of the items.\n * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.\n /\n hasToggleSelection?: boolean;\n /\n The toggle label displayed when groupToggleSelection is true. Default is \"Select all\".\n /\n toggleLabel?: string;\n /* Renders the popper with border radius /\n rounded?: boolean;\n}\n\n/* @deprecated Use Menu component from @mui/material */\nexport const CardMenu = forwardRef<HTMLDivElement, CardMenuProps>(\n (\n {\n items,\n setItems,\n open,\n header,\n anchorRef,\n allowMultiselect,\n hasToggleSelection,\n onItemClick,\n onClose,\n sx,\n classes,\n placement,\n toggleLabel,\n rounded,\n },\n ref,\n ) => {\n const { isMobile } = useWindowSize();\n const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(\n items,\n allowMultiselect,\n setItems,\n onItemClick,\n onClose,\n );\n\n return (\n <>\n {isMobile ? (\n <DrawerStyled\n open={open}\n onClose={onClose}\n anchor=\"bottom\"\n sx={sx}\n ref={ref}\n classes={classes}\n hasHeader={!!header}\n data-testid=\"CardMenu\"\n >\n {header && (\n <div className=\"drawer-header\" data-testid=\"CardMenu.header\">\n {header}\n </div>\n )}\n <List>\n {items.map((item) => {\n return (\n <React.Fragment key={item.text}>\n <ListItem\n data-testid=\"CardMenu.item\"\n data-state={item.disabled ? 'disabled' : undefined}\n disableGutters\n >\n <ListItemButton disabled={item.disabled} onClick={() => onClickHandler(item)}>\n {item.icon && (\n <ListItemIcon>\n <Icon name={item.icon} fontSize=\"small\" />\n </ListItemIcon>\n )}\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n {allowMultiselect && (\n <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n )}\n </ListItemButton>\n </ListItem>\n <Divider variant=\"middle\" />\n </React.Fragment>\n );\n })}\n </List>\n </DrawerStyled>\n ) : (\n <PopperStyled\n open={open}\n anchorEl={anchorRef.current}\n placement={placement}\n ref={ref}\n rounded={rounded}\n data-testid=\"CardMenu\"\n >\n <ClickAwayListener onClickAway={onClose}>\n <MenuListStyled allowMultiselect={allowMultiselect} sx={sx} classes={classes}>\n {header && (\n <MenuItem className=\"menu-item-header\" data-testid=\"CardMenu.header\">\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={header} />\n <ListItemIcon onClick={onClose} data-testid=\"CardMenu.close\">\n <Icon name=\"close\" fontSize=\"small\" />\n </ListItemIcon>\n </MenuItem>\n )}\n {header && <Divider variant=\"middle\" className=\"menu-item-divider\" />}\n {allowMultiselect && hasToggleSelection && (\n <MenuItem className=\"menu-select-all\" data-testid=\"CardMenu.toggle\">\n <ListItemText\n primaryTypographyProps={{ noWrap: true }}\n primary={toggleLabel ? toggleLabel : 'Select all'}\n />\n <ToggleSwitch onChange={onToggleChange} checked={isToggleChecked} compact />\n </MenuItem>\n )}\n\n <div className=\"menu-content-items\">\n {items.map((item) => {\n return (\n <MenuItem\n key={item.text}\n disabled={item.disabled}\n onClick={() => onClickHandler(item)}\n data-testid=\"CardMenu.item\"\n data-state={item.disabled ? 'disabled' : undefined}\n >\n {item.icon && (\n <ListItemIcon>\n <Icon name={item.icon} fontSize=\"small\" />\n </ListItemIcon>\n )}\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n {allowMultiselect && (\n <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n )}\n </MenuItem>\n );\n })}\n </div>\n </MenuListStyled>\n </ClickAwayListener>\n </PopperStyled>\n )}\n </>\n );\n },\n);\n"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","disabled","undefined","disableGutters","ListItemButton","onClick","icon","ListItemIcon","Icon","name","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"44+BA4GO,MAAMA,EAAWC,GACtB,EAEIC,QACAC,WACAC,OACAC,SACAC,YACAC,mBACAC,qBACAC,cACAC,UACAC,KACAC,UACAC,YACAC,cACAC,WAEFC,KAEA,MAAMC,SAAEA,GAAaC,KACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAC1DpB,EACAK,EACAJ,EACAM,EACAC,GAGF,OACEa,EAAAC,EAAA,CAAAC,SACGR,EACCS,EAACC,EAAY,CACXvB,KAAMA,EACNM,QAASA,EACTkB,OAAO,SACPjB,GAAIA,EACJK,IAAKA,EACLJ,QAASA,EACTiB,YAAaxB,EAAM,cACP,WAAUoB,SAAA,CAErBpB,GACCkB,EAAA,MAAA,CAAKO,UAAU,gBAAe,cAAa,kBAAiBL,SACzDpB,IAGLkB,EAACQ,EAAI,CAAAN,SACFvB,EAAM8B,KAAKC,GAERP,EAACQ,EAAMC,SAAQ,CAAAV,SAAA,CACbF,EAACa,EAAQ,CAAA,cACK,gBAAe,aACfH,EAAKI,SAAW,gBAAaC,EACzCC,gBAAc,EAAAd,SAEdC,EAACc,EAAc,CAACH,SAAUJ,EAAKI,SAAUI,QAAS,IAAMrB,EAAea,GAAKR,SAAA,CACzEQ,EAAKS,MACJnB,EAACoB,EAAY,CAAAlB,SACXF,EAACqB,EAAI,CAACC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCvB,EAACwB,EAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE5C,GACCgB,EAAC6B,EAAQ,CAACC,QAASpB,EAAKqB,UAAWjB,SAAUJ,EAAKI,SAAQ,cAAc,wBAI9Ed,EAACgC,EAAO,CAACC,QAAQ,aAlBEvB,EAAKkB,aAyBlC5B,EAACkC,GACCrD,KAAMA,EACNsD,SAAUpD,EAAUqD,QACpB9C,UAAWA,EACXG,IAAKA,EACLD,QAASA,EAAO,cACJ,oBAEZQ,EAACqC,GAAkBC,YAAanD,EAAOe,SACrCC,EAACoC,EAAc,CAACvD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAAOa,SAAA,CACzEpB,GACCqB,EAACqC,EAAQ,CAACjC,UAAU,mBAAkB,cAAa,kBAAiBL,SAAA,CAClEF,EAACwB,EAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS7C,IACjEkB,EAACoB,EAAY,CAACF,QAAS/B,gBAAqB,iBAAgBe,SAC1DF,EAACqB,EAAI,CAACC,KAAK,QAAQC,SAAS,eAIjCzC,GAAUkB,EAACgC,EAAO,CAACC,QAAQ,SAAS1B,UAAU,sBAC9CvB,GAAoBC,GACnBkB,EAACqC,GAASjC,UAAU,kBAAiB,cAAa,4BAChDP,EAACwB,GACCC,uBAAwB,CAAEC,QAAQ,GAClCC,QAASpC,GAA4B,eAEvCS,EAACyC,GAAaC,SAAU5C,EAAgBgC,QAASlC,EAAiB+C,SAAO,OAI7E3C,EAAA,MAAA,CAAKO,UAAU,8BACZ5B,EAAM8B,KAAKC,GAERP,EAACqC,EAAQ,CAEP1B,SAAUJ,EAAKI,SACfI,QAAS,IAAMrB,EAAea,GAAK,cACvB,gBAAe,aACfA,EAAKI,SAAW,gBAAaC,EAASb,SAAA,CAEjDQ,EAAKS,MACJnB,EAACoB,EAAY,CAAAlB,SACXF,EAACqB,GAAKC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCvB,EAACwB,EAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE5C,GACCgB,EAAC6B,GAASC,QAASpB,EAAKqB,UAAWjB,SAAUJ,EAAKI,SAAQ,cAAc,qBAbrEJ,EAAKkB,kBAuBzB"}

package/components/cardMenu/hooks/useCardMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCardMenu.js","sources":["../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { CardMenuItem, CardMenuItemsArray } from '../cardMenu';\n\nexport const useCardMenu = (\n items: CardMenuItemsArray,\n allowMultiselect: boolean,\n setItems: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>,\n onItemClick: (itemText: string) => void,\n onClose: () => void,\n) => {\n const [isToggleChecked, setIsToggleChecked] = useState(false);\n\n const onToggleChange = useCallback(\n (_: React.ChangeEvent<HTMLInputElement>, checkedState: boolean) => {\n setItems((curr) =>\n curr.map((item) => {\n if (item.disabled) return item;\n return { ...item, isChecked: checkedState };\n }),\n );\n },\n [setItems],\n );\n\n const updateItems = useCallback(\n (textItem: string) => {\n setItems((curr) =>\n curr.map((item) => {\n if (item.text === textItem) {\n return { ...item, isChecked: !item.isChecked };\n }\n\n return item;\n }),\n );\n },\n [setItems],\n );\n\n const onClickHandler = useCallback(\n (item: CardMenuItem) => {\n if (item.url) {\n window.open(item.url, item.target \|\| '_blank');\n }\n\n if (onItemClick) onItemClick(item.text);\n if (item.callback) item.callback();\n if (!allowMultiselect) onClose();\n else updateItems(item.text);\n },\n [allowMultiselect, onClose, onItemClick, updateItems],\n );\n\n useEffect(() => {\n const areAllChecked = !items.find((item) => !item.isChecked && !item.disabled);\n\n setIsToggleChecked(areAllChecked);\n }, [items]);\n\n return {\n onClickHandler,\n onToggleChange,\n isToggleChecked,\n };\n};\n"],"names":["useCardMenu","items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"iEAGO,MAAMA,EAAc,CACzBC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAOC,EAAiBC,GAAsBC,GAAS,GAEjDC,EAAiBC,GACrB,CAACC,EAAwCC,KACvCT,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKC,SAAiBD,EAC1BE,OAAAC,OAAAD,OAAAC,OAAA,GAAYH,GAAI,CAAEI,UAAWP,OAEhC,GAEH,CAACT,IAGGiB,EAAcV,GACjBW,IACClB,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKO,OAASD,~~EACJJ~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,~~EAAAH~~,IAAMI,WAAYJ,EAAKI,YAG9BJ,KAEV,GAEH,CAACZ,IAGGoB,EAAiBb,GACpBK,IACKA,EAAKS,KACPC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAGnCvB,GAAaA,EAAYW,EAAKO,MAC9BP,EAAKa,UAAUb,EAAKa,WACnB1B,EACAkB,EAAYL,EAAKO,MADCjB,GACI,GAE7B,CAACH,EAAkBG,EAASD,EAAagB,IAS3C,OANAS,GAAU,KACR,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WAErET,EAAmBuB,EAAc,GAChC,CAAC7B,IAEG,CACLsB,iBACAd,iBACAH,kBACD"}
1	+ {"version":3,"file":"useCardMenu.js","sources":["../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { CardMenuItem, CardMenuItemsArray } from '../cardMenu';\n\nexport const useCardMenu = (\n items: CardMenuItemsArray,\n allowMultiselect: boolean,\n setItems: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>,\n onItemClick: (itemText: string) => void,\n onClose: () => void,\n) => {\n const [isToggleChecked, setIsToggleChecked] = useState(false);\n\n const onToggleChange = useCallback(\n (_: React.ChangeEvent<HTMLInputElement>, checkedState: boolean) => {\n setItems((curr) =>\n curr.map((item) => {\n if (item.disabled) return item;\n return { ...item, isChecked: checkedState };\n }),\n );\n },\n [setItems],\n );\n\n const updateItems = useCallback(\n (textItem: string) => {\n setItems((curr) =>\n curr.map((item) => {\n if (item.text === textItem) {\n return { ...item, isChecked: !item.isChecked };\n }\n\n return item;\n }),\n );\n },\n [setItems],\n );\n\n const onClickHandler = useCallback(\n (item: CardMenuItem) => {\n if (item.url) {\n window.open(item.url, item.target \|\| '_blank');\n }\n\n if (onItemClick) onItemClick(item.text);\n if (item.callback) item.callback();\n if (!allowMultiselect) onClose();\n else updateItems(item.text);\n },\n [allowMultiselect, onClose, onItemClick, updateItems],\n );\n\n useEffect(() => {\n const areAllChecked = !items.find((item) => !item.isChecked && !item.disabled);\n\n setIsToggleChecked(areAllChecked);\n }, [items]);\n\n return {\n onClickHandler,\n onToggleChange,\n isToggleChecked,\n };\n};\n"],"names":["useCardMenu","items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"iEAGO,MAAMA,EAAc,CACzBC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAOC,EAAiBC,GAAsBC,GAAS,GAEjDC,EAAiBC,GACrB,CAACC,EAAwCC,KACvCT,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKC,SAAiBD,EAC1BE,OAAAC,OAAAD,OAAAC,OAAA,GAAYH,GAAI,CAAEI,UAAWP,OAEhC,GAEH,CAACT,IAGGiB,EAAcV,GACjBW,IACClB,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKO,OAASD,EAChBJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYH,IAAMI,WAAYJ,EAAKI,YAG9BJ,KAEV,GAEH,CAACZ,IAGGoB,EAAiBb,GACpBK,IACKA,EAAKS,KACPC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAGnCvB,GAAaA,EAAYW,EAAKO,MAC9BP,EAAKa,UAAUb,EAAKa,WACnB1B,EACAkB,EAAYL,EAAKO,MADCjB,GACI,GAE7B,CAACH,EAAkBG,EAASD,EAAagB,IAS3C,OANAS,GAAU,KACR,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WAErET,EAAmBuB,EAAc,GAChC,CAAC7B,IAEG,CACLsB,iBACAd,iBACAH,kBACD"}

package/components/cardMenu/styled/drawerStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"drawerStyled.js","sources":["../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Drawer } from '@mui/material';\n\nexport const DrawerStyled = styled(Drawer, {\n shouldForwardProp: (prop) => prop !== 'hasHeader',\n})<{ hasHeader: boolean }>(({ theme, hasHeader }) => {\n return {\n '& .MuiPaper-root > .MuiList-root': {\n fontSize: '16px',\n fontWeight: 400,\n paddingBottom: '32px',\n listStyleType: 'none',\n maxHeight: '201px',\n marginTop: hasHeader ? '9px' : '0px',\n '& > .MuiListItem-root': {\n lineHeight: '24px',\n padding: '23px 16px 11px 16px',\n display: 'flex',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '8px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '& > .MuiTypography-root': {\n flex: 1,\n },\n },\n },\n '.MuiPaper-root > .drawer-header': {\n padding: '16px 16px 0px 16px',\n fontWeight: 'bold',\n lineHeight: '24px',\n fontSize: '20px',\n wordBreak: 'break-all',\n },\n '& > .MuiPaper-root': {\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n },\n };\n});\n"],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"~~qFAGa~~,~~MAAAA~~,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAAkB,cAATA,GADHH,EAED,EAAGI,QAAOC,gBAC5B,CACL,mCAAoC,CAClCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACvBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACTC,WAAYX,EAAMY,QAAQC,QAAQC,SAEpC,4BAA6B,CAC3BJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACnBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGb,0BAA2B,CACzBU,KAAM,KAIZ,kCAAmC,CACjCX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEb,qBAAsB,CACpBC,oBAAqB,OACrBC,qBAAsB"}
1	+ {"version":3,"file":"drawerStyled.js","sources":["../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Drawer } from '@mui/material';\n\nexport const DrawerStyled = styled(Drawer, {\n shouldForwardProp: (prop) => prop !== 'hasHeader',\n})<{ hasHeader: boolean }>(({ theme, hasHeader }) => {\n return {\n '& .MuiPaper-root > .MuiList-root': {\n fontSize: '16px',\n fontWeight: 400,\n paddingBottom: '32px',\n listStyleType: 'none',\n maxHeight: '201px',\n marginTop: hasHeader ? '9px' : '0px',\n '& > .MuiListItem-root': {\n lineHeight: '24px',\n padding: '23px 16px 11px 16px',\n display: 'flex',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '8px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '& > .MuiTypography-root': {\n flex: 1,\n },\n },\n },\n '.MuiPaper-root > .drawer-header': {\n padding: '16px 16px 0px 16px',\n fontWeight: 'bold',\n lineHeight: '24px',\n fontSize: '20px',\n wordBreak: 'break-all',\n },\n '& > .MuiPaper-root': {\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n },\n };\n});\n"],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"qFAGO,MAAMA,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAAkB,cAATA,GADHH,EAED,EAAGI,QAAOC,gBAC5B,CACL,mCAAoC,CAClCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACvBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACTC,WAAYX,EAAMY,QAAQC,QAAQC,SAEpC,4BAA6B,CAC3BJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACnBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGb,0BAA2B,CACzBU,KAAM,KAIZ,kCAAmC,CACjCX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEb,qBAAsB,CACpBC,oBAAqB,OACrBC,qBAAsB"}

package/components/cardMenu/styled/menuListStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuListStyled.js","sources":["../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":["import { Theme, MenuList, styled } from '@mui/material';\n\nexport const MenuListStyled = styled(MenuList, {\n shouldForwardProp: (prop) => prop !== 'allowMultiselect',\n})<{ theme?: Theme; allowMultiselect?: boolean }>(({ theme, allowMultiselect }) => {\n const conditionalStyles = allowMultiselect\n ? { marginRight: '16px', marginRightCross: '3px', padding: '12px 12px 12px 24px' }\n : { marginRight: '0px', marginRightCross: '0px', padding: '12px 24px' };\n\n let style = {};\n style = {\n boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)',\n background: theme.palette.common.white,\n padding: '0px',\n minWidth: '105px',\n maxWidth: '222px',\n '& > .menu-item-divider': {\n margin: '0px !important',\n },\n '& > .menu-content-items': {\n maxHeight: '240px',\n overflowY: 'overlay',\n '& .MuiCheckbox-root': {\n marginRight: '4px',\n },\n },\n '& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root': {\n color: theme.palette.onSurface.os900,\n whiteSpace: 'nowrap',\n padding: conditionalStyles.padding,\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n opacity: 1,\n '& .MuiIcon-root': {\n color: `${theme.palette.disabled.primary}!important`,\n },\n },\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n '& > .MuiListItemText-root': {\n marginRight: conditionalStyles.marginRight,\n },\n '& .MuiTypography-root': {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '16px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '&.menu-item-header': {\n padding: '12px 12px 12px 24px',\n '& .MuiTypography-root': {\n fontWeight: '700',\n lineHeight: '20px',\n },\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n '& .MuiListItemIcon-root': {\n color: theme.palette.onSurface.os900,\n marginRight: conditionalStyles.marginRightCross,\n cursor: 'pointer',\n },\n '& > .MuiListItemText-root': {\n marginRight: '15px',\n },\n },\n '&.menu-select-all': {\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n },\n },\n };\n\n return style;\n});\n"],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","common","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"~~qDAEa~~,~~MAAAA~~,EAAiBC,EAAOC,EAAU,CAC7CC,kBAAoBC,GAAkB,qBAATA,GADDH,EAEoB,EAAGI,QAAOC,uBAC1D,MAAMC,EAAoBD,EACtB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAE5D,IAAIC,EAAQ,~~CAAE~~,~~EA8Ed~~,OA7EAA,EAAQ,CACNC,UAAW,kCACXC,WAAYR,EAAMS,QAAQC,OAAOC,MACjCN,QAAS,MACTO,SAAU,QACVC,SAAU,QACV,yBAA0B,CACxBC,OAAQ,kBAEV,0BAA2B,CACzBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACrBb,YAAa,QAGjB,mEAAoE,CAClEc,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BC,WAAY,SACZf,QAASH,EAAkBG,QAC3B,iBAAkB,CAChBY,MAAOjB,EAAMS,QAAQY,SAASC,QAC9BC,QAAS,EACT,kBAAmB,CACjBN,MAAO,GAAGjB,EAAMS,QAAQY,SAASC,sBAGrC,UAAW,CACTd,WAAYR,EAAMS,QAAQe,QAAQF,SAEpC,4BAA6B,CAC3BnB,YAAaD,EAAkBC,aAEjC,wBAAyB,CACvBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,4BAA6B,CAC3BC,QAAS,eACTF,WAAY,OACZd,SAAU,QACViB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACnBc,MAAOjB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGb,qBAAsB,CACpBvB,QAAS,sBACT,wBAAyB,CACvBsB,WAAY,MACZD,WAAY,QAEd,UAAW,CACTlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEV,0BAA2B,CACzBd,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BhB,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEV,4BAA6B,CAC3B5B,YAAa,SAGjB,oBAAqB,CACnB,UAAW,CACTK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAMTzB,CAAK"}
1	+ {"version":3,"file":"menuListStyled.js","sources":["../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":["import { Theme, MenuList, styled } from '@mui/material';\n\nexport const MenuListStyled = styled(MenuList, {\n shouldForwardProp: (prop) => prop !== 'allowMultiselect',\n})<{ theme?: Theme; allowMultiselect?: boolean }>(({ theme, allowMultiselect }) => {\n const conditionalStyles = allowMultiselect\n ? { marginRight: '16px', marginRightCross: '3px', padding: '12px 12px 12px 24px' }\n : { marginRight: '0px', marginRightCross: '0px', padding: '12px 24px' };\n\n let style = {};\n style = {\n boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)',\n background: theme.palette.common.white,\n padding: '0px',\n minWidth: '105px',\n maxWidth: '222px',\n '& > .menu-item-divider': {\n margin: '0px !important',\n },\n '& > .menu-content-items': {\n maxHeight: '240px',\n overflowY: 'overlay',\n '& .MuiCheckbox-root': {\n marginRight: '4px',\n },\n },\n '& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root': {\n color: theme.palette.onSurface.os900,\n whiteSpace: 'nowrap',\n padding: conditionalStyles.padding,\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n opacity: 1,\n '& .MuiIcon-root': {\n color: `${theme.palette.disabled.primary}!important`,\n },\n },\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n '& > .MuiListItemText-root': {\n marginRight: conditionalStyles.marginRight,\n },\n '& .MuiTypography-root': {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '16px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '&.menu-item-header': {\n padding: '12px 12px 12px 24px',\n '& .MuiTypography-root': {\n fontWeight: '700',\n lineHeight: '20px',\n },\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n '& .MuiListItemIcon-root': {\n color: theme.palette.onSurface.os900,\n marginRight: conditionalStyles.marginRightCross,\n cursor: 'pointer',\n },\n '& > .MuiListItemText-root': {\n marginRight: '15px',\n },\n },\n '&.menu-select-all': {\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n },\n },\n };\n\n return style;\n});\n"],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","common","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"qDAEO,MAAMA,EAAiBC,EAAOC,EAAU,CAC7CC,kBAAoBC,GAAkB,qBAATA,GADDH,EAEoB,EAAGI,QAAOC,uBAC1D,MAAMC,EAAoBD,EACtB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAE5D,IAAIC,EAAQ,CAAA,EA8EZ,OA7EAA,EAAQ,CACNC,UAAW,kCACXC,WAAYR,EAAMS,QAAQC,OAAOC,MACjCN,QAAS,MACTO,SAAU,QACVC,SAAU,QACV,yBAA0B,CACxBC,OAAQ,kBAEV,0BAA2B,CACzBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACrBb,YAAa,QAGjB,mEAAoE,CAClEc,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BC,WAAY,SACZf,QAASH,EAAkBG,QAC3B,iBAAkB,CAChBY,MAAOjB,EAAMS,QAAQY,SAASC,QAC9BC,QAAS,EACT,kBAAmB,CACjBN,MAAO,GAAGjB,EAAMS,QAAQY,SAASC,sBAGrC,UAAW,CACTd,WAAYR,EAAMS,QAAQe,QAAQF,SAEpC,4BAA6B,CAC3BnB,YAAaD,EAAkBC,aAEjC,wBAAyB,CACvBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,4BAA6B,CAC3BC,QAAS,eACTF,WAAY,OACZd,SAAU,QACViB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACnBc,MAAOjB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGb,qBAAsB,CACpBvB,QAAS,sBACT,wBAAyB,CACvBsB,WAAY,MACZD,WAAY,QAEd,UAAW,CACTlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEV,0BAA2B,CACzBd,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BhB,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEV,4BAA6B,CAC3B5B,YAAa,SAGjB,oBAAqB,CACnB,UAAW,CACTK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAMTzB,CAAK"}

package/components/cardMenu/styled/popperStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popperStyled.js","sources":["../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Popper } from '@mui/material';\n\nexport const PopperStyled = styled(Popper, {\n shouldForwardProp: (propName) => propName !== 'rounded',\n})<{\n theme?: any;\n isMobile?: boolean;\n rounded?: boolean;\n}>(({ theme, rounded }) => {\n return {\n zIndex: '100',\n background: theme.palette.background.primary,\n '& > *': {\n borderRadius: rounded ? '4px' : undefined,\n },\n };\n});\n"],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"~~qFAGa~~,~~MAAAA~~,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAA0B,YAAbA,GADPH,EAMzB,EAAGI,QAAOC,cACJ,CACLC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACPC,aAAcL,EAAU,WAAQM"}
1	+ {"version":3,"file":"popperStyled.js","sources":["../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Popper } from '@mui/material';\n\nexport const PopperStyled = styled(Popper, {\n shouldForwardProp: (propName) => propName !== 'rounded',\n})<{\n theme?: any;\n isMobile?: boolean;\n rounded?: boolean;\n}>(({ theme, rounded }) => {\n return {\n zIndex: '100',\n background: theme.palette.background.primary,\n '& > *': {\n borderRadius: rounded ? '4px' : undefined,\n },\n };\n});\n"],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"qFAGO,MAAMA,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAA0B,YAAbA,GADPH,EAMzB,EAAGI,QAAOC,cACJ,CACLC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACPC,aAAcL,EAAU,WAAQM"}

package/components/carousel/autoplay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"autoplay.js","sources":["../../../src/components/carousel/autoplay.tsx"],"sourcesContent":["import {\n Box,\n IconButton,\n IconButtonProps,\n CircularProgress,\n CircularProgressProps,\n BoxProps,\n CSSObject,\n SvgIconProps,\n} from '@mui/material';\nimport { useCarousel } from './hooks';\nimport { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { useEffect, useState, useMemo, ElementType } from 'react';\nimport { ControlsPlayIcon } from '@/src/components/icon/stroke/ControlsPlayIcon';\nimport { ControlsPauseIcon } from '@/src/components/icon/stroke/ControlsPauseIcon';\n\nexport interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children' \| 'position'> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Foreground Circular Progress (main) props\n /\n foregroundCircleProps?: CircularProgressProps;\n /\n Background Circular Progress props\n /\n backgroundCircleProps?: CircularProgressProps;\n /\n Append style to wrapper box to change position of component\n /\n position?: 'outside' \| 'inside';\n}\n\n/\n Spinner with autoplay progress value\n /\nexport const CarouselAutoplayProgress = ({\n carousel: carouselProp,\n sx: rawSx,\n foregroundCircleProps,\n backgroundCircleProps,\n position = 'outside',\n ...rest\n}: CarouselAutoplayProgressProps) => {\n const [value, setValue] = useState<number>(0);\n const carouselHook = useSwiper();\n const carousel = carouselProp \|\| carouselHook;\n const { sx: foregroundCircleSx, ...restForegroundCircle } = foregroundCircleProps \|\| {};\n const { sx: backgroundCircleSx, ...restBackgroundCircle } = backgroundCircleProps \|\| {};\n\n // position extra styling applied to wrapper\n const sx = useMemo<CSSObject \| BoxProps['sx']>(() => {\n if (position === 'inside') {\n return {\n position: 'absolute',\n zIndex: '90',\n bottom: '0',\n left: '0',\n right: '0',\n m: 2,\n ...rawSx,\n };\n } else {\n return rawSx;\n }\n }, [position, JSON.stringify(rawSx)]);\n\n useEffect(() => {\n // attach listener that controls progress value based on swiper special event\n if (carousel && carousel.autoplay) {\n carousel.on('autoplayTimeLeft', (instance, _timeLeft, percentage) => {\n setValue(instance.autoplay.paused ? 0 : Math.round(100 - percentage 100));\n });\n }\n }, [!!carousel]);\n\n return (\n <Box sx={{ position: 'relative', display: 'flex', m: 2, ...sx }} data-testid=\"CarouselAutoplayProgress\" {...rest}>\n <CircularProgress\n variant=\"determinate\"\n data-testid=\"CarouselAutoplayProgress.Foreground\"\n value={value}\n sx={{\n color: 'brand.secondary',\n // overlap\n position: 'relative',\n zIndex: '10',\n '.MuiCircularProgress-circle': {\n transition: 'none',\n },\n ...foregroundCircleSx,\n }}\n {...restForegroundCircle}\n />\n <CircularProgress\n variant=\"determinate\"\n data-testid=\"CarouselAutoplayProgress.Background\"\n value={100}\n sx={{ position: 'absolute', color: 'common.white', ...backgroundCircleSx }}\n {...restBackgroundCircle}\n />\n </Box>\n );\n};\n\nexport interface CarouselAutoplayIconButtonProps extends Partial<IconButtonProps> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Properties passed to the Icon component\n /\n iconProps?: SvgIconProps;\n /\n Nodes used for the icons\n /\n iconSlots?: {\n pauseIcon?: ElementType<SvgIconProps>;\n playIcon?: ElementType<SvgIconProps>;\n };\n}\n\n/\n IconButton controlling play/paused state of the autoplay\n */\nexport function CarouselAutoplayIconButton({\n carousel: carouselProp,\n children,\n iconProps,\n iconSlots,\n ...rest\n}: CarouselAutoplayIconButtonProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n const { playIcon, pauseIcon } = {\n playIcon: ControlsPlayIcon,\n pauseIcon: ControlsPauseIcon,\n ...(iconSlots \|\| {}),\n };\n const AutoplayIcon = carousel?.autoplay?.running ? pauseIcon : playIcon;\n\n return (\n <IconButton\n aria-label={carousel?.autoplay?.running ? 'Pause carousel autoplay' : 'Play carousel autoplay'}\n onClick={() => carousel?.autoplay?.[carousel?.autoplay?.running ? 'stop' : 'start']()}\n {...rest}\n >\n {children \|\| <AutoplayIcon {...iconProps} />}\n </IconButton>\n );\n}\n"],"names":["CarouselAutoplayProgress","_a","carousel","carouselProp","sx","rawSx","foregroundCircleProps","backgroundCircleProps","position","rest","__rest","value","setValue","useState","carouselHook","useSwiper","_b","foregroundCircleSx","restForegroundCircle","_c","backgroundCircleSx","restBackgroundCircle","useMemo","Object","assign","zIndex","bottom","left","right","m","JSON","stringify","useEffect","autoplay","on","instance","_timeLeft","percentage","paused","Math","round","_jsxs","Box","display","children","_jsx","CircularProgress","variant","color","transition","CarouselAutoplayIconButton","iconProps","iconSlots","useCarousel","playIcon","pauseIcon","ControlsPlayIcon","ControlsPauseIcon","AutoplayIcon","running","IconButton","onClick"],"mappings":"~~wbAuCa~~,~~MAAAA~~,EAA4BC,QACvCC,SAAUC,EACVC,GAAIC,EAAKC,sBACTA,EAAqBC,sBACrBA,EAAqBC,SACrBA,EAAW,WAASP,EACjBQ,EAAIC,EAAAT,EANgC,8EAQvC,MAAOU,EAAOC,GAAYC,EAAiB,GACrCC,EAAeC,IACfb,EAAWC,GAAgBW,EAC3BE,EAAsDV,GAAyB,IAA7EF,GAAIa,KAAuBC,~~EAA7BR~~,EAAAM,~~EAAA~~,CAAA,OACAG,EAAsDZ,GAAyB,IAA7EH,GAAIgB,KAAuBC,~~EAA7BX~~,EAAAS,~~EAAA~~,CAAA,OAGAf,EAAKkB,GAAoC,IAC5B,WAAbd,~~EAEAe~~,OAAAC,OAAA,~~CAAAhB~~,SAAU,WACViB,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAxB,GAGEA,GAER,CAACG,EAAUsB,KAAKC,UAAU1B,KAW7B,OATA2B,GAAU,KAEJ9B,GAAYA,EAAS+B,UACvB/B,EAASgC,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpDzB,EAASuB,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,~~MAG9E~~,GAAGnC,IAGJuC,EAACC,iBAAItC,GAAEmB,OAAAC,OAAA,CAAIhB,SAAU,WAAYmC,QAAS,OAAQd,EAAG,GAAMzB,GAAE,cAAgB,4BAA+BK,~~EAC1G~~,CAAAmC,SAAA,~~CAAAC~~,EAACC,~~EACCvB~~,OAAAC,OAAA,~~CAAAuB~~,QAAQ,cAAa,cACT,sCACZpC,MAAOA,EACPP,~~GACEmB~~,OAAAC,OAAA,~~CAAAwB~~,MAAO,kBAEPxC,SAAU,WACViB,OAAQ,KACR,8BAA+B,CAC7BwB,WAAY,SAEXhC,IAEDC,IAEN2B,EAACC,~~EACCvB~~,OAAAC,OAAA,~~CAAAuB~~,QAAQ,cAAa,cACT,sCACZpC,MAAO,IACPP,~~GAAMmB~~,OAAAC,OAAA,~~CAAAhB~~,SAAU,WAAYwC,MAAO,gBAAmB5B,IAClDC,OAEF,EAyBJ,SAAU6B,EAA2BjD,YACzCC,SAAUC,EAAYyC,SACtBA,EAAQO,UACRA,EAASC,UACTA,~~GAEgCnD~~,~~EAD7BQ~~,EAAIC,EAAAT,EALkC,iDAOzC,MAAMa,EAAeuC,IACfnD,EAAWC,GAAgBW,GAC3BwC,SAAEA,EAAQC,UAAEA,~~GAChBhC~~,OAAAC,OAAA,~~CAAA8B~~,SAAUE,EACVD,UAAWE,GACPL,GAAa,CAAA,GAEbM,~~GAAmC~~,~~QAApB1C~~,EAAAd,eAAAA,EAAU+B,~~gBAAU~~,IAAAjB,OAAA,EAAAA,~~EAAA2C~~,SAAUJ,EAAYD,EAE/D,OACET,EAACe,EAAUrC,OAAAC,OAAA,CAAA,cACqB,QAAlBL,EAAAjB,eAAAA,EAAU+B,gBAAQ,IAAAd,OAAA,EAAAA,EAAEwC,SAAU,0BAA4B,yBACtEE,QAAS,aAAM,~~OAAqB~~,~~QAArB5D~~,EAAAC,~~aAAA~~,~~EAAAA~~,EAAU+B,~~gBAAW~~,IAAAhC,OAAA,EAAAA,~~GAAoB~~,~~QAApBe~~,EAAAd,aAAQ,EAARA,EAAU+B,~~gBAAU~~,IAAAjB,OAAA,EAAAA,~~EAAA2C~~,SAAU,OAAS,UAAU,GACjFlD,~~EAEH~~,CAAAmC,~~SAAAA~~,GAAYC,EAACa,~~EAAiBnC~~,OAAAC,OAAA,CAAA,~~EAAA2B~~,MAGrC"}
1	+ {"version":3,"file":"autoplay.js","sources":["../../../src/components/carousel/autoplay.tsx"],"sourcesContent":["import {\n Box,\n IconButton,\n IconButtonProps,\n CircularProgress,\n CircularProgressProps,\n BoxProps,\n CSSObject,\n SvgIconProps,\n} from '@mui/material';\nimport { useCarousel } from './hooks';\nimport { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { useEffect, useState, useMemo, ElementType } from 'react';\nimport { ControlsPlayIcon } from '@/src/components/icon/stroke/ControlsPlayIcon';\nimport { ControlsPauseIcon } from '@/src/components/icon/stroke/ControlsPauseIcon';\n\nexport interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children' \| 'position'> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Foreground Circular Progress (main) props\n /\n foregroundCircleProps?: CircularProgressProps;\n /\n Background Circular Progress props\n /\n backgroundCircleProps?: CircularProgressProps;\n /\n Append style to wrapper box to change position of component\n /\n position?: 'outside' \| 'inside';\n}\n\n/\n Spinner with autoplay progress value\n /\nexport const CarouselAutoplayProgress = ({\n carousel: carouselProp,\n sx: rawSx,\n foregroundCircleProps,\n backgroundCircleProps,\n position = 'outside',\n ...rest\n}: CarouselAutoplayProgressProps) => {\n const [value, setValue] = useState<number>(0);\n const carouselHook = useSwiper();\n const carousel = carouselProp \|\| carouselHook;\n const { sx: foregroundCircleSx, ...restForegroundCircle } = foregroundCircleProps \|\| {};\n const { sx: backgroundCircleSx, ...restBackgroundCircle } = backgroundCircleProps \|\| {};\n\n // position extra styling applied to wrapper\n const sx = useMemo<CSSObject \| BoxProps['sx']>(() => {\n if (position === 'inside') {\n return {\n position: 'absolute',\n zIndex: '90',\n bottom: '0',\n left: '0',\n right: '0',\n m: 2,\n ...rawSx,\n };\n } else {\n return rawSx;\n }\n }, [position, JSON.stringify(rawSx)]);\n\n useEffect(() => {\n // attach listener that controls progress value based on swiper special event\n if (carousel && carousel.autoplay) {\n carousel.on('autoplayTimeLeft', (instance, _timeLeft, percentage) => {\n setValue(instance.autoplay.paused ? 0 : Math.round(100 - percentage 100));\n });\n }\n }, [!!carousel]);\n\n return (\n <Box sx={{ position: 'relative', display: 'flex', m: 2, ...sx }} data-testid=\"CarouselAutoplayProgress\" {...rest}>\n <CircularProgress\n variant=\"determinate\"\n data-testid=\"CarouselAutoplayProgress.Foreground\"\n value={value}\n sx={{\n color: 'brand.secondary',\n // overlap\n position: 'relative',\n zIndex: '10',\n '.MuiCircularProgress-circle': {\n transition: 'none',\n },\n ...foregroundCircleSx,\n }}\n {...restForegroundCircle}\n />\n <CircularProgress\n variant=\"determinate\"\n data-testid=\"CarouselAutoplayProgress.Background\"\n value={100}\n sx={{ position: 'absolute', color: 'common.white', ...backgroundCircleSx }}\n {...restBackgroundCircle}\n />\n </Box>\n );\n};\n\nexport interface CarouselAutoplayIconButtonProps extends Partial<IconButtonProps> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Properties passed to the Icon component\n /\n iconProps?: SvgIconProps;\n /\n Nodes used for the icons\n /\n iconSlots?: {\n pauseIcon?: ElementType<SvgIconProps>;\n playIcon?: ElementType<SvgIconProps>;\n };\n}\n\n/\n IconButton controlling play/paused state of the autoplay\n */\nexport function CarouselAutoplayIconButton({\n carousel: carouselProp,\n children,\n iconProps,\n iconSlots,\n ...rest\n}: CarouselAutoplayIconButtonProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n const { playIcon, pauseIcon } = {\n playIcon: ControlsPlayIcon,\n pauseIcon: ControlsPauseIcon,\n ...(iconSlots \|\| {}),\n };\n const AutoplayIcon = carousel?.autoplay?.running ? pauseIcon : playIcon;\n\n return (\n <IconButton\n aria-label={carousel?.autoplay?.running ? 'Pause carousel autoplay' : 'Play carousel autoplay'}\n onClick={() => carousel?.autoplay?.[carousel?.autoplay?.running ? 'stop' : 'start']()}\n {...rest}\n >\n {children \|\| <AutoplayIcon {...iconProps} />}\n </IconButton>\n );\n}\n"],"names":["CarouselAutoplayProgress","_a","carousel","carouselProp","sx","rawSx","foregroundCircleProps","backgroundCircleProps","position","rest","__rest","value","setValue","useState","carouselHook","useSwiper","_b","foregroundCircleSx","restForegroundCircle","_c","backgroundCircleSx","restBackgroundCircle","useMemo","Object","assign","zIndex","bottom","left","right","m","JSON","stringify","useEffect","autoplay","on","instance","_timeLeft","percentage","paused","Math","round","_jsxs","Box","display","children","_jsx","CircularProgress","variant","color","transition","CarouselAutoplayIconButton","iconProps","iconSlots","useCarousel","playIcon","pauseIcon","ControlsPlayIcon","ControlsPauseIcon","AutoplayIcon","running","IconButton","onClick"],"mappings":"wbAuCO,MAAMA,EAA4BC,QACvCC,SAAUC,EACVC,GAAIC,EAAKC,sBACTA,EAAqBC,sBACrBA,EAAqBC,SACrBA,EAAW,WAASP,EACjBQ,EAAIC,EAAAT,EANgC,8EAQvC,MAAOU,EAAOC,GAAYC,EAAiB,GACrCC,EAAeC,IACfb,EAAWC,GAAgBW,EAC3BE,EAAsDV,GAAyB,IAA7EF,GAAIa,KAAuBC,EAAoBR,EAAAM,EAAjD,CAAA,OACAG,EAAsDZ,GAAyB,IAA7EH,GAAIgB,KAAuBC,EAAoBX,EAAAS,EAAjD,CAAA,OAGAf,EAAKkB,GAAoC,IAC5B,WAAbd,EACFe,OAAAC,OAAA,CACEhB,SAAU,WACViB,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAxB,GAGEA,GAER,CAACG,EAAUsB,KAAKC,UAAU1B,KAW7B,OATA2B,GAAU,KAEJ9B,GAAYA,EAAS+B,UACvB/B,EAASgC,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpDzB,EAASuB,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,GAE/E,GACC,GAAGnC,IAGJuC,EAACC,iBAAItC,GAAEmB,OAAAC,OAAA,CAAIhB,SAAU,WAAYmC,QAAS,OAAQd,EAAG,GAAMzB,GAAE,cAAgB,4BAA+BK,EAAI,CAAAmC,SAAA,CAC9GC,EAACC,EAAgBvB,OAAAC,OAAA,CACfuB,QAAQ,cAAa,cACT,sCACZpC,MAAOA,EACPP,GAAEmB,OAAAC,OAAA,CACAwB,MAAO,kBAEPxC,SAAU,WACViB,OAAQ,KACR,8BAA+B,CAC7BwB,WAAY,SAEXhC,IAEDC,IAEN2B,EAACC,EAAgBvB,OAAAC,OAAA,CACfuB,QAAQ,cAAa,cACT,sCACZpC,MAAO,IACPP,GAAEmB,OAAAC,OAAA,CAAIhB,SAAU,WAAYwC,MAAO,gBAAmB5B,IAClDC,OAEF,EAyBJ,SAAU6B,EAA2BjD,YACzCC,SAAUC,EAAYyC,SACtBA,EAAQO,UACRA,EAASC,UACTA,GAASnD,EACNQ,EAAIC,EAAAT,EALkC,iDAOzC,MAAMa,EAAeuC,IACfnD,EAAWC,GAAgBW,GAC3BwC,SAAEA,EAAQC,UAAEA,GAAWhC,OAAAC,OAAA,CAC3B8B,SAAUE,EACVD,UAAWE,GACPL,GAAa,CAAA,GAEbM,GAAiC,QAAlB1C,EAAAd,eAAAA,EAAU+B,gBAAQ,IAAAjB,OAAA,EAAAA,EAAE2C,SAAUJ,EAAYD,EAE/D,OACET,EAACe,EAAUrC,OAAAC,OAAA,CAAA,cACqB,QAAlBL,EAAAjB,eAAAA,EAAU+B,gBAAQ,IAAAd,OAAA,EAAAA,EAAEwC,SAAU,0BAA4B,yBACtEE,QAAS,aAAM,OAAkB,QAAlB5D,EAAAC,aAAQ,EAARA,EAAU+B,gBAAQ,IAAAhC,OAAA,EAAAA,GAAqB,QAAlBe,EAAAd,aAAQ,EAARA,EAAU+B,gBAAQ,IAAAjB,OAAA,EAAAA,EAAE2C,SAAU,OAAS,UAAU,GACjFlD,EAAI,CAAAmC,SAEPA,GAAYC,EAACa,EAAYnC,OAAAC,OAAA,CAAA,EAAK2B,MAGrC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel.js","sources":["../../../src/components/carousel/carousel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { Swiper, SwiperProps } from 'swiper/react';\nimport { Keyboard, EffectFade, Autoplay, Parallax } from 'swiper/modules';\n\nexport interface CarouselProps\n // `cssMode` not supported\n // instead of `navigation` use <CarouselNavigation />\n // instead of `pagination` use <CarouselPagination />\n // instead of `onSwiper` use `onInit`\n extends Omit<SwiperProps, 'children' \| 'cssMode' \| 'navigation' \| 'pagination' \| 'onSwiper'>,\n Omit<BoxProps, keyof Omit<SwiperProps, 'children'> \| 'component'> {\n /*\n Callback that receives Swiper instance\n /\n onInit?: SwiperProps['onSwiper'];\n /\n Travelled distance in px for peek effect\n * @default 100\n /\n peekDistance?: number;\n /\n Speed of peek effect\n * @default 150 (half of default Carousel's speed)\n /\n peekSpeed?: number;\n}\n\n/\n Modern mobile friendly carousel for slideshows, built with Swiper\n */\nexport const Carousel: React.FC<CarouselProps> = forwardRef(\n ({ children, sx, onInit, effect, autoplay, parallax, peekDistance = 100, peekSpeed = 150, ...rest }, ref) => {\n return (\n <Box\n component={Swiper}\n spaceBetween={0}\n autoHeight\n loop\n keyboard={{\n enabled: true,\n }}\n modules={[\n Keyboard,\n ...(effect === 'fade' ? [EffectFade] : []),\n ...(autoplay ? [Autoplay] : []),\n ...(parallax ? [Parallax] : []),\n ]}\n parallax={parallax}\n effect={effect}\n autoplay={autoplay}\n ref={ref}\n {...rest}\n onSwiper={onInit}\n data-peekspeed={peekSpeed}\n sx={{\n // generic root styling, based on the `import 'swiper/css'`\n display: 'block',\n ml: 'auto',\n mr: 'auto',\n p: '0',\n maxWidth: '100%',\n // ensure correct position\n position: 'relative',\n zIndex: '50',\n overflow: 'hidden',\n // support for ul-type\n listStyle: 'none',\n // variants\n '&.swiper-horizontal': {\n touchAction: 'pan-y',\n },\n '&.swiper-vertical': {\n touchAction: 'pan-x',\n '& > .swiper-wrapper': {\n flexDirection: 'column',\n },\n },\n '&.swiper-autoheight': {\n height: 'auto',\n '& > .swiper-wrapper': {\n alignItems: 'flex-start',\n transitionProperty: 'transform, height',\n },\n },\n // wrapper of all slides\n '& .swiper-wrapper': {\n position: 'relative',\n width: '100%',\n height: '100%',\n zIndex: '50',\n display: 'flex',\n transitionProperty: 'transform',\n transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n boxSizing: 'content-box',\n transform: 'translate3d(0px, 0, 0)',\n },\n // peek effect\n ...(effect !== 'fade' && {\n '&.peeking .swiper-wrapper > .swiper-slide': {\n transitionProperty: 'transform',\n transitionDuration: `${peekSpeed}ms`,\n transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n },\n '&.peek-next .swiper-wrapper > .swiper-slide': {\n transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '' : '-'}${peekDistance}px, 0, 0)`,\n },\n '&.peek-prev .swiper-wrapper > .swiper-slide': {\n transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '-' : ''}${peekDistance}px, 0, 0)`,\n },\n }),\n // swiper internal\n '.swiper-slide-invisible-blank': {\n visibility: 'hidden',\n },\n '.swiper-backface-hidden .swiper-slide': {\n transform: 'translateZ(0)',\n WebkitBackfaceVisibility: 'hidden',\n backfaceVisibility: 'hidden',\n },\n // does not include CSS Mode, 3D Shadows, lazy loading\n ...sx,\n }}\n >\n {children}\n </Box>\n );\n },\n);\n"],"names":["Carousel","forwardRef","_a","ref","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","EffectFade","Autoplay","Parallax","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","transitionDuration","theme","direction","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"0QA+Ba,~~MAAAA~~,EAAoCC,GAC/C,CAACC,EAAoGC,SAApGC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,EAAMC,OAAEA,EAAMC,SAAEA,EAAQC,SAAEA,EAAQC,aAAEA,EAAe,IAAGC,UAAEA,EAAY,OAAQC,~~EAA5FC~~,EAAAX,~~EAAA~~,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cACC,OACEY,EAACC,~~EACCC~~,OAAAC,OAAA,~~CAAAC~~,UAAWC,EACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,KACe,SAAXnB,EAAoB,CAACoB,GAAc,MACnCnB,EAAW,CAACoB,GAAY,MACxBnB,EAAW,CAACoB,GAAY,IAE9BpB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,EACVL,IAAKA,GACDS,~~EACJ~~,~~CAAAkB~~,SAAUxB,EAAM,iBACAK,EAChBN,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEAc,QAAS,QACTC,GAAI,OACJC,GAAI,OACJC,EAAG,IACHC,SAAU,OAEVC,SAAU,WACVC,OAAQ,KACRC,SAAU,SAEVC,UAAW,OAEX,sBAAuB,CACrBC,YAAa,SAEf,oBAAqB,CACnBA,YAAa,QACb,sBAAuB,CACrBC,cAAe,WAGnB,sBAAuB,CACrBC,OAAQ,OACR,sBAAuB,CACrBC,WAAY,aACZC,mBAAoB,sBAIxB,oBAAqB,CACnBR,SAAU,WACVS,MAAO,OACPH,OAAQ,OACRL,OAAQ,KACRN,QAAS,OACTa,mBAAoB,YACpBE,yBAA0B,4DAC1BC,UAAW,cACXC,UAAW,2BAGE,SAAXzC,GAAqB,CACvB,4CAA6C,CAC3CqC,mBAAoB,YACpBK,mBAAoB,GAAGtC,MACvBmC,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,GAAK,MAAMzC,cAE9E,8CAA+C,CAC7CsC,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,IAAM,KAAKzC,gBAE9E,CAEF,gCAAiC,CAC/B0C,WAAY,UAEd,wCAAyC,CACvCJ,UAAW,gBACXK,yBAA0B,SAC1BC,mBAAoB,YAGnBjD,GAAED,SAGNA,IACG"}
1	+ {"version":3,"file":"carousel.js","sources":["../../../src/components/carousel/carousel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { Swiper, SwiperProps } from 'swiper/react';\nimport { Keyboard, EffectFade, Autoplay, Parallax } from 'swiper/modules';\n\nexport interface CarouselProps\n // `cssMode` not supported\n // instead of `navigation` use <CarouselNavigation />\n // instead of `pagination` use <CarouselPagination />\n // instead of `onSwiper` use `onInit`\n extends Omit<SwiperProps, 'children' \| 'cssMode' \| 'navigation' \| 'pagination' \| 'onSwiper'>,\n Omit<BoxProps, keyof Omit<SwiperProps, 'children'> \| 'component'> {\n /*\n Callback that receives Swiper instance\n /\n onInit?: SwiperProps['onSwiper'];\n /\n Travelled distance in px for peek effect\n * @default 100\n /\n peekDistance?: number;\n /\n Speed of peek effect\n * @default 150 (half of default Carousel's speed)\n /\n peekSpeed?: number;\n}\n\n/\n Modern mobile friendly carousel for slideshows, built with Swiper\n */\nexport const Carousel: React.FC<CarouselProps> = forwardRef(\n ({ children, sx, onInit, effect, autoplay, parallax, peekDistance = 100, peekSpeed = 150, ...rest }, ref) => {\n return (\n <Box\n component={Swiper}\n spaceBetween={0}\n autoHeight\n loop\n keyboard={{\n enabled: true,\n }}\n modules={[\n Keyboard,\n ...(effect === 'fade' ? [EffectFade] : []),\n ...(autoplay ? [Autoplay] : []),\n ...(parallax ? [Parallax] : []),\n ]}\n parallax={parallax}\n effect={effect}\n autoplay={autoplay}\n ref={ref}\n {...rest}\n onSwiper={onInit}\n data-peekspeed={peekSpeed}\n sx={{\n // generic root styling, based on the `import 'swiper/css'`\n display: 'block',\n ml: 'auto',\n mr: 'auto',\n p: '0',\n maxWidth: '100%',\n // ensure correct position\n position: 'relative',\n zIndex: '50',\n overflow: 'hidden',\n // support for ul-type\n listStyle: 'none',\n // variants\n '&.swiper-horizontal': {\n touchAction: 'pan-y',\n },\n '&.swiper-vertical': {\n touchAction: 'pan-x',\n '& > .swiper-wrapper': {\n flexDirection: 'column',\n },\n },\n '&.swiper-autoheight': {\n height: 'auto',\n '& > .swiper-wrapper': {\n alignItems: 'flex-start',\n transitionProperty: 'transform, height',\n },\n },\n // wrapper of all slides\n '& .swiper-wrapper': {\n position: 'relative',\n width: '100%',\n height: '100%',\n zIndex: '50',\n display: 'flex',\n transitionProperty: 'transform',\n transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n boxSizing: 'content-box',\n transform: 'translate3d(0px, 0, 0)',\n },\n // peek effect\n ...(effect !== 'fade' && {\n '&.peeking .swiper-wrapper > .swiper-slide': {\n transitionProperty: 'transform',\n transitionDuration: `${peekSpeed}ms`,\n transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n },\n '&.peek-next .swiper-wrapper > .swiper-slide': {\n transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '' : '-'}${peekDistance}px, 0, 0)`,\n },\n '&.peek-prev .swiper-wrapper > .swiper-slide': {\n transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '-' : ''}${peekDistance}px, 0, 0)`,\n },\n }),\n // swiper internal\n '.swiper-slide-invisible-blank': {\n visibility: 'hidden',\n },\n '.swiper-backface-hidden .swiper-slide': {\n transform: 'translateZ(0)',\n WebkitBackfaceVisibility: 'hidden',\n backfaceVisibility: 'hidden',\n },\n // does not include CSS Mode, 3D Shadows, lazy loading\n ...sx,\n }}\n >\n {children}\n </Box>\n );\n },\n);\n"],"names":["Carousel","forwardRef","_a","ref","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","EffectFade","Autoplay","Parallax","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","transitionDuration","theme","direction","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"0QA+BO,MAAMA,EAAoCC,GAC/C,CAACC,EAAoGC,SAApGC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,EAAMC,OAAEA,EAAMC,SAAEA,EAAQC,SAAEA,EAAQC,aAAEA,EAAe,IAAGC,UAAEA,EAAY,OAAQC,EAAIC,EAAAX,EAAhG,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cACC,OACEY,EAACC,EAAGC,OAAAC,OAAA,CACFC,UAAWC,EACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,KACe,SAAXnB,EAAoB,CAACoB,GAAc,MACnCnB,EAAW,CAACoB,GAAY,MACxBnB,EAAW,CAACoB,GAAY,IAE9BpB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,EACVL,IAAKA,GACDS,EAAI,CACRkB,SAAUxB,EAAM,iBACAK,EAChBN,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEAc,QAAS,QACTC,GAAI,OACJC,GAAI,OACJC,EAAG,IACHC,SAAU,OAEVC,SAAU,WACVC,OAAQ,KACRC,SAAU,SAEVC,UAAW,OAEX,sBAAuB,CACrBC,YAAa,SAEf,oBAAqB,CACnBA,YAAa,QACb,sBAAuB,CACrBC,cAAe,WAGnB,sBAAuB,CACrBC,OAAQ,OACR,sBAAuB,CACrBC,WAAY,aACZC,mBAAoB,sBAIxB,oBAAqB,CACnBR,SAAU,WACVS,MAAO,OACPH,OAAQ,OACRL,OAAQ,KACRN,QAAS,OACTa,mBAAoB,YACpBE,yBAA0B,4DAC1BC,UAAW,cACXC,UAAW,2BAGE,SAAXzC,GAAqB,CACvB,4CAA6C,CAC3CqC,mBAAoB,YACpBK,mBAAoB,GAAGtC,MACvBmC,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,GAAK,MAAMzC,cAE9E,8CAA+C,CAC7CsC,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,IAAM,KAAKzC,gBAE9E,CAEF,gCAAiC,CAC/B0C,WAAY,UAEd,wCAAyC,CACvCJ,UAAW,gBACXK,yBAA0B,SAC1BC,mBAAoB,YAGnBjD,GAAED,SAGNA,IACG"}

package/components/carousel/hooks.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useState as e,useEffect as l,useLayoutEffect as n,useRef as t}from"react";import{useSwiper as u}from"swiper/react";function o(l){const[n,t]=e(null);return i(n,l),[n,t]}function r(e){const l=u();return i(l,e),l}function i(t,u){const[,o]=e({});l((()=>{t&&(null!=u?u:["slideChange","afterInit","reachBeginning","reachEnd","autoplayStart","autoplayStop"]).forEach((e=>{t.on(e,(()=>{o({})}))}))}),[t]),n((()=>{o({})}),[])}function s(n){const[u,o]=e(null),r=t(null),[i,s]=e(!1);return l((()=>{var e,l,t,s,d,a,c;return"reset"===u?(null===(e=null==n?void 0:n.el)||void 0===e||e.classList.remove("peek-prev"),null===(l=null==n?void 0:n.el)||void 0===l||l.classList.remove("peek-next"),r.current=setTimeout((()=>{o(null)}),+((null==n?void 0:n.el.getAttribute("data-peekspeed"))||150))):u?i||(null==n||n.slideReset(0),"prev"===u?(null==n||n.slidePrev(0),null==n||n.slideNext(0)):(null==n||n.slideNext(0),null==n||n.slidePrev(0)),null===(t=null==n?void 0:n.el)||void 0===t||t.classList.add("peeking"),null===(s=null==n?void 0:n.el)||void 0===s||s.classList.add(`peek-${u}`)):(null===(d=null==n?void 0:n.el)||void 0===d||d.classList.remove("peeking"),null===(a=null==n?void 0:n.el)||void 0===a||a.classList.remove("peek-prev"),null===(c=null==n?void 0:n.el)||void 0===c||c.classList.remove("peek-next")),()=>{r.current&&clearTimeout(r.current)}}),[u]),l((()=>{null==n||n.on("touchStart",(()=>{o("reset"),s(!0)})),null==n||n.on("touchEnd",(()=>{o("reset"),s(!1)}))}),[!!n]),[u,o]}export{r as useCarousel,o as useCarouselInstance,s as useCarouselPeekEffect};
+import{useState as e,useEffect as l,useLayoutEffect as n,useRef as t}from"react";import{useSwiper as o}from"swiper/react";function u(l){const[n,t]=e(null);return i(n,l),[n,t]}function r(e){const l=o();return i(l,e),l}function i(t,o){const[,u]=e({});l((()=>{t&&(null!=o?o:["slideChange","afterInit","reachBeginning","reachEnd","autoplayStart","autoplayStop","lock","unlock"]).forEach((e=>{t.on(e,(()=>{u({})}))}))}),[t]),n((()=>{u({})}),[])}function s(n){const[o,u]=e(null),r=t(null),[i,s]=e(!1);return l((()=>{var e,l,t,s,d,c,a;return"reset"===o?(null===(e=null==n?void 0:n.el)||void 0===e||e.classList.remove("peek-prev"),null===(l=null==n?void 0:n.el)||void 0===l||l.classList.remove("peek-next"),r.current=setTimeout((()=>{u(null)}),+((null==n?void 0:n.el.getAttribute("data-peekspeed"))||150))):o?i||(null==n||n.slideReset(0),"prev"===o?(null==n||n.slidePrev(0),null==n||n.slideNext(0)):(null==n||n.slideNext(0),null==n||n.slidePrev(0)),null===(t=null==n?void 0:n.el)||void 0===t||t.classList.add("peeking"),null===(s=null==n?void 0:n.el)||void 0===s||s.classList.add(`peek-${o}`)):(null===(d=null==n?void 0:n.el)||void 0===d||d.classList.remove("peeking"),null===(c=null==n?void 0:n.el)||void 0===c||c.classList.remove("peek-prev"),null===(a=null==n?void 0:n.el)||void 0===a||a.classList.remove("peek-next")),()=>{r.current&&clearTimeout(r.current)}}),[o]),l((()=>{null==n||n.on("touchStart",(()=>{u("reset"),s(!0)})),null==n||n.on("touchEnd",(()=>{u("reset"),s(!1)}))}),[!!n]),[o,u]}export{r as useCarousel,u as useCarouselInstance,s as useCarouselPeekEffect};
 //# sourceMappingURL=hooks.js.map

package/components/carousel/hooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hooks.js","sources":["../../../src/components/carousel/hooks.ts"],"sourcesContent":["import { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { SwiperEvents } from 'swiper/types';\n\n/*\n Hook to obtain and manage CarouselInstance\n * /\nexport function useCarouselInstance(events?: (keyof SwiperEvents)[]) {\n const [carousel, setCarousel] = useState<CarouselInstance \| null>(null);\n useRefreshInstance(carousel, events);\n\n return [carousel, setCarousel] as const;\n}\n\n/\n Hook to obtain CarouselInstance inside the Carousel component\n /\nexport function useCarousel(events?: (keyof SwiperEvents)[]) {\n const carousel = useSwiper();\n useRefreshInstance(carousel, events);\n\n return carousel;\n}\n\n/\n Internal hook that forces re-renders on events like slideChange, so the carousel.realIndex is correct\n * https://github.com/nolimits4web/swiper/issues/5577\n /\nfunction useRefreshInstance(carousel: CarouselInstance, events?: (keyof SwiperEvents)[]) {\n // force re-render\n const [, setRerender] = useState({});\n useEffect(() => {\n if (carousel) {\n // subscribe to carousel events to trigger re-render\n (events ?? ['slideChange', 'afterInit', 'reachBeginning', 'reachEnd', 'autoplayStart', 'autoplayStop']).forEach(\n (evt: keyof SwiperEvents) => {\n carousel.on(evt, () => {\n setRerender({});\n });\n }~~,\n~~ );\n }\n }, [carousel]);\n // once everything is rendered, make sure to re-render to have proper data (initialization)\n useLayoutEffect(() => {\n setRerender({});\n }, []);\n}\n\n/\n Manage peek effect in the Carousel by adding classes to the Carousel instance\n /\nexport function useCarouselPeekEffect(carousel: CarouselInstance) {\n const [peek, setPeek] = useState<'prev' \| 'next' \| 'reset' \| null>(null);\n const peekTimeout = useRef<NodeJS.Timeout \| null>(null);\n const [disabled, setDisabled] = useState<boolean>(false);\n\n useEffect(() => {\n if (peek === 'reset') {\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n peekTimeout.current = setTimeout(\n () => {\n setPeek(null);\n },\n +(carousel?.el.getAttribute('data-peekspeed') \|\| 150),\n ); // matches transitionDuration in the Carousel\n } else if (peek) {\n if (!disabled) {\n // make sure prev/next slide is visible (loop)\n carousel?.slideReset(0);\n if (peek === 'prev') {\n carousel?.slidePrev(0);\n carousel?.slideNext(0);\n } else {\n carousel?.slideNext(0);\n carousel?.slidePrev(0);\n }\n carousel?.el?.classList.add('peeking');\n carousel?.el?.classList.add(`peek-${peek}`);\n }\n } else {\n carousel?.el?.classList.remove('peeking');\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n }\n\n return () => {\n if (peekTimeout.current) {\n clearTimeout(peekTimeout.current);\n }\n };\n }, [peek]);\n\n /\n Watch carousel instance\n */\n useEffect(() => {\n // once carousel is being dragged, reset and disable peek effect\n carousel?.on('touchStart', () => {\n setPeek('reset');\n setDisabled(true);\n });\n carousel?.on('touchEnd', () => {\n setPeek('reset');\n setDisabled(false);\n });\n }, [!!carousel]);\n\n return [peek, setPeek] as const;\n}\n"],"names":["useCarouselInstance","events","carousel","setCarousel","useState","useRefreshInstance","useCarousel","useSwiper","setRerender","useEffect","forEach","evt","on","useLayoutEffect","useCarouselPeekEffect","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","_a","el","classList","remove","_b","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","_c","add","_d","_e","_f","_g","clearTimeout"],"mappings":"0HAQM,SAAUA,EAAoBC,GAClC,MAAOC,EAAUC,GAAeC,EAAkC,MAGlE,OAFAC,EAAmBH,EAAUD,GAEtB,CAACC,EAAUC,EACpB,CAKM,SAAUG,EAAYL,GAC1B,MAAMC,EAAWK,IAGjB,OAFAF,EAAmBH,EAAUD,GAEtBC,CACT,CAMA,SAASG,EAAmBH,EAA4BD,GAEtD,OAASO,GAAeJ,EAAS,IACjCK,GAAU,KACJP,~~IAEDD~~,QAAAA,EAAU,~~CAAC~~,~~cAAe~~,~~YAAa~~,~~iBAAkB~~,~~WAAY~~,~~gBAAiB~~,~~iBAAiBS~~,~~SACrGC~~,~~IACCT~~,EAASU,GAAGD,GAAK,KACfH,EAAY,CAAA,EAAG,GACf,~~MAIP~~,CAACN,IAEJW,GAAgB,KACdL,EAAY,CAAA,EAAG,GACd,GACL,CAKM,SAAUM,EAAsBZ,GACpC,MAAOa,EAAMC,GAAWZ,EAA2C,MAC7Da,EAAcC,EAA8B,OAC3CC,EAAUC,GAAehB,GAAkB,GAsDlD,OApDAK,GAAU,uBA8BR,MA7Ba,UAATM,~~GACY~~,~~QAAdM~~,EAAAnB,aAAQ,EAARA,EAAUoB,~~UAAI~~,IAAAD,GAAAA,~~EAAAE~~,UAAUC,OAAO,~~aACjB~~,~~QAAdC~~,EAAAvB,aAAQ,EAARA,EAAUoB,~~UAAI~~,IAAAG,GAAAA,~~EAAAF~~,UAAUC,OAAO,aAC/BP,EAAYS,QAAUC,YACpB,KACEX,EAAQ,KAAK,MAEbd,~~aAAA~~,~~EAAAA~~,EAAUoB,GAAGM,aAAa,oBAAqB,OAE1Cb,EACJI,IAEHjB,SAAAA,EAAU2B,WAAW,GACR,SAATd,GACFb,SAAAA,EAAU4B,UAAU,GACpB5B,SAAAA,EAAU6B,UAAU,KAEpB7B,SAAAA,EAAU6B,UAAU,GACpB7B,SAAAA,EAAU4B,UAAU,~~IAER~~,~~QAAdE~~,EAAA9B,aAAQ,EAARA,EAAUoB,~~UAAI~~,IAAAU,GAAAA,~~EAAAT~~,UAAUU,IAAI,WAChB,QAAZC,EAAAhC,~~aAAA~~,~~EAAAA~~,EAAUoB,UAAE,IAAAY,GAAAA,EAAEX,UAAUU,IAAI,QAAQlB,~~OAGxB~~,~~QAAdoB~~,EAAAjC,aAAQ,EAARA,EAAUoB,~~UAAI~~,IAAAa,GAAAA,~~EAAAZ~~,UAAUC,OAAO,~~WACjB~~,~~QAAdY~~,EAAAlC,aAAQ,EAARA,EAAUoB,~~UAAI~~,IAAAc,GAAAA,~~EAAAb~~,UAAUC,OAAO,~~aACjB~~,~~QAAda~~,EAAAnC,aAAQ,EAARA,EAAUoB,~~UAAI~~,IAAAe,GAAAA,~~EAAAd~~,UAAUC,OAAO,cAG1B,KACDP,EAAYS,SACdY,aAAarB,EAAYS,~~SAE5B~~,GACA,CAACX,IAKJN,GAAU,KAERP,SAAAA,EAAUU,GAAG,cAAc,KACzBI,EAAQ,SACRI,GAAY,EAAK,IAEnBlB,SAAAA,EAAUU,GAAG,YAAY,KACvBI,EAAQ,SACRI,GAAY,EAAM,GAClB,GACD,GAAGlB,IAEC,CAACa,EAAMC,EAChB"}
1	+ {"version":3,"file":"hooks.js","sources":["../../../src/components/carousel/hooks.ts"],"sourcesContent":["import { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { SwiperEvents } from 'swiper/types';\n\n/*\n Hook to obtain and manage CarouselInstance\n * /\nexport function useCarouselInstance(events?: (keyof SwiperEvents)[]) {\n const [carousel, setCarousel] = useState<CarouselInstance \| null>(null);\n useRefreshInstance(carousel, events);\n\n return [carousel, setCarousel] as const;\n}\n\n/\n Hook to obtain CarouselInstance inside the Carousel component\n /\nexport function useCarousel(events?: (keyof SwiperEvents)[]) {\n const carousel = useSwiper();\n useRefreshInstance(carousel, events);\n\n return carousel;\n}\n\n/\n Internal hook that forces re-renders on events like slideChange, so the carousel.realIndex is correct\n * https://github.com/nolimits4web/swiper/issues/5577\n /\nfunction useRefreshInstance(carousel: CarouselInstance, events?: (keyof SwiperEvents)[]) {\n // force re-render\n const [, setRerender] = useState({});\n useEffect(() => {\n if (carousel) {\n // subscribe to carousel events to trigger re-render\n (\n events ?? [\n 'slideChange',\n 'afterInit',\n 'reachBeginning',\n 'reachEnd',\n 'autoplayStart',\n 'autoplayStop',\n 'lock',\n 'unlock',\n ]\n ).forEach((evt: keyof SwiperEvents) => {\n carousel.on(evt, () => {\n setRerender({});\n });\n });\n }\n }, [carousel]);\n // once everything is rendered, make sure to re-render to have proper data (initialization)\n useLayoutEffect(() => {\n setRerender({});\n }, []);\n}\n\n/\n Manage peek effect in the Carousel by adding classes to the Carousel instance\n /\nexport function useCarouselPeekEffect(carousel: CarouselInstance) {\n const [peek, setPeek] = useState<'prev' \| 'next' \| 'reset' \| null>(null);\n const peekTimeout = useRef<NodeJS.Timeout \| null>(null);\n const [disabled, setDisabled] = useState<boolean>(false);\n\n useEffect(() => {\n if (peek === 'reset') {\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n peekTimeout.current = setTimeout(\n () => {\n setPeek(null);\n },\n +(carousel?.el.getAttribute('data-peekspeed') \|\| 150),\n ); // matches transitionDuration in the Carousel\n } else if (peek) {\n if (!disabled) {\n // make sure prev/next slide is visible (loop)\n carousel?.slideReset(0);\n if (peek === 'prev') {\n carousel?.slidePrev(0);\n carousel?.slideNext(0);\n } else {\n carousel?.slideNext(0);\n carousel?.slidePrev(0);\n }\n carousel?.el?.classList.add('peeking');\n carousel?.el?.classList.add(`peek-${peek}`);\n }\n } else {\n carousel?.el?.classList.remove('peeking');\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n }\n\n return () => {\n if (peekTimeout.current) {\n clearTimeout(peekTimeout.current);\n }\n };\n }, [peek]);\n\n /\n Watch carousel instance\n */\n useEffect(() => {\n // once carousel is being dragged, reset and disable peek effect\n carousel?.on('touchStart', () => {\n setPeek('reset');\n setDisabled(true);\n });\n carousel?.on('touchEnd', () => {\n setPeek('reset');\n setDisabled(false);\n });\n }, [!!carousel]);\n\n return [peek, setPeek] as const;\n}\n"],"names":["useCarouselInstance","events","carousel","setCarousel","useState","useRefreshInstance","useCarousel","useSwiper","setRerender","useEffect","forEach","evt","on","useLayoutEffect","useCarouselPeekEffect","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","_a","el","classList","remove","_b","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","_c","add","_d","_e","_f","_g","clearTimeout"],"mappings":"0HAQM,SAAUA,EAAoBC,GAClC,MAAOC,EAAUC,GAAeC,EAAkC,MAGlE,OAFAC,EAAmBH,EAAUD,GAEtB,CAACC,EAAUC,EACpB,CAKM,SAAUG,EAAYL,GAC1B,MAAMC,EAAWK,IAGjB,OAFAF,EAAmBH,EAAUD,GAEtBC,CACT,CAMA,SAASG,EAAmBH,EAA4BD,GAEtD,OAASO,GAAeJ,EAAS,IACjCK,GAAU,KACJP,IAGAD,QAAAA,EAAU,CACR,cACA,YACA,iBACA,WACA,gBACA,eACA,OACA,WAEFS,SAASC,IACTT,EAASU,GAAGD,GAAK,KACfH,EAAY,CAAA,EAAG,GACf,GAEN,GACC,CAACN,IAEJW,GAAgB,KACdL,EAAY,CAAA,EAAG,GACd,GACL,CAKM,SAAUM,EAAsBZ,GACpC,MAAOa,EAAMC,GAAWZ,EAA2C,MAC7Da,EAAcC,EAA8B,OAC3CC,EAAUC,GAAehB,GAAkB,GAsDlD,OApDAK,GAAU,uBA8BR,MA7Ba,UAATM,GACU,QAAZM,EAAAnB,aAAQ,EAARA,EAAUoB,UAAE,IAAAD,GAAAA,EAAEE,UAAUC,OAAO,aACnB,QAAZC,EAAAvB,aAAQ,EAARA,EAAUoB,UAAE,IAAAG,GAAAA,EAAEF,UAAUC,OAAO,aAC/BP,EAAYS,QAAUC,YACpB,KACEX,EAAQ,KAAK,MAEbd,aAAQ,EAARA,EAAUoB,GAAGM,aAAa,oBAAqB,OAE1Cb,EACJI,IAEHjB,SAAAA,EAAU2B,WAAW,GACR,SAATd,GACFb,SAAAA,EAAU4B,UAAU,GACpB5B,SAAAA,EAAU6B,UAAU,KAEpB7B,SAAAA,EAAU6B,UAAU,GACpB7B,SAAAA,EAAU4B,UAAU,IAEV,QAAZE,EAAA9B,aAAQ,EAARA,EAAUoB,UAAE,IAAAU,GAAAA,EAAET,UAAUU,IAAI,WAChB,QAAZC,EAAAhC,aAAQ,EAARA,EAAUoB,UAAE,IAAAY,GAAAA,EAAEX,UAAUU,IAAI,QAAQlB,OAG1B,QAAZoB,EAAAjC,aAAQ,EAARA,EAAUoB,UAAE,IAAAa,GAAAA,EAAEZ,UAAUC,OAAO,WACnB,QAAZY,EAAAlC,aAAQ,EAARA,EAAUoB,UAAE,IAAAc,GAAAA,EAAEb,UAAUC,OAAO,aACnB,QAAZa,EAAAnC,aAAQ,EAARA,EAAUoB,UAAE,IAAAe,GAAAA,EAAEd,UAAUC,OAAO,cAG1B,KACDP,EAAYS,SACdY,aAAarB,EAAYS,QAC3B,CACD,GACA,CAACX,IAKJN,GAAU,KAERP,SAAAA,EAAUU,GAAG,cAAc,KACzBI,EAAQ,SACRI,GAAY,EAAK,IAEnBlB,SAAAA,EAAUU,GAAG,YAAY,KACvBI,EAAQ,SACRI,GAAY,EAAM,GAClB,GACD,GAAGlB,IAEC,CAACa,EAAMC,EAChB"}

package/components/carousel/navigation.d.ts CHANGED Viewed

@@ -45,8 +45,13 @@ export interface CarouselNavigationProps {
      * @default false
      */
     onBackground?: boolean;
+    /**
+     * Hide navigation buttons on case there are not enough slides for sliding
+     * @default false
+     */
+    autoHideNavigation?: boolean;
 }
 /**
  * Left & Right navigation arrows
  */
-export declare function CarouselNavigation({ carousel: carouselProp, peekEffect: propPeekEffect, prevButtonProps, prevIconProps, PrevIconComponent, nextButtonProps, nextIconProps, NextIconComponent, arrows, onBackground, }: CarouselNavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare function CarouselNavigation({ carousel: carouselProp, peekEffect: propPeekEffect, prevButtonProps, prevIconProps, PrevIconComponent, nextButtonProps, nextIconProps, NextIconComponent, arrows, onBackground, autoHideNavigation, }: CarouselNavigationProps): import("react/jsx-runtime").JSX.Element;

package/components/carousel/navigation.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsxs as o,Fragment as e,jsx as s}from"react/jsx-runtime";import{useMemo as t}from"react";import{useCarousel as n,useCarouselPeekEffect as i}from"./hooks.js";import{useTheme as a,useMediaQuery as c,IconButton as l}from"@mui/material";import{ChevronLeftIcon as p}from"../icon/stroke/ChevronLeftIcon.js";import{ChevronRightIcon as d}from"../icon/stroke/ChevronRightIcon.js";import{ArrowLeftIcon as m}from"../icon/stroke/ArrowLeftIcon.js";import{ArrowRightIcon as u}from"../icon/stroke/ArrowRightIcon.js";import{getInteractiveStyle as x}from"../../materialui/button/interactive.js";function b({carousel:b,peekEffect:g=!1,prevButtonProps:f,prevIconProps:j,PrevIconComponent:O,nextButtonProps:k,nextIconProps:v,NextIconComponent:h,arrows:C=!0,onBackground:I=!1}){const P=n(),y=b||P,M="fade"!==(null==y?void 0:y.originalParams.effect)&&g,w=a(),B=c(w.breakpoints.up("md")),E=f||{},{sx:L}=E,z=r(E,["sx"]),N=k||{},{sx:S}=N,A=r(N,["sx"]),[R,q]=i(y),D=O||(C?m:p),F=h||(C?u:d),G=t((()=>Object.assign(Object.assign({position:"absolute",zIndex:"100",top:"50%",mt:"-22px",width:{xs:"32px",md:"40px",xl:"44px"},height:{xs:"32px",md:"40px",xl:"44px"},"& .MuiSvgIcon-root":{fontSize:{xs:"17px",xl:"20px"}}},x({color:"text.primary",borderColor:I?"transparent.transparent":"onSurface.os100",backgroundColor:I?"transparent.transparent":"surface.primary"},{backgroundColor:"surface.secondary"})),{"&.Mui-disabled":{color:"disabled.tertiary",borderColor:I?"transparent.transparent":"disabled.secondary",backgroundColor:I?"transparent.transparent":"disabled.secondary"}})),[]);return o(e,{children:[s(l,Object.assign({disabled:y&&!y.originalParams.loop&&y.isBeginning,onClick:()=>{null==y||y.slidePrev(),M&&R&&q("reset")},onMouseEnter:()=>B&&M&&q("prev"),onMouseLeave:()=>M&&R&&q("reset"),sx:Object.assign(Object.assign(Object.assign({},G),{left:"16px"}),L),"aria-label":"Previous slide","aria-controls":"carousel",color:"surface",size:"medium"},z,{children:"rtl"===w.direction?s(F,Object.assign({},j)):s(D,Object.assign({},j))})),s(l,Object.assign({disabled:y&&!y.originalParams.loop&&y.isEnd,onClick:()=>{null==y||y.slideNext(),M&&R&&q("reset")},onMouseEnter:()=>B&&M&&q("next"),onMouseLeave:()=>M&&R&&q("reset"),sx:Object.assign(Object.assign(Object.assign({},G),{right:"16px"}),S),"aria-label":"Next slide","aria-controls":"carousel",color:"surface"},A,{children:"rtl"===w.direction?s(D,Object.assign({},v)):s(F,Object.assign({},v))}))]})}export{b as CarouselNavigation};
+import{__rest as r}from"tslib";import{jsxs as o,Fragment as e,jsx as n}from"react/jsx-runtime";import{useMemo as s}from"react";import{useCarousel as t,useCarouselPeekEffect as i}from"./hooks.js";import{useTheme as a,useMediaQuery as c,IconButton as l}from"@mui/material";import{ChevronLeftIcon as p}from"../icon/stroke/ChevronLeftIcon.js";import{ChevronRightIcon as d}from"../icon/stroke/ChevronRightIcon.js";import{ArrowLeftIcon as m}from"../icon/stroke/ArrowLeftIcon.js";import{ArrowRightIcon as x}from"../icon/stroke/ArrowRightIcon.js";import{getInteractiveStyle as u}from"../../materialui/button/interactive.js";function b({carousel:b,peekEffect:g=!1,prevButtonProps:f,prevIconProps:j,PrevIconComponent:v,nextButtonProps:k,nextIconProps:O,NextIconComponent:I,arrows:h=!0,onBackground:C=!1,autoHideNavigation:P=!1}){const y=t(),M=b||y,E="fade"!==(null==M?void 0:M.originalParams.effect)&&g,L=a(),w=c(L.breakpoints.up("md")),B=f||{},{sx:N}=B,S=r(B,["sx"]),z=k||{},{sx:A}=z,R=r(z,["sx"]),[H,q]=i(M),D=v||(h?m:p),F=I||(h?x:d),G=s((()=>Object.assign(Object.assign({position:"absolute",zIndex:"100",top:"50%",width:{xs:"32px",md:"40px",xl:"44px"},height:{xs:"32px",md:"40px",xl:"44px"},mt:{xs:"-16px",md:"-20px",xl:"-22px"},"& .MuiSvgIcon-root":{fontSize:{xs:"17px",xl:"20px"}}},u({color:"text.primary",borderColor:C?"transparent.transparent":"onSurface.os100",backgroundColor:C?"transparent.transparent":"surface.primary"},{backgroundColor:"surface.secondary"})),{"&.Mui-disabled":{color:"disabled.tertiary",borderColor:C?"transparent.transparent":"disabled.secondary",backgroundColor:C?"transparent.transparent":"disabled.secondary"}})),[]);return P&&(null==M?void 0:M.isLocked)?null:o(e,{children:[n(l,Object.assign({disabled:M&&!M.originalParams.loop&&M.isBeginning,onClick:()=>{null==M||M.slidePrev(),E&&H&&q("reset")},onMouseEnter:()=>w&&E&&q("prev"),onMouseLeave:()=>E&&H&&q("reset"),sx:Object.assign(Object.assign(Object.assign({},G),{insetInlineStart:"16px"}),N),"aria-label":"Previous slide","aria-controls":"carousel",color:"surface",size:"medium"},S,{children:"rtl"===L.direction?n(F,Object.assign({},j)):n(D,Object.assign({},j))})),n(l,Object.assign({disabled:M&&!M.originalParams.loop&&M.isEnd,onClick:()=>{null==M||M.slideNext(),E&&H&&q("reset")},onMouseEnter:()=>w&&E&&q("next"),onMouseLeave:()=>E&&H&&q("reset"),sx:Object.assign(Object.assign(Object.assign({},G),{insetInlineEnd:"16px"}),A),"aria-label":"Next slide","aria-controls":"carousel",color:"surface"},R,{children:"rtl"===L.direction?n(D,Object.assign({},O)):n(F,Object.assign({},O))}))]})}export{b as CarouselNavigation};
 //# sourceMappingURL=navigation.js.map

package/components/carousel/navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navigation.js","sources":["../../../src/components/carousel/navigation.tsx"],"sourcesContent":["import React, { useMemo, ElementType } from 'react';\nimport { useCarousel, useCarouselPeekEffect } from './hooks';\nimport { useTheme, IconButton, IconButtonProps, SvgIconProps, useMediaQuery } from '@mui/material';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface CarouselNavigationProps {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Enable/disable peek effect on hover\n * @default: false\n /\n peekEffect?: boolean;\n /\n Previous Slide IconButton\n /\n prevButtonProps?: Partial<IconButtonProps>;\n /\n Previous icon props\n /\n prevIconProps?: SvgIconProps;\n /\n Previous icon node\n /\n PrevIconComponent?: ElementType<SvgIconProps>;\n /\n Next Slide IconButton\n /\n nextButtonProps?: Partial<IconButtonProps>;\n /\n Previous icon props\n /\n nextIconProps?: SvgIconProps;\n /\n Next icon node\n /\n NextIconComponent?: ElementType<SvgIconProps>;\n /\n Replaces Chevrons with Arrows\n * @default true\n /\n arrows?: boolean;\n /\n Enable if placing on a plain background (not on top of an image/video)\n * @default false\n /\n onBackground?: boolean;\n}\n\n/\n Left & Right navigation arrows\n */\nexport function CarouselNavigation({\n carousel: carouselProp,\n peekEffect: propPeekEffect = false,\n prevButtonProps,\n prevIconProps,\n PrevIconComponent,\n nextButtonProps,\n nextIconProps,\n NextIconComponent,\n arrows = true,\n onBackground = false,\n}: CarouselNavigationProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n const peekEffect = carousel?.originalParams.effect !== 'fade' && propPeekEffect;\n const theme = useTheme();\n const upMD = useMediaQuery(theme.breakpoints.up('md'));\n const { sx: prevSx, ...restPrev } = prevButtonProps \|\| {};\n const { sx: nextSx, ...restNext } = nextButtonProps \|\| {};\n const [peek, setPeek] = useCarouselPeekEffect(carousel);\n const PrevIcon = PrevIconComponent \|\| (arrows ? ArrowLeftIcon : ChevronLeftIcon);\n const NextIcon = NextIconComponent \|\| (arrows ? ArrowRightIcon : ChevronRightIcon);\n\n // shared style between buttons\n const sharedSx = useMemo(\n () => ({\n // absolute inside the carousel position\n position: 'absolute',\n zIndex: '100',\n top: '50%',\n // ~~manual~~ ~~v-align~~, ~~half~~ ~~the~~ ~~icon size\n mt~~: '~~-22px~~',\n ~~// responsive\n width~~: { xs: '32px', md: '40px', xl: '44px' },\n ~~height~~: { xs: '~~32px~~', md: '~~40px~~', xl: '~~44px~~' },\n '& .MuiSvgIcon-root': {\n fontSize: { xs: '17px', xl: '20px' },\n },\n // highlight border\n ...getInteractiveStyle(\n {\n color: 'text.primary',\n borderColor: onBackground ? 'transparent.transparent' : 'onSurface.os100',\n backgroundColor: onBackground ? 'transparent.transparent' : 'surface.primary',\n },\n {\n backgroundColor: 'surface.secondary',\n },\n ),\n // disabled state\n '&.Mui-disabled': {\n color: 'disabled.tertiary',\n borderColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n backgroundColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n },\n }),\n [],\n );\n\n return (\n <>\n <IconButton\n disabled={carousel && !carousel.originalParams.loop && carousel.isBeginning}\n onClick={() => {\n carousel?.slidePrev();\n peekEffect && peek && setPeek('reset');\n }}\n onMouseEnter={() => upMD && peekEffect && setPeek('prev')}\n onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n sx={{\n ...sharedSx,\n ~~left~~: '16px',\n ...prevSx,\n }}\n aria-label=\"Previous slide\"\n aria-controls=\"carousel\"\n color=\"surface\"\n size=\"medium\"\n {...restPrev}\n >\n {theme.direction === 'rtl' ? <NextIcon {...prevIconProps} /> : <PrevIcon {...prevIconProps} />}\n </IconButton>\n <IconButton\n disabled={carousel && !carousel.originalParams.loop && carousel.isEnd}\n onClick={() => {\n carousel?.slideNext();\n peekEffect && peek && setPeek('reset');\n }}\n onMouseEnter={() => upMD && peekEffect && setPeek('next')}\n onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n sx={{\n ...sharedSx,\n ~~right~~: '16px',\n ...nextSx,\n }}\n aria-label=\"Next slide\"\n aria-controls=\"carousel\"\n color=\"surface\"\n {...restNext}\n >\n {theme.direction === 'rtl' ? <PrevIcon {...nextIconProps} /> : <NextIcon {...nextIconProps} />}\n </IconButton>\n </>\n );\n}\n"],"names":["CarouselNavigation","carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","carouselHook","useCarousel","originalParams","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","PrevIcon","ArrowLeftIcon","ChevronLeftIcon","NextIcon","ArrowRightIcon","ChevronRightIcon","sharedSx","useMemo","Object","assign","position","zIndex","top","~~mt","~~width","xs","md","xl","height","fontSize","getInteractiveStyle","color","borderColor","backgroundColor","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","~~left~~","size","children","direction","isEnd","slideNext","~~right~~"],"mappings":"~~wmBA2DgB~~,~~SAAAA,~~GACdC,SAAUC,EACVC,WAAYC,GAAiB,EAAKC,gBAClCA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,gBACjBA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,OACjBA,GAAS,EAAIC,aACbA,GAAe,~~IAEf~~,MAAMC,EAAeC,~~IACfb~~,EAAWC,~~GAAgBW~~,~~EAC3BV~~,EAAiD,UAApCF,~~aAAA~~,~~EAAAA~~,~~EAAUc~~,eAAeC,~~SAAqBZ~~,~~EAC3Da~~,EAAQC,IACRC,EAAOC,EAAcH,EAAMI,YAAYC,GAAG,OAC1CC,~~EAA8BlB~~,GAAmB,IAA/~~CmB~~,GAAIC,KAAWC,~~EAAjBC~~,EAAAJ,~~EAAA~~,CAAA,OACAK,~~EAA8BpB~~,GAAmB,IAA/~~CgB~~,GAAIK,KAAWC,~~EAAjBH~~,EAAAC,~~EAAA~~,CAAA,QACCG,EAAMC,GAAWC,~~EAAsBhC~~,~~GACxCiC~~,~~EAAW3B~~,IAAsBI,~~EAASwB~~,EAAgBC,GAC1DC,~~EAAW3B~~,IAAsBC,~~EAAS2B~~,EAAiBC,GAG3DC,EAAWC,GACf,IAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAEJC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,~~GAAI,QAEJC,~~MAAO,CAAEC,GAAI,OAAQC,GAAI,OAAQC,GAAI,QACrCC,OAAQ,CAAEH,GAAI,OAAQC,GAAI,OAAQC,GAAI,~~QACtC~~,qBAAsB,~~CACpBE~~,SAAU,~~CAAEJ~~,GAAI,OAAQE,GAAI,~~UAG3BG~~,EACD,CACEC,MAAO,eACPC,~~YAAa5C~~,EAAe,0BAA4B,~~kBACxD6C~~,~~gBAAiB7C~~,EAAe,0BAA4B,mBAE9D,~~CACE6C~~,gBAAiB,uBAEpB,CAED,iBAAkB,CAChBF,MAAO,oBACPC,~~YAAa5C~~,EAAe,0BAA4B,~~qBACxD6C~~,~~gBAAiB7C~~,EAAe,0BAA4B,yBAGhE,~~IAGF~~,~~OACE8C~~,eACEC,EAACC,iBACCC,~~SAAU5D~~,IAAaA,~~EAASc~~,~~eAAe+C~~,~~MAAQ7D~~,~~EAAS8D~~,YAChEC,QAAS,~~KACP/D~~,SAAAA,~~EAAUgE~~,~~YACV9D~~,~~GAAc4B~~,GAAQC,EAAQ,QAAQ,~~EAExCkC~~,aAAc,~~IAAM/C~~,~~GAAQhB~~,~~GAAc6B~~,EAAQ,~~QAClDmC~~,aAAc,~~IAAMhE~~,~~GAAc4B~~,GAAQC,EAAQ,SAClDR,~~GACKkB~~,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,~~GAAAH~~,~~IACH4B~~,~~KAAM~~,~~SACH3C~~,gBAEM,iBAAgB,gBACb,WACd8B,MAAM,~~UACNc~~,KAAK,~~UACD3C~~,~~EAEH~~,~~CAAA4C~~,~~SAAoB~~,~~QAApBrD~~,~~EAAMsD~~,UAAsBZ,~~EAACtB~~,~~mBAAa/B~~,~~IAAoBqD~~,~~EAACzB~~,~~EAAaQ~~,OAAAC,OAAA,CAAA,~~EAAArC~~,OAE/~~EqD~~,EAACC,~~EAAUlB~~,OAAAC,OAAA,~~CACTkB~~,~~SAAU5D~~,IAAaA,~~EAASc~~,~~eAAe+C~~,~~MAAQ7D~~,~~EAASuE~~,MAChER,QAAS,~~KACP/D~~,SAAAA,~~EAAUwE~~,~~YACVtE~~,~~GAAc4B~~,GAAQC,EAAQ,QAAQ,~~EAExCkC~~,aAAc,~~IAAM/C~~,~~GAAQhB~~,~~GAAc6B~~,EAAQ,~~QAClDmC~~,aAAc,~~IAAMhE~~,~~GAAc4B~~,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,~~CAAA~~,~~EACGH,~~GAAQ,~~CACXkC~~,~~MAAO~~,~~SACJ7C~~,~~GAEM~~,~~aAAA~~,~~aACG~~,~~gBAAA~~,WACd0B,MAAM,WACFzB,~~EAEH~~,~~CAAAwC~~,~~SAAoB~~,~~QAApBrD~~,~~EAAMsD~~,UAAsBZ,~~EAACzB~~,EAAQQ,OAAAC,OAAA,CAAA,~~EAAKlC~~,~~IAAoBkD~~,~~EAACtB~~,~~mBAAa5B~~,SAIrF"}
1	+ {"version":3,"file":"navigation.js","sources":["../../../src/components/carousel/navigation.tsx"],"sourcesContent":["import React, { useMemo, ElementType } from 'react';\nimport { useCarousel, useCarouselPeekEffect } from './hooks';\nimport { useTheme, IconButton, IconButtonProps, SvgIconProps, useMediaQuery } from '@mui/material';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface CarouselNavigationProps {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Enable/disable peek effect on hover\n * @default: false\n /\n peekEffect?: boolean;\n /\n Previous Slide IconButton\n /\n prevButtonProps?: Partial<IconButtonProps>;\n /\n Previous icon props\n /\n prevIconProps?: SvgIconProps;\n /\n Previous icon node\n /\n PrevIconComponent?: ElementType<SvgIconProps>;\n /\n Next Slide IconButton\n /\n nextButtonProps?: Partial<IconButtonProps>;\n /\n Previous icon props\n /\n nextIconProps?: SvgIconProps;\n /\n Next icon node\n /\n NextIconComponent?: ElementType<SvgIconProps>;\n /\n Replaces Chevrons with Arrows\n * @default true\n /\n arrows?: boolean;\n /\n Enable if placing on a plain background (not on top of an image/video)\n * @default false\n /\n onBackground?: boolean;\n /\n Hide navigation buttons on case there are not enough slides for sliding\n * @default false\n /\n autoHideNavigation?: boolean;\n}\n\n/\n Left & Right navigation arrows\n */\nexport function CarouselNavigation({\n carousel: carouselProp,\n peekEffect: propPeekEffect = false,\n prevButtonProps,\n prevIconProps,\n PrevIconComponent,\n nextButtonProps,\n nextIconProps,\n NextIconComponent,\n arrows = true,\n onBackground = false,\n autoHideNavigation = false,\n}: CarouselNavigationProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n const peekEffect = carousel?.originalParams.effect !== 'fade' && propPeekEffect;\n const theme = useTheme();\n const upMD = useMediaQuery(theme.breakpoints.up('md'));\n const { sx: prevSx, ...restPrev } = prevButtonProps \|\| {};\n const { sx: nextSx, ...restNext } = nextButtonProps \|\| {};\n const [peek, setPeek] = useCarouselPeekEffect(carousel);\n const PrevIcon = PrevIconComponent \|\| (arrows ? ArrowLeftIcon : ChevronLeftIcon);\n const NextIcon = NextIconComponent \|\| (arrows ? ArrowRightIcon : ChevronRightIcon);\n\n // shared style between buttons\n const sharedSx = useMemo(\n () => ({\n // absolute inside the carousel position\n position: 'absolute',\n zIndex: '100',\n top: '50%',\n // responsive\n width: { xs: '32px', md: '40px', xl: '44px' },\n height: { xs: '32px', md: '40px', xl: '44px' },\n // manual v-align, half the icon size\n mt: { xs: '-16px', md: '-20px', xl: '-22px' },\n '& .MuiSvgIcon-root': {\n fontSize: { xs: '17px', xl: '20px' },\n },\n // highlight border\n ...getInteractiveStyle(\n {\n color: 'text.primary',\n borderColor: onBackground ? 'transparent.transparent' : 'onSurface.os100',\n backgroundColor: onBackground ? 'transparent.transparent' : 'surface.primary',\n },\n {\n backgroundColor: 'surface.secondary',\n },\n ),\n // disabled state\n '&.Mui-disabled': {\n color: 'disabled.tertiary',\n borderColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n backgroundColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n },\n }),\n [],\n );\n\n // hide navigation when not needed\n if (autoHideNavigation && carousel?.isLocked) {\n return null;\n }\n return (\n <>\n <IconButton\n disabled={carousel && !carousel.originalParams.loop && carousel.isBeginning}\n onClick={() => {\n carousel?.slidePrev();\n peekEffect && peek && setPeek('reset');\n }}\n onMouseEnter={() => upMD && peekEffect && setPeek('prev')}\n onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n sx={{\n ...sharedSx,\n insetInlineStart: '16px',\n ...prevSx,\n }}\n aria-label=\"Previous slide\"\n aria-controls=\"carousel\"\n color=\"surface\"\n size=\"medium\"\n {...restPrev}\n >\n {theme.direction === 'rtl' ? <NextIcon {...prevIconProps} /> : <PrevIcon {...prevIconProps} />}\n </IconButton>\n <IconButton\n disabled={carousel && !carousel.originalParams.loop && carousel.isEnd}\n onClick={() => {\n carousel?.slideNext();\n peekEffect && peek && setPeek('reset');\n }}\n onMouseEnter={() => upMD && peekEffect && setPeek('next')}\n onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n sx={{\n ...sharedSx,\n insetInlineEnd: '16px',\n ...nextSx,\n }}\n aria-label=\"Next slide\"\n aria-controls=\"carousel\"\n color=\"surface\"\n {...restNext}\n >\n {theme.direction === 'rtl' ? <PrevIcon {...nextIconProps} /> : <NextIcon {...nextIconProps} />}\n </IconButton>\n </>\n );\n}\n"],"names":["CarouselNavigation","carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","autoHideNavigation","carouselHook","useCarousel","originalParams","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","PrevIcon","ArrowLeftIcon","ChevronLeftIcon","NextIcon","ArrowRightIcon","ChevronRightIcon","sharedSx","useMemo","Object","assign","position","zIndex","top","width","xs","md","xl","height","mt","fontSize","getInteractiveStyle","color","borderColor","backgroundColor","isLocked","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","insetInlineStart","size","children","direction","isEnd","slideNext","insetInlineEnd"],"mappings":"inBAgEgBA,GACdC,SAAUC,EACVC,WAAYC,GAAiB,EAAKC,gBAClCA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,gBACjBA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,OACjBA,GAAS,EAAIC,aACbA,GAAe,EAAKC,mBACpBA,GAAqB,IAErB,MAAMC,EAAeC,IACfd,EAAWC,GAAgBY,EAC3BX,EAAiD,UAApCF,aAAQ,EAARA,EAAUe,eAAeC,SAAqBb,EAC3Dc,EAAQC,IACRC,EAAOC,EAAcH,EAAMI,YAAYC,GAAG,OAC1CC,EAA8BnB,GAAmB,IAA/CoB,GAAIC,KAAWC,EAAQC,EAAAJ,EAAzB,CAAA,OACAK,EAA8BrB,GAAmB,IAA/CiB,GAAIK,KAAWC,EAAQH,EAAAC,EAAzB,CAAA,QACCG,EAAMC,GAAWC,EAAsBjC,GACxCkC,EAAW5B,IAAsBI,EAASyB,EAAgBC,GAC1DC,EAAW5B,IAAsBC,EAAS4B,EAAiBC,GAG3DC,EAAWC,GACf,IAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAEJC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,MAAO,CAAEC,GAAI,OAAQC,GAAI,OAAQC,GAAI,QACrCC,OAAQ,CAAEH,GAAI,OAAQC,GAAI,OAAQC,GAAI,QAEtCE,GAAI,CAAEJ,GAAI,QAASC,GAAI,QAASC,GAAI,SACpC,qBAAsB,CACpBG,SAAU,CAAEL,GAAI,OAAQE,GAAI,UAG3BI,EACD,CACEC,MAAO,eACPC,YAAa7C,EAAe,0BAA4B,kBACxD8C,gBAAiB9C,EAAe,0BAA4B,mBAE9D,CACE8C,gBAAiB,uBAEpB,CAED,iBAAkB,CAChBF,MAAO,oBACPC,YAAa7C,EAAe,0BAA4B,qBACxD8C,gBAAiB9C,EAAe,0BAA4B,yBAGhE,IAIF,OAAIC,IAAsBZ,aAAQ,EAARA,EAAU0D,UAC3B,KAGPC,eACEC,EAACC,iBACCC,SAAU9D,IAAaA,EAASe,eAAegD,MAAQ/D,EAASgE,YAChEC,QAAS,KACPjE,SAAAA,EAAUkE,YACVhE,GAAc6B,GAAQC,EAAQ,QAAQ,EAExCmC,aAAc,IAAMhD,GAAQjB,GAAc8B,EAAQ,QAClDoC,aAAc,IAAMlE,GAAc6B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACGH,IACH6B,iBAAkB,SACf5C,gBAEM,iBAAgB,gBACb,WACd8B,MAAM,UACNe,KAAK,UACD5C,EAAQ,CAAA6C,SAES,QAApBtD,EAAMuD,UAAsBZ,EAACvB,mBAAahC,IAAoBuD,EAAC1B,EAAQQ,OAAAC,OAAA,CAAA,EAAKtC,OAE/EuD,EAACC,EAAUnB,OAAAC,OAAA,CACTmB,SAAU9D,IAAaA,EAASe,eAAegD,MAAQ/D,EAASyE,MAChER,QAAS,KACPjE,SAAAA,EAAU0E,YACVxE,GAAc6B,GAAQC,EAAQ,QAAQ,EAExCmC,aAAc,IAAMhD,GAAQjB,GAAc8B,EAAQ,QAClDoC,aAAc,IAAMlE,GAAc6B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACGH,GAAQ,CACXmC,eAAgB,SACb9C,GAAM,aAEA,aAAY,gBACT,WACd0B,MAAM,WACFzB,EAAQ,CAAAyC,SAES,QAApBtD,EAAMuD,UAAsBZ,EAAC1B,EAAQQ,OAAAC,OAAA,CAAA,EAAKnC,IAAoBoD,EAACvB,mBAAa7B,SAIrF"}