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

@skodaflow/web-library 7.14.0 → 7.15.1

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

Files changed (2582) hide show

package/cjs/components/upload/UploadField.js CHANGED Viewed

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

package/cjs/components/upload/UploadField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UploadField.js","sources":["../../../../../src/components/upload/UploadField.tsx"],"sourcesContent":["import { IconButton, Typography } from '@mui/material';\nimport { FC, ReactNode } from 'react';\nimport { Icon, IconNameProp } from '../icon';\nimport { Upload } from './upload';\n\n/*\n @deprecated - use Upload Component instead\n * @see Upload\n /\nexport type UploadFieldProps = {\n /\n Glob string that specifies which file types are accepted by upload\n * @default \n @example\n * // all images\n * <UploadField accept=\"image/\"/>\n // only PDF files\n * <UploadField accept=\"application/pdf\"/>\n /\n accept?: string;\n /\n Number of maximum files that can be uploaded. Excess files will be truncated before upload starts.\n * @default 1\n /\n maxFiles?: number;\n /\n Handler that is called when user provide files.\n * @param files\n * @returns void\n * @requires\n /\n onFileDrop: (files: Array<File>) => void;\n /\n Icon name of the upload button.\n * @default undefined\n /\n uploadIcon?: IconNameProp;\n /\n Label of the upload button.\n * @default Upload\n /\n uploadLabel?: ReactNode;\n};\n\n/\n @deprecated - use Upload Component instead\n * @see Upload\n * @param uploadIcon\n * @param maxFiles\n * @param uploadLabel\n * @param accept\n * @param onFileDrop\n * @constructor\n /\nexport const UploadField: FC<UploadFieldProps> = ({\n uploadIcon = 'plus',\n maxFiles = 1,\n uploadLabel = 'Upload',\n accept = '',\n onFileDrop,\n}) => {\n return (\n <Upload\n sx={{ alignItems: 'center', width: '100%', height: '100%', gap: '8px' }}\n maxFiles={maxFiles}\n inputProps={{ accept }}\n onFileChange={onFileDrop}\n >\n <IconButton aria-label=\"Upload file\">\n <Icon name={uploadIcon} />\n </IconButton>\n {typeof uploadLabel === 'string' ? <Typography>{uploadLabel}</Typography> : uploadLabel}\n </Upload>\n );\n};\n"],"names":["uploadIcon","maxFiles","uploadLabel","accept","onFileDrop","_jsxs","~~jsxs","~~Upload","sx","alignItems","width","height","gap","inputProps","onFileChange","children","_jsx","~~jsx","~~IconButton","Icon","name","Typography"],"mappings":"~~gMAsDiD~~,EAC/CA,aAAa,OACbC,WAAW,EACXC,cAAc,SACdC,SAAS,IACTC,gBAGEC,~~EAAAC~~,KAACC,SAAM,CACLC,GAAI,CAAEC,WAAY,SAAUC,MAAO,OAAQC,OAAQ,OAAQC,IAAK,~~OAChEX~~,SAAUA,~~EACVY~~,WAAY,~~CAAEV~~,~~UACdW~~,~~aAAcV~~,~~EAEdW~~,SAAA,~~CAAAC~~,~~EAAAC~~,IAACC,aAAU,CAAA,aAAY,~~cACrBH~~,~~SAAAC~~,~~EAAAC~~,IAACE,OAAI,CAACC,~~KAAMpB~~,MAEU,iBAAhBE,~~EAA2Bc~~,EAAAA,~~IAACK~~,~~EAAUA~~,~~WAAA~~,~~CAAAN~~,~~SAAEb~~,IAA4BA"}
1	+ {"version":3,"file":"UploadField.js","sources":["../../../../../src/components/upload/UploadField.tsx"],"sourcesContent":["import { IconButton, Typography } from '@mui/material';\nimport { FC, ReactNode } from 'react';\nimport { Icon, IconNameProp } from '../icon';\nimport { Upload } from './upload';\n\n/*\n @deprecated - use Upload Component instead\n * @see Upload\n /\nexport type UploadFieldProps = {\n /\n Glob string that specifies which file types are accepted by upload\n * @default \n @example\n * // all images\n * <UploadField accept=\"image/\"/>\n // only PDF files\n * <UploadField accept=\"application/pdf\"/>\n /\n accept?: string;\n /\n Number of maximum files that can be uploaded. Excess files will be truncated before upload starts.\n * @default 1\n /\n maxFiles?: number;\n /\n Handler that is called when user provide files.\n * @param files\n * @returns void\n * @requires\n /\n onFileDrop: (files: Array<File>) => void;\n /\n Icon name of the upload button.\n * @default undefined\n /\n uploadIcon?: IconNameProp;\n /\n Label of the upload button.\n * @default Upload\n /\n uploadLabel?: ReactNode;\n};\n\n/\n @deprecated - use Upload Component instead\n * @see Upload\n * @param uploadIcon\n * @param maxFiles\n * @param uploadLabel\n * @param accept\n * @param onFileDrop\n * @constructor\n /\nexport const UploadField: FC<UploadFieldProps> = ({\n uploadIcon = 'plus',\n maxFiles = 1,\n uploadLabel = 'Upload',\n accept = '',\n onFileDrop,\n}) => {\n return (\n <Upload\n sx={{ alignItems: 'center', width: '100%', height: '100%', gap: '8px' }}\n maxFiles={maxFiles}\n inputProps={{ accept }}\n onFileChange={onFileDrop}\n >\n <IconButton aria-label=\"Upload file\">\n <Icon name={uploadIcon} />\n </IconButton>\n {typeof uploadLabel === 'string' ? <Typography>{uploadLabel}</Typography> : uploadLabel}\n </Upload>\n );\n};\n"],"names":["uploadIcon","maxFiles","uploadLabel","accept","onFileDrop","_jsxs","Upload","sx","alignItems","width","height","gap","inputProps","onFileChange","children","_jsx","IconButton","Icon","name","Typography"],"mappings":"++hCAsDiD,EAC/CA,aAAa,OACbC,WAAW,EACXC,cAAc,SACdC,SAAS,IACTC,gBAGEC,EAAAA,KAACC,SAAM,CACLC,GAAI,CAAEC,WAAY,SAAUC,MAAO,OAAQC,OAAQ,OAAQC,IAAK,OAChEV,SAAUA,EACVW,WAAY,CAAET,UACdU,aAAcT,EAAUU,SAAA,CAExBC,EAAAA,IAACC,aAAU,CAAA,aAAY,cAAaF,SAClCC,EAAAA,IAACE,OAAI,CAACC,KAAMlB,MAEU,iBAAhBE,EAA2Ba,EAAAA,IAACI,EAAAA,WAAU,CAAAL,SAAEZ,IAA4BA"}

package/cjs/components/upload/UploadPreviewList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UploadPreviewList.js","sources":["../../../../../src/components/upload/UploadPreviewList.tsx"],"sourcesContent":["import { formatFileSize } from '@/src/utils/formatFileSize/formatFileSize';\nimport { Box, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from '@mui/material';\nimport { FC, ReactNode } from 'react';\nimport { FileIcon } from '../icon/stroke';\nimport { UploadBox } from './UploadBox';\n\n/*\n @deprecated - Use UploadList instead\n * @see UploadList\n /\nexport type UploadPreviewListProps = {\n /\n Array of files that should be previewed.\n * @requires\n /\n files: Array<File>;\n /\n Function that renders actions for each file.\n * @param file\n * @returns ReactNode\n * @default undefined\n * @example\n * import {IconButton} from '@mui/material';\n * import {Icon} from '@skodaflow/web-library';\n * ...\n * <UploadPreviewList ...\n * actions={\n * (file) =>\n * <IconButton aria-label=\"...\" onClick={...}>\n * <TraschanIcon />\n * </IconButton>\n * }\n * />\n /\n actions?: (file: File) => ReactNode;\n};\n\n/\n @deprecated - Use UploadList instead\n * @see UploadList\n \n @param files\n * @param actions\n * @constructor\n */\nexport const UploadPreviewList: FC<UploadPreviewListProps> = ({ files, actions }) => {\n return (\n <UploadBox color=\"white\">\n <Box sx={{ width: '100%', height: '100%', padding: '0 16px', overflow: 'auto' }}>\n <List>\n {files.map((file, index) => (\n <>\n <ListItem key={file.name} secondaryAction={actions?.(file)} disableGutters>\n <ListItemIcon sx={{ fontSize: '30px' }}>\n <FileIcon fontSize=\"inherit\" name=\"file\" />\n </ListItemIcon>\n <ListItemText\n primary={\n <Typography\n sx={{\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n paddingRight: '15px',\n }}\n >\n {file.name}\n </Typography>\n }\n secondary={<Typography color=\"disabled.tertiary\">{formatFileSize(file.size)}</Typography>}\n />\n </ListItem>\n {index < files.length - 1 && <Divider />}\n </>\n ))}\n </List>\n </Box>\n </UploadBox>\n );\n};\n"],"names":["files","actions","_jsx","UploadBox","color","Box","sx","width","height","padding","overflow","children","~~jsx","~~List","map","file","index","_jsxs","_Fragment","~~Fragment","jsxs","~~ListItem","secondaryAction","disableGutters","ListItemIcon","fontSize","FileIcon","name","ListItemText","primary","Typography","whiteSpace","textOverflow","paddingRight","secondary","formatFileSize","size","length","Divider"],"mappings":"qhfA6C6D,EAAGA,QAAOC,aAEnEC,EAAAA,IAACC,EAAAA,UAAS,CAACC,MAAM,iBACfF,MAACG,EAAAA,KAAIC,GAAI,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,QAAS,SAAUC,SAAU,~~QACrEC~~,~~SAAAT~~,~~EAAAU~~,~~IAACC~~,~~EAAIA~~,~~KACF~~,~~CAAAF~~,~~SAAAX~~,~~EAAMc~~,KAAI,CAACC,EAAMC,IAChBC,EAAAA,~~KACEC~~,~~EAAAC~~,SAAA,~~CAAAR~~,SAAA,~~CAAAM~~,~~EAAAG~~,~~KAACC~~,~~WAAyB~~,~~CAAAC~~,~~gBAAiBrB~~,~~aAAA~~,~~EAAAA~~,~~EAAUc~~,~~GAAOQ~~,gBAAc,~~EAAAZ~~,SAAA,CACxET,~~MAACsB~~,~~EAAYA~~,~~aAAA~~,~~CAAClB~~,GAAI,~~CAAEmB~~,SAAU,~~iBAC5BvB~~,~~EAACU~~,~~IAAAc~~,YAASD,SAAS,UAAUE,KAAK,~~WAEpCzB~~,EAAAA,~~IAAC0B~~,EAAAA,~~aACC~~,~~CAAAC~~,~~QACE3B~~,EAAAA,~~IAAC4B~~,EAAAA,~~WACC~~,~~CAAAxB~~,GAAI,~~CACFyB~~,WAAY,~~SACZrB~~,SAAU,~~SACVsB~~,aAAc,WACdC,aAAc,~~QAGftB~~,~~SAAAI~~,~~EAAKY~~,OAGVO,~~UAAWhC~~,EAAAA,~~IAAC4B~~,~~EAAUA~~,~~WAAA~~,~~CAAC1B~~,MAAM,~~6BAAqB+B~~,EAAAA,~~eAAepB~~,~~EAAKqB~~,~~YAjB3DrB~~,~~EAAKY~~,~~MAoBnBX~~,~~EAAQhB~~,~~EAAMqC~~,OAAS,~~GAAKnC~~,EAAAA,~~IAACoC~~,EAAAA"}
1	+ {"version":3,"file":"UploadPreviewList.js","sources":["../../../../../src/components/upload/UploadPreviewList.tsx"],"sourcesContent":["import { formatFileSize } from '@/src/utils/formatFileSize/formatFileSize';\nimport { Box, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from '@mui/material';\nimport { FC, ReactNode } from 'react';\nimport { FileIcon } from '../icon/stroke';\nimport { UploadBox } from './UploadBox';\n\n/*\n @deprecated - Use UploadList instead\n * @see UploadList\n /\nexport type UploadPreviewListProps = {\n /\n Array of files that should be previewed.\n * @requires\n /\n files: Array<File>;\n /\n Function that renders actions for each file.\n * @param file\n * @returns ReactNode\n * @default undefined\n * @example\n * import {IconButton} from '@mui/material';\n * import {Icon} from '@skodaflow/web-library';\n * ...\n * <UploadPreviewList ...\n * actions={\n * (file) =>\n * <IconButton aria-label=\"...\" onClick={...}>\n * <TraschanIcon />\n * </IconButton>\n * }\n * />\n /\n actions?: (file: File) => ReactNode;\n};\n\n/\n @deprecated - Use UploadList instead\n * @see UploadList\n \n @param files\n * @param actions\n * @constructor\n */\nexport const UploadPreviewList: FC<UploadPreviewListProps> = ({ files, actions }) => {\n return (\n <UploadBox color=\"white\">\n <Box sx={{ width: '100%', height: '100%', padding: '0 16px', overflow: 'auto' }}>\n <List>\n {files.map((file, index) => (\n <>\n <ListItem key={file.name} secondaryAction={actions?.(file)} disableGutters>\n <ListItemIcon sx={{ fontSize: '30px' }}>\n <FileIcon fontSize=\"inherit\" name=\"file\" />\n </ListItemIcon>\n <ListItemText\n primary={\n <Typography\n sx={{\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n paddingRight: '15px',\n }}\n >\n {file.name}\n </Typography>\n }\n secondary={<Typography color=\"disabled.tertiary\">{formatFileSize(file.size)}</Typography>}\n />\n </ListItem>\n {index < files.length - 1 && <Divider />}\n </>\n ))}\n </List>\n </Box>\n </UploadBox>\n );\n};\n"],"names":["files","actions","_jsx","UploadBox","color","Box","sx","width","height","padding","overflow","children","List","map","file","index","_jsxs","_Fragment","ListItem","secondaryAction","disableGutters","ListItemIcon","fontSize","FileIcon","name","ListItemText","primary","Typography","whiteSpace","textOverflow","paddingRight","secondary","formatFileSize","size","length","Divider"],"mappings":"qhfA6C6D,EAAGA,QAAOC,aAEnEC,EAAAA,IAACC,EAAAA,UAAS,CAACC,MAAM,iBACfF,MAACG,EAAAA,KAAIC,GAAI,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,QAAS,SAAUC,SAAU,QAAQC,SAC7ET,EAAAA,IAACU,EAAAA,KAAI,CAAAD,SACFX,EAAMa,KAAI,CAACC,EAAMC,IAChBC,EAAAA,KAAAC,EAAAA,SAAA,CAAAN,SAAA,CACEK,EAAAA,KAACE,WAAQ,CAAiBC,gBAAiBlB,aAAO,EAAPA,EAAUa,GAAOM,gBAAc,EAAAT,SAAA,CACxET,EAAAA,IAACmB,EAAAA,aAAY,CAACf,GAAI,CAAEgB,SAAU,iBAC5BpB,EAAAA,IAACqB,YAASD,SAAS,UAAUE,KAAK,WAEpCtB,EAAAA,IAACuB,EAAAA,aAAY,CACXC,QACExB,EAAAA,IAACyB,EAAAA,WAAU,CACTrB,GAAI,CACFsB,WAAY,SACZlB,SAAU,SACVmB,aAAc,WACdC,aAAc,QACfnB,SAEAG,EAAKU,OAGVO,UAAW7B,EAAAA,IAACyB,EAAAA,WAAU,CAACvB,MAAM,6BAAqB4B,EAAAA,eAAelB,EAAKmB,YAjB3DnB,EAAKU,MAoBnBT,EAAQf,EAAMkC,OAAS,GAAKhC,EAAAA,IAACiC,EAAAA"}

package/cjs/components/upload/UploadProgress.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UploadProgress.js","sources":["../../../../../src/components/upload/UploadProgress.tsx"],"sourcesContent":["import { Progress } from '@/src/components/progress';\nimport { Box } from '@mui/material';\nimport { FC } from 'react';\nimport { UploadBox } from './UploadBox';\n\n/*\n @deprecated New Upload component implementation\n * @see Upload\n /\nexport type UploadProgressProps = {\n /\n Uploading label that is shown to user.\n * @default Uploading\n /\n uploadingLabel?: string;\n /\n Upload state percentage.\n * @default undefined\n /\n uploadState?: number;\n};\n\n/\n @deprecated New Upload component implementation\n * @see Uplaod\n \n @param uploadState\n * @param uploadingLabel\n * @constructor\n /\nexport const UploadProgress: FC<UploadProgressProps> = ({ uploadState, uploadingLabel = 'Uploading' }) => {\n return (\n <UploadBox color=\"secondary\">\n <Box\n sx={{\n width: '100%',\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '16px',\n gap: '8px',\n cursor: 'progress',\n '& > ': {\n width: 'auto',\n justifyContent: 'center',\n },\n }}\n >\n <Progress\n variant=\"spinner\"\n loadingPercentage={uploadState}\n spinnerControlledAnimation={uploadState ? 'controlled' : 'infinite'}\n loadingPercentageDescribeText={uploadingLabel}\n />\n </Box>\n </UploadBox>\n );\n};\n"],"names":["uploadState","uploadingLabel","_jsx","~~jsx","~~UploadBox","color","children","Box","sx","width","height","display","alignItems","justifyContent","padding","gap","cursor","Progress","variant","loadingPercentage","spinnerControlledAnimation","loadingPercentageDescribeText"],"mappings":"mKA8BuD,EAAGA,cAAaC,iBAAiB,eAEpFC,~~EAAAC~~,IAACC,YAAS,CAACC,MAAM,YAAWC,~~SAC1BJ~~,~~EAACC~~,~~IAAAI~~,~~MACC~~,~~CAAAC~~,GAAI,CACFC,MAAO,OACPC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,OACTC,IAAK,MACLC,OAAQ,WACR,QAAS,CACPP,MAAO,OACPI,eAAgB,WAEnBP,~~SAEDJ~~,EAAAA,~~IAACe~~,~~EAAQA~~,~~SACP~~,~~CAAAC~~,QAAQ,UACRC,~~kBAAmBnB~~,~~EACnBoB~~,~~2BAA4BpB~~,EAAc,aAAe,~~WACzDqB~~,8BAA+~~BpB~~"}
1	+ {"version":3,"file":"UploadProgress.js","sources":["../../../../../src/components/upload/UploadProgress.tsx"],"sourcesContent":["import { Progress } from '@/src/components/progress';\nimport { Box } from '@mui/material';\nimport { FC } from 'react';\nimport { UploadBox } from './UploadBox';\n\n/*\n @deprecated New Upload component implementation\n * @see Upload\n /\nexport type UploadProgressProps = {\n /\n Uploading label that is shown to user.\n * @default Uploading\n /\n uploadingLabel?: string;\n /\n Upload state percentage.\n * @default undefined\n /\n uploadState?: number;\n};\n\n/\n @deprecated New Upload component implementation\n * @see Uplaod\n \n @param uploadState\n * @param uploadingLabel\n * @constructor\n /\nexport const UploadProgress: FC<UploadProgressProps> = ({ uploadState, uploadingLabel = 'Uploading' }) => {\n return (\n <UploadBox color=\"secondary\">\n <Box\n sx={{\n width: '100%',\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '16px',\n gap: '8px',\n cursor: 'progress',\n '& > ': {\n width: 'auto',\n justifyContent: 'center',\n },\n }}\n >\n <Progress\n variant=\"spinner\"\n loadingPercentage={uploadState}\n spinnerControlledAnimation={uploadState ? 'controlled' : 'infinite'}\n loadingPercentageDescribeText={uploadingLabel}\n />\n </Box>\n </UploadBox>\n );\n};\n"],"names":["uploadState","uploadingLabel","_jsx","UploadBox","color","children","Box","sx","width","height","display","alignItems","justifyContent","padding","gap","cursor","Progress","variant","loadingPercentage","spinnerControlledAnimation","loadingPercentageDescribeText"],"mappings":"mKA8BuD,EAAGA,cAAaC,iBAAiB,eAEpFC,EAAAA,IAACC,YAAS,CAACC,MAAM,YAAWC,SAC1BH,EAAAA,IAACI,MAAG,CACFC,GAAI,CACFC,MAAO,OACPC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,OACTC,IAAK,MACLC,OAAQ,WACR,QAAS,CACPP,MAAO,OACPI,eAAgB,WAEnBP,SAEDH,EAAAA,IAACc,EAAAA,SAAQ,CACPC,QAAQ,UACRC,kBAAmBlB,EACnBmB,2BAA4BnB,EAAc,aAAe,WACzDoB,8BAA+BnB"}

package/cjs/components/upload/components/uploadPreview/uploadPreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"uploadPreview.js","sources":["../../../../../../../src/components/upload/components/uploadPreview/uploadPreview.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { Box, IconButton, IconButtonProps, Stack, SvgIconProps } from '@mui/material';\nimport { FC, ReactNode, useState } from 'react';\nimport { UploadWrapper, UploadWrapperProps } from '../uploadWrapper';\n\nexport interface UploadPreviewProps extends UploadWrapperProps {\n /*\n Previews the item.\n /\n children: ReactNode;\n\n /\n Properties that will be passed to the IconButton\n /\n iconButtonProps?: IconButtonProps;\n\n /\n Properties that will be passed to the Icon\n /\n iconProps?: SvgIconProps;\n\n /\n Custom Icon component that will be rendered in default action in IconButton\n /\n customIcon?: ReactNode;\n\n /\n @deprecated - old property - used for backward compatibility\n \n Actions that are displayed whe user hovers over preview\n * @default undefined\n * @example\n * import {IconButton} from '@mui/material';\n * import {Icon} from '@skodaflow/web-library';\n * ...\n * <UploadPreview ... actions={\n * <IconButton aria-label=\"...\" onClick={...}>\n * <TrashcanIcon />\n * </IconButton\n * }/>\n /\n actions?: ReactNode;\n\n /\n @deprecated - old property - used for backward compatibility\n \n Preview url. This property is passed to img element.\n /\n image?: string;\n}\n\n/\n Previews single uploaded item and adds an IconButton on top of it on hover.\n \n @see Upload\n /\nexport const UploadPreview: FC<UploadPreviewProps> = ({\n actions,\n children,\n iconButtonProps,\n iconProps,\n customIcon,\n image,\n ...props\n}) => {\n const { sx, ...restProps } = props \|\| {};\n const { sx: iconButtonSx, ...restIconButtonProps } = iconButtonProps \|\| {};\n\n /\n @deprecated\n */\n const [hover, setHover] = useState(false);\n\n return (\n <UploadWrapper\n sx={{\n borderStyle: actions ? 'dashed' : 'solid',\n borderColor: actions ? 'onSurface.os200' : 'onSurface.os500',\n borderRadius: '4px',\n cursor: 'default',\n width: actions ? '100%' : '100px',\n height: actions ? '100%' : '100px',\n padding: actions ? '5px' : 0,\n ...sx,\n }}\n onMouseOver={() => setHover(true)}\n onMouseOut={() => setHover(false)}\n {...restProps}\n >\n {actions ? (\n <Box\n sx={{\n display: hover ? 'block' : 'none',\n position: 'absolute',\n left: '5px',\n right: '5px',\n top: '5px',\n bottom: '5px',\n background: '#3232324f',\n color: 'white',\n borderRadius: '4px',\n }}\n >\n <Stack\n direction=\"row\"\n spacing={1}\n sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100%' }}\n >\n {actions}\n </Stack>\n </Box>\n ) : (\n <IconButton\n sx={{\n position: 'absolute',\n right: '4px',\n top: '4px',\n zIndex: '1',\n width: '24px',\n height: '24px',\n '& > svg': {\n fontSize: '17px',\n },\n ...iconButtonSx,\n }}\n variant=\"filled\"\n color=\"surface\"\n {...restIconButtonProps}\n >\n {customIcon \|\| <CloseIcon {...iconProps} />}\n </IconButton>\n )}\n\n {image ? (\n <Box\n component=\"img\"\n src={image}\n sx={{ display: 'block', width: '100%', height: '100%', objectFit: 'cover', borderRadius: '4px' }}\n />\n ) : (\n children\n )}\n </UploadWrapper>\n );\n};\n"],"names":["_a","actions","children","iconButtonProps","iconProps","customIcon","image","_b","__rest","sx","restProps","_c","iconButtonSx","restIconButtonProps","hover","setHover","useState","_jsxs","UploadWrapper","Object","assign","borderStyle","borderColor","borderRadius","cursor","width","height","padding","onMouseOver","onMouseOut","_jsx","Box","display","position","left","right","top","bottom","background","color","Stack","direction","spacing","justifyContent","alignItems","IconButton","zIndex","fontSize","variant","CloseIcon","component","src","objectFit"],"mappings":"qOAwDsDA,IAAA,IAAAC,QACpDA,EAAOC,SACPA,EAAQC,gBACRA,EAAeC,UACfA,EAASC,WACTA,EAAUC,MACVA,~~GAEDN~~,~~EACC~~,MAAMO,EAFEC,EAAAA,OAAAR,EAP4C,4EASd,~~CAAE~~,~~GAAlCS~~,GAAEA,GAAEF,EAAKG,~~EAATF~~,EAAAA,OAAAD,~~EAAA~~,CAAA,OACAI,EAA+CR,GAAmB,IAAhEM,GAAIG,KAAiBC,~~EAAvBL~~,EAAAA,OAAAG,~~EAAA~~,CAAA,QAKCG,EAAOC,GAAYC,EAAAA,UAAS,GAEnC,OACEC,OAACC,EAAAA,cAAaC,OAAAC,OAAA,CACZX,~~GACEU~~,OAAAC,OAAA,~~CAAAC~~,YAAapB,EAAU,SAAW,QAClCqB,YAAarB,EAAU,kBAAoB,kBAC3CsB,aAAc,MACdC,OAAQ,UACRC,MAAOxB,EAAU,OAAS,QAC1ByB,OAAQzB,EAAU,OAAS,QAC3B0B,QAAS1B,EAAU,MAAQ,GACxBQ,GAELmB,YAAa,IAAMb,GAAS,GAC5Bc,WAAY,IAAMd,GAAS,IACvBL,EAAS,CAAAR,SAAA,CAEZD,EACC6B,EAAAA,IAACC,~~EAAGA~~,~~IACF~~,~~CAAAtB~~,GAAI,CACFuB,QAASlB,EAAQ,QAAU,OAC3BmB,SAAU,WACVC,KAAM,MACNC,MAAO,MACPC,IAAK,MACLC,OAAQ,MACRC,WAAY,YACZC,MAAO,QACPhB,aAAc,OACfrB,SAED4B,MAACU,EAAAA,~~MACC~~,~~CAAAC~~,UAAU,MACVC,QAAS,EACTjC,GAAI,CAAEuB,QAAS,OAAQW,eAAgB,SAAUC,WAAY,SAAUlB,OAAQ,QAAQxB,SAEtFD,MAIL6B,MAACe,EAAAA,~~WACC1B~~,OAAAC,OAAA,~~CAAAX~~,~~GACEU~~,OAAAC,OAAA,~~CAAAa~~,SAAU,WACVE,MAAO,MACPC,IAAK,MACLU,OAAQ,IACRrB,MAAO,OACPC,OAAQ,OACR,UAAW,CACTqB,SAAU,SAETnC,GAELoC,QAAQ,SACRT,MAAM,WACF1B,~~EAEH~~,CAAAX,~~SAAAG~~,GAAcyB,EAAAA,IAACmB,~~EAASA~~,~~UAAK9B~~,OAAAC,OAAA,CAAA,~~EAAAhB~~,OAIjCE,EACCwB,EAAAA,IAACC,EAAAA,IAAG,CACFmB,UAAU,MACVC,IAAK7C,EACLG,GAAI,CAAEuB,QAAS,QAASP,MAAO,OAAQC,OAAQ,OAAQ0B,UAAW,QAAS7B,aAAc,~~SAG3F~~,~~KAEY~~"}
1	+ {"version":3,"file":"uploadPreview.js","sources":["../../../../../../../src/components/upload/components/uploadPreview/uploadPreview.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { Box, IconButton, IconButtonProps, Stack, SvgIconProps } from '@mui/material';\nimport { FC, ReactNode, useState } from 'react';\nimport { UploadWrapper, UploadWrapperProps } from '../uploadWrapper';\n\nexport interface UploadPreviewProps extends UploadWrapperProps {\n /*\n Previews the item.\n /\n children: ReactNode;\n\n /\n Properties that will be passed to the IconButton\n /\n iconButtonProps?: IconButtonProps;\n\n /\n Properties that will be passed to the Icon\n /\n iconProps?: SvgIconProps;\n\n /\n Custom Icon component that will be rendered in default action in IconButton\n /\n customIcon?: ReactNode;\n\n /\n @deprecated - old property - used for backward compatibility\n \n Actions that are displayed whe user hovers over preview\n * @default undefined\n * @example\n * import {IconButton} from '@mui/material';\n * import {Icon} from '@skodaflow/web-library';\n * ...\n * <UploadPreview ... actions={\n * <IconButton aria-label=\"...\" onClick={...}>\n * <TrashcanIcon />\n * </IconButton\n * }/>\n /\n actions?: ReactNode;\n\n /\n @deprecated - old property - used for backward compatibility\n \n Preview url. This property is passed to img element.\n /\n image?: string;\n}\n\n/\n Previews single uploaded item and adds an IconButton on top of it on hover.\n \n @see Upload\n /\nexport const UploadPreview: FC<UploadPreviewProps> = ({\n actions,\n children,\n iconButtonProps,\n iconProps,\n customIcon,\n image,\n ...props\n}) => {\n const { sx, ...restProps } = props \|\| {};\n const { sx: iconButtonSx, ...restIconButtonProps } = iconButtonProps \|\| {};\n\n /\n @deprecated\n */\n const [hover, setHover] = useState(false);\n\n return (\n <UploadWrapper\n sx={{\n borderStyle: actions ? 'dashed' : 'solid',\n borderColor: actions ? 'onSurface.os200' : 'onSurface.os500',\n borderRadius: '4px',\n cursor: 'default',\n width: actions ? '100%' : '100px',\n height: actions ? '100%' : '100px',\n padding: actions ? '5px' : 0,\n ...sx,\n }}\n onMouseOver={() => setHover(true)}\n onMouseOut={() => setHover(false)}\n {...restProps}\n >\n {actions ? (\n <Box\n sx={{\n display: hover ? 'block' : 'none',\n position: 'absolute',\n left: '5px',\n right: '5px',\n top: '5px',\n bottom: '5px',\n background: '#3232324f',\n color: 'white',\n borderRadius: '4px',\n }}\n >\n <Stack\n direction=\"row\"\n spacing={1}\n sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100%' }}\n >\n {actions}\n </Stack>\n </Box>\n ) : (\n <IconButton\n sx={{\n position: 'absolute',\n right: '4px',\n top: '4px',\n zIndex: '1',\n width: '24px',\n height: '24px',\n '& > svg': {\n fontSize: '17px',\n },\n ...iconButtonSx,\n }}\n variant=\"filled\"\n color=\"surface\"\n {...restIconButtonProps}\n >\n {customIcon \|\| <CloseIcon {...iconProps} />}\n </IconButton>\n )}\n\n {image ? (\n <Box\n component=\"img\"\n src={image}\n sx={{ display: 'block', width: '100%', height: '100%', objectFit: 'cover', borderRadius: '4px' }}\n />\n ) : (\n children\n )}\n </UploadWrapper>\n );\n};\n"],"names":["_a","actions","children","iconButtonProps","iconProps","customIcon","image","_b","__rest","sx","restProps","_c","iconButtonSx","restIconButtonProps","hover","setHover","useState","_jsxs","UploadWrapper","Object","assign","borderStyle","borderColor","borderRadius","cursor","width","height","padding","onMouseOver","onMouseOut","_jsx","Box","display","position","left","right","top","bottom","background","color","Stack","direction","spacing","justifyContent","alignItems","IconButton","zIndex","fontSize","variant","CloseIcon","component","src","objectFit"],"mappings":"qOAwDsDA,IAAA,IAAAC,QACpDA,EAAOC,SACPA,EAAQC,gBACRA,EAAeC,UACfA,EAASC,WACTA,EAAUC,MACVA,GAAKN,EAGL,MAAMO,EAFEC,EAAAA,OAAAR,EAP4C,4EASd,CAAA,GAAhCS,GAAEA,GAAEF,EAAKG,EAASF,EAAAA,OAAAD,EAAlB,CAAA,OACAI,EAA+CR,GAAmB,IAAhEM,GAAIG,KAAiBC,EAAmBL,EAAAA,OAAAG,EAA1C,CAAA,QAKCG,EAAOC,GAAYC,EAAAA,UAAS,GAEnC,OACEC,OAACC,EAAAA,cAAaC,OAAAC,OAAA,CACZX,GAAEU,OAAAC,OAAA,CACAC,YAAapB,EAAU,SAAW,QAClCqB,YAAarB,EAAU,kBAAoB,kBAC3CsB,aAAc,MACdC,OAAQ,UACRC,MAAOxB,EAAU,OAAS,QAC1ByB,OAAQzB,EAAU,OAAS,QAC3B0B,QAAS1B,EAAU,MAAQ,GACxBQ,GAELmB,YAAa,IAAMb,GAAS,GAC5Bc,WAAY,IAAMd,GAAS,IACvBL,EAAS,CAAAR,SAAA,CAEZD,EACC6B,EAAAA,IAACC,EAAAA,IAAG,CACFtB,GAAI,CACFuB,QAASlB,EAAQ,QAAU,OAC3BmB,SAAU,WACVC,KAAM,MACNC,MAAO,MACPC,IAAK,MACLC,OAAQ,MACRC,WAAY,YACZC,MAAO,QACPhB,aAAc,OACfrB,SAED4B,MAACU,EAAAA,MAAK,CACJC,UAAU,MACVC,QAAS,EACTjC,GAAI,CAAEuB,QAAS,OAAQW,eAAgB,SAAUC,WAAY,SAAUlB,OAAQ,QAAQxB,SAEtFD,MAIL6B,MAACe,EAAAA,WAAU1B,OAAAC,OAAA,CACTX,GAAEU,OAAAC,OAAA,CACAa,SAAU,WACVE,MAAO,MACPC,IAAK,MACLU,OAAQ,IACRrB,MAAO,OACPC,OAAQ,OACR,UAAW,CACTqB,SAAU,SAETnC,GAELoC,QAAQ,SACRT,MAAM,WACF1B,EAAmB,CAAAX,SAEtBG,GAAcyB,EAAAA,IAACmB,EAAAA,UAAS9B,OAAAC,OAAA,CAAA,EAAKhB,OAIjCE,EACCwB,EAAAA,IAACC,EAAAA,IAAG,CACFmB,UAAU,MACVC,IAAK7C,EACLG,GAAI,CAAEuB,QAAS,QAASP,MAAO,OAAQC,OAAQ,OAAQ0B,UAAW,QAAS7B,aAAc,SACzF,KAIU"}

package/cjs/components/upload/components/uploadPreview/uploadPreviewImage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"uploadPreviewImage.js","sources":["../../../../../../../src/components/upload/components/uploadPreview/uploadPreviewImage.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@mui/material';\n\nexport type UploadPreviewImageProps = BoxProps<'img'>;\n\n/*\n Component that should be used along with UploadPreview to preview the uploaded image.\n \n @see UploadPreview\n */\nexport function UploadPreviewImage({ sx, ...restProps }: UploadPreviewImageProps) {\n return (\n <Box\n component=\"img\"\n sx={{\n display: 'block',\n position: 'absolute',\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n borderRadius: '4px',\n ...sx,\n }}\n {...restProps}\n />\n );\n}\n"],"names":["_a","sx","restProps","__rest","_jsx","~~jsx","~~Box","Object","assign","component","display","position","width","height","objectFit","borderRadius"],"mappings":"yHASM,SAA6BA,GAAA,IAAAC,GAAEA,~~GAA2CD~~,~~EAApCE~~,EAASC,EAAAA,OAAAH,EAAlB,QACjC,OACEI,~~EAACC~~,~~IAAAC~~,~~EAAGA~~,~~IACFC~~,OAAAC,OAAA,~~CAAAC~~,UAAU,~~MACVR~~,~~GAAEM~~,OAAAC,OAAA,CACAE,QAAS,QACTC,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,UAAW,QACXC,aAAc,~~OACXd~~,IAEDC,GAGV"}
1	+ {"version":3,"file":"uploadPreviewImage.js","sources":["../../../../../../../src/components/upload/components/uploadPreview/uploadPreviewImage.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@mui/material';\n\nexport type UploadPreviewImageProps = BoxProps<'img'>;\n\n/*\n Component that should be used along with UploadPreview to preview the uploaded image.\n \n @see UploadPreview\n */\nexport function UploadPreviewImage({ sx, ...restProps }: UploadPreviewImageProps) {\n return (\n <Box\n component=\"img\"\n sx={{\n display: 'block',\n position: 'absolute',\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n borderRadius: '4px',\n ...sx,\n }}\n {...restProps}\n />\n );\n}\n"],"names":["_a","sx","restProps","__rest","_jsx","Box","Object","assign","component","display","position","width","height","objectFit","borderRadius"],"mappings":"yHASM,SAA6BA,GAAA,IAAAC,GAAEA,GAAED,EAAKE,EAASC,EAAAA,OAAAH,EAAlB,QACjC,OACEI,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,UAAU,MACVP,GAAEK,OAAAC,OAAA,CACAE,QAAS,QACTC,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,UAAW,QACXC,aAAc,OACXb,IAEDC,GAGV"}

package/cjs/components/upload/components/uploadWrapper/uploadContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"uploadContent.js","sources":["../../../../../../../src/components/upload/components/uploadWrapper/uploadContent.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { PropsWithChildren } from 'react';\n\ninterface UploadContentProps extends PropsWithChildren<BoxProps> {}\n\n/*\n Content of UploadWrapper.\n \n @see UploadWrapper\n /\nexport function UploadContent({ children, sx, ...restProps }: UploadContentProps) {\n return (\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n textAlign: 'center',\n margin: 'auto',\n gap: (theme) => theme.spacing(),\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n },\n ...sx,\n }}\n {...restProps}\n >\n {children}\n </Box>\n );\n}\n\n/\n Content of UploadWrapper when user drags over Upload.\n \n @see UploadWrapper\n */\nexport function UploadContentDragging({ children, sx, ...restProps }: UploadContentProps) {\n return (\n <UploadContent\n sx={{\n position: 'absolute',\n width: '100%',\n height: '100%',\n borderRadius: 'inherit',\n left: 0,\n top: 0,\n zIndex: 2,\n pointerEvents: 'none',\n userSelect: 'none',\n backgroundColor: 'success.light',\n ...sx,\n }}\n {...restProps}\n >\n {children}\n </UploadContent>\n );\n}\n"],"names":["UploadContent","_a","children","sx","restProps","__rest","_jsx","~~jsx","~~Box","Object","assign","display","flexDirection","justifyContent","alignItems","textAlign","margin","gap","theme","spacing","fontSize","position","width","height","borderRadius","left","top","zIndex","pointerEvents","userSelect","backgroundColor"],"mappings":"8FAUM,SAAUA,EAAcC,OAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAASC,EAAAA,OAAAJ,EAA5B,mBAC5B,OACEK,~~EAACC~~,~~IAAAC~~,~~EAAGA~~,~~mBACFL~~,~~GAAEM~~,OAAAC,OAAA,CACAC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,SACXC,OAAQ,OACRC,IAAMC,GAAUA,EAAMC,UACtB,qBAAsB,CACpBC,SAAU,~~SAETjB~~,IAEDC,YAEHF,IAGP,uDAOM,SAAgCD,OAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAASC,EAAAA,OAAAJ,EAA5B,mBACpC,OACEK,EAAAA,IAACN,~~EACCS~~,OAAAC,OAAA,~~CAAAP~~,~~kBACEkB~~,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,aAAc,UACdC,KAAM,EACNC,IAAK,EACLC,OAAQ,EACRC,cAAe,OACfC,WAAY,OACZC,gBAAiB,~~iBACd3B~~,IAEDC,~~EAEH~~,CAAAF,~~SAAAA~~,IAGP"}
1	+ {"version":3,"file":"uploadContent.js","sources":["../../../../../../../src/components/upload/components/uploadWrapper/uploadContent.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { PropsWithChildren } from 'react';\n\ninterface UploadContentProps extends PropsWithChildren<BoxProps> {}\n\n/*\n Content of UploadWrapper.\n \n @see UploadWrapper\n /\nexport function UploadContent({ children, sx, ...restProps }: UploadContentProps) {\n return (\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n textAlign: 'center',\n margin: 'auto',\n gap: (theme) => theme.spacing(),\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n },\n ...sx,\n }}\n {...restProps}\n >\n {children}\n </Box>\n );\n}\n\n/\n Content of UploadWrapper when user drags over Upload.\n \n @see UploadWrapper\n */\nexport function UploadContentDragging({ children, sx, ...restProps }: UploadContentProps) {\n return (\n <UploadContent\n sx={{\n position: 'absolute',\n width: '100%',\n height: '100%',\n borderRadius: 'inherit',\n left: 0,\n top: 0,\n zIndex: 2,\n pointerEvents: 'none',\n userSelect: 'none',\n backgroundColor: 'success.light',\n ...sx,\n }}\n {...restProps}\n >\n {children}\n </UploadContent>\n );\n}\n"],"names":["UploadContent","_a","children","sx","restProps","__rest","_jsx","Box","Object","assign","display","flexDirection","justifyContent","alignItems","textAlign","margin","gap","theme","spacing","fontSize","position","width","height","borderRadius","left","top","zIndex","pointerEvents","userSelect","backgroundColor"],"mappings":"8FAUM,SAAUA,EAAcC,OAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAASC,EAAAA,OAAAJ,EAA5B,mBAC5B,OACEK,EAAAA,IAACC,EAAAA,mBACCJ,GAAEK,OAAAC,OAAA,CACAC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,SACXC,OAAQ,OACRC,IAAMC,GAAUA,EAAMC,UACtB,qBAAsB,CACpBC,SAAU,SAEThB,IAEDC,YAEHF,IAGP,uDAOM,SAAgCD,OAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAASC,EAAAA,OAAAJ,EAA5B,mBACpC,OACEK,EAAAA,IAACN,EAAaQ,OAAAC,OAAA,CACZN,kBACEiB,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,aAAc,UACdC,KAAM,EACNC,IAAK,EACLC,OAAQ,EACRC,cAAe,OACfC,WAAY,OACZC,gBAAiB,iBACd1B,IAEDC,EAAS,CAAAF,SAEZA,IAGP"}

package/cjs/components/upload/components/uploadWrapper/uploadWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"uploadWrapper.js","sources":["../../../../../../../src/components/upload/components/uploadWrapper/uploadWrapper.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { getFocusRingStyle } from '../../../focusring';\n\nexport interface UploadWrapperProps extends BoxProps {\n /*\n Variant that adjusts look of the component\n /\n state?: 'dragdropping' \| 'error' \| 'default' \| 'solid';\n}\n\n/\n Base wrapper for Upload components\n \n @see Upload\n * @see UploadPreview\n */\nexport function UploadWrapper({ state = 'default', sx, ...restProps }: UploadWrapperProps) {\n return (\n <Box\n sx={(theme) => ({\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'center',\n cursor: 'pointer',\n position: 'relative',\n borderRadius: '8px',\n width: '100px',\n height: '100px',\n borderWidth: '1px',\n borderStyle: 'dashed',\n borderColor: 'onSurface.os200',\n backgroundColor: 'surface.primary',\n '&:hover': {\n borderColor: 'onSurface.os500',\n },\n transition: 'background-color .3s ease, border-color .3s ease',\n outline: 'none',\n ...(state === 'dragdropping' && {\n borderColor: 'primary.main',\n backgroundColor: 'success.light',\n }),\n ...(state === 'error' && {\n borderColor: 'error.main',\n color: 'error.main',\n '&:hover': {\n borderColor: 'error.main',\n },\n }),\n ...(state === 'solid' && {\n borderColor: 'surface.secondary',\n backgroundColor: 'background.primary',\n borderStyle: 'solid',\n '&:hover': {\n borderColor: 'surface.secondary',\n },\n cursor: 'default',\n }),\n ...getFocusRingStyle(theme, false, 1, ':focus-visible'),\n ...sx,\n })}\n {...restProps}\n ></Box>\n );\n}\n"],"names":["_a","state","sx","restProps","__rest","_jsx","~~jsx","~~Box","Object","assign","theme","display","alignItems","justifyContent","cursor","position","borderRadius","width","height","borderWidth","borderStyle","borderColor","backgroundColor","transition","outline","color","getFocusRingStyle"],"mappings":"iKAgBM,SAAwBA,OAAAC,MAAEA,EAAQ,UAASC,GAAEA,KAAOC,~~EAA5BC~~,EAAAA,OAAAJ,~~EAAA~~,CAAA,QAAA,OAC5B,OACEK,~~EAAAC~~,IAACC,MAAGC,OAAAC,OAAA,~~CACFP~~,~~GAAKQ~~,GAAUF,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACbE,QAAS,OACTC,WAAY,aACZC,eAAgB,SAChBC,OAAQ,UACRC,SAAU,WACVC,aAAc,MACdC,MAAO,QACPC,OAAQ,QACRC,YAAa,MACbC,YAAa,SACbC,YAAa,kBACbC,gBAAiB,kBACjB,UAAW,CACTD,YAAa,mBAEfE,WAAY,mDACZC,QAAS,QACK,~~iBAAVvB~~,GAA4B,~~CAC9BoB~~,YAAa,eACbC,gBAAiB,kBAEL,~~UAAVrB~~,GAAqB,~~CACvBoB~~,YAAa,aACbI,MAAO,aACP,UAAW,CACTJ,YAAa,gBAGH,~~UAAVpB~~,GAAqB,~~CACvBoB~~,YAAa,oBACbC,gBAAiB,qBACjBF,YAAa,QACb,UAAW,CACTC,YAAa,qBAEfP,OAAQ,YAEPY,~~EAAiBA~~,~~kBAAChB~~,GAAO,EAAO,EAAG,~~mBACnCR~~,IAEDC,GAGV"}
1	+ {"version":3,"file":"uploadWrapper.js","sources":["../../../../../../../src/components/upload/components/uploadWrapper/uploadWrapper.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { getFocusRingStyle } from '../../../focusring';\n\nexport interface UploadWrapperProps extends BoxProps {\n /*\n Variant that adjusts look of the component\n /\n state?: 'dragdropping' \| 'error' \| 'default' \| 'solid';\n}\n\n/\n Base wrapper for Upload components\n \n @see Upload\n * @see UploadPreview\n */\nexport function UploadWrapper({ state = 'default', sx, ...restProps }: UploadWrapperProps) {\n return (\n <Box\n sx={(theme) => ({\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'center',\n cursor: 'pointer',\n position: 'relative',\n borderRadius: '8px',\n width: '100px',\n height: '100px',\n borderWidth: '1px',\n borderStyle: 'dashed',\n borderColor: 'onSurface.os200',\n backgroundColor: 'surface.primary',\n '&:hover': {\n borderColor: 'onSurface.os500',\n },\n transition: 'background-color .3s ease, border-color .3s ease',\n outline: 'none',\n ...(state === 'dragdropping' && {\n borderColor: 'primary.main',\n backgroundColor: 'success.light',\n }),\n ...(state === 'error' && {\n borderColor: 'error.main',\n color: 'error.main',\n '&:hover': {\n borderColor: 'error.main',\n },\n }),\n ...(state === 'solid' && {\n borderColor: 'surface.secondary',\n backgroundColor: 'background.primary',\n borderStyle: 'solid',\n '&:hover': {\n borderColor: 'surface.secondary',\n },\n cursor: 'default',\n }),\n ...getFocusRingStyle(theme, false, 1, ':focus-visible'),\n ...sx,\n })}\n {...restProps}\n ></Box>\n );\n}\n"],"names":["_a","state","sx","restProps","__rest","_jsx","Box","Object","assign","theme","display","alignItems","justifyContent","cursor","position","borderRadius","width","height","borderWidth","borderStyle","borderColor","backgroundColor","transition","outline","color","getFocusRingStyle"],"mappings":"iKAgBM,SAAwBA,OAAAC,MAAEA,EAAQ,UAASC,GAAEA,KAAOC,EAASC,EAAAA,OAAAJ,EAArC,CAAA,QAAA,OAC5B,OACEK,EAAAA,IAACC,MAAGC,OAAAC,OAAA,CACFN,GAAKO,GAAUF,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACbE,QAAS,OACTC,WAAY,aACZC,eAAgB,SAChBC,OAAQ,UACRC,SAAU,WACVC,aAAc,MACdC,MAAO,QACPC,OAAQ,QACRC,YAAa,MACbC,YAAa,SACbC,YAAa,kBACbC,gBAAiB,kBACjB,UAAW,CACTD,YAAa,mBAEfE,WAAY,mDACZC,QAAS,QACK,iBAAVtB,GAA4B,CAC9BmB,YAAa,eACbC,gBAAiB,kBAEL,UAAVpB,GAAqB,CACvBmB,YAAa,aACbI,MAAO,aACP,UAAW,CACTJ,YAAa,gBAGH,UAAVnB,GAAqB,CACvBmB,YAAa,oBACbC,gBAAiB,qBACjBF,YAAa,QACb,UAAW,CACTC,YAAa,qBAEfP,OAAQ,YAEPY,EAAAA,kBAAkBhB,GAAO,EAAO,EAAG,mBACnCP,IAEDC,GAGV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"upload.js","sources":["../../../../../src/components/upload/upload.tsx"],"sourcesContent":["import { ChangeEvent, DragEvent, HTMLProps, ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport { UploadWrapper, UploadWrapperProps } from './components/uploadWrapper/uploadWrapper';\n\nfunction isAcceptedFileType(file: File, acceptedTypes: string) {\n if (!file.type) return false; // Avoid issues where file.type is empty\n\n // If '' is used, accept all files\n if (acceptedTypes.trim() === '') return true;\n\n // Split the accepted types into an array\n const accepted = acceptedTypes.split(',');\n\n return accepted.some((type) => {\n // Check for wildcards (image/, video/)\n if (type.includes('/')) {\n const typePrefix = type.split('/')[0];\n return file.type.startsWith(`${typePrefix}/`);\n }\n // Check for exact MIME types (image/jpeg, video/mp4)\n if (file.type.trim() === type.trim()) {\n return true;\n }\n // Check for file extension matches (e.g., .pdf, .csv)\n if (type.startsWith('.')) {\n const extension = type.trim().toLowerCase();\n return file.name.toLowerCase().endsWith(extension);\n }\n return false;\n });\n}\n\ntype UploadError = {\n type: 'maxFilesExceeded' \| 'invalidFileType';\n files?: File[];\n} \| null;\n\nexport interface UploadProps extends Omit<UploadWrapperProps, 'children'> {\n /\n Properties that will be passed to the input element.\n /\n inputProps?: Omit<HTMLProps<HTMLInputElement>, 'hidden' \| 'type' \| 'multiple'>;\n\n /\n Sets maximum files that are available.\n * If maxFiles is bigger than 1 the input is type multiple.\n * @default 1\n /\n maxFiles?: number;\n\n /\n Handler that is called when user provide files.\n /\n onFileChange?: (files: Array<File>) => void;\n\n /\n Children as a render function that gets error and dragging state.\n /\n children?: ReactNode \| ((params: { error: UploadError; dragging: boolean }) => ReactNode);\n\n /\n Current number of uploaded files.\n /\n currentFilesCount?: number;\n}\n\nexport function Upload({\n children,\n currentFilesCount = 0,\n onFileChange,\n inputProps = {},\n maxFiles = 1,\n state,\n ...restProps\n}: UploadProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n const [dragging, setDragging] = useState<boolean>(false);\n const [error, setError] = useState<UploadError>(null);\n\n const accept = inputProps?.accept \|\| '';\n\n const currentState = useMemo(() => {\n return dragging ? 'dragdropping' : error ? 'error' : state ? state : 'default';\n }, [dragging, error, state]);\n\n const preventDragOver = useCallback((event: DragEvent) => {\n event.stopPropagation();\n event.preventDefault();\n }, []);\n\n const getFilteredFiles = useCallback(\n (inputFiles: File[]) => inputFiles.filter((file) => isAcceptedFileType(file, accept)),\n [accept, maxFiles],\n );\n\n const handleDragEnter = useCallback(() => {\n if (!onFileChange) return;\n\n error && setError(null); // reset error state if needed\n setDragging(true);\n }, [setDragging]);\n\n const handleDragLeave = useCallback(() => {\n setDragging(false);\n }, [setDragging]);\n\n const handleClick = useCallback(() => {\n error && setError(null); // reset error state if needed\n inputRef.current?.click();\n }, []);\n\n const handleDrop = useCallback(\n (event: DragEvent) => {\n event.preventDefault();\n event.stopPropagation();\n\n error && setError(null); // reset error state if needed\n\n const files = [...event.dataTransfer.files];\n\n if (currentFilesCount + files.length > maxFiles) {\n setDragging(false);\n setError({\n type: 'maxFilesExceeded',\n });\n return;\n }\n\n const permittedFiles = files.filter((file) => !isAcceptedFileType(file, accept));\n\n if (permittedFiles.length > 0) {\n setDragging(false);\n setError({\n type: 'invalidFileType',\n files: permittedFiles,\n });\n return;\n }\n\n const filteredFiles = getFilteredFiles([...event.dataTransfer.files]);\n setDragging(false);\n if (filteredFiles.length > 0) {\n onFileChange?.(filteredFiles);\n }\n },\n [setDragging, error, setError, accept, onFileChange, currentFilesCount],\n );\n\n const handleInputChange = useCallback(\n (event: ChangeEvent<HTMLInputElement>) => {\n event.preventDefault();\n event.stopPropagation();\n\n error && setError(null); // reset error state if needed\n\n const files = [...event.target.files];\n\n if (currentFilesCount + files.length > maxFiles) {\n setDragging(false);\n setError({\n type: 'maxFilesExceeded',\n });\n return;\n }\n\n const permittedFiles = files.filter((file) => !isAcceptedFileType(file, accept));\n\n if (permittedFiles.length > 0) {\n setError({\n type: 'invalidFileType',\n files: permittedFiles,\n });\n return;\n }\n\n const filteredFiles = getFilteredFiles(files);\n\n if (filteredFiles.length > 0) {\n onFileChange?.(filteredFiles);\n\n if (inputRef.current) {\n inputRef.current.value = '';\n }\n }\n },\n [setDragging, error, setError, accept, onFileChange, currentFilesCount],\n );\n\n return (\n <UploadWrapper\n role=\"button\"\n tabIndex={0}\n aria-label=\"Upload file\"\n state={currentState}\n onClick={handleClick}\n onDragOver={preventDragOver}\n onDrop={handleDrop}\n onDragEnter={handleDragEnter}\n onDragLeave={handleDragLeave}\n onKeyDown={(event) => {\n if (event.key === 'Enter') handleClick();\n }}\n {...restProps}\n >\n {typeof children === 'function' ? children({ error, dragging }) : children}\n <input ref={inputRef} onChange={handleInputChange} {...inputProps} hidden type=\"file\" multiple={maxFiles > 1} />\n </UploadWrapper>\n );\n}\n"],"names":["isAcceptedFileType","file","acceptedTypes","type","trim","split","some","includes","typePrefix","startsWith","extension","toLowerCase","name","endsWith","_a","children","currentFilesCount","onFileChange","inputProps","maxFiles","state","restProps","__rest","inputRef","useRef","dragging","setDragging","useState","error","setError","accept","currentState","useMemo","preventDragOver","useCallback","event","stopPropagation","preventDefault","getFilteredFiles","inputFiles","filter","handleDragEnter","handleDragLeave","handleClick","current","click","handleDrop","files","dataTransfer","length","permittedFiles","filteredFiles","handleInputChange","target","value","_jsxs","UploadWrapper","role","tabIndex","onClick","onDragOver","onDrop","onDragEnter","onDragLeave","onKeyDown","key","_jsx","Object","assign","ref","onChange","hidden","multiple"],"mappings":"+IAGA,SAASA,EAAmBC,EAAYC,GACtC,IAAKD,EAAKE,KAAM,OAAO,EAGvB,GAA6B,MAAzBD,EAAcE,OAAgB,OAAO,EAKzC,OAFiBF,EAAcG,MAAM,KAErBC,MAAMH,IAEpB,GAAIA,EAAKI,SAAS,MAAO,CACvB,MAAMC,EAAaL,EAAKE,MAAM,KAAK,GACnC,OAAOJ,EAAKE,KAAKM,WAAW,GAAGD,~~MAGjC~~,GAAIP,EAAKE,KAAKC,SAAWD,EAAKC,OAC5B,OAAO,EAGT,GAAID,EAAKM,WAAW,KAAM,CACxB,MAAMC,EAAYP,EAAKC,OAAOO,cAC9B,OAAOV,EAAKW,KAAKD,cAAcE,SAASH,~~GAE1C~~,OAAO,CAAK,GAEhB,gBAoCM,SAAiBI,OAAAC,SACrBA,EAAQC,kBACRA,EAAoB,EAACC,aACrBA,EAAYC,WACZA,EAAa,GAAEC,SACfA,EAAW,EAACC,MACZA,KACGC,~~EAPkBC~~,EAAAA,OAAAR,~~EAAA~~,CAAA,WAAA,oBAAA,eAAA,aAAA,WAAA,UASrB,MAAMS,EAAWC,~~EAAMA~~,~~OAAmB~~,OACnCC,EAAUC,GAAeC,EAAAA,UAAkB,IAC3CC,EAAOC,GAAYF,EAAAA,SAAsB,MAE1CG,GAASZ,~~aAAA~~,~~EAAAA~~,EAAYY,SAAU,IAE/BC,EAAeC,EAAAA,SAAQ,IACpBP,EAAW,eAAiBG,EAAQ,QAAUR,GAAgB,WACpE,CAACK,EAAUG,EAAOR,IAEfa,EAAkBC,eAAaC,IACnCA,EAAMC,kBACND,EAAME,gBAAgB,GACrB,IAEGC,EAAmBJ,EAAAA,aACtBK,GAAuBA,EAAWC,QAAQvC,GAASD,EAAmBC,EAAM6B,MAC7E,CAACA,EAAQX,IAGLsB,EAAkBP,EAAAA,aAAY,KAC7BjB,IAELW,GAASC,EAAS,MAClBH,GAAY,GAAK,GAChB,CAACA,IAEEgB,EAAkBR,EAAAA,aAAY,KAClCR,GAAY,EAAM,GACjB,CAACA,IAEEiB,EAAcT,EAAAA,aAAY,WAC9BN,GAASC,EAAS,~~MACA~~,~~QAAlBf~~,EAAAS,EAASqB,~~eAAS~~,IAAA9B,GAAAA,~~EAAA~~+B,OAAO,GACxB,IAEGC,EAAaZ,eAChBC,IACCA,EAAME,iBACNF,EAAMC,kBAENR,GAASC,EAAS,MAElB,MAAMkB,EAAQ,IAAIZ,EAAMa,aAAaD,OAErC,GAAI/B,EAAoB+B,EAAME,OAAS9B,EAKrC,OAJAO,GAAY,QACZG,EAAS,CACP1B,KAAM,qBAKV,MAAM+C,EAAiBH,EAAMP,QAAQvC,IAAUD,EAAmBC,EAAM6B,KAExE,GAAIoB,EAAeD,OAAS,EAM1B,OALAvB,GAAY,QACZG,EAAS,CACP1B,KAAM,kBACN4C,MAAOG,IAKX,MAAMC,EAAgBb,EAAiB,IAAIH,EAAMa,aAAaD,QAC9DrB,GAAY,GACRyB,EAAcF,OAAS,IACzBhC,SAAAA,EAAekC,~~MAGnB~~,CAACzB,EAAaE,EAAOC,EAAUC,EAAQb,EAAcD,IAGjDoC,EAAoBlB,eACvBC,IACCA,EAAME,iBACNF,EAAMC,kBAENR,GAASC,EAAS,MAElB,MAAMkB,EAAQ,IAAIZ,EAAMkB,OAAON,OAE/B,GAAI/B,EAAoB+B,EAAME,OAAS9B,EAKrC,OAJAO,GAAY,QACZG,EAAS,CACP1B,KAAM,qBAKV,MAAM+C,EAAiBH,EAAMP,QAAQvC,IAAUD,EAAmBC,EAAM6B,KAExE,GAAIoB,EAAeD,OAAS,EAK1B,YAJApB,EAAS,CACP1B,KAAM,kBACN4C,MAAOG,IAKX,MAAMC,EAAgBb,EAAiBS,GAEnCI,EAAcF,OAAS,IACzBhC,SAAAA,EAAekC,GAEX5B,EAASqB,UACXrB,EAASqB,QAAQU,MAAQ,~~OAI/B~~,CAAC5B,EAAaE,EAAOC,EAAUC,EAAQb,EAAcD,IAGvD,OACEuC,OAACC,EAAAA,6BACCC,KAAK,SACLC,SAAU,EAAC,aACA,cACXtC,MAAOW,EACP4B,QAAShB,EACTiB,WAAY3B,EACZ4B,OAAQf,EACRgB,YAAarB,EACbsB,YAAarB,EACbsB,UAAY7B,IACQ,UAAdA,EAAM8B,KAAiBtB,GAAa,GAEtCtB,~~EAEH~~,CAAAN,SAAA,~~CAAoB~~,mBAAbA,EAA0BA,EAAS,CAAEa,QAAOH,aAAcV,EAClEmD,EAAAA,IAAA,QAAAC,OAAAC,OAAA,CAAOC,IAAK9C,EAAU+C,SAAUlB,GAAuBlC,~~EAAY~~,~~CAAAqD~~,~~QAAO~~,~~EAAApE~~,KAAK,OAAOqE,SAAUrD,EAAW,QAGjH"}
1	+ {"version":3,"file":"upload.js","sources":["../../../../../src/components/upload/upload.tsx"],"sourcesContent":["import { ChangeEvent, DragEvent, HTMLProps, ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport { UploadWrapper, UploadWrapperProps } from './components/uploadWrapper/uploadWrapper';\n\nfunction isAcceptedFileType(file: File, acceptedTypes: string) {\n if (!file.type) return false; // Avoid issues where file.type is empty\n\n // If '' is used, accept all files\n if (acceptedTypes.trim() === '') return true;\n\n // Split the accepted types into an array\n const accepted = acceptedTypes.split(',');\n\n return accepted.some((type) => {\n // Check for wildcards (image/, video/)\n if (type.includes('/')) {\n const typePrefix = type.split('/')[0];\n return file.type.startsWith(`${typePrefix}/`);\n }\n // Check for exact MIME types (image/jpeg, video/mp4)\n if (file.type.trim() === type.trim()) {\n return true;\n }\n // Check for file extension matches (e.g., .pdf, .csv)\n if (type.startsWith('.')) {\n const extension = type.trim().toLowerCase();\n return file.name.toLowerCase().endsWith(extension);\n }\n return false;\n });\n}\n\ntype UploadError = {\n type: 'maxFilesExceeded' \| 'invalidFileType';\n files?: File[];\n} \| null;\n\nexport interface UploadProps extends Omit<UploadWrapperProps, 'children'> {\n /\n Properties that will be passed to the input element.\n /\n inputProps?: Omit<HTMLProps<HTMLInputElement>, 'hidden' \| 'type' \| 'multiple'>;\n\n /\n Sets maximum files that are available.\n * If maxFiles is bigger than 1 the input is type multiple.\n * @default 1\n /\n maxFiles?: number;\n\n /\n Handler that is called when user provide files.\n /\n onFileChange?: (files: Array<File>) => void;\n\n /\n Children as a render function that gets error and dragging state.\n /\n children?: ReactNode \| ((params: { error: UploadError; dragging: boolean }) => ReactNode);\n\n /\n Current number of uploaded files.\n /\n currentFilesCount?: number;\n}\n\nexport function Upload({\n children,\n currentFilesCount = 0,\n onFileChange,\n inputProps = {},\n maxFiles = 1,\n state,\n ...restProps\n}: UploadProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n const [dragging, setDragging] = useState<boolean>(false);\n const [error, setError] = useState<UploadError>(null);\n\n const accept = inputProps?.accept \|\| '';\n\n const currentState = useMemo(() => {\n return dragging ? 'dragdropping' : error ? 'error' : state ? state : 'default';\n }, [dragging, error, state]);\n\n const preventDragOver = useCallback((event: DragEvent) => {\n event.stopPropagation();\n event.preventDefault();\n }, []);\n\n const getFilteredFiles = useCallback(\n (inputFiles: File[]) => inputFiles.filter((file) => isAcceptedFileType(file, accept)),\n [accept, maxFiles],\n );\n\n const handleDragEnter = useCallback(() => {\n if (!onFileChange) return;\n\n error && setError(null); // reset error state if needed\n setDragging(true);\n }, [setDragging]);\n\n const handleDragLeave = useCallback(() => {\n setDragging(false);\n }, [setDragging]);\n\n const handleClick = useCallback(() => {\n error && setError(null); // reset error state if needed\n inputRef.current?.click();\n }, []);\n\n const handleDrop = useCallback(\n (event: DragEvent) => {\n event.preventDefault();\n event.stopPropagation();\n\n error && setError(null); // reset error state if needed\n\n const files = [...event.dataTransfer.files];\n\n if (currentFilesCount + files.length > maxFiles) {\n setDragging(false);\n setError({\n type: 'maxFilesExceeded',\n });\n return;\n }\n\n const permittedFiles = files.filter((file) => !isAcceptedFileType(file, accept));\n\n if (permittedFiles.length > 0) {\n setDragging(false);\n setError({\n type: 'invalidFileType',\n files: permittedFiles,\n });\n return;\n }\n\n const filteredFiles = getFilteredFiles([...event.dataTransfer.files]);\n setDragging(false);\n if (filteredFiles.length > 0) {\n onFileChange?.(filteredFiles);\n }\n },\n [setDragging, error, setError, accept, onFileChange, currentFilesCount],\n );\n\n const handleInputChange = useCallback(\n (event: ChangeEvent<HTMLInputElement>) => {\n event.preventDefault();\n event.stopPropagation();\n\n error && setError(null); // reset error state if needed\n\n const files = [...event.target.files];\n\n if (currentFilesCount + files.length > maxFiles) {\n setDragging(false);\n setError({\n type: 'maxFilesExceeded',\n });\n return;\n }\n\n const permittedFiles = files.filter((file) => !isAcceptedFileType(file, accept));\n\n if (permittedFiles.length > 0) {\n setError({\n type: 'invalidFileType',\n files: permittedFiles,\n });\n return;\n }\n\n const filteredFiles = getFilteredFiles(files);\n\n if (filteredFiles.length > 0) {\n onFileChange?.(filteredFiles);\n\n if (inputRef.current) {\n inputRef.current.value = '';\n }\n }\n },\n [setDragging, error, setError, accept, onFileChange, currentFilesCount],\n );\n\n return (\n <UploadWrapper\n role=\"button\"\n tabIndex={0}\n aria-label=\"Upload file\"\n state={currentState}\n onClick={handleClick}\n onDragOver={preventDragOver}\n onDrop={handleDrop}\n onDragEnter={handleDragEnter}\n onDragLeave={handleDragLeave}\n onKeyDown={(event) => {\n if (event.key === 'Enter') handleClick();\n }}\n {...restProps}\n >\n {typeof children === 'function' ? children({ error, dragging }) : children}\n <input ref={inputRef} onChange={handleInputChange} {...inputProps} hidden type=\"file\" multiple={maxFiles > 1} />\n </UploadWrapper>\n );\n}\n"],"names":["isAcceptedFileType","file","acceptedTypes","type","trim","split","some","includes","typePrefix","startsWith","extension","toLowerCase","name","endsWith","_a","children","currentFilesCount","onFileChange","inputProps","maxFiles","state","restProps","__rest","inputRef","useRef","dragging","setDragging","useState","error","setError","accept","currentState","useMemo","preventDragOver","useCallback","event","stopPropagation","preventDefault","getFilteredFiles","inputFiles","filter","handleDragEnter","handleDragLeave","handleClick","current","click","handleDrop","files","dataTransfer","length","permittedFiles","filteredFiles","handleInputChange","target","value","_jsxs","UploadWrapper","role","tabIndex","onClick","onDragOver","onDrop","onDragEnter","onDragLeave","onKeyDown","key","_jsx","Object","assign","ref","onChange","hidden","multiple"],"mappings":"+IAGA,SAASA,EAAmBC,EAAYC,GACtC,IAAKD,EAAKE,KAAM,OAAO,EAGvB,GAA6B,MAAzBD,EAAcE,OAAgB,OAAO,EAKzC,OAFiBF,EAAcG,MAAM,KAErBC,MAAMH,IAEpB,GAAIA,EAAKI,SAAS,MAAO,CACvB,MAAMC,EAAaL,EAAKE,MAAM,KAAK,GACnC,OAAOJ,EAAKE,KAAKM,WAAW,GAAGD,KACjC,CAEA,GAAIP,EAAKE,KAAKC,SAAWD,EAAKC,OAC5B,OAAO,EAGT,GAAID,EAAKM,WAAW,KAAM,CACxB,MAAMC,EAAYP,EAAKC,OAAOO,cAC9B,OAAOV,EAAKW,KAAKD,cAAcE,SAASH,EAC1C,CACA,OAAO,CAAK,GAEhB,gBAoCM,SAAiBI,OAAAC,SACrBA,EAAQC,kBACRA,EAAoB,EAACC,aACrBA,EAAYC,WACZA,EAAa,GAAEC,SACfA,EAAW,EAACC,MACZA,KACGC,EAASC,EAAAA,OAAAR,EAPS,CAAA,WAAA,oBAAA,eAAA,aAAA,WAAA,UASrB,MAAMS,EAAWC,EAAAA,OAAyB,OACnCC,EAAUC,GAAeC,EAAAA,UAAkB,IAC3CC,EAAOC,GAAYF,EAAAA,SAAsB,MAE1CG,GAASZ,aAAU,EAAVA,EAAYY,SAAU,IAE/BC,EAAeC,EAAAA,SAAQ,IACpBP,EAAW,eAAiBG,EAAQ,QAAUR,GAAgB,WACpE,CAACK,EAAUG,EAAOR,IAEfa,EAAkBC,eAAaC,IACnCA,EAAMC,kBACND,EAAME,gBAAgB,GACrB,IAEGC,EAAmBJ,EAAAA,aACtBK,GAAuBA,EAAWC,QAAQvC,GAASD,EAAmBC,EAAM6B,MAC7E,CAACA,EAAQX,IAGLsB,EAAkBP,EAAAA,aAAY,KAC7BjB,IAELW,GAASC,EAAS,MAClBH,GAAY,GAAK,GAChB,CAACA,IAEEgB,EAAkBR,EAAAA,aAAY,KAClCR,GAAY,EAAM,GACjB,CAACA,IAEEiB,EAAcT,EAAAA,aAAY,WAC9BN,GAASC,EAAS,MACF,QAAhBf,EAAAS,EAASqB,eAAO,IAAA9B,GAAAA,EAAE+B,OAAO,GACxB,IAEGC,EAAaZ,eAChBC,IACCA,EAAME,iBACNF,EAAMC,kBAENR,GAASC,EAAS,MAElB,MAAMkB,EAAQ,IAAIZ,EAAMa,aAAaD,OAErC,GAAI/B,EAAoB+B,EAAME,OAAS9B,EAKrC,OAJAO,GAAY,QACZG,EAAS,CACP1B,KAAM,qBAKV,MAAM+C,EAAiBH,EAAMP,QAAQvC,IAAUD,EAAmBC,EAAM6B,KAExE,GAAIoB,EAAeD,OAAS,EAM1B,OALAvB,GAAY,QACZG,EAAS,CACP1B,KAAM,kBACN4C,MAAOG,IAKX,MAAMC,EAAgBb,EAAiB,IAAIH,EAAMa,aAAaD,QAC9DrB,GAAY,GACRyB,EAAcF,OAAS,IACzBhC,SAAAA,EAAekC,GACjB,GAEF,CAACzB,EAAaE,EAAOC,EAAUC,EAAQb,EAAcD,IAGjDoC,EAAoBlB,eACvBC,IACCA,EAAME,iBACNF,EAAMC,kBAENR,GAASC,EAAS,MAElB,MAAMkB,EAAQ,IAAIZ,EAAMkB,OAAON,OAE/B,GAAI/B,EAAoB+B,EAAME,OAAS9B,EAKrC,OAJAO,GAAY,QACZG,EAAS,CACP1B,KAAM,qBAKV,MAAM+C,EAAiBH,EAAMP,QAAQvC,IAAUD,EAAmBC,EAAM6B,KAExE,GAAIoB,EAAeD,OAAS,EAK1B,YAJApB,EAAS,CACP1B,KAAM,kBACN4C,MAAOG,IAKX,MAAMC,EAAgBb,EAAiBS,GAEnCI,EAAcF,OAAS,IACzBhC,SAAAA,EAAekC,GAEX5B,EAASqB,UACXrB,EAASqB,QAAQU,MAAQ,IAE7B,GAEF,CAAC5B,EAAaE,EAAOC,EAAUC,EAAQb,EAAcD,IAGvD,OACEuC,OAACC,EAAAA,6BACCC,KAAK,SACLC,SAAU,EAAC,aACA,cACXtC,MAAOW,EACP4B,QAAShB,EACTiB,WAAY3B,EACZ4B,OAAQf,EACRgB,YAAarB,EACbsB,YAAarB,EACbsB,UAAY7B,IACQ,UAAdA,EAAM8B,KAAiBtB,GAAa,GAEtCtB,EAAS,CAAAN,SAAA,CAEQ,mBAAbA,EAA0BA,EAAS,CAAEa,QAAOH,aAAcV,EAClEmD,EAAAA,IAAA,QAAAC,OAAAC,OAAA,CAAOC,IAAK9C,EAAU+C,SAAUlB,GAAuBlC,EAAU,CAAEqD,QAAM,EAACpE,KAAK,OAAOqE,SAAUrD,EAAW,QAGjH"}

package/cjs/components/video/Video.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Video.js","sources":["../../../../../src/components/video/Video.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { FileMissingIcon } from '@/src/components/icon/stroke/FileMissingIcon';\n\nexport interface VideoProps extends BoxProps<'video'> {\n /** The URL of the video to embed. /\n src?: string;\n /* video type property, @default \"video/mp4\" /\n type?: string;\n /* The message (or component) to display if the video cannot be loaded, @default <Icon name=\"file-missing\" /> centered inside the Box /\n noVidErrorMessage?: React.ReactNode;\n /* Custom source Box props. /\n sourceProps?: BoxProps<'source'>;\n /* Image to be shown while the video is downloading or until the user hits the play button. /\n poster?: string;\n /* Video element autoPlay, @default true /\n autoPlay?: boolean;\n /* Video element muted, @default true /\n muted?: boolean;\n /* Video element native browser controls, @default false /\n controls?: boolean;\n /* Video element loop, @default false /\n loop?: boolean;\n}\n\n/\n The Video component is a customizable video player built with React and Material-UI.\n * It extends the Box component from Material-UI and provides various props to control video playback and appearance.\n * If children are provided, they are rendered inside the video element as source elements.\n * If no children are provided, a default source element is used based on the src prop.\n * @param videoRef - A reference to the video element.\n */\nexport const Video: React.FC<VideoProps> = forwardRef(\n (\n {\n src,\n type = 'video/mp4',\n noVidErrorMessage,\n sourceProps,\n poster,\n sx,\n autoPlay = true,\n muted = true,\n controls = false,\n loop = false,\n children,\n ...rest\n },\n ref,\n ) => {\n return (\n <Box\n component=\"video\"\n data-testid=\"Video\"\n poster={poster}\n ref={ref}\n autoPlay={autoPlay}\n muted={muted}\n controls={controls}\n loop={loop}\n sx={{\n display: 'block',\n maxWidth: '100%',\n ...sx,\n }}\n {...rest}\n >\n {children ?? <Box component=\"source\" src={src} type={type} {...sourceProps} />}\n {noVidErrorMessage ?? (\n <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%' }}>\n <FileMissingIcon />\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["Video","forwardRef","_a","ref","src","type","noVidErrorMessage","sourceProps","poster","sx","autoPlay","muted","controls","loop","children","rest","__rest","_jsxs","~~jsxs","~~Box","Object","assign","component","display","maxWidth","_jsx","~~jsx","~~justifyContent","alignItems","width","height","FileMissingIcon"],"mappings":"~~gKAgCa~~,~~MAAAA~~,EAA8BC,~~EAAUA~~,~~YACnD~~,CACEC,EAcAC,KAdA,IAAAC,IACEA,EAAGC,KACHA,EAAO,YAAWC,kBAClBA,EAAiBC,YACjBA,EAAWC,OACXA,EAAMC,GACNA,EAAEC,SACFA,GAAW,EAAIC,MACfA,GAAQ,EAAIC,SACZA,GAAW,EAAKC,KAChBA,GAAO,EAAKC,SACZA,~~GAEDZ~~,~~EADIa~~,EAAIC,EAAAA,OAAAd,EAZT,gHAgBA,OACEe,~~EAACC~~,~~KAAAC~~,~~EAAGA~~,~~IACFC~~,OAAAC,OAAA,~~CAAAC~~,UAAU,QAAO,cACL,~~QACZd~~,OAAQA,EACRL,IAAKA,EACLO,SAAUA,EACVC,MAAOA,EACPC,SAAUA,EACVC,KAAMA,EACNJ,~~GACEW~~,OAAAC,OAAA,~~CAAAE~~,QAAS,QACTC,SAAU,~~QACPf~~,IAEDM,EAAI,CAAAD,SAAA,CAEPA,QAAAA,~~EAAYW~~,~~EAACC~~,~~IAAAP~~,qBAAIG,UAAU,~~SAASlB~~,IAAKA,EAAKC,KAAMA,GAAUE,IAC9DD,QAAAA,~~EACCmB~~,EAAAA,IAACN,~~EAAGA~~,~~IAAC~~,~~CAAAV~~,GAAI,~~CAAEc~~,QAAS,~~OAAQI~~,eAAgB,SAAUC,WAAY,SAAUC,MAAO,OAAQC,OAAQ,~~QACjGhB~~,~~SAAAW~~,~~MAACM~~,EAAAA,gBAAe,CAAA,QAGhB"}
1	+ {"version":3,"file":"Video.js","sources":["../../../../../src/components/video/Video.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { FileMissingIcon } from '@/src/components/icon/stroke/FileMissingIcon';\n\nexport interface VideoProps extends BoxProps<'video'> {\n /** The URL of the video to embed. /\n src?: string;\n /* video type property, @default \"video/mp4\" /\n type?: string;\n /* The message (or component) to display if the video cannot be loaded, @default <Icon name=\"file-missing\" /> centered inside the Box /\n noVidErrorMessage?: React.ReactNode;\n /* Custom source Box props. /\n sourceProps?: BoxProps<'source'>;\n /* Image to be shown while the video is downloading or until the user hits the play button. /\n poster?: string;\n /* Video element autoPlay, @default true /\n autoPlay?: boolean;\n /* Video element muted, @default true /\n muted?: boolean;\n /* Video element native browser controls, @default false /\n controls?: boolean;\n /* Video element loop, @default false /\n loop?: boolean;\n}\n\n/\n The Video component is a customizable video player built with React and Material-UI.\n * It extends the Box component from Material-UI and provides various props to control video playback and appearance.\n * If children are provided, they are rendered inside the video element as source elements.\n * If no children are provided, a default source element is used based on the src prop.\n * @param videoRef - A reference to the video element.\n */\nexport const Video: React.FC<VideoProps> = forwardRef(\n (\n {\n src,\n type = 'video/mp4',\n noVidErrorMessage,\n sourceProps,\n poster,\n sx,\n autoPlay = true,\n muted = true,\n controls = false,\n loop = false,\n children,\n ...rest\n },\n ref,\n ) => {\n return (\n <Box\n component=\"video\"\n data-testid=\"Video\"\n poster={poster}\n ref={ref}\n autoPlay={autoPlay}\n muted={muted}\n controls={controls}\n loop={loop}\n sx={{\n display: 'block',\n maxWidth: '100%',\n ...sx,\n }}\n {...rest}\n >\n {children ?? <Box component=\"source\" src={src} type={type} {...sourceProps} />}\n {noVidErrorMessage ?? (\n <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%' }}>\n <FileMissingIcon />\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["Video","forwardRef","_a","ref","src","type","noVidErrorMessage","sourceProps","poster","sx","autoPlay","muted","controls","loop","children","rest","__rest","_jsxs","Box","Object","assign","component","display","maxWidth","_jsx","justifyContent","alignItems","width","height","FileMissingIcon"],"mappings":"gKAgCO,MAAMA,EAA8BC,EAAAA,YACzC,CACEC,EAcAC,KAdA,IAAAC,IACEA,EAAGC,KACHA,EAAO,YAAWC,kBAClBA,EAAiBC,YACjBA,EAAWC,OACXA,EAAMC,GACNA,EAAEC,SACFA,GAAW,EAAIC,MACfA,GAAQ,EAAIC,SACZA,GAAW,EAAKC,KAChBA,GAAO,EAAKC,SACZA,GAAQZ,EACLa,EAAIC,EAAAA,OAAAd,EAZT,gHAgBA,OACEe,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,UAAU,QAAO,cACL,QACZb,OAAQA,EACRL,IAAKA,EACLO,SAAUA,EACVC,MAAOA,EACPC,SAAUA,EACVC,KAAMA,EACNJ,GAAEU,OAAAC,OAAA,CACAE,QAAS,QACTC,SAAU,QACPd,IAEDM,EAAI,CAAAD,SAAA,CAEPA,QAAAA,EAAYU,EAAAA,IAACN,qBAAIG,UAAU,SAASjB,IAAKA,EAAKC,KAAMA,GAAUE,IAC9DD,QAAAA,EACCkB,EAAAA,IAACN,EAAAA,IAAG,CAACT,GAAI,CAAEa,QAAS,OAAQG,eAAgB,SAAUC,WAAY,SAAUC,MAAO,OAAQC,OAAQ,QAAQd,SACzGU,MAACK,EAAAA,gBAAe,CAAA,QAGhB"}

package/cjs/components/video/hooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hooks.js","sources":["../../../../../src/components/video/hooks.ts"],"sourcesContent":["import React, { useCallback, useEffect, useState, RefObject } from 'react';\n\ninterface SoundControls {\n /** A boolean indicating if the video is muted. /\n isMuted: boolean;\n /* handleMuteToggle: A function to toggle the mute state. /\n handleMuteToggle: () => void;\n /* A number representing the current volume level (0 to 1). /\n volume: number;\n /* A function to change the volume level. /\n handleVolumeChange: (newVolume: number) => void;\n}\n\n/\n A custom hook to manage sound controls (mute and volume) for a video element.\n * @param videoRef - A reference to the video element.\n /\nexport const useVideoSoundControls = (videoRef: React.RefObject<HTMLVideoElement>): SoundControls => {\n const [isMuted, setIsMuted] = useState(videoRef.current?.muted);\n const [volume, setVolume] = useState(1);\n\n useEffect(() => {\n const video = videoRef?.current;\n if (video) {\n if (typeof isMuted === 'undefined') {\n setIsMuted(video?.muted);\n }\n\n videoRef.current.muted = isMuted;\n videoRef.current.volume = volume;\n }\n }, [isMuted, volume, videoRef]);\n\n const handleMuteToggle = useCallback(() => {\n setIsMuted((prevMuted) => !prevMuted);\n }, []);\n\n const handleVolumeChange = useCallback((newVolume: number) => {\n setVolume(newVolume);\n }, []);\n\n return {\n isMuted,\n handleMuteToggle,\n volume,\n handleVolumeChange,\n };\n};\n\ninterface PlayPause {\n /* A boolean indicating if the video is currently playing. /\n isPlaying: boolean;\n /* A function to toggle between play and pause states. /\n handlePlayPause: () => void;\n}\n\n/\n A custom hook to manage play/pause functionality for a video element.\n * @param videoRef - A reference to the video element.\n /\nexport const useVideoPlayPause = (videoRef: React.RefObject<HTMLVideoElement>): PlayPause => {\n const [isPlaying, setIsPlaying] = useState(!videoRef.current?.paused);\n\n useEffect(() => {\n const video = videoRef?.current;\n\n if (video && typeof isPlaying === 'undefined') {\n setIsPlaying(!video?.paused);\n }\n\n const handlePlay = () => {\n // prevent playing state when autoplay triggers play event on re-entering viewport after video ended\n !(video.autoplay && video.ended) && setIsPlaying(true);\n };\n const handlePause = () => setIsPlaying(false);\n\n if (video) {\n video.addEventListener('pause', handlePause);\n\n // Set initial state (not enough without event listeners due to autoPlay and paused race conditions)\n setIsPlaying(!video.paused);\n\n video.addEventListener('play', handlePlay);\n\n return () => {\n video.removeEventListener('play', handlePlay);\n video.removeEventListener('pause', handlePause);\n };\n }\n }, [videoRef]);\n\n const handlePlayPause = useCallback(() => {\n if (videoRef?.current) {\n if (isPlaying) {\n videoRef.current.pause();\n } else {\n videoRef.current.play();\n }\n setIsPlaying((prevIsPlaying) => !prevIsPlaying);\n }\n }, [isPlaying, videoRef?.current]);\n\n return {\n isPlaying,\n handlePlayPause,\n };\n};\n\ninterface VideoTime {\n /* The current playback time. /\n currentTime: number;\n /* The total duration of the video. /\n duration: number;\n /* A function to seek to a specific time. /\n handleSeek: (newTime: number) => void;\n}\n\n/\n useVideoTime is a custom React hook designed to manage and synchronize the playback time state\n * of a video element with the React component state. It provides an interface to track the current\n * playback time, the total duration of the video, and a method to seek to a specific time in the video.\n * @param {RefObject<HTMLVideoElement>} videoRef - A reference to the HTML video element.\n */\n\nexport const useVideoTime = (videoRef: RefObject<HTMLVideoElement>): VideoTime => {\n const [currentTime, setCurrentTime] = useState(0);\n const [duration, setDuration] = useState(videoRef.current?.duration);\n\n const handleTimeUpdate = useCallback(() => {\n if (videoRef.current?.currentTime) {\n setCurrentTime(videoRef.current.currentTime);\n }\n }, [videoRef]);\n\n const handleSeek = useCallback(\n (newTime: number) => {\n if (videoRef.current?.currentTime) {\n videoRef.current.currentTime = newTime;\n }\n setCurrentTime(newTime);\n },\n [videoRef],\n );\n\n const handleLoadedMetadata = useCallback(() => {\n if (videoRef.current?.duration) {\n setDuration(videoRef.current.duration);\n }\n }, [videoRef]);\n\n useEffect(() => {\n const video = videoRef?.current;\n if (video) {\n video.addEventListener('loadedmetadata', handleLoadedMetadata);\n video.addEventListener('timeupdate', handleTimeUpdate);\n\n return () => {\n video.removeEventListener('loadedmetadata', handleLoadedMetadata);\n video.removeEventListener('timeupdate', handleTimeUpdate);\n };\n }\n }, [handleLoadedMetadata, handleTimeUpdate, videoRef]);\n\n return {\n currentTime,\n duration,\n handleSeek,\n };\n};\n\n// TODO: MDX prepared, release it when we have production ready timeline\n// ### useVideoTime\n\n// Use the `useVideoTime` hook to manage the functionality of a custom video timeline, referencing the video element (videoRef in the example below).\n// The `handleSeek` function updates the current playback time of the video.\n// The `currentTime` state represents the current playback time, while the `duration` state indicates the total length of the video.\n\n// > The slider component in the example does not represent a custom control for production quality\n// > and it is included solely for demonstration purposes.\n\n// `currentTime`, `duration`, `handleSeek`\n// ```tsx\n// import { useVideoTime } from '@skodaflow/web-library';\n\n// const videoRef = useRef<HTMLVideoElement>(null);\n// const { currentTime, duration, handleSeek } = useVideoTime(videoRef);\n\n// <Box sx={{ display: 'grid', width: 'max-content' }}>\n// <Video ref={videoRef} src={mp4ExampleVideo} style={{ gridArea: '1 / 1' }} />\n\n// <Slider\n// value={dragging ? tempValue : currentTime}\n// max={duration}\n// onChange={handleChange}\n// onChangeCommitted={handleChangeCommitted}\n// onMouseDown={handleDragStart}\n// sx={{\n// gridArea: '1 / 1',\n// justifySelf: 'center',\n// alignSelf: 'end',\n// width: '95%',\n// }}\n// />\n// </Box>\n// ```\n\n// <Canvas of={VideoStories.WithTimeline} />\n"],"names":["videoRef","isPlaying","setIsPlaying","useState","_a","current","paused","useEffect","video","handlePlay","autoplay","ended","handlePause","addEventListener","removeEventListener","handlePlayPause","useCallback","pause","play","prevIsPlaying","isMuted","setIsMuted","muted","volume","setVolume","handleMuteToggle","prevMuted","handleVolumeChange","newVolume","currentTime","setCurrentTime","duration","setDuration","handleTimeUpdate","handleSeek","newTime","handleLoadedMetadata"],"mappings":"8DA4DkCA,UAChC,MAAOC,EAAWC,GAAgBC,EAAAA,mBAAUC,EAAAJ,EAASK,8BAASC,SAE9DC,EAAAA,WAAU,KACR,MAAMC,EAAQR,~~aAAA~~,~~EAAAA~~,EAAUK,QAEpBG,QAA8B,IAAdP,GAClBC,IAAcM,~~aAAA~~,~~EAAAA~~,EAAOF,SAGvB,MAAMG,EAAa,OAEfD,EAAME,WAAYF,EAAMG,QAAUT,GAAa,EAAK,EAElDU,EAAc,IAAMV,GAAa,GAEvC,GAAIM,EAQF,OAPAA,EAAMK,iBAAiB,QAASD,GAGhCV,GAAcM,EAAMF,QAEpBE,EAAMK,iBAAiB,OAAQJ,GAExB,KACLD,EAAMM,oBAAoB,OAAQL,GAClCD,EAAMM,oBAAoB,QAASF,EAAY,~~IAGlD~~,CAACZ,IAEJ,MAAMe,EAAkBC,EAAAA,aAAY,MAC9BhB,aAAQ,EAARA,EAAUK,WACRJ,EACFD,EAASK,QAAQY,QAEjBjB,EAASK,QAAQa,OAEnBhB,GAAciB,IAAmBA,~~OAElC~~,CAAClB,EAAWD,aAAQ,EAARA,EAAUK,UAEzB,MAAO,CACLJ,YACAc,kBACD,gCAxFmCf,UACpC,MAAOoB,EAASC,GAAclB,~~EAAQA~~,~~SAAmB~~,~~QAAlBC~~,EAAAJ,EAASK,~~eAAS~~,IAAAD,OAAA,EAAAA,~~EAAAkB~~,QAClDC,EAAQC,GAAarB,EAAAA,SAAS,GAErCI,EAAAA,WAAU,KACR,MAAMC,EAAQR,~~aAAA~~,~~EAAAA~~,EAAUK,QACpBG,SACqB,IAAZY,GACTC,EAAWb,eAAAA,EAAOc,OAGpBtB,EAASK,QAAQiB,MAAQF,EACzBpB,EAASK,QAAQkB,OAASA,~~KAE3B~~,CAACH,EAASG,EAAQvB,IAErB,MAAMyB,EAAmBT,EAAAA,aAAY,KACnCK,GAAYK,IAAeA,GAAU,GACpC,IAEGC,EAAqBX,eAAaY,IACtCJ,EAAUI,EAAU,GACnB,IAEH,MAAO,CACLR,UACAK,mBACAF,SACAI,qBACD,uBA8E0B3B,UAC3B,MAAO6B,EAAaC,GAAkB3B,EAAAA,SAAS,IACxC4B,EAAUC,GAAe7B,~~EAAQA~~,~~SAAmB~~,~~QAAlBC~~,EAAAJ,EAASK,~~eAAS~~,IAAAD,OAAA,EAAAA,~~EAAA2B~~,UAErDE,EAAmBjB,EAAAA,aAAY,~~YACb~~,~~UAAlBhB~~,EAASK,~~eAAS~~,IAAAD,OAAA,EAAAA,~~EAAAyB~~,cACpBC,EAAe9B,EAASK,QAAQwB,~~eAEjC~~,CAAC7B,IAEEkC,EAAalB,eAChBmB,~~WACuB~~,~~UAAlBnC~~,EAASK,~~eAAS~~,IAAAD,OAAA,EAAAA,~~EAAAyB~~,eACpB7B,EAASK,QAAQwB,YAAcM,GAEjCL,EAAeK,EAAQ,GAEzB,CAACnC,IAGGoC,EAAuBpB,EAAAA,aAAY,~~YACjB~~,~~UAAlBhB~~,EAASK,~~eAAS~~,IAAAD,OAAA,EAAAA,~~EAAA2B~~,WACpBC,EAAYhC,EAASK,QAAQ0B,~~YAE9B~~,CAAC/B,IAeJ,OAbAO,EAAAA,WAAU,KACR,MAAMC,EAAQR,~~aAAA~~,~~EAAAA~~,EAAUK,QACxB,GAAIG,EAIF,OAHAA,EAAMK,iBAAiB,iBAAkBuB,GACzC5B,EAAMK,iBAAiB,aAAcoB,GAE9B,KACLzB,EAAMM,oBAAoB,iBAAkBsB,GAC5C5B,EAAMM,oBAAoB,aAAcmB,EAAiB,~~IAG5D~~,CAACG,EAAsBH,EAAkBjC,IAErC,CACL6B,cACAE,WACAG,aACD"}
1	+ {"version":3,"file":"hooks.js","sources":["../../../../../src/components/video/hooks.ts"],"sourcesContent":["import React, { useCallback, useEffect, useState, RefObject } from 'react';\n\ninterface SoundControls {\n /** A boolean indicating if the video is muted. /\n isMuted: boolean;\n /* handleMuteToggle: A function to toggle the mute state. /\n handleMuteToggle: () => void;\n /* A number representing the current volume level (0 to 1). /\n volume: number;\n /* A function to change the volume level. /\n handleVolumeChange: (newVolume: number) => void;\n}\n\n/\n A custom hook to manage sound controls (mute and volume) for a video element.\n * @param videoRef - A reference to the video element.\n /\nexport const useVideoSoundControls = (videoRef: React.RefObject<HTMLVideoElement>): SoundControls => {\n const [isMuted, setIsMuted] = useState(videoRef.current?.muted);\n const [volume, setVolume] = useState(1);\n\n useEffect(() => {\n const video = videoRef?.current;\n if (video) {\n if (typeof isMuted === 'undefined') {\n setIsMuted(video?.muted);\n }\n\n videoRef.current.muted = isMuted;\n videoRef.current.volume = volume;\n }\n }, [isMuted, volume, videoRef]);\n\n const handleMuteToggle = useCallback(() => {\n setIsMuted((prevMuted) => !prevMuted);\n }, []);\n\n const handleVolumeChange = useCallback((newVolume: number) => {\n setVolume(newVolume);\n }, []);\n\n return {\n isMuted,\n handleMuteToggle,\n volume,\n handleVolumeChange,\n };\n};\n\ninterface PlayPause {\n /* A boolean indicating if the video is currently playing. /\n isPlaying: boolean;\n /* A function to toggle between play and pause states. /\n handlePlayPause: () => void;\n}\n\n/\n A custom hook to manage play/pause functionality for a video element.\n * @param videoRef - A reference to the video element.\n /\nexport const useVideoPlayPause = (videoRef: React.RefObject<HTMLVideoElement>): PlayPause => {\n const [isPlaying, setIsPlaying] = useState(!videoRef.current?.paused);\n\n useEffect(() => {\n const video = videoRef?.current;\n\n if (video && typeof isPlaying === 'undefined') {\n setIsPlaying(!video?.paused);\n }\n\n const handlePlay = () => {\n // prevent playing state when autoplay triggers play event on re-entering viewport after video ended\n !(video.autoplay && video.ended) && setIsPlaying(true);\n };\n const handlePause = () => setIsPlaying(false);\n\n if (video) {\n video.addEventListener('pause', handlePause);\n\n // Set initial state (not enough without event listeners due to autoPlay and paused race conditions)\n setIsPlaying(!video.paused);\n\n video.addEventListener('play', handlePlay);\n\n return () => {\n video.removeEventListener('play', handlePlay);\n video.removeEventListener('pause', handlePause);\n };\n }\n }, [videoRef]);\n\n const handlePlayPause = useCallback(() => {\n if (videoRef?.current) {\n if (isPlaying) {\n videoRef.current.pause();\n } else {\n videoRef.current.play();\n }\n setIsPlaying((prevIsPlaying) => !prevIsPlaying);\n }\n }, [isPlaying, videoRef?.current]);\n\n return {\n isPlaying,\n handlePlayPause,\n };\n};\n\ninterface VideoTime {\n /* The current playback time. /\n currentTime: number;\n /* The total duration of the video. /\n duration: number;\n /* A function to seek to a specific time. /\n handleSeek: (newTime: number) => void;\n}\n\n/\n useVideoTime is a custom React hook designed to manage and synchronize the playback time state\n * of a video element with the React component state. It provides an interface to track the current\n * playback time, the total duration of the video, and a method to seek to a specific time in the video.\n * @param {RefObject<HTMLVideoElement>} videoRef - A reference to the HTML video element.\n */\n\nexport const useVideoTime = (videoRef: RefObject<HTMLVideoElement>): VideoTime => {\n const [currentTime, setCurrentTime] = useState(0);\n const [duration, setDuration] = useState(videoRef.current?.duration);\n\n const handleTimeUpdate = useCallback(() => {\n if (videoRef.current?.currentTime) {\n setCurrentTime(videoRef.current.currentTime);\n }\n }, [videoRef]);\n\n const handleSeek = useCallback(\n (newTime: number) => {\n if (videoRef.current?.currentTime) {\n videoRef.current.currentTime = newTime;\n }\n setCurrentTime(newTime);\n },\n [videoRef],\n );\n\n const handleLoadedMetadata = useCallback(() => {\n if (videoRef.current?.duration) {\n setDuration(videoRef.current.duration);\n }\n }, [videoRef]);\n\n useEffect(() => {\n const video = videoRef?.current;\n if (video) {\n video.addEventListener('loadedmetadata', handleLoadedMetadata);\n video.addEventListener('timeupdate', handleTimeUpdate);\n\n return () => {\n video.removeEventListener('loadedmetadata', handleLoadedMetadata);\n video.removeEventListener('timeupdate', handleTimeUpdate);\n };\n }\n }, [handleLoadedMetadata, handleTimeUpdate, videoRef]);\n\n return {\n currentTime,\n duration,\n handleSeek,\n };\n};\n\n// TODO: MDX prepared, release it when we have production ready timeline\n// ### useVideoTime\n\n// Use the `useVideoTime` hook to manage the functionality of a custom video timeline, referencing the video element (videoRef in the example below).\n// The `handleSeek` function updates the current playback time of the video.\n// The `currentTime` state represents the current playback time, while the `duration` state indicates the total length of the video.\n\n// > The slider component in the example does not represent a custom control for production quality\n// > and it is included solely for demonstration purposes.\n\n// `currentTime`, `duration`, `handleSeek`\n// ```tsx\n// import { useVideoTime } from '@skodaflow/web-library';\n\n// const videoRef = useRef<HTMLVideoElement>(null);\n// const { currentTime, duration, handleSeek } = useVideoTime(videoRef);\n\n// <Box sx={{ display: 'grid', width: 'max-content' }}>\n// <Video ref={videoRef} src={mp4ExampleVideo} style={{ gridArea: '1 / 1' }} />\n\n// <Slider\n// value={dragging ? tempValue : currentTime}\n// max={duration}\n// onChange={handleChange}\n// onChangeCommitted={handleChangeCommitted}\n// onMouseDown={handleDragStart}\n// sx={{\n// gridArea: '1 / 1',\n// justifySelf: 'center',\n// alignSelf: 'end',\n// width: '95%',\n// }}\n// />\n// </Box>\n// ```\n\n// <Canvas of={VideoStories.WithTimeline} />\n"],"names":["videoRef","isPlaying","setIsPlaying","useState","_a","current","paused","useEffect","video","handlePlay","autoplay","ended","handlePause","addEventListener","removeEventListener","handlePlayPause","useCallback","pause","play","prevIsPlaying","isMuted","setIsMuted","muted","volume","setVolume","handleMuteToggle","prevMuted","handleVolumeChange","newVolume","currentTime","setCurrentTime","duration","setDuration","handleTimeUpdate","handleSeek","newTime","handleLoadedMetadata"],"mappings":"8DA4DkCA,UAChC,MAAOC,EAAWC,GAAgBC,EAAAA,mBAAUC,EAAAJ,EAASK,8BAASC,SAE9DC,EAAAA,WAAU,KACR,MAAMC,EAAQR,aAAQ,EAARA,EAAUK,QAEpBG,QAA8B,IAAdP,GAClBC,IAAcM,aAAK,EAALA,EAAOF,SAGvB,MAAMG,EAAa,OAEfD,EAAME,WAAYF,EAAMG,QAAUT,GAAa,EAAK,EAElDU,EAAc,IAAMV,GAAa,GAEvC,GAAIM,EAQF,OAPAA,EAAMK,iBAAiB,QAASD,GAGhCV,GAAcM,EAAMF,QAEpBE,EAAMK,iBAAiB,OAAQJ,GAExB,KACLD,EAAMM,oBAAoB,OAAQL,GAClCD,EAAMM,oBAAoB,QAASF,EAAY,CAEnD,GACC,CAACZ,IAEJ,MAAMe,EAAkBC,EAAAA,aAAY,MAC9BhB,aAAQ,EAARA,EAAUK,WACRJ,EACFD,EAASK,QAAQY,QAEjBjB,EAASK,QAAQa,OAEnBhB,GAAciB,IAAmBA,IACnC,GACC,CAAClB,EAAWD,aAAQ,EAARA,EAAUK,UAEzB,MAAO,CACLJ,YACAc,kBACD,gCAxFmCf,UACpC,MAAOoB,EAASC,GAAclB,EAAAA,SAAyB,QAAhBC,EAAAJ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAEkB,QAClDC,EAAQC,GAAarB,EAAAA,SAAS,GAErCI,EAAAA,WAAU,KACR,MAAMC,EAAQR,aAAQ,EAARA,EAAUK,QACpBG,SACqB,IAAZY,GACTC,EAAWb,eAAAA,EAAOc,OAGpBtB,EAASK,QAAQiB,MAAQF,EACzBpB,EAASK,QAAQkB,OAASA,EAC5B,GACC,CAACH,EAASG,EAAQvB,IAErB,MAAMyB,EAAmBT,EAAAA,aAAY,KACnCK,GAAYK,IAAeA,GAAU,GACpC,IAEGC,EAAqBX,eAAaY,IACtCJ,EAAUI,EAAU,GACnB,IAEH,MAAO,CACLR,UACAK,mBACAF,SACAI,qBACD,uBA8E0B3B,UAC3B,MAAO6B,EAAaC,GAAkB3B,EAAAA,SAAS,IACxC4B,EAAUC,GAAe7B,EAAAA,SAAyB,QAAhBC,EAAAJ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAE2B,UAErDE,EAAmBjB,EAAAA,aAAY,YACf,UAAhBhB,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAEyB,cACpBC,EAAe9B,EAASK,QAAQwB,YAClC,GACC,CAAC7B,IAEEkC,EAAalB,eAChBmB,WACqB,UAAhBnC,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAEyB,eACpB7B,EAASK,QAAQwB,YAAcM,GAEjCL,EAAeK,EAAQ,GAEzB,CAACnC,IAGGoC,EAAuBpB,EAAAA,aAAY,YACnB,UAAhBhB,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAE2B,WACpBC,EAAYhC,EAASK,QAAQ0B,SAC/B,GACC,CAAC/B,IAeJ,OAbAO,EAAAA,WAAU,KACR,MAAMC,EAAQR,aAAQ,EAARA,EAAUK,QACxB,GAAIG,EAIF,OAHAA,EAAMK,iBAAiB,iBAAkBuB,GACzC5B,EAAMK,iBAAiB,aAAcoB,GAE9B,KACLzB,EAAMM,oBAAoB,iBAAkBsB,GAC5C5B,EAAMM,oBAAoB,aAAcmB,EAAiB,CAE7D,GACC,CAACG,EAAsBH,EAAkBjC,IAErC,CACL6B,cACAE,WACAG,aACD"}