npm - @skodaflow/web-library - Versions diffs - 7.15.0 → 7.16.0 - Mend

@skodaflow/web-library 7.15.0 → 7.16.0

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 (4125) hide show

package/cjs/components/chip/chipMultiselect/multiSelectChip.js CHANGED Viewed

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

package/cjs/components/chip/chipMultiselect/multiSelectChip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"multiSelectChip.js","sources":["../../../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useMemo, useState } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled, ClickAwayListener } from '@mui/material';\nimport { Icon, IconNameProp } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport { FlowMenuProps } from '../../menu';\nimport MenuContainer from '../../common/menuContainer';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface MultiSelectChipProps\n extends HTMLAttributes<HTMLDivElement>,\n Omit<FlowMenuProps, 'setIsOpen' \| 'variant'> {\n /\n The label referenced to the text field\n /\n label?: string;\n\n /\n Disabled, not clickable chip\n /\n disabled?: boolean;\n\n /\n Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n /\n icon?: IconNameProp;\n\n /\n Variant of chip defines different look and style\n /\n variant?: 'solid' \| 'transparent' \| 'shadow';\n\n /\n The toggle label displayed when groupToggleSelection is true. Default is \"Select All\".\n /\n toggleLabel?: string;\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const MultiSelectChip = forwardRef<HTMLDivElement, MultiSelectChipProps>(\n ({ variant, label, disabled, icon, ...props }, ref) => {\n const [focusVisibled, setFocusVisible] = useState(false);\n const [selected, setSelected] = useState(false);\n const [isOpen, setIsOpen] = useState(false);\n\n const onClickCloseHandler = useCallback(\n (e) => {\n e.stopPropagation();\n\n props.reactHook.setState([]);\n },\n [props.reactHook],\n );\n\n const Count = useMemo(() => {\n return (\n <>\n {label}\n {props.reactHook.state.length > 0 && (\n <span className=\"count\">\n <span>{props.reactHook.state.length}</span>\n </span>\n )}\n {(props.reactHook.state.length > 0 && (\n <Icon color=\"inherit\" name=\"close\" fontSize=\"small\" onClick={onClickCloseHandler} />\n )) \|\| <Icon color=\"inherit\" name=\"chevron-down\" className={isOpen ? 'isOpen' : ''} fontSize=\"small\" />}\n </>\n );\n }, [isOpen, label, onClickCloseHandler, props.reactHook.state.length]);\n\n const onBlur = useCallback(\n (e: any) => {\n setFocusVisible(false);\n if (props.onBlur) props.onBlur(e);\n },\n [props],\n );\n\n const onSelectHandler = useCallback(() => {\n setIsOpen((curr) => !curr);\n setSelected((curr) => !curr);\n }, []);\n\n const handleClickAway = useCallback(() => {\n setIsOpen(false);\n setSelected(false);\n }, []);\n\n const onFocusVisibleHandler = useCallback(() => {\n setFocusVisible(true);\n }, []);\n\n return (\n <>\n <ClickAwayListener onClickAway={handleClickAway}>\n <span>\n <div>\n <ChipFocusVisibleStyled focusVisible={focusVisibled} variant={variant}>\n <MultiSelectChipStyled\n className={variant === 'shadow' && 'MuiChip-shadow'}\n ref={ref}\n variant={'filled'}\n icon={icon ? <Icon name={icon} /> : undefined}\n label={Count}\n disabled={disabled}\n onClick={onSelectHandler}\n color={selected \|\| props.reactHook.state.length ? 'primary' : 'default'}\n onFocusVisible={onFocusVisibleHandler}\n onBlur={onBlur}\n count={props.reactHook.state.length}\n aria-label={`${props.reactHook.state.length} elements selected`}\n isOpen={isOpen}\n />\n </ChipFocusVisibleStyled>\n </div>\n\n <MenuContainer\n disabled={disabled}\n isOpen={isOpen}\n items={props.items}\n hasIcon={props.hasIcon}\n multipleSelection={true}\n groupToggleSelection={props.groupToggleSelection}\n groupLabel={props.groupLabel}\n reactHook={props.reactHook}\n width={182}\n marginTop={14}\n setIsOpen={setIsOpen}\n toggleLabel={props.toggleLabel}\n />\n </span>\n </ClickAwayListener>\n </>\n );\n },\n);\n\n/\n @description Chip styling definition based on props\n */\nconst MultiSelectChipStyled = styled(MuiChip, {\n shouldForwardProp: (prop) => prop !== 'isOpen',\n})<\n MuiChipProps & { count: number; isOpen: boolean } & {\n onFocusVisible: React.FocusEventHandler<any>;\n }\n>(({ theme }) => {\n const flowColors = theme.palette;\n\n const stateStyle = {};\n\n // if (count > 0) {\n // \tstateStyle = {\n // \t\t'&.MuiChip-root': {\n // \t\t\tbackgroundColor: flowColors.brand.quarternary,\n // \t\t\tcolor: flowColors.brand.primary,\n // \t\t\t'& .MuiIcon-root': {\n // \t\t\t\tcolor: flowColors.brand.primary,\n // \t\t\t},\n // \t\t\t'&: hover': {\n // \t\t\t\tcolor: flowColors.brandHover.primary,\n // \t\t\t\t'& .MuiIcon-root': {\n // \t\t\t\t\tcolor: flowColors.brandHover.primary,\n // \t\t\t\t},\n // \t\t\t\t'& .count': {\n // \t\t\t\t\tbackgroundColor: flowColors.brandHover.primary,\n // \t\t\t\t},\n // \t\t\t},\n // \t\t\t'&.Mui-disabled': {\n // \t\t\t\tbackgroundColor: flowColors.transparent.primary,\n // \t\t\t},\n // \t\t},\n // \t};\n // } else {\n // \tstateStyle = {};\n // }\n\n let style = {\n '& .chevron-down': {\n color: 'inherit',\n marginLeft: '8px',\n transform: 'rotate(0deg)',\n top: '4px',\n transition: 'transform 0.6s',\n '&.isOpen': {\n transform: 'rotate(180deg) translateY(2px)',\n transformOrigin: '50%',\n },\n },\n '& .ballotx': {\n color: 'inherit',\n },\n '& .count': {\n color: flowColors.onSurface.os0,\n borderRadius: '50%',\n backgroundColor: flowColors.brand.primary,\n minWidth: '20px',\n height: '20px',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '700',\n margin: '0 8px',\n padding: '0 4px',\n },\n };\n\n style = { ...style, ...stateStyle };\n\n return style;\n});\n"],"names":["MultiSelectChip","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","state","length","_jsx","jsx","className","children","Icon","color","name","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","ClickAwayListener","onClickAway","jsxs","ChipFocusVisibleStyled","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"oRA4Ca,MAAAA,EAAkBC,EAAUA,YACvC,CAACC,EAA8CC,KAA9C,IAAAC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,KAAEA,GAAIL,EAAKM,EAArCC,EAAAA,OAAAP,EAAA,CAAA,UAAA,QAAA,WAAA,SACC,MAAOQ,EAAeC,GAAmBC,EAAAA,UAAS,IAC3CC,EAAUC,GAAeF,EAAAA,UAAS,IAClCG,EAAQC,GAAaJ,EAAAA,UAAS,GAE/BK,EAAsBC,eACzBC,IACCA,EAAEC,kBAEFZ,EAAMa,UAAUC,SAAS,GAAG,GAE9B,CAACd,EAAMa,YAGHE,EAAQC,EAAAA,SAAQ,IAElBC,6BACGpB,EACAG,EAAMa,UAAUK,MAAMC,OAAS,GAC9BC,EAAAC,IAAA,OAAA,CAAMC,UAAU,iBACdF,EAAOC,IAAA,OAAA,CAAAE,SAAAvB,EAAMa,UAAUK,MAAMC,WAG/BnB,EAAMa,UAAUK,MAAMC,OAAS,GAC/BC,EAAAA,IAACI,EAAAA,KAAI,CAACC,MAAM,UAAUC,KAAK,QAAQC,SAAS,QAAQC,QAASnB,KACzDW,MAACI,EAAAA,KAAK,CAAAC,MAAM,UAAUC,KAAK,eAAeJ,UAAWf,EAAS,SAAW,GAAIoB,SAAS,cAG/F,CAACpB,EAAQV,EAAOY,EAAqBT,EAAMa,UAAUK,MAAMC,SAExDU,EAASnB,eACZC,IACCR,GAAgB,GACZH,EAAM6B,QAAQ7B,EAAM6B,OAAOlB,EAAE,GAEnC,CAACX,IAGG8B,EAAkBpB,EAAAA,aAAY,KAClCF,GAAWuB,IAAUA,IACrBzB,GAAayB,IAAUA,GAAK,GAC3B,IAEGC,EAAkBtB,EAAAA,aAAY,KAClCF,GAAU,GACVF,GAAY,EAAM,GACjB,IAEG2B,EAAwBvB,EAAAA,aAAY,KACxCP,GAAgB,EAAK,GACpB,IAEH,OACEiB,2BACEA,EAACC,IAAAa,EAAiBA,mBAACC,YAAaH,EAC9BT,SAAAN,EAAAmB,KAAA,OAAA,CAAAb,SAAA,CACEH,sBACEA,MAACiB,EAAAA,SAAuBC,aAAcpC,EAAeN,QAASA,EAAO2B,SACnEH,EAAAA,IAACmB,EAAqB,CACpBjB,UAAuB,WAAZ1B,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACTG,KAAMA,EAAOqB,EAAAA,IAACI,EAAAA,KAAI,CAACE,KAAM3B,SAAWyC,EACpC3C,MAAOkB,EACPjB,SAAUA,EACV8B,QAASE,EACTL,MAAOpB,GAAYL,EAAMa,UAAUK,MAAMC,OAAS,UAAY,UAC9DsB,eAAgBR,EAChBJ,OAAQA,EACRa,MAAO1C,EAAMa,UAAUK,MAAMC,oBACjB,GAAGnB,EAAMa,UAAUK,MAAMC,2BACrCZ,OAAQA,QAKda,MAACuB,EAAAA,QAAa,CACZ7C,SAAUA,EACVS,OAAQA,EACRqC,MAAO5C,EAAM4C,MACbC,QAAS7C,EAAM6C,QACfC,mBAAmB,EACnBC,qBAAsB/C,EAAM+C,qBAC5BC,WAAYhD,EAAMgD,WAClBnC,UAAWb,EAAMa,UACjBoC,MAAO,IACPC,UAAW,GACX1C,UAAWA,EACX2C,YAAanD,EAAMmD,oBAIxB,IAQHZ,EAAwBa,EAAMA,OAACC,OAAS,CAC5CC,kBAAoBC,GAAkB,WAATA,GADDH,EAM5B,EAAGI,YACH,MAAMC,EAAaD,EAAME,QA8BzB,IAAIC,EAAQ,CACV,kBAAmB,CACjBlC,MAAO,UACPmC,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB,QAGrB,aAAc,CACZvC,MAAO,WAET,WAAY,CACVA,MAAOgC,EAAWQ,UAAUC,IAC5BC,aAAc,MACdC,gBAAiBX,EAAWY,MAAMC,QAClCC,SAAU,OACVC,OAAQ,OACRC,QAAS,cACTC,WAAY,SACZC,eAAgB,SAChBhD,SAAU,OACViD,WAAY,OACZC,WAAY,MACZC,OAAQ,QACRC,QAAS,UAMb,OAFApB,EAAaqB,OAAAC,OAAAD,OAAAC,OAAA,GAAAtB,GA5DM,CAAE,GA8DdA,CAAK"}
1	+ {"version":3,"file":"multiSelectChip.js","sources":["../../../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useMemo, useState } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled, ClickAwayListener } from '@mui/material';\nimport { Icon, IconNameProp } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport { FlowMenuProps } from '../../menu';\nimport MenuContainer from '../../common/menuContainer';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface MultiSelectChipProps\n extends HTMLAttributes<HTMLDivElement>,\n Omit<FlowMenuProps, 'setIsOpen' \| 'variant'> {\n /\n The label referenced to the text field\n /\n label?: string;\n\n /\n Disabled, not clickable chip\n /\n disabled?: boolean;\n\n /\n Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n /\n icon?: IconNameProp;\n\n /\n Variant of chip defines different look and style\n /\n variant?: 'solid' \| 'transparent' \| 'shadow';\n\n /\n The toggle label displayed when groupToggleSelection is true. Default is \"Select All\".\n /\n toggleLabel?: string;\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const MultiSelectChip = forwardRef<HTMLDivElement, MultiSelectChipProps>(\n ({ variant, label, disabled, icon, ...props }, ref) => {\n const [focusVisibled, setFocusVisible] = useState(false);\n const [selected, setSelected] = useState(false);\n const [isOpen, setIsOpen] = useState(false);\n\n const onClickCloseHandler = useCallback(\n (e) => {\n e.stopPropagation();\n\n props.reactHook.setState([]);\n },\n [props.reactHook],\n );\n\n const Count = useMemo(() => {\n return (\n <>\n {label}\n {props.reactHook.state.length > 0 && (\n <span className=\"count\">\n <span>{props.reactHook.state.length}</span>\n </span>\n )}\n {(props.reactHook.state.length > 0 && (\n <Icon color=\"inherit\" name=\"close\" fontSize=\"small\" onClick={onClickCloseHandler} />\n )) \|\| <Icon color=\"inherit\" name=\"chevron-down\" className={isOpen ? 'isOpen' : ''} fontSize=\"small\" />}\n </>\n );\n }, [isOpen, label, onClickCloseHandler, props.reactHook.state.length]);\n\n const onBlur = useCallback(\n (e: any) => {\n setFocusVisible(false);\n if (props.onBlur) props.onBlur(e);\n },\n [props],\n );\n\n const onSelectHandler = useCallback(() => {\n setIsOpen((curr) => !curr);\n setSelected((curr) => !curr);\n }, []);\n\n const handleClickAway = useCallback(() => {\n setIsOpen(false);\n setSelected(false);\n }, []);\n\n const onFocusVisibleHandler = useCallback(() => {\n setFocusVisible(true);\n }, []);\n\n return (\n <>\n <ClickAwayListener onClickAway={handleClickAway}>\n <span>\n <div>\n <ChipFocusVisibleStyled focusVisible={focusVisibled} variant={variant}>\n <MultiSelectChipStyled\n className={variant === 'shadow' && 'MuiChip-shadow'}\n ref={ref}\n variant={'filled'}\n icon={icon ? <Icon name={icon} /> : undefined}\n label={Count}\n disabled={disabled}\n onClick={onSelectHandler}\n color={selected \|\| props.reactHook.state.length ? 'primary' : 'default'}\n onFocusVisible={onFocusVisibleHandler}\n onBlur={onBlur}\n count={props.reactHook.state.length}\n aria-label={`${props.reactHook.state.length} elements selected`}\n isOpen={isOpen}\n />\n </ChipFocusVisibleStyled>\n </div>\n\n <MenuContainer\n disabled={disabled}\n isOpen={isOpen}\n items={props.items}\n hasIcon={props.hasIcon}\n multipleSelection={true}\n groupToggleSelection={props.groupToggleSelection}\n groupLabel={props.groupLabel}\n reactHook={props.reactHook}\n width={182}\n marginTop={14}\n setIsOpen={setIsOpen}\n toggleLabel={props.toggleLabel}\n />\n </span>\n </ClickAwayListener>\n </>\n );\n },\n);\n\n/\n @description Chip styling definition based on props\n */\nconst MultiSelectChipStyled = styled(MuiChip, {\n shouldForwardProp: (prop) => prop !== 'isOpen',\n})<\n MuiChipProps & { count: number; isOpen: boolean } & {\n onFocusVisible: React.FocusEventHandler<any>;\n }\n>(({ theme }) => {\n const flowColors = theme.palette;\n\n const stateStyle = {};\n\n // if (count > 0) {\n // \tstateStyle = {\n // \t\t'&.MuiChip-root': {\n // \t\t\tbackgroundColor: flowColors.brand.quarternary,\n // \t\t\tcolor: flowColors.brand.primary,\n // \t\t\t'& .MuiIcon-root': {\n // \t\t\t\tcolor: flowColors.brand.primary,\n // \t\t\t},\n // \t\t\t'&: hover': {\n // \t\t\t\tcolor: flowColors.brandHover.primary,\n // \t\t\t\t'& .MuiIcon-root': {\n // \t\t\t\t\tcolor: flowColors.brandHover.primary,\n // \t\t\t\t},\n // \t\t\t\t'& .count': {\n // \t\t\t\t\tbackgroundColor: flowColors.brandHover.primary,\n // \t\t\t\t},\n // \t\t\t},\n // \t\t\t'&.Mui-disabled': {\n // \t\t\t\tbackgroundColor: flowColors.transparent.primary,\n // \t\t\t},\n // \t\t},\n // \t};\n // } else {\n // \tstateStyle = {};\n // }\n\n let style = {\n '& .chevron-down': {\n color: 'inherit',\n marginLeft: '8px',\n transform: 'rotate(0deg)',\n top: '4px',\n transition: 'transform 0.6s',\n '&.isOpen': {\n transform: 'rotate(180deg) translateY(2px)',\n transformOrigin: '50%',\n },\n },\n '& .ballotx': {\n color: 'inherit',\n },\n '& .count': {\n color: flowColors.onSurface.os0,\n borderRadius: '50%',\n backgroundColor: flowColors.brand.primary,\n minWidth: '20px',\n height: '20px',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '700',\n margin: '0 8px',\n padding: '0 4px',\n },\n };\n\n style = { ...style, ...stateStyle };\n\n return style;\n});\n"],"names":["MultiSelectChip","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","state","length","_jsx","className","children","Icon","color","name","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"srmCA4CO,MAAMA,EAAkBC,EAAAA,WAC7B,CAACC,EAA8CC,KAA9C,IAAAC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,KAAEA,GAAIL,EAAKM,EAAKC,EAAAA,OAAAP,EAA1C,CAAA,UAAA,QAAA,WAAA,SACC,MAAOQ,EAAeC,GAAmBC,EAAAA,UAAS,IAC3CC,EAAUC,GAAeF,EAAAA,UAAS,IAClCG,EAAQC,GAAaJ,EAAAA,UAAS,GAE/BK,EAAsBC,cACzBC,IACCA,EAAEC,kBAEFZ,EAAMa,UAAUC,SAAS,KAE3B,CAACd,EAAMa,YAGHE,EAAQC,EAAAA,QAAQ,IAElBC,EAAAA,2BACGpB,EACAG,EAAMa,UAAUK,MAAMC,OAAS,GAC9BC,EAAAA,IAAA,OAAA,CAAMC,UAAU,iBACdD,EAAAA,IAAA,OAAA,CAAAE,SAAOtB,EAAMa,UAAUK,MAAMC,WAG/BnB,EAAMa,UAAUK,MAAMC,OAAS,GAC/BC,EAAAA,IAACG,EAAAA,KAAI,CAACC,MAAM,UAAUC,KAAK,QAAQC,SAAS,QAAQC,QAASlB,KACzDW,MAACG,EAAAA,KAAI,CAACC,MAAM,UAAUC,KAAK,eAAeJ,UAAWd,EAAS,SAAW,GAAImB,SAAS,aAG/F,CAACnB,EAAQV,EAAOY,EAAqBT,EAAMa,UAAUK,MAAMC,SAExDS,EAASlB,cACZC,IACCR,GAAgB,GACZH,EAAM4B,QAAQ5B,EAAM4B,OAAOjB,IAEjC,CAACX,IAGG6B,EAAkBnB,EAAAA,YAAY,KAClCF,EAAWsB,IAAUA,GACrBxB,EAAawB,IAAUA,IACtB,IAEGC,EAAkBrB,EAAAA,YAAY,KAClCF,GAAU,GACVF,GAAY,IACX,IAEG0B,EAAwBtB,EAAAA,YAAY,KACxCP,GAAgB,IACf,IAEH,OACEiB,EAAAA,yBACEA,EAAAA,IAACa,EAAAA,mBAAkBC,YAAaH,EAAeT,SAC7CL,EAAAA,KAAA,OAAA,CAAAK,SAAA,CACEF,sBACEA,MAACe,EAAAA,SAAuBC,aAAclC,EAAeN,QAASA,EAAO0B,SACnEF,EAAAA,IAACiB,EAAqB,CACpBhB,UAAuB,WAAZzB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACTG,KAAMA,EAAOqB,EAAAA,IAACG,EAAAA,KAAI,CAACE,KAAM1B,SAAWuC,EACpCzC,MAAOkB,EACPjB,SAAUA,EACV6B,QAASE,EACTL,MAAOnB,GAAYL,EAAMa,UAAUK,MAAMC,OAAS,UAAY,UAC9DoB,eAAgBP,EAChBJ,OAAQA,EACRY,MAAOxC,EAAMa,UAAUK,MAAMC,oBACjB,GAAGnB,EAAMa,UAAUK,MAAMC,2BACrCZ,OAAQA,QAKda,MAACqB,EAAAA,QAAa,CACZ3C,SAAUA,EACVS,OAAQA,EACRmC,MAAO1C,EAAM0C,MACbC,QAAS3C,EAAM2C,QACfC,mBAAmB,EACnBC,qBAAsB7C,EAAM6C,qBAC5BC,WAAY9C,EAAM8C,WAClBjC,UAAWb,EAAMa,UACjBkC,MAAO,IACPC,UAAW,GACXxC,UAAWA,EACXyC,YAAajD,EAAMiD,uBAY3BZ,EAAwBa,EAAAA,OAAOC,OAAS,CAC5CC,kBAAoBC,GAAkB,WAATA,GADDH,CAM5B,EAAGI,YACH,MAAMC,EAAaD,EAAME,QA8BzB,IAAIC,EAAQ,CACV,kBAAmB,CACjBjC,MAAO,UACPkC,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB,QAGrB,aAAc,CACZtC,MAAO,WAET,WAAY,CACVA,MAAO+B,EAAWQ,UAAUC,IAC5BC,aAAc,MACdC,gBAAiBX,EAAWY,MAAMC,QAClCC,SAAU,OACVC,OAAQ,OACRC,QAAS,cACTC,WAAY,SACZC,eAAgB,SAChB/C,SAAU,OACVgD,WAAY,OACZC,WAAY,MACZC,OAAQ,QACRC,QAAS,UAMb,OAFApB,EAAKqB,OAAAC,OAAAD,OAAAC,OAAA,GAAQtB,GA5DM,CAAA,GA8DZA"}

package/cjs/components/chip/regular/chip.js CHANGED Viewed

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

package/cjs/components/chip/regular/chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chip.js","sources":["../../../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, useEffect, useState } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled } from '@mui/material';\nimport { Icon, IconNameProp } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface ChipProps extends HTMLAttributes<HTMLDivElement> {\n /\n The label referenced to the text field\n /\n label?: string;\n\n /\n Disabled, not clickable chip\n /\n disabled?: boolean;\n\n /\n Boolean to display icon\n /\n icon?: IconNameProp;\n\n /\n Variant of chip defines different look and style\n /\n variant?: 'solid' \| 'transparent' \| 'shadow';\n /\n if true chips is checked\n /\n isSelected?: boolean;\n /\n onClick callback to handle the chip state\n /\n onClickCallback?: (e: React.MouseEvent<HTMLDivElement>, selected: boolean) => void;\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const Chip: FC<ChipProps> = ({\n variant,\n label,\n disabled,\n isSelected = false,\n icon,\n onClickCallback,\n ...props\n}) => {\n const [focusVisibled, setFocusVisible] = useState(false);\n const [selected, setSelected] = useState(false);\n useEffect(() => {\n setSelected(isSelected);\n }, [isSelected]);\n const onBlur = (e: any) => {\n setFocusVisible(false);\n if (props.onBlur) props.onBlur(e);\n };\n const onSelect = (e: React.MouseEvent<HTMLDivElement>) => {\n setSelected(!selected);\n onClickCallback && onClickCallback(e, !selected);\n };\n return (\n <ChipFocusVisibleStyled variant={variant} focusVisible={focusVisibled}>\n <ChipStyled\n className={variant === 'shadow' && 'MuiChip-shadow'}\n variant={'filled'}\n icon={icon ? <Icon name={icon} className=\"beforeLabel\" fontSize=\"small\" /> : undefined}\n label={label}\n disabled={disabled}\n onClick={(e: React.MouseEvent<HTMLDivElement>) => onSelect(e)}\n color={selected ? 'primary' : 'default'}\n onFocusVisible={() => setFocusVisible(true)}\n onBlur={onBlur}\n />\n </ChipFocusVisibleStyled>\n );\n};\n\n/\n @description Chip styling defintion based on props\n */\nconst ChipStyled = styled(MuiChip)<MuiChipProps & { onFocusVisible?: React.FocusEventHandler<any> }>``;\n"],"names":["ChipStyled","styled","MuiChip","_a","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","className","~~jsx","~~Icon","name","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur"],"mappings":"~~yOA2Ca~~,~~MA0CPA~~,EAAaC,~~EAAMA~~,~~OAACC~~,OAA0E,gBA1ChEC,IAAA,IAAAC,QAClCA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,WACRA,GAAa,~~EACbC~~,~~KAAAA~~,EAAIC,gBACJA,GAAeN,EACZO,EAAKC,SAAAR,EAP0B,sEASlC,MAAOS,EAAeC,GAAmBC,EAAAA,UAAS,IAC3CC,EAAUC,GAAeF,EAAAA,UAAS,GACzCG,EAAAA,~~WAAU~~,KACRD,EAAYT,~~EAAW~~,~~GACtB,~~CAACA,IASJ,OACEW,MAACC,EAAAA,QAAsB,CAACf,QAASA,EAASgB,aAAcR,WACtDM,MAAClB,GACCqB,UAAuB,WAAZjB,GAAwB,iBACnCA,QAAS,SACTI,KAAMA,EAAOU,~~EAACI~~,~~IAAAC~~,~~OAAK~~,~~CAAAC~~,~~KAAMhB~~,EAAMa,UAAU,~~cAAcI~~,SAAS,eAAaC,~~EAC7ErB~~,MAAOA,EACPC,SAAUA,~~EACVqB~~,QAAUC,GAZC,CAACA,~~IAChBZ~~,GAAaD,GACbN,GAAmBA,~~EAAgBmB~~,~~GAAIb~~,~~EAAS~~,~~EAUMc,~~CAASD,GAC3DE,~~MAAOf~~,EAAW,UAAY,~~UAC9BgB~~,eAAgB,~~IAAMlB~~,GAAgB,~~GACtCmB~~,OAnBUJ,~~IACdf~~,GAAgB,GACZH,~~EAAMsB~~,~~QAAQtB~~,~~EAAMsB~~,OAAOJ~~,EAAE,KAmBR~~"}
1	+ {"version":3,"file":"chip.js","sources":["../../../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, useEffect, useState } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled } from '@mui/material';\nimport { Icon, IconNameProp } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface ChipProps extends HTMLAttributes<HTMLDivElement> {\n /\n The label referenced to the text field\n /\n label?: string;\n\n /\n Disabled, not clickable chip\n /\n disabled?: boolean;\n\n /\n Boolean to display icon\n /\n icon?: IconNameProp;\n\n /\n Variant of chip defines different look and style\n /\n variant?: 'solid' \| 'transparent' \| 'shadow';\n /\n if true chips is checked\n /\n isSelected?: boolean;\n /\n onClick callback to handle the chip state\n /\n onClickCallback?: (e: React.MouseEvent<HTMLDivElement>, selected: boolean) => void;\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const Chip: FC<ChipProps> = ({\n variant,\n label,\n disabled,\n isSelected = false,\n icon,\n onClickCallback,\n ...props\n}) => {\n const [focusVisibled, setFocusVisible] = useState(false);\n const [selected, setSelected] = useState(false);\n useEffect(() => {\n setSelected(isSelected);\n }, [isSelected]);\n const onBlur = (e: any) => {\n setFocusVisible(false);\n if (props.onBlur) props.onBlur(e);\n };\n const onSelect = (e: React.MouseEvent<HTMLDivElement>) => {\n setSelected(!selected);\n onClickCallback && onClickCallback(e, !selected);\n };\n return (\n <ChipFocusVisibleStyled variant={variant} focusVisible={focusVisibled}>\n <ChipStyled\n className={variant === 'shadow' && 'MuiChip-shadow'}\n variant={'filled'}\n icon={icon ? <Icon name={icon} className=\"beforeLabel\" fontSize=\"small\" /> : undefined}\n label={label}\n disabled={disabled}\n onClick={(e: React.MouseEvent<HTMLDivElement>) => onSelect(e)}\n color={selected ? 'primary' : 'default'}\n onFocusVisible={() => setFocusVisible(true)}\n onBlur={onBlur}\n />\n </ChipFocusVisibleStyled>\n );\n};\n\n/\n @description Chip styling defintion based on props\n */\nconst ChipStyled = styled(MuiChip)<MuiChipProps & { onFocusVisible?: React.FocusEventHandler<any> }>``;\n"],"names":["ChipStyled","styled","MuiChip","_a","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","className","Icon","name","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur"],"mappings":"2omCA2CO,MA0CDA,EAAaC,EAAAA,OAAOC,OAA0E,gBA1ChEC,IAAA,IAAAC,QAClCA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,WACRA,GAAa,EAAKC,KAClBA,EAAIC,gBACJA,GAAeN,EACZO,EAAKC,SAAAR,EAP0B,sEASlC,MAAOS,EAAeC,GAAmBC,EAAAA,UAAS,IAC3CC,EAAUC,GAAeF,EAAAA,UAAS,GACzCG,EAAAA,UAAU,KACRD,EAAYT,IACX,CAACA,IASJ,OACEW,MAACC,EAAAA,QAAsB,CAACf,QAASA,EAASgB,aAAcR,WACtDM,MAAClB,GACCqB,UAAuB,WAAZjB,GAAwB,iBACnCA,QAAS,SACTI,KAAMA,EAAOU,EAAAA,IAACI,OAAI,CAACC,KAAMf,EAAMa,UAAU,cAAcG,SAAS,eAAaC,EAC7EpB,MAAOA,EACPC,SAAUA,EACVoB,QAAUC,GAZC,CAACA,IAChBX,GAAaD,GACbN,GAAmBA,EAAgBkB,GAAIZ,IAUea,CAASD,GAC3DE,MAAOd,EAAW,UAAY,UAC9Be,eAAgB,IAAMjB,GAAgB,GACtCkB,OAnBUJ,IACdd,GAAgB,GACZH,EAAMqB,QAAQrB,EAAMqB,OAAOJ"}

package/cjs/components/closeDialogButton/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":["import { IconButton, IconButtonProps } from '@mui/material';\nimport { CloseIcon } from '../icon/stroke/CloseIcon';\nimport React from 'react';\n\nexport type CloseDialogButtonProps = IconButtonProps;\n\n/*\n @deprecated Use <DialogTitle onClose={fn} /> instead\n */\nexport const CloseDialogButton = (props: CloseDialogButtonProps) => {\n return (\n <IconButton aria-label=\"Close dialog\" size=\"medium\" {...props}>\n <CloseIcon />\n </IconButton>\n );\n};\n"],"names":["props","_jsx","IconButton","Object","assign","size","children","CloseIcon"],"mappings":"8IASkCA,GAE9BC,EAAAA,IAACC,EAAAA,~~WAAsBC~~,OAAAC,OAAA,CAAA,~~aAAA~~,eAAeC,KAAK,UAAaL,~~EACtD~~,CAAAM,~~SAAAL~~,EAAAA,IAACM,EAAAA,~~UAAY~~,CAAA"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":["import { IconButton, IconButtonProps } from '@mui/material';\nimport { CloseIcon } from '../icon/stroke/CloseIcon';\nimport React from 'react';\n\nexport type CloseDialogButtonProps = IconButtonProps;\n\n/*\n @deprecated Use <DialogTitle onClose={fn} /> instead\n */\nexport const CloseDialogButton = (props: CloseDialogButtonProps) => {\n return (\n <IconButton aria-label=\"Close dialog\" size=\"medium\" {...props}>\n <CloseIcon />\n </IconButton>\n );\n};\n"],"names":["props","_jsx","IconButton","Object","assign","size","children","CloseIcon"],"mappings":"8IASkCA,GAE9BC,EAAAA,IAACC,EAAAA,WAAUC,OAAAC,OAAA,CAAA,aAAY,eAAeC,KAAK,UAAaL,EAAK,CAAAM,SAC3DL,EAAAA,IAACM,EAAAA,UAAS,CAAA"}

package/cjs/components/common/helperText.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../helperTextContent/helperTextContent.js");exports.default=({helpText:r,maxChars:n,currentValue:x,type:u})=>e.jsx(t.HelperTextContent,{textLeft:r,textRight:"number"!==u&&n&&n>0?`${x.toString().length} / ${n}`:void 0});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../materialui/textfield/HelperTextContent.js");exports.default=({helpText:r,maxChars:i,currentValue:u,type:x})=>e.jsx(t.HelperTextContent,{textLeft:r,textRight:"number"!==x&&i&&i>0?`${u.toString().length} / ${i}`:void 0});
 //# sourceMappingURL=helperText.js.map

package/cjs/components/common/helperText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helperText.js","sources":["../../../../../src/components/common/helperText.tsx"],"sourcesContent":["import React from 'react';\nimport { HelperTextContent } from '~~../helperTextContent~~';\n\nexport interface HelperTextProps {\n /*\n The value of the helper text\n /\n helpText?: string;\n /\n The max number of chars available in the text area. Max chars will be disabled when type = 'number'.\n /\n maxChars?: number;\n /\n Current value of the helper text.\n /\n currentValue: string;\n /\n Type of the input element. It should be 'text' or 'number'. Default is 'text'.\n */\n type?: 'number' \| 'text';\n}\n\nconst HelperText = ({ helpText, maxChars, currentValue, type }: HelperTextProps) => {\n return (\n <HelperTextContent\n textLeft={helpText}\n textRight={\n type !== 'number' && maxChars && maxChars > 0 ? `${currentValue.toString().length} / ${maxChars}` : undefined\n }\n />\n );\n};\n\nexport default HelperText;\n"],"names":["helpText","maxChars","currentValue","type","_jsx","~~jsx","~~HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"~~8KAsBmB~~,EAAGA,WAAUC,WAAUC,eAAcC,UAEpDC,~~EAACC~~,~~IAAAC~~,~~EAAiBA~~,~~kBAChB~~,~~CAAAC~~,~~SAAUP~~,~~EACVQ~~,UACW,~~WAATL~~,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,~~EAAaO~~,WAAWC,~~YAAYT~~,~~SAAaU~~"}
1	+ {"version":3,"file":"helperText.js","sources":["../../../../../src/components/common/helperText.tsx"],"sourcesContent":["import React from 'react';\nimport { HelperTextContent } from '@/src/materialui/textfield/HelperTextContent';\n\nexport interface HelperTextProps {\n /*\n The value of the helper text\n /\n helpText?: string;\n /\n The max number of chars available in the text area. Max chars will be disabled when type = 'number'.\n /\n maxChars?: number;\n /\n Current value of the helper text.\n /\n currentValue: string;\n /\n Type of the input element. It should be 'text' or 'number'. Default is 'text'.\n */\n type?: 'number' \| 'text';\n}\n\nconst HelperText = ({ helpText, maxChars, currentValue, type }: HelperTextProps) => {\n return (\n <HelperTextContent\n textLeft={helpText}\n textRight={\n type !== 'number' && maxChars && maxChars > 0 ? `${currentValue.toString().length} / ${maxChars}` : undefined\n }\n />\n );\n};\n\nexport default HelperText;\n"],"names":["helpText","maxChars","currentValue","type","_jsx","HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"oLAsBmB,EAAGA,WAAUC,WAAUC,eAAcC,UAEpDC,EAAAA,IAACC,EAAAA,kBAAiB,CAChBC,SAAUN,EACVO,UACW,WAATJ,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,EAAaM,WAAWC,YAAYR,SAAaS"}

package/cjs/components/common/hook/backdrop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"backdrop.js","sources":["../../../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":["import { useState } from 'react';\n\nconst useBackdrop = () => {\n const [openBackdrop, setOpenBackdrop] = useState(false);\n const handleCloseBackdrop = () => {\n setOpenBackdrop(false);\n };\n const handleOpenBackdrop = () => {\n setOpenBackdrop(true);\n };\n const handleToggleBackdrop = () => {\n setOpenBackdrop(!openBackdrop);\n };\n return {\n openBackdrop,\n setOpenBackdrop,\n handleCloseBackdrop,\n handleOpenBackdrop,\n handleToggleBackdrop,\n };\n};\nexport default useBackdrop;\n"],"names":["openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"2GAEoB,KAClB,MAAOA,EAAcC,GAAmBC,EAAAA,UAAS,GAUjD,MAAO,CACLF,eACAC,kBACAE,oBAZ0B,KAC1BF,GAAgB,~~EAAM~~,~~EAYtBG,~~mBAVyB,KACzBH,GAAgB,~~EAAK~~,~~EAUrBI,~~qBAR2B,KAC3BJ,GAAiBD~~,EAAa,EAQ/B~~"}
1	+ {"version":3,"file":"backdrop.js","sources":["../../../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":["import { useState } from 'react';\n\nconst useBackdrop = () => {\n const [openBackdrop, setOpenBackdrop] = useState(false);\n const handleCloseBackdrop = () => {\n setOpenBackdrop(false);\n };\n const handleOpenBackdrop = () => {\n setOpenBackdrop(true);\n };\n const handleToggleBackdrop = () => {\n setOpenBackdrop(!openBackdrop);\n };\n return {\n openBackdrop,\n setOpenBackdrop,\n handleCloseBackdrop,\n handleOpenBackdrop,\n handleToggleBackdrop,\n };\n};\nexport default useBackdrop;\n"],"names":["openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"2GAEoB,KAClB,MAAOA,EAAcC,GAAmBC,EAAAA,UAAS,GAUjD,MAAO,CACLF,eACAC,kBACAE,oBAZ0B,KAC1BF,GAAgB,IAYhBG,mBAVyB,KACzBH,GAAgB,IAUhBI,qBAR2B,KAC3BJ,GAAiBD"}

package/cjs/components/common/hook/useWindowSize.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),i=require("../../../materialui/theme/theme.breakpoints.js");exports.default=function(){const t="undefined"!=typeof window,[n,r]=e.useState({width:t?1440:window.innerWidth,height:t?800:window.innerHeight,isMobile:!1});function o(){r({width:window.innerWidth,height:window.innerHeight,isMobile:window.innerWidth<i.flowBreakpoints.values.md})}return e.useEffect((()=>(o(),window.addEventListener("resize",o),()=>{o(),window.removeEventListener("resize",o)})),[]),n};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),i=require("../../../materialui/theme/theme.breakpoints.js");exports.default=function(){const t="undefined"!=typeof window,[n,r]=e.useState({width:t?1440:window.innerWidth,height:t?800:window.innerHeight,isMobile:!1});function o(){r({width:window.innerWidth,height:window.innerHeight,isMobile:window.innerWidth<i.flowBreakpoints.values.md})}return e.useEffect(()=>(o(),window.addEventListener("resize",o),()=>{o(),window.removeEventListener("resize",o)}),[]),n};
 //# sourceMappingURL=useWindowSize.js.map

package/cjs/components/common/hook/useWindowSize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useWindowSize.js","sources":["../../../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { flowBreakpoints } from '../../../materialui/theme/theme.breakpoints';\n\nexport default function useWindowSize() {\n const isSSR = typeof window !== 'undefined';\n const [windowSize, setWindowSize] = useState({\n width: isSSR ? 1440 : window.innerWidth,\n height: isSSR ? 800 : window.innerHeight,\n isMobile: false,\n });\n\n function changeWindowSize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n isMobile: window.innerWidth < flowBreakpoints.values['md'],\n });\n }\n\n useEffect(() => {\n changeWindowSize();\n window.addEventListener('resize', changeWindowSize);\n\n return () => {\n changeWindowSize();\n window.removeEventListener('resize', changeWindowSize);\n };\n }, []);\n\n return windowSize;\n}\n"],"names":["isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","flowBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"uKAGc,WACZ,MAAMA,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,WAAS,CAC3CC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAGZ,SAASC,IACPP,EAAc,CACZE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAAA,gBAAgBC,OAAW,~~KAc7D~~,OAVAC,EAAAA,~~WAAU~~,KACRH,IACAT,OAAOa,iBAAiB,SAAUJ,GAE3B,KACLA,IACAT,OAAOc,oBAAoB,SAAUL,~~EAAiB~~,~~IAEvD,~~IAEIR,CACT"}
1	+ {"version":3,"file":"useWindowSize.js","sources":["../../../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { flowBreakpoints } from '../../../materialui/theme/theme.breakpoints';\n\nexport default function useWindowSize() {\n const isSSR = typeof window !== 'undefined';\n const [windowSize, setWindowSize] = useState({\n width: isSSR ? 1440 : window.innerWidth,\n height: isSSR ? 800 : window.innerHeight,\n isMobile: false,\n });\n\n function changeWindowSize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n isMobile: window.innerWidth < flowBreakpoints.values['md'],\n });\n }\n\n useEffect(() => {\n changeWindowSize();\n window.addEventListener('resize', changeWindowSize);\n\n return () => {\n changeWindowSize();\n window.removeEventListener('resize', changeWindowSize);\n };\n }, []);\n\n return windowSize;\n}\n"],"names":["isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","flowBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"uKAGc,WACZ,MAAMA,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,WAAS,CAC3CC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAGZ,SAASC,IACPP,EAAc,CACZE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAAA,gBAAgBC,OAAW,IAE7D,CAYA,OAVAC,EAAAA,UAAU,KACRH,IACAT,OAAOa,iBAAiB,SAAUJ,GAE3B,KACLA,IACAT,OAAOc,oBAAoB,SAAUL,KAEtC,IAEIR,CACT"}

package/cjs/components/common/imageComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.default=({image:r,alt:a,fallbackImage:s,height:i,width:l})=>{const[u,c]=t.useState(!1),o=t.useCallback((()=>c(!0)),[]);return u?e.jsx("img",{src:s,alt:a}):e.jsx("img",{src:r,height:i,width:l,alt:a,onError:o})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.default=({image:r,alt:a,fallbackImage:s,height:i,width:l})=>{const[u,c]=t.useState(!1),o=t.useCallback(()=>c(!0),[]);return u?e.jsx("img",{src:s,alt:a}):e.jsx("img",{src:r,height:i,width:l,alt:a,onError:o})};
 //# sourceMappingURL=imageComponent.js.map

package/cjs/components/common/imageComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"imageComponent.js","sources":["../../../../../src/components/common/imageComponent.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\n\ninterface ImageComponentProps {\n /*\n The source of the image.\n /\n image: string;\n /\n The alt description of the image.\n /\n alt?: string;\n /\n The height of the image.\n /\n height?: string;\n /\n The width of the image.\n /\n width?: string;\n /\n The source of the onError image.\n */\n fallbackImage?: string;\n}\nconst ImageComponent = ({ image, alt, fallbackImage, height, width }: ImageComponentProps) => {\n const [imgError, setImgError] = useState(false);\n\n const setImageError = useCallback(() => setImgError(true), []);\n\n if (!imgError) {\n return <img src={image} height={height} width={width} alt={alt} onError={setImageError} />;\n } else {\n return <img src={fallbackImage} alt={alt} />;\n }\n};\n\nexport default ImageComponent;\n"],"names":["image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","~~jsx","~~onError"],"mappings":"0IAwBuB,EAAGA,QAAOC,MAAKC,gBAAeC,SAAQC,YAC3D,MAAOC,EAAUC,GAAeC,EAAAA,UAAS,GAEnCC,EAAgBC,EAAAA,~~aAAY~~,IAAMH,GAAY,~~IAAO~~,IAE3D,OAAKD,EAGIK,EAAAA,IAAA,MAAA,CAAKC,IAAKT,EAAeD,IAAKA,IAF9BS,~~EAAAE~~,IAAA,MAAA,~~CAAKD~~,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,~~EAAKY~~,~~QAASL~~"}
1	+ {"version":3,"file":"imageComponent.js","sources":["../../../../../src/components/common/imageComponent.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\n\ninterface ImageComponentProps {\n /*\n The source of the image.\n /\n image: string;\n /\n The alt description of the image.\n /\n alt?: string;\n /\n The height of the image.\n /\n height?: string;\n /\n The width of the image.\n /\n width?: string;\n /\n The source of the onError image.\n */\n fallbackImage?: string;\n}\nconst ImageComponent = ({ image, alt, fallbackImage, height, width }: ImageComponentProps) => {\n const [imgError, setImgError] = useState(false);\n\n const setImageError = useCallback(() => setImgError(true), []);\n\n if (!imgError) {\n return <img src={image} height={height} width={width} alt={alt} onError={setImageError} />;\n } else {\n return <img src={fallbackImage} alt={alt} />;\n }\n};\n\nexport default ImageComponent;\n"],"names":["image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","onError"],"mappings":"0IAwBuB,EAAGA,QAAOC,MAAKC,gBAAeC,SAAQC,YAC3D,MAAOC,EAAUC,GAAeC,EAAAA,UAAS,GAEnCC,EAAgBC,EAAAA,YAAY,IAAMH,GAAY,GAAO,IAE3D,OAAKD,EAGIK,EAAAA,IAAA,MAAA,CAAKC,IAAKT,EAAeD,IAAKA,IAF9BS,EAAAA,IAAA,MAAA,CAAKC,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,EAAKW,QAASJ"}

package/cjs/components/common/menuContainer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@mui/material/styles"),s=require("../menu/menu.js"),n=require("./menuEmpty.js");const r=t.styled("div")((i=>{var{theme:t}=i,s=e.__rest(i,["theme"]);let n={};return n={width:s.width,marginTop:s.marginTop,transition:"0.3s ease-out",display:"inline-block",position:"absolute",zIndex:"10"},n=s.isOpen&&!s.disabled?Object.assign(Object.assign({},n),{visibility:"visible",opacity:"100%"}):Object.assign(Object.assign({},n),{visibility:"hidden",opacity:"0%"}),n}));exports.default=t=>{var{setIsOpen:l,isEmptyMenu:o}=t,a=e.__rest(t,["setIsOpen","isEmptyMenu"]);return i.jsx(r,{marginTop:a.marginTop+"px",width:a.fullWidth?"100%":a.width+"px",isOpen:a.isOpen,disabled:a.disabled,children:o?i.jsx(n.MenuEmpty,{children:a.children}):i.jsx(s.Menu,{items:a.items,hasIcon:a.hasIcon,multipleSelection:a.multipleSelection,groupToggleSelection:a.groupToggleSelection,groupLabel:a.groupLabel,reactHook:a.reactHook,setIsOpen:l,toggleLabel:a.toggleLabel})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@mui/material/styles"),s=require("../menu/menu.js"),n=require("./menuEmpty.js");const r=t.styled("div")(i=>{var{theme:t}=i,s=e.__rest(i,["theme"]);let n={};return n={width:s.width,marginTop:s.marginTop,transition:"0.3s ease-out",display:"inline-block",position:"absolute",zIndex:"10"},n=s.isOpen&&!s.disabled?Object.assign(Object.assign({},n),{visibility:"visible",opacity:"100%"}):Object.assign(Object.assign({},n),{visibility:"hidden",opacity:"0%"}),n});exports.default=t=>{var{setIsOpen:l,isEmptyMenu:o}=t,a=e.__rest(t,["setIsOpen","isEmptyMenu"]);return i.jsx(r,{marginTop:a.marginTop+"px",width:a.fullWidth?"100%":a.width+"px",isOpen:a.isOpen,disabled:a.disabled,children:o?i.jsx(n.MenuEmpty,{children:a.children}):i.jsx(s.Menu,{items:a.items,hasIcon:a.hasIcon,multipleSelection:a.multipleSelection,groupToggleSelection:a.groupToggleSelection,groupLabel:a.groupLabel,reactHook:a.reactHook,setIsOpen:l,toggleLabel:a.toggleLabel})})};
 //# sourceMappingURL=menuContainer.js.map

package/cjs/components/common/menuContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuContainer.js","sources":["../../../../../src/components/common/menuContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Menu, MenuReactUseStateHook, MenuItems } from '../menu';\nimport MenuEmpty from './menuEmpty';\n\nexport interface MenuContainerProps {\n disabled?: boolean;\n items?: MenuItems;\n hasIcon?: boolean;\n multipleSelection?: boolean;\n groupLabel?: string;\n reactHook?: MenuReactUseStateHook;\n groupToggleSelection?: boolean;\n isOpen?: boolean;\n marginTop?: number;\n width?: number;\n fullWidth?: boolean;\n setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n isEmptyMenu?: boolean;\n toggleLabel?: string;\n children?: React.ReactNode;\n}\n\nconst MenuContainer: React.FC<MenuContainerProps> = ({ setIsOpen, isEmptyMenu, ...props }) => {\n return (\n <StyledDiv\n marginTop={props.marginTop + 'px'}\n width={props.fullWidth ? '100%' : props.width + 'px'}\n isOpen={props.isOpen}\n disabled={props.disabled}\n >\n {isEmptyMenu ? (\n <MenuEmpty>{props.children}</MenuEmpty>\n ) : (\n <Menu\n items={props.items}\n hasIcon={props.hasIcon}\n multipleSelection={props.multipleSelection}\n groupToggleSelection={props.groupToggleSelection}\n groupLabel={props.groupLabel}\n reactHook={props.reactHook}\n setIsOpen={setIsOpen}\n toggleLabel={props.toggleLabel}\n />\n )}\n </StyledDiv>\n );\n};\n\nconst StyledDiv = styled('div')<{\n marginTop?: string;\n isOpen: boolean;\n disabled: boolean;\n width?: string;\n}>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n width: args.width,\n marginTop: args.marginTop,\n transition: '0.3s ease-out',\n display: 'inline-block',\n position: 'absolute',\n zIndex: '10',\n };\n\n if (args.isOpen && !args.disabled) {\n styles = { ...styles, visibility: 'visible', opacity: '100%' };\n } else {\n styles = { ...styles, visibility: 'hidden', opacity: '0%' };\n }\n\n return styles;\n});\n\nexport default MenuContainer;\n"],"names":["StyledDiv","styled","_a","theme","args","__rest","styles","width","marginTop","transition","display","position","zIndex","isOpen","disabled","Object","assign","visibility","opacity","setIsOpen","isEmptyMenu","props","_jsx","~~jsx","~~fullWidth","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel"],"mappings":"qNAuBA,MA0BMA,EAAYC,~~EAAMA~~,~~OAAC~~,MAAPA,~~EAKdC~~,IAAA,IAAAC,MAAEA,~~GAAgBD~~,~~EAANE~~,EAAIC,EAAAA,OAAAH,EAAhB,WACF,IAAII,EAAS,~~CAAE~~,~~EAiBf~~,OAfAA,EAAS,CACPC,MAAOH,EAAKG,MACZC,UAAWJ,EAAKI,UAChBC,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRN,EADEF,EAAKS,SAAWT,EAAKU,SACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,SAAUC,QAAS,OAGhDZ,~~CAAM~~,~~oBAjDsCJ,~~QAAAiB,UAAEA,EAASC,YAAEA,GAAWlB,EAAKmB,EAAKhB,EAAAA,OAAAH,EAAlC,6BACnD,OACEoB,~~EAACC~~,~~IAAAvB~~,~~EACC~~,~~CAAAQ~~,UAAWa,EAAMb,UAAY,KAC7BD,MAAOc,~~EAAMG~~,UAAY,~~OAASH~~,EAAMd,MAAQ,KAChDM,OAAQQ,EAAMR,OACdC,SAAUO,EAAMP,~~SAEfW~~,~~SAAAL~~,EACCE,EAAAA,~~IAACI~~,EAAAA,~~UAAW~~,CAAAD,~~SAAAJ~~,~~EAAMI~~,~~WAElBH~~,EAAAA,~~IAACK~~,EAAAA,KAAI,CACHC,~~MAAOP~~,~~EAAMO~~,MACbC,~~QAASR~~,~~EAAMQ~~,QACfC,~~kBAAmBT~~,~~EAAMS~~,kBACzBC,~~qBAAsBV~~,~~EAAMU~~,qBAC5BC,~~WAAYX~~,~~EAAMW~~,WAClBC,~~UAAWZ~~,~~EAAMY~~,~~UACjBd~~,UAAWA,~~EACXe~~,~~YAAab~~,~~EAAMa,eAGb~~"}
1	+ {"version":3,"file":"menuContainer.js","sources":["../../../../../src/components/common/menuContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Menu, MenuReactUseStateHook, MenuItems } from '../menu';\nimport MenuEmpty from './menuEmpty';\n\nexport interface MenuContainerProps {\n disabled?: boolean;\n items?: MenuItems;\n hasIcon?: boolean;\n multipleSelection?: boolean;\n groupLabel?: string;\n reactHook?: MenuReactUseStateHook;\n groupToggleSelection?: boolean;\n isOpen?: boolean;\n marginTop?: number;\n width?: number;\n fullWidth?: boolean;\n setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n isEmptyMenu?: boolean;\n toggleLabel?: string;\n children?: React.ReactNode;\n}\n\nconst MenuContainer: React.FC<MenuContainerProps> = ({ setIsOpen, isEmptyMenu, ...props }) => {\n return (\n <StyledDiv\n marginTop={props.marginTop + 'px'}\n width={props.fullWidth ? '100%' : props.width + 'px'}\n isOpen={props.isOpen}\n disabled={props.disabled}\n >\n {isEmptyMenu ? (\n <MenuEmpty>{props.children}</MenuEmpty>\n ) : (\n <Menu\n items={props.items}\n hasIcon={props.hasIcon}\n multipleSelection={props.multipleSelection}\n groupToggleSelection={props.groupToggleSelection}\n groupLabel={props.groupLabel}\n reactHook={props.reactHook}\n setIsOpen={setIsOpen}\n toggleLabel={props.toggleLabel}\n />\n )}\n </StyledDiv>\n );\n};\n\nconst StyledDiv = styled('div')<{\n marginTop?: string;\n isOpen: boolean;\n disabled: boolean;\n width?: string;\n}>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n width: args.width,\n marginTop: args.marginTop,\n transition: '0.3s ease-out',\n display: 'inline-block',\n position: 'absolute',\n zIndex: '10',\n };\n\n if (args.isOpen && !args.disabled) {\n styles = { ...styles, visibility: 'visible', opacity: '100%' };\n } else {\n styles = { ...styles, visibility: 'hidden', opacity: '0%' };\n }\n\n return styles;\n});\n\nexport default MenuContainer;\n"],"names":["StyledDiv","styled","_a","theme","args","__rest","styles","width","marginTop","transition","display","position","zIndex","isOpen","disabled","Object","assign","visibility","opacity","setIsOpen","isEmptyMenu","props","_jsx","fullWidth","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel"],"mappings":"qNAuBA,MA0BMA,EAAYC,EAAAA,OAAO,MAAPA,CAKdC,IAAA,IAAAC,MAAEA,GAAKD,EAAKE,EAAIC,EAAAA,OAAAH,EAAhB,WACF,IAAII,EAAS,CAAA,EAiBb,OAfAA,EAAS,CACPC,MAAOH,EAAKG,MACZC,UAAWJ,EAAKI,UAChBC,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRN,EADEF,EAAKS,SAAWT,EAAKU,SACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,SAAUC,QAAS,OAGhDZ,oBAjD4CJ,QAAAiB,UAAEA,EAASC,YAAEA,GAAWlB,EAAKmB,EAAKhB,EAAAA,OAAAH,EAAlC,6BACnD,OACEoB,EAAAA,IAACtB,EAAS,CACRQ,UAAWa,EAAMb,UAAY,KAC7BD,MAAOc,EAAME,UAAY,OAASF,EAAMd,MAAQ,KAChDM,OAAQQ,EAAMR,OACdC,SAAUO,EAAMP,SAAQU,SAEvBJ,EACCE,EAAAA,IAACG,EAAAA,UAAS,CAAAD,SAAEH,EAAMG,WAElBF,EAAAA,IAACI,EAAAA,KAAI,CACHC,MAAON,EAAMM,MACbC,QAASP,EAAMO,QACfC,kBAAmBR,EAAMQ,kBACzBC,qBAAsBT,EAAMS,qBAC5BC,WAAYV,EAAMU,WAClBC,UAAWX,EAAMW,UACjBb,UAAWA,EACXc,YAAaZ,EAAMY"}

package/cjs/components/common/menuEmpty.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material");const s=t.forwardRef(((t,i)=>{var s=e.__rest(t,[]);return r.jsx(u,Object.assign({},s,{ref:i,children:s.children}))})),u=i.styled(i.Paper)((()=>{let e={};return e=Object.assign(Object.assign({},e),{"& .MuiMenuItem-root":{height:"48px",padding:"0px 24px"}}),e}));exports.MenuEmpty=s,exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material");const s=t.forwardRef((t,i)=>{var s=e.__rest(t,[]);return r.jsx(u,Object.assign({},s,{ref:i,children:s.children}))}),u=i.styled(i.Paper)(()=>{let e={};return e=Object.assign(Object.assign({},e),{"& .MuiMenuItem-root":{height:"48px",padding:"0px 24px"}}),e});exports.MenuEmpty=s,exports.default=s;
 //# sourceMappingURL=menuEmpty.js.map

package/cjs/components/common/menuEmpty.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuEmpty.js","sources":["../../../../../src/components/common/menuEmpty.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { styled, Paper as MuiPaper } from '@mui/material';\n\n/*\n @interface MenuEmtpyProps\n * @description Base definition of SkodaFlow Menu independent on core implementation.\n * Properties are inherited from HTML Div element\n /\nexport interface MenuEmptyProps extends HTMLAttributes<HTMLDivElement> {}\n/\n @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n /\n\nexport const MenuEmpty = forwardRef<HTMLDivElement, MenuEmptyProps>(({ ...props }, ref) => {\n return (\n <PaperStyled {...props} ref={ref}>\n {props.children}\n </PaperStyled>\n );\n});\n/\n @description Menu styling defintion based on props\n */\nconst PaperStyled = styled(MuiPaper)<unknown>(() => {\n let styles = {};\n const itemStyles: React.CSSProperties = {\n height: '48px',\n padding: '0px 24px',\n };\n styles = {\n ...styles,\n '& .MuiMenuItem-root': itemStyles,\n };\n return styles;\n});\n\nexport default MenuEmpty;\n"],"names":["MenuEmpty","forwardRef","_a","ref","props","__rest","_jsx","~~jsx","~~PaperStyled","Object","assign","children","styled","MuiPaper","~~Paper","~~styles","height","padding"],"mappings":"~~wKAgBa~~,~~MAAAA~~,EAAYC,~~EAAUA~~,~~YAAiC~~,CAACC,EAAcC,SAATC,EAAKC,EAAAA,OAAAH,EAAV,IACnE,OACEI,~~EAAAC~~,IAACC,EAAWC,OAAAC,OAAA,CAAA,~~EAAKN~~,~~EAAO~~,~~CAAAD~~,IAAKA,WAC1BC,~~EAAMO~~,~~WACK~~,~~IAMZH,~~EAAcI,EAAAA,OAAOC,~~EAAQC~~,~~MAAfF~~,~~EAA0B~~,KAC5C,~~IAAIG~~,EAAS,~~CAAE~~,~~EASf~~,OAJAA,iCACKA,GAAM,CACT,sBANsC,CACtCC,OAAQ,OACRC,QAAS,cAMJF~~,CAAM~~"}
1	+ {"version":3,"file":"menuEmpty.js","sources":["../../../../../src/components/common/menuEmpty.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { styled, Paper as MuiPaper } from '@mui/material';\n\n/*\n @interface MenuEmtpyProps\n * @description Base definition of SkodaFlow Menu independent on core implementation.\n * Properties are inherited from HTML Div element\n /\nexport interface MenuEmptyProps extends HTMLAttributes<HTMLDivElement> {}\n/\n @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n /\n\nexport const MenuEmpty = forwardRef<HTMLDivElement, MenuEmptyProps>(({ ...props }, ref) => {\n return (\n <PaperStyled {...props} ref={ref}>\n {props.children}\n </PaperStyled>\n );\n});\n/\n @description Menu styling defintion based on props\n */\nconst PaperStyled = styled(MuiPaper)<unknown>(() => {\n let styles = {};\n const itemStyles: React.CSSProperties = {\n height: '48px',\n padding: '0px 24px',\n };\n styles = {\n ...styles,\n '& .MuiMenuItem-root': itemStyles,\n };\n return styles;\n});\n\nexport default MenuEmpty;\n"],"names":["MenuEmpty","forwardRef","_a","ref","props","__rest","_jsx","PaperStyled","Object","assign","children","styled","MuiPaper","styles","height","padding"],"mappings":"wKAgBO,MAAMA,EAAYC,EAAAA,WAA2C,CAACC,EAAcC,SAATC,EAAKC,EAAAA,OAAAH,EAAV,IACnE,OACEI,EAAAA,IAACC,EAAWC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAED,IAAKA,WAC1BC,EAAMM,cAOPH,EAAcI,EAAAA,OAAOC,EAAAA,MAAPD,CAA0B,KAC5C,IAAIE,EAAS,CAAA,EASb,OAJAA,iCACKA,GAAM,CACT,sBANsC,CACtCC,OAAQ,OACRC,QAAS,cAMJF"}

package/cjs/components/common/resizableSliderInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");const a=require("@mui/material").styled("div",{shouldForwardProp:e=>"isCurrencyInFront"!==e})((({theme:e,isCurrencyInFront:r})=>({background:e.palette.surface.primary,display:"inline-block",padding:"4px 12px",borderRadius:"4px",minWidth:"60px","& span, label, input":{fontWeight:500},"& span, input":{fontSize:"14px",color:e.palette.onSurface.os700},"& > div":{display:"inline-flex",flexDirection:r?"row":"row-reverse","& > input":{paddingTop:"2px"},"& > span":{paddingRight:r?"2px":"0px"}}})));exports.default=({value:t,onChange:l,onBlur:n,isCurrencyInFront:i,textDescription:s="",labelText:u="",className:d="",id:o="",thumb:c=-1,disabled:p=!1,thousandsSeparator:h=".",decimalSeparator:x=".",hiddenDecimalSeparator:g})=>{const[b,m]=r.useState(0),[f,C]=r.useState(!0),[k,y]=r.useState("light"),v=r.useRef(null),F=r.useCallback((e=>{m((()=>2)),C((()=>!1)),l(e,c)}),[l,c]),S=r.useCallback((()=>{m((e=>e+1)),C((()=>!1)),y("dark")}),[]),j=r.useCallback((e=>{m((()=>0)),C((()=>!0)),y("light"),null==n||n(e,c)}),[]),w=r.useCallback((e=>g?e.toFixed().replace(/\B(?=(\d{3})+(?!\d))/g,h):e.toFixed(2).replace(".",x).replace(/\B(?=(\d{3})+(?!\d))/g,h)),[x,g,h]),B=r.useCallback((()=>1===b?"":f&&-1===t?w(0):f?w(+t):-1!==t?t:""),[b,w,f,t]);return r.useEffect((()=>{(t<=0||!t)&&(v.current.style.width="4ch"),v.current.style.width=g?w(+t).length+1+"ch":w(+t).length+"ch"}),[b,w,B,g,t]),e.jsxs(a,{className:"single-value-input",isCurrencyInFront:i,background:k,onMouseEnter:()=>{y("dark")},onMouseLeave:()=>{f&&y("light")},children:[e.jsx("label",{htmlFor:o,children:u}),e.jsxs("div",{children:[s&&e.jsxs("span",{children:[s," "]}),e.jsx("input",{id:o,ref:v,value:B(),onBlur:j,onClick:S,onChange:F,className:d,disabled:p})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");const a=require("@mui/material").styled("div",{shouldForwardProp:e=>"isCurrencyInFront"!==e})(({theme:e,isCurrencyInFront:r})=>({background:e.palette.surface.primary,display:"inline-block",padding:"4px 12px",borderRadius:"4px",minWidth:"60px","& span, label, input":{fontWeight:500},"& span, input":{fontSize:"14px",color:e.palette.onSurface.os700},"& > div":{display:"inline-flex",flexDirection:r?"row":"row-reverse","& > input":{paddingTop:"2px"},"& > span":{paddingRight:r?"2px":"0px"}}}));exports.default=({value:t,onChange:l,onBlur:n,isCurrencyInFront:i,textDescription:s="",labelText:u="",className:d="",id:o="",thumb:c=-1,disabled:p=!1,thousandsSeparator:h=".",decimalSeparator:x=".",hiddenDecimalSeparator:g})=>{const[b,m]=r.useState(0),[f,C]=r.useState(!0),[k,y]=r.useState("light"),v=r.useRef(null),F=r.useCallback(e=>{m(()=>2),C(()=>!1),l(e,c)},[l,c]),S=r.useCallback(()=>{m(e=>e+1),C(()=>!1),y("dark")},[]),j=r.useCallback(e=>{m(()=>0),C(()=>!0),y("light"),null==n||n(e,c)},[]),w=r.useCallback(e=>g?e.toFixed().replace(/\B(?=(\d{3})+(?!\d))/g,h):e.toFixed(2).replace(".",x).replace(/\B(?=(\d{3})+(?!\d))/g,h),[x,g,h]),B=r.useCallback(()=>1===b?"":f&&-1===t?w(0):f?w(+t):-1!==t?t:"",[b,w,f,t]);return r.useEffect(()=>{(t<=0||!t)&&(v.current.style.width="4ch"),v.current.style.width=g?w(+t).length+1+"ch":w(+t).length+"ch"},[b,w,B,g,t]),e.jsxs(a,{className:"single-value-input",isCurrencyInFront:i,background:k,onMouseEnter:()=>{y("dark")},onMouseLeave:()=>{f&&y("light")},children:[e.jsx("label",{htmlFor:o,children:u}),e.jsxs("div",{children:[s&&e.jsxs("span",{children:[s," "]}),e.jsx("input",{id:o,ref:v,value:B(),onBlur:j,onClick:S,onChange:F,className:d,disabled:p})]})]})};
 //# sourceMappingURL=resizableSliderInput.js.map

package/cjs/components/common/resizableSliderInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"resizableSliderInput.js","sources":["../../../../../src/components/common/resizableSliderInput.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { styled } from '@mui/material';\n\nexport interface ResizableSliderInputInterface {\n value: string \| number;\n onChange: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;\n onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;\n id?: string;\n disabled?: boolean;\n textDescription?: string;\n labelText?: string;\n className?: string;\n thumb?: number;\n isCurrencyInFront?: boolean;\n thousandsSeparator?: '.' \| ',' \| ' ';\n decimalSeparator?: '.' \| ',';\n hiddenDecimalSeparator?: boolean;\n}\n\nconst ResizableSliderInput = ({\n value: values,\n onChange,\n onBlur,\n isCurrencyInFront,\n textDescription = '',\n labelText = '',\n className = '',\n id = '',\n thumb = -1,\n disabled = false,\n thousandsSeparator = '.',\n decimalSeparator = '.',\n hiddenDecimalSeparator,\n}: ResizableSliderInputInterface) => {\n const [clickCounter, setClickCounter] = useState(0);\n const [lostFocus, setLostFocus] = useState(true);\n const [background, setBackground] = useState('light');\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n\n const onChangeHandler = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n setClickCounter(() => 2);\n setLostFocus(() => false);\n onChange(e, thumb);\n },\n [onChange, thumb],\n );\n\n const onClickHandler = useCallback(() => {\n setClickCounter((curr) => curr + 1);\n setLostFocus(() => false);\n setBackground('dark');\n }, []);\n\n const onBlurHandler: React.FocusEventHandler<HTMLInputElement> = useCallback((e) => {\n setClickCounter(() => 0);\n setLostFocus(() => true);\n setBackground('light');\n onBlur?.(e, thumb);\n }, []);\n\n const getFormattedString = useCallback(\n (num: number) => {\n if (hiddenDecimalSeparator) return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n return num\n .toFixed(2)\n .replace('.', decimalSeparator)\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n },\n [decimalSeparator, hiddenDecimalSeparator, thousandsSeparator],\n );\n\n const getInputValue = useCallback(() => {\n if (clickCounter === 1) return '';\n if (lostFocus && values === -1) return getFormattedString(0);\n if (lostFocus) return getFormattedString(+values);\n return values !== -1 ? values : '';\n }, [clickCounter, getFormattedString, lostFocus, values]);\n\n const onMouseEnterHandler = () => {\n setBackground('dark');\n };\n\n const onMouseLeaveHandler = () => {\n lostFocus && setBackground('light');\n };\n\n useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n if (values <= 0 \|\| !values) inputRef.current.style.width = '4ch';\n if (hiddenDecimalSeparator) inputRef.current.style.width = getFormattedString(+values).length + 1 + 'ch';\n else inputRef.current.style.width = getFormattedString(+values).length + 'ch';\n }, [clickCounter, getFormattedString, getInputValue, hiddenDecimalSeparator, values]);\n\n return (\n <SliderValuesStyled\n className=\"single-value-input\"\n isCurrencyInFront={isCurrencyInFront}\n background={background}\n onMouseEnter={onMouseEnterHandler}\n onMouseLeave={onMouseLeaveHandler}\n >\n <label htmlFor={id}>{labelText}</label>\n <div>\n {textDescription && <span>{textDescription} </span>}\n <input\n id={id}\n ref={inputRef}\n value={getInputValue()}\n onBlur={onBlurHandler}\n onClick={onClickHandler}\n onChange={onChangeHandler}\n className={className}\n disabled={disabled}\n />\n </div>\n </SliderValuesStyled>\n );\n};\nconst SliderValuesStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'isCurrencyInFront',\n})<{ theme?: any; background: string; isCurrencyInFront: boolean }>(({ theme, isCurrencyInFront }) => {\n return {\n background: theme.palette.surface.primary,\n display: 'inline-block',\n padding: '4px 12px',\n borderRadius: '4px',\n minWidth: '60px',\n '& span, label, input': {\n fontWeight: 500,\n },\n '& span, input': {\n fontSize: '14px',\n color: theme.palette.onSurface.os700,\n },\n '& > div': {\n display: 'inline-flex',\n flexDirection: isCurrencyInFront ? 'row' : 'row-reverse',\n '& > input': {\n paddingTop: '2px',\n },\n '& > span': {\n paddingRight: isCurrencyInFront ? '2px' : '0px',\n },\n },\n };\n});\n\nexport default ResizableSliderInput;\n"],"names":["SliderValuesStyled","styled","shouldForwardProp","prop","theme","isCurrencyInFront","background","palette","surface","primary","display","padding","borderRadius","minWidth","fontWeight","fontSize","color","onSurface","os700","flexDirection","paddingTop","paddingRight","value","values","onChange","onBlur","textDescription","labelText","className","id","thumb","disabled","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","clickCounter","setClickCounter","useState","lostFocus","setLostFocus","setBackground","inputRef","useRef","onChangeHandler","useCallback","e","onClickHandler","curr","onBlurHandler","getFormattedString","num","toFixed","replace","getInputValue","useEffect","current","style","width","length","_jsxs","~~jsxs","~~onMouseEnter","onMouseLeave","children","_jsx","htmlFor","ref","onClick"],"mappings":"~~0HAmBM~~,~~MAsGAA~~,~~2BAA2BC~~,~~OAAC~~,MAAO,CACvCC,kBAAoBC,GAAkB,sBAATA,GADJF,~~EAEyC~~,EAAGG,QAAOC,wBACrE,CACLC,WAAYF,EAAMG,QAAQC,QAAQC,QAClCC,QAAS,eACTC,QAAS,WACTC,aAAc,MACdC,SAAU,OACV,uBAAwB,CACtBC,WAAY,KAEd,gBAAiB,CACfC,SAAU,OACVC,MAAOZ,EAAMG,QAAQU,UAAUC,OAEjC,UAAW,CACTR,QAAS,cACTS,cAAed,EAAoB,MAAQ,cAC3C,YAAa,CACXe,WAAY,OAEd,WAAY,CACVC,aAAchB,EAAoB,MAAQ,~~4BA7HrB~~,EAC3BiB,MAAOC,EACPC,WACAC,SACApB,oBACAqB,kBAAkB,GAClBC,YAAY,GACZC,YAAY,GACZC,KAAK,GACLC,SAAQ,EACRC,YAAW,EACXC,qBAAqB,IACrBC,mBAAmB,IACnBC,6BAEA,MAAOC,EAAcC,GAAmBC,EAAAA,SAAS,IAC1CC,EAAWC,GAAgBF,EAAAA,UAAS,IACpC/B,EAAYkC,GAAiBH,EAAAA,SAAS,SAEvCI,EAAWC,~~EAAMA~~,~~OAA0B~~,MAE3CC,EAAkBC,~~eACrBC~~,IACCT,~~GAAgB~~,IAAM,~~IACtBG~~,~~GAAa~~,KAAM,~~IACnBf~~,EAASqB,EAAGf,~~EAAM~~,~~GAEpB,~~CAACN,EAAUM,IAGPgB,EAAiBF,EAAAA,~~aAAY~~,KACjCR,~~GAAiBW~~,GAASA,EAAO,~~IACjCR~~,~~GAAa~~,KAAM,~~IACnBC~~,EAAc,~~OAAO~~,~~GACpB,~~IAEGQ,EAA2DJ,~~eAAaC~~,IAC5ET,~~GAAgB~~,IAAM,~~IACtBG~~,~~GAAa~~,KAAM,~~IACnBC~~,EAAc,SACdf,SAAAA,EAASoB,EAAGf,~~EAAM~~,~~GACjB,~~IAEGmB,EAAqBL,~~eACxBM~~,GACKhB,EAA+BgB,EAAIC,UAAUC,QAAQ,wBAAyBpB,GAC3EkB,EACJC,QAAQ,GACRC,QAAQ,IAAKnB,GACbmB,QAAQ,wBAAyBpB,~~IAEtC~~,CAACC,EAAkBC,EAAwBF,IAGvCqB,EAAgBT,EAAAA,~~aAAY~~,IACX,IAAjBT,EAA2B,GAC3BG,~~IAA0B~~,~~IAAbf~~,EAAsB0B,EAAmB,GACtDX,EAAkBW,GAAoB1B,QACnCA,EAAgBA,EAAS,~~IAC~~/B,CAACY,EAAcc,EAAoBX,EAAWf,IAkBjD,OARA+B,EAAAA,~~WAAU~~,MAGJ/B,GAAU,IAAMA,KAAQkB,EAASc,QAAQC,MAAMC,MAAQ,OAC/BhB,EAASc,QAAQC,MAAMC,MAA/CvB,EAAuDe,GAAoB1B,GAAQmC,OAAS,EAAI,KAChET,GAAoB1B,GAAQmC,OAAS,~~IAAI~~,~~GAC5E,~~CAACvB,EAAcc,EAAoBI,EAAenB,EAAwBX,IAG3EoC,~~EAACC~~,~~KAAA5D~~,~~EACC~~,~~CAAA4B~~,UAAU,qBACVvB,kBAAmBA,EACnBC,WAAYA,~~EACZuD~~,aArBwB,~~KAC1BrB~~,EAAc,~~OAAO~~,~~EAqBnBsB,~~aAlBwB,~~KAC1BxB~~,GAAaE,EAAc,~~QAAQ~~,~~EAmBjCuB,~~SAAA,~~CAAAC~~,EAAAA,IAAA,QAAA,CAAOC,~~QAASpC~~,~~EAAKkC~~,~~SAAApC~~,IACrBgC,~~EAAAC~~,KAAA,MAAA,CAAAG,SAAA,~~CACGrC~~,GAAmBiC,~~yBAAOjC~~,EAAe,~~OAC1CsC~~,EAAAA,IAAA,QAAA,~~CACEnC~~,GAAIA,~~EACJqC~~,~~IAAKzB~~,EACLnB,MAAO+B,IACP5B,OAAQuB,~~EACRmB~~,~~QAASrB~~,EACTtB,SAAUmB,EACVf,UAAWA,EACXG,SAAUA~~,SAGK~~"}
1	+ {"version":3,"file":"resizableSliderInput.js","sources":["../../../../../src/components/common/resizableSliderInput.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { styled } from '@mui/material';\n\nexport interface ResizableSliderInputInterface {\n value: string \| number;\n onChange: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;\n onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;\n id?: string;\n disabled?: boolean;\n textDescription?: string;\n labelText?: string;\n className?: string;\n thumb?: number;\n isCurrencyInFront?: boolean;\n thousandsSeparator?: '.' \| ',' \| ' ';\n decimalSeparator?: '.' \| ',';\n hiddenDecimalSeparator?: boolean;\n}\n\nconst ResizableSliderInput = ({\n value: values,\n onChange,\n onBlur,\n isCurrencyInFront,\n textDescription = '',\n labelText = '',\n className = '',\n id = '',\n thumb = -1,\n disabled = false,\n thousandsSeparator = '.',\n decimalSeparator = '.',\n hiddenDecimalSeparator,\n}: ResizableSliderInputInterface) => {\n const [clickCounter, setClickCounter] = useState(0);\n const [lostFocus, setLostFocus] = useState(true);\n const [background, setBackground] = useState('light');\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n\n const onChangeHandler = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n setClickCounter(() => 2);\n setLostFocus(() => false);\n onChange(e, thumb);\n },\n [onChange, thumb],\n );\n\n const onClickHandler = useCallback(() => {\n setClickCounter((curr) => curr + 1);\n setLostFocus(() => false);\n setBackground('dark');\n }, []);\n\n const onBlurHandler: React.FocusEventHandler<HTMLInputElement> = useCallback((e) => {\n setClickCounter(() => 0);\n setLostFocus(() => true);\n setBackground('light');\n onBlur?.(e, thumb);\n }, []);\n\n const getFormattedString = useCallback(\n (num: number) => {\n if (hiddenDecimalSeparator) return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n return num\n .toFixed(2)\n .replace('.', decimalSeparator)\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n },\n [decimalSeparator, hiddenDecimalSeparator, thousandsSeparator],\n );\n\n const getInputValue = useCallback(() => {\n if (clickCounter === 1) return '';\n if (lostFocus && values === -1) return getFormattedString(0);\n if (lostFocus) return getFormattedString(+values);\n return values !== -1 ? values : '';\n }, [clickCounter, getFormattedString, lostFocus, values]);\n\n const onMouseEnterHandler = () => {\n setBackground('dark');\n };\n\n const onMouseLeaveHandler = () => {\n lostFocus && setBackground('light');\n };\n\n useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n if (values <= 0 \|\| !values) inputRef.current.style.width = '4ch';\n if (hiddenDecimalSeparator) inputRef.current.style.width = getFormattedString(+values).length + 1 + 'ch';\n else inputRef.current.style.width = getFormattedString(+values).length + 'ch';\n }, [clickCounter, getFormattedString, getInputValue, hiddenDecimalSeparator, values]);\n\n return (\n <SliderValuesStyled\n className=\"single-value-input\"\n isCurrencyInFront={isCurrencyInFront}\n background={background}\n onMouseEnter={onMouseEnterHandler}\n onMouseLeave={onMouseLeaveHandler}\n >\n <label htmlFor={id}>{labelText}</label>\n <div>\n {textDescription && <span>{textDescription} </span>}\n <input\n id={id}\n ref={inputRef}\n value={getInputValue()}\n onBlur={onBlurHandler}\n onClick={onClickHandler}\n onChange={onChangeHandler}\n className={className}\n disabled={disabled}\n />\n </div>\n </SliderValuesStyled>\n );\n};\nconst SliderValuesStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'isCurrencyInFront',\n})<{ theme?: any; background: string; isCurrencyInFront: boolean }>(({ theme, isCurrencyInFront }) => {\n return {\n background: theme.palette.surface.primary,\n display: 'inline-block',\n padding: '4px 12px',\n borderRadius: '4px',\n minWidth: '60px',\n '& span, label, input': {\n fontWeight: 500,\n },\n '& span, input': {\n fontSize: '14px',\n color: theme.palette.onSurface.os700,\n },\n '& > div': {\n display: 'inline-flex',\n flexDirection: isCurrencyInFront ? 'row' : 'row-reverse',\n '& > input': {\n paddingTop: '2px',\n },\n '& > span': {\n paddingRight: isCurrencyInFront ? '2px' : '0px',\n },\n },\n };\n});\n\nexport default ResizableSliderInput;\n"],"names":["SliderValuesStyled","styled","shouldForwardProp","prop","theme","isCurrencyInFront","background","palette","surface","primary","display","padding","borderRadius","minWidth","fontWeight","fontSize","color","onSurface","os700","flexDirection","paddingTop","paddingRight","value","values","onChange","onBlur","textDescription","labelText","className","id","thumb","disabled","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","clickCounter","setClickCounter","useState","lostFocus","setLostFocus","setBackground","inputRef","useRef","onChangeHandler","useCallback","e","onClickHandler","curr","onBlurHandler","getFormattedString","num","toFixed","replace","getInputValue","useEffect","current","style","width","length","_jsxs","onMouseEnter","onMouseLeave","children","_jsx","htmlFor","ref","onClick"],"mappings":"0HAmBA,MAsGMA,2BAAqBC,OAAO,MAAO,CACvCC,kBAAoBC,GAAkB,sBAATA,GADJF,CAEyC,EAAGG,QAAOC,wBACrE,CACLC,WAAYF,EAAMG,QAAQC,QAAQC,QAClCC,QAAS,eACTC,QAAS,WACTC,aAAc,MACdC,SAAU,OACV,uBAAwB,CACtBC,WAAY,KAEd,gBAAiB,CACfC,SAAU,OACVC,MAAOZ,EAAMG,QAAQU,UAAUC,OAEjC,UAAW,CACTR,QAAS,cACTS,cAAed,EAAoB,MAAQ,cAC3C,YAAa,CACXe,WAAY,OAEd,WAAY,CACVC,aAAchB,EAAoB,MAAQ,2BA7HrB,EAC3BiB,MAAOC,EACPC,WACAC,SACApB,oBACAqB,kBAAkB,GAClBC,YAAY,GACZC,YAAY,GACZC,KAAK,GACLC,SAAQ,EACRC,YAAW,EACXC,qBAAqB,IACrBC,mBAAmB,IACnBC,6BAEA,MAAOC,EAAcC,GAAmBC,EAAAA,SAAS,IAC1CC,EAAWC,GAAgBF,EAAAA,UAAS,IACpC/B,EAAYkC,GAAiBH,EAAAA,SAAS,SAEvCI,EAAWC,EAAAA,OAAgC,MAE3CC,EAAkBC,cACrBC,IACCT,EAAgB,IAAM,GACtBG,EAAa,KAAM,GACnBf,EAASqB,EAAGf,IAEd,CAACN,EAAUM,IAGPgB,EAAiBF,EAAAA,YAAY,KACjCR,EAAiBW,GAASA,EAAO,GACjCR,EAAa,KAAM,GACnBC,EAAc,SACb,IAEGQ,EAA2DJ,cAAaC,IAC5ET,EAAgB,IAAM,GACtBG,EAAa,KAAM,GACnBC,EAAc,SACdf,SAAAA,EAASoB,EAAGf,IACX,IAEGmB,EAAqBL,cACxBM,GACKhB,EAA+BgB,EAAIC,UAAUC,QAAQ,wBAAyBpB,GAC3EkB,EACJC,QAAQ,GACRC,QAAQ,IAAKnB,GACbmB,QAAQ,wBAAyBpB,GAEtC,CAACC,EAAkBC,EAAwBF,IAGvCqB,EAAgBT,EAAAA,YAAY,IACX,IAAjBT,EAA2B,GAC3BG,IAAwB,IAAXf,EAAsB0B,EAAmB,GACtDX,EAAkBW,GAAoB1B,QACnCA,EAAgBA,EAAS,GAC/B,CAACY,EAAcc,EAAoBX,EAAWf,IAkBjD,OARA+B,EAAAA,UAAU,MAGJ/B,GAAU,IAAMA,KAAQkB,EAASc,QAAQC,MAAMC,MAAQ,OAC/BhB,EAASc,QAAQC,MAAMC,MAA/CvB,EAAuDe,GAAoB1B,GAAQmC,OAAS,EAAI,KAChET,GAAoB1B,GAAQmC,OAAS,MACxE,CAACvB,EAAcc,EAAoBI,EAAenB,EAAwBX,IAG3EoC,EAAAA,KAAC3D,EAAkB,CACjB4B,UAAU,qBACVvB,kBAAmBA,EACnBC,WAAYA,EACZsD,aArBwB,KAC1BpB,EAAc,SAqBZqB,aAlBwB,KAC1BvB,GAAaE,EAAc,UAiBQsB,SAAA,CAEjCC,EAAAA,IAAA,QAAA,CAAOC,QAASnC,EAAEiC,SAAGnC,IACrBgC,EAAAA,KAAA,MAAA,CAAAG,SAAA,CACGpC,GAAmBiC,EAAAA,uBAAOjC,EAAe,OAC1CqC,EAAAA,IAAA,QAAA,CACElC,GAAIA,EACJoC,IAAKxB,EACLnB,MAAO+B,IACP5B,OAAQuB,EACRkB,QAASpB,EACTtB,SAAUmB,EACVf,UAAWA,EACXG,SAAUA"}

package/cjs/components/common/styled/buttonFocusVisibleStyled.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-declare const ButtonFocusVisibleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+declare const ButtonFocusVisibleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     focusVisible: boolean;
     isNavigationVariant: boolean;
     fullWidth?: boolean;