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

@skodaflow/web-library 7.15.0 → 7.15.1

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

Files changed (2177) hide show

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

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

package/components/mobileStepper/mobileStepperButton.js CHANGED Viewed

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.js","sources":["../../../src/components/notification/Notification.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport {\n Box,\n BoxProps,\n Typography,\n TypographyProps,\n Stack,\n IconButton,\n StackProps,\n IconButtonProps,\n IconProps,\n} from '@mui/material';\nimport { Label } from '@/src/components/label/label';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport interface NotificationProps extends BoxProps<ElementType> {\n /*\n headline of the notification\n /\n headline?: React.ReactNode;\n /\n Custom props for the headline\n /\n headlineProps?: TypographyProps<ElementType>;\n /\n Custom props for the title\n /\n titleProps?: TypographyProps<ElementType>;\n /\n Longer description of the notification\n * @deprecated use prop children instead\n /\n description?: React.ReactNode;\n /\n Custom props for the description container\n /\n descriptionProps?: TypographyProps<ElementType>;\n /\n Custom props for the wrapper container\n /\n wrapperProps?: BoxProps<ElementType>;\n /\n Different color options for the notification\n /\n color?: 'white' \| 'grey';\n /\n Indicates if the notification is new\n /\n isNew?: boolean;\n /\n Custom props for the header container\n /\n headerProps?: BoxProps<ElementType>;\n /\n Icon to display in the notification\n /\n icon?: React.ReactNode;\n /\n Custom props for the icon container\n /\n iconProps?: BoxProps<ElementType>;\n /\n Footer text for the notification\n /\n footer?: React.ReactNode;\n /\n Control Buttons to display in the notification\n /\n buttons?: React.ReactNode;\n /\n Custom props for the buttons container\n /\n buttonsProps?: StackProps<ElementType>;\n /\n Custom props for the footer container\n /\n footerProps?: TypographyProps<ElementType>;\n /\n Callback function when the notification is dismissed\n /\n onDismiss?: () => void;\n /\n Custom props for the close icon container\n /\n closeIconButtonProps?: IconButtonProps;\n /\n Custom props for the close icon\n /\n closeIconProps?: IconProps<ElementType>;\n}\n\n/\n Component that renders an notification\n */\nexport const Notification: FC<NotificationProps> = forwardRef(\n (\n {\n sx,\n headline,\n titleProps,\n titleWrapperProps,\n description,\n descriptionProps,\n wrapperProps,\n color,\n isNew,\n headerProps,\n icon,\n iconProps,\n footer,\n buttons,\n buttonsProps,\n footerProps,\n onDismiss,\n closeIconButtonProps,\n closeIconProps,\n children,\n ...rest\n },\n ref,\n ) => {\n const { sx: wrapperSx, ...restWrapper } = wrapperProps ?? {};\n const { sx: headerSx, ...restHeader } = headerProps ?? {};\n const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n const { sx: descriptionSx, ...restDescription } = descriptionProps ?? {};\n const { sx: titleSx, ...restTitle } = titleProps ?? {};\n const { sx: closeIconButtonSx, ...restCloseIconButton } = closeIconButtonProps ?? {};\n\n const { sx: iconSx, ...restIcon } = iconProps ?? {};\n return (\n <Box\n ref={ref}\n sx={{\n backgroundColor: color === 'grey' ? 'surface.primary' : 'background.primary',\n padding: '16px 16px 24px',\n display: 'flex',\n flexDirection: 'row',\n gap: 2,\n position: 'relative',\n ...sx,\n }}\n data-testid=\"Notification\"\n {...rest}\n >\n {icon && (\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: '50%',\n width: { xs: '32px', md: '56px' },\n height: { xs: '32px', md: '56px' },\n backgroundColor: 'transparent.backdrop',\n flexShrink: '0',\n overflow: 'hidden',\n '& img': { width: '100%', height: '100%', objectFit: 'cover' },\n '& .MuiSvgIcon-root': {\n width: { xs: '22px', md: '32px' },\n height: { xs: '22px', md: '32px' },\n },\n ...iconSx,\n }}\n data-testid=\"Notification.icon\"\n {...restIcon}\n >\n {icon}\n </Box>\n )}\n <Box\n sx={{\n width: '100%',\n maxWidth: '100%',\n overflow: 'hidden',\n display: 'flex',\n gap: '4px',\n flexDirection: 'column',\n // Small padding to prevent focus ring trimming\n padding: '4px',\n // show dismiss button on hover Desktop + Tablet\n '&:hover .notification-dismiss': {\n opacity: '1',\n },\n ...wrapperSx,\n }}\n {...restWrapper}\n >\n <Box\n sx={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start', gap: 1, ...headerSx }}\n {...restHeader}\n >\n {isNew && <Label type=\"indicator\" variant=\"neutral\" />}\n\n <Typography\n variant=\"subheadline\"\n sx={{\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n flexGrow: '1',\n minWidth: '0',\n ...titleSx,\n }}\n data-testid=\"Notification.headline\"\n {...restTitle}\n >\n {headline}\n </Typography>\n\n {onDismiss && (\n <IconButton\n aria-label=\"Dismiss notification\"\n onClick={onDismiss}\n size=\"small\"\n className=\"notification-dismiss\"\n sx={{\n padding: '2px',\n // hide dismiss button Desktop + Tablet, keep on mobile\n opacity: { xs: '1', md: '0' },\n // show dismiss button on focus\n '&.Mui-focusVisible': {\n opacity: '1',\n },\n ...closeIconButtonSx,\n }}\n data-testid=\"Notification.dismiss\"\n {...restCloseIconButton}\n >\n <CloseIcon fontSize=\"small\" className=\"ballotx\" name=\"close\" {...closeIconProps} />\n </IconButton>\n )}\n </Box>\n <Box data-testid=\"Notification.description\">\n {typeof children === 'string' \|\| typeof description === 'string' ? (\n <Typography\n sx={{\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: '2',\n WebkitBoxOrient: 'vertical',\n ...descriptionSx,\n }}\n variant=\"disclaimer1\"\n {...restDescription}\n >\n {children \|\| description}\n </Typography>\n ) : (\n children \|\| description\n )}\n </Box>\n {footer && (\n <Typography\n variant=\"disclaimer1\"\n color={'onSurface.os600'}\n data-testid=\"Notification.footer\"\n {...footerProps}\n >\n {footer}\n </Typography>\n )}\n {buttons && (\n <Stack\n direction=\"row\"\n sx={{ mt: 1.5, ...buttonsSx }}\n spacing={1}\n data-testid=\"Notification.buttons\"\n {...restButtons}\n >\n {buttons}\n </Stack>\n )}\n </Box>\n </Box>\n );\n },\n);\n"],"names":["Notification","forwardRef","_a","ref","sx","headline","titleProps","titleWrapperProps","description","descriptionProps","wrapperProps","color","isNew","headerProps","icon","iconProps","footer","buttons","buttonsProps","footerProps","onDismiss","closeIconButtonProps","closeIconProps","children","rest","__rest","_b","wrapperSx","restWrapper","_c","headerSx","restHeader","_d","buttonsSx","restButtons","_e","descriptionSx","restDescription","_f","titleSx","restTitle","_g","closeIconButtonSx","restCloseIconButton","_h","iconSx","restIcon","_jsxs","Box","Object","assign","backgroundColor","padding","display","flexDirection","gap","position","_jsx","justifyContent","alignItems","borderRadius","width","xs","md","height","flexShrink","overflow","objectFit","maxWidth","opacity","Label","type","variant","Typography","whiteSpace","textOverflow","flexGrow","minWidth","IconButton","onClick","size","className","CloseIcon","fontSize","name","WebkitLineClamp","WebkitBoxOrient","Stack","direction","mt","spacing"],"mappings":"qSA8Fa,MAAAA,EAAsCC,GACjD,CACEC,EAuBAC,SAvBAC,GACEA,EAAEC,SACFA,EAAQC,WACRA,EAAUC,kBACVA,EAAiBC,YACjBA,EAAWC,iBACXA,EAAgBC,aAChBA,EAAYC,MACZA,EAAKC,MACLA,EAAKC,YACLA,EAAWC,KACXA,EAAIC,UACJA,EAASC,OACTA,EAAMC,QACNA,EAAOC,aACPA,EAAYC,YACZA,EAAWC,UACXA,EAASC,qBACTA,EAAoBC,eACpBA,EAAcC,SACdA,GAAQrB,EACLsB,EAAIC,EAAAvB,EArBT,oQAyBA,MAAMwB,EAAoChB,QAAAA,EAAgB,IAAlDN,GAAIuB,GAAgDD,EAAlCE,EAApBH,EAAAC,EAAA,CAAA,OACAG,EAAkChB,QAAAA,EAAe,IAA/CT,GAAI0B,GAA6CD,EAAhCE,EAAnBN,EAAAI,EAAA,CAAA,OACAG,EAAoCd,QAAAA,EAAgB,IAAlDd,GAAI6B,GAAgDD,EAAlCE,EAApBT,EAAAO,EAAA,CAAA,OACAG,EAA4C1B,QAAAA,EAAoB,IAA9DL,GAAIgC,GAA4DD,EAA1CE,EAAxBZ,EAAAU,EAAA,CAAA,OACAG,EAAgChC,QAAAA,EAAc,IAA5CF,GAAImC,GAA0CD,EAA9BE,EAAlBf,EAAAa,EAAA,CAAA,OACAG,EAAoDpB,QAAAA,EAAwB,IAA1EjB,GAAIsC,GAAwED,EAAlDE,EAA5BlB,EAAAgB,EAAA,CAAA,OAEAG,EAA8B7B,QAAAA,EAAa,IAAzCX,GAAIyC,GAAuCD,EAA5BE,EAAjBrB,EAAAmB,EAAA,CAAA,OACN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CACF/C,IAAKA,EACLC,GAAE6C,OAAAC,OAAA,CACAC,gBAA2B,SAAVxC,EAAmB,kBAAoB,qBACxDyC,QAAS,iBACTC,QAAS,OACTC,cAAe,MACfC,IAAK,EACLC,SAAU,YACPpD,GAAE,cAEK,gBACRoB,EAAI,CAAAD,SAAA,CAEPT,GACC2C,EAACT,EAAGC,OAAAC,OAAA,CACF9C,GAAE6C,OAAAC,OAAA,CACAG,QAAS,OACTK,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,CAAEC,GAAI,OAAQC,GAAI,QACzBC,OAAQ,CAAEF,GAAI,OAAQC,GAAI,QAC1BZ,gBAAiB,uBACjBc,WAAY,IACZC,SAAU,SACV,QAAS,CAAEL,MAAO,OAAQG,OAAQ,OAAQG,UAAW,SACrD,qBAAsB,CACpBN,MAAO,CAAEC,GAAI,OAAQC,GAAI,QACzBC,OAAQ,CAAEF,GAAI,OAAQC,GAAI,UAEzBlB,GAEO,cAAA,qBACRC,YAEHhC,KAGLiC,EAACC,EAAGC,OAAAC,OAAA,CACF9C,GAAE6C,OAAAC,OAAA,CACAW,MAAO,OACPO,SAAU,OACVF,SAAU,SACVb,QAAS,OACTE,IAAK,MACLD,cAAe,SAEfF,QAAS,MAET,gCAAiC,CAC/BiB,QAAS,MAER1C,IAEDC,EAAW,CAAAL,SAAA,CAEfwB,EAACC,EAAGC,OAAAC,OAAA,CACF9C,GAAE6C,OAAAC,OAAA,CAAIG,QAAS,OAAQM,WAAY,SAAUD,eAAgB,aAAcH,IAAK,GAAMzB,IAClFC,aAEHnB,GAAS6C,EAACa,EAAK,CAACC,KAAK,YAAYC,QAAQ,YAE1Cf,EAACgB,iBACCD,QAAQ,cACRpE,GAAE6C,OAAAC,OAAA,CACAwB,WAAY,SACZR,SAAU,SACVS,aAAc,WACdC,SAAU,IACVC,SAAU,KACPtC,GAEO,cAAA,yBACRC,EAEH,CAAAjB,SAAAlB,KAGFe,GACCqC,EAACqB,8BACY,uBACXC,QAAS3D,EACT4D,KAAK,QACLC,UAAU,uBACV7E,GAAE6C,OAAAC,OAAA,CACAE,QAAS,MAETiB,QAAS,CAAEP,GAAI,IAAKC,GAAI,KAExB,qBAAsB,CACpBM,QAAS,MAER3B,GAAiB,cAEV,wBACRC,EAEJ,CAAApB,SAAAkC,EAACyB,EAASjC,OAAAC,OAAA,CAACiC,SAAS,QAAQF,UAAU,UAAUG,KAAK,SAAY9D,WAIvEmC,EAACT,EAAG,CAAA,cAAa,2BAA0BzB,SACpB,iBAAbA,GAAgD,iBAAhBf,EACtCiD,EAACgB,EACCxB,OAAAC,OAAA,CAAA9C,GACE6C,OAAAC,OAAA,CAAAgB,SAAU,SACVS,aAAc,WACdtB,QAAS,cACTgC,gBAAiB,IACjBC,gBAAiB,YACdlD,GAELoC,QAAQ,eACJnC,EAEH,CAAAd,SAAAA,GAAYf,KAGfe,GAAYf,IAGfQ,GACCyC,EAACgB,iBACCD,QAAQ,cACR7D,MAAO,kBACK,cAAA,uBACRQ,EAAW,CAAAI,SAEdP,KAGJC,GACCwC,EAAC8B,EACCtC,OAAAC,OAAA,CAAAsC,UAAU,MACVpF,GAAE6C,OAAAC,OAAA,CAAIuC,GAAI,KAAQxD,GAClByD,QAAS,gBACG,wBACRxD,EAAW,CAAAX,SAEdN,YAIH"}
1	+ {"version":3,"file":"Notification.js","sources":["../../../src/components/notification/Notification.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport {\n Box,\n BoxProps,\n Typography,\n TypographyProps,\n Stack,\n IconButton,\n StackProps,\n IconButtonProps,\n IconProps,\n} from '@mui/material';\nimport { Label } from '@/src/components/label/label';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport interface NotificationProps extends BoxProps<ElementType> {\n /*\n headline of the notification\n /\n headline?: React.ReactNode;\n /\n Custom props for the headline\n /\n headlineProps?: TypographyProps<ElementType>;\n /\n Custom props for the title\n /\n titleProps?: TypographyProps<ElementType>;\n /\n Longer description of the notification\n * @deprecated use prop children instead\n /\n description?: React.ReactNode;\n /\n Custom props for the description container\n /\n descriptionProps?: TypographyProps<ElementType>;\n /\n Custom props for the wrapper container\n /\n wrapperProps?: BoxProps<ElementType>;\n /\n Different color options for the notification\n /\n color?: 'white' \| 'grey';\n /\n Indicates if the notification is new\n /\n isNew?: boolean;\n /\n Custom props for the header container\n /\n headerProps?: BoxProps<ElementType>;\n /\n Icon to display in the notification\n /\n icon?: React.ReactNode;\n /\n Custom props for the icon container\n /\n iconProps?: BoxProps<ElementType>;\n /\n Footer text for the notification\n /\n footer?: React.ReactNode;\n /\n Control Buttons to display in the notification\n /\n buttons?: React.ReactNode;\n /\n Custom props for the buttons container\n /\n buttonsProps?: StackProps<ElementType>;\n /\n Custom props for the footer container\n /\n footerProps?: TypographyProps<ElementType>;\n /\n Callback function when the notification is dismissed\n /\n onDismiss?: () => void;\n /\n Custom props for the close icon container\n /\n closeIconButtonProps?: IconButtonProps;\n /\n Custom props for the close icon\n /\n closeIconProps?: IconProps<ElementType>;\n}\n\n/\n Component that renders an notification\n */\nexport const Notification: FC<NotificationProps> = forwardRef(\n (\n {\n sx,\n headline,\n titleProps,\n titleWrapperProps,\n description,\n descriptionProps,\n wrapperProps,\n color,\n isNew,\n headerProps,\n icon,\n iconProps,\n footer,\n buttons,\n buttonsProps,\n footerProps,\n onDismiss,\n closeIconButtonProps,\n closeIconProps,\n children,\n ...rest\n },\n ref,\n ) => {\n const { sx: wrapperSx, ...restWrapper } = wrapperProps ?? {};\n const { sx: headerSx, ...restHeader } = headerProps ?? {};\n const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n const { sx: descriptionSx, ...restDescription } = descriptionProps ?? {};\n const { sx: titleSx, ...restTitle } = titleProps ?? {};\n const { sx: closeIconButtonSx, ...restCloseIconButton } = closeIconButtonProps ?? {};\n\n const { sx: iconSx, ...restIcon } = iconProps ?? {};\n return (\n <Box\n ref={ref}\n sx={{\n backgroundColor: color === 'grey' ? 'surface.primary' : 'background.primary',\n padding: '16px 16px 24px',\n display: 'flex',\n flexDirection: 'row',\n gap: 2,\n position: 'relative',\n ...sx,\n }}\n data-testid=\"Notification\"\n {...rest}\n >\n {icon && (\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: '50%',\n width: { xs: '32px', md: '56px' },\n height: { xs: '32px', md: '56px' },\n backgroundColor: 'transparent.backdrop',\n flexShrink: '0',\n overflow: 'hidden',\n '& img': { width: '100%', height: '100%', objectFit: 'cover' },\n '& .MuiSvgIcon-root': {\n width: { xs: '22px', md: '32px' },\n height: { xs: '22px', md: '32px' },\n },\n ...iconSx,\n }}\n data-testid=\"Notification.icon\"\n {...restIcon}\n >\n {icon}\n </Box>\n )}\n <Box\n sx={{\n width: '100%',\n maxWidth: '100%',\n overflow: 'hidden',\n display: 'flex',\n gap: '4px',\n flexDirection: 'column',\n // Small padding to prevent focus ring trimming\n padding: '4px',\n // show dismiss button on hover Desktop + Tablet\n '&:hover .notification-dismiss': {\n opacity: '1',\n },\n ...wrapperSx,\n }}\n {...restWrapper}\n >\n <Box\n sx={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start', gap: 1, ...headerSx }}\n {...restHeader}\n >\n {isNew && <Label type=\"indicator\" variant=\"neutral\" />}\n\n <Typography\n variant=\"subheadline\"\n sx={{\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n flexGrow: '1',\n minWidth: '0',\n ...titleSx,\n }}\n data-testid=\"Notification.headline\"\n {...restTitle}\n >\n {headline}\n </Typography>\n\n {onDismiss && (\n <IconButton\n aria-label=\"Dismiss notification\"\n onClick={onDismiss}\n size=\"small\"\n className=\"notification-dismiss\"\n sx={{\n padding: '2px',\n // hide dismiss button Desktop + Tablet, keep on mobile\n opacity: { xs: '1', md: '0' },\n // show dismiss button on focus\n '&.Mui-focusVisible': {\n opacity: '1',\n },\n ...closeIconButtonSx,\n }}\n data-testid=\"Notification.dismiss\"\n {...restCloseIconButton}\n >\n <CloseIcon fontSize=\"small\" className=\"ballotx\" name=\"close\" {...closeIconProps} />\n </IconButton>\n )}\n </Box>\n <Box data-testid=\"Notification.description\">\n {typeof children === 'string' \|\| typeof description === 'string' ? (\n <Typography\n sx={{\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: '2',\n WebkitBoxOrient: 'vertical',\n ...descriptionSx,\n }}\n variant=\"disclaimer1\"\n {...restDescription}\n >\n {children \|\| description}\n </Typography>\n ) : (\n children \|\| description\n )}\n </Box>\n {footer && (\n <Typography\n variant=\"disclaimer1\"\n color={'onSurface.os600'}\n data-testid=\"Notification.footer\"\n {...footerProps}\n >\n {footer}\n </Typography>\n )}\n {buttons && (\n <Stack\n direction=\"row\"\n sx={{ mt: 1.5, ...buttonsSx }}\n spacing={1}\n data-testid=\"Notification.buttons\"\n {...restButtons}\n >\n {buttons}\n </Stack>\n )}\n </Box>\n </Box>\n );\n },\n);\n"],"names":["Notification","forwardRef","_a","ref","sx","headline","titleProps","titleWrapperProps","description","descriptionProps","wrapperProps","color","isNew","headerProps","icon","iconProps","footer","buttons","buttonsProps","footerProps","onDismiss","closeIconButtonProps","closeIconProps","children","rest","__rest","_b","wrapperSx","restWrapper","_c","headerSx","restHeader","_d","buttonsSx","restButtons","_e","descriptionSx","restDescription","_f","titleSx","restTitle","_g","closeIconButtonSx","restCloseIconButton","_h","iconSx","restIcon","_jsxs","Box","Object","assign","backgroundColor","padding","display","flexDirection","gap","position","_jsx","justifyContent","alignItems","borderRadius","width","xs","md","height","flexShrink","overflow","objectFit","maxWidth","opacity","Label","type","variant","Typography","whiteSpace","textOverflow","flexGrow","minWidth","IconButton","onClick","size","className","CloseIcon","fontSize","name","WebkitLineClamp","WebkitBoxOrient","Stack","direction","mt","spacing"],"mappings":"qSA8FO,MAAMA,EAAsCC,GACjD,CACEC,EAuBAC,SAvBAC,GACEA,EAAEC,SACFA,EAAQC,WACRA,EAAUC,kBACVA,EAAiBC,YACjBA,EAAWC,iBACXA,EAAgBC,aAChBA,EAAYC,MACZA,EAAKC,MACLA,EAAKC,YACLA,EAAWC,KACXA,EAAIC,UACJA,EAASC,OACTA,EAAMC,QACNA,EAAOC,aACPA,EAAYC,YACZA,EAAWC,UACXA,EAASC,qBACTA,EAAoBC,eACpBA,EAAcC,SACdA,GAAQrB,EACLsB,EAAIC,EAAAvB,EArBT,oQAyBA,MAAMwB,EAAoChB,QAAAA,EAAgB,IAAlDN,GAAIuB,GAASD,EAAKE,EAAWH,EAAAC,EAA/B,CAAA,OACAG,EAAkChB,QAAAA,EAAe,IAA/CT,GAAI0B,GAAQD,EAAKE,EAAUN,EAAAI,EAA7B,CAAA,OACAG,EAAoCd,QAAAA,EAAgB,IAAlDd,GAAI6B,GAASD,EAAKE,EAAWT,EAAAO,EAA/B,CAAA,OACAG,EAA4C1B,QAAAA,EAAoB,IAA9DL,GAAIgC,GAAaD,EAAKE,EAAeZ,EAAAU,EAAvC,CAAA,OACAG,EAAgChC,QAAAA,EAAc,IAA5CF,GAAImC,GAAOD,EAAKE,EAASf,EAAAa,EAA3B,CAAA,OACAG,EAAoDpB,QAAAA,EAAwB,IAA1EjB,GAAIsC,GAAiBD,EAAKE,EAAmBlB,EAAAgB,EAA/C,CAAA,OAEAG,EAA8B7B,QAAAA,EAAa,IAAzCX,GAAIyC,GAAMD,EAAKE,EAAQrB,EAAAmB,EAAzB,CAAA,OACN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CACF/C,IAAKA,EACLC,GAAE6C,OAAAC,OAAA,CACAC,gBAA2B,SAAVxC,EAAmB,kBAAoB,qBACxDyC,QAAS,iBACTC,QAAS,OACTC,cAAe,MACfC,IAAK,EACLC,SAAU,YACPpD,GAAE,cAEK,gBACRoB,EAAI,CAAAD,SAAA,CAEPT,GACC2C,EAACT,EAAGC,OAAAC,OAAA,CACF9C,GAAE6C,OAAAC,OAAA,CACAG,QAAS,OACTK,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,CAAEC,GAAI,OAAQC,GAAI,QACzBC,OAAQ,CAAEF,GAAI,OAAQC,GAAI,QAC1BZ,gBAAiB,uBACjBc,WAAY,IACZC,SAAU,SACV,QAAS,CAAEL,MAAO,OAAQG,OAAQ,OAAQG,UAAW,SACrD,qBAAsB,CACpBN,MAAO,CAAEC,GAAI,OAAQC,GAAI,QACzBC,OAAQ,CAAEF,GAAI,OAAQC,GAAI,UAEzBlB,GAAM,cAEC,qBACRC,YAEHhC,KAGLiC,EAACC,EAAGC,OAAAC,OAAA,CACF9C,GAAE6C,OAAAC,OAAA,CACAW,MAAO,OACPO,SAAU,OACVF,SAAU,SACVb,QAAS,OACTE,IAAK,MACLD,cAAe,SAEfF,QAAS,MAET,gCAAiC,CAC/BiB,QAAS,MAER1C,IAEDC,EAAW,CAAAL,SAAA,CAEfwB,EAACC,EAAGC,OAAAC,OAAA,CACF9C,GAAE6C,OAAAC,OAAA,CAAIG,QAAS,OAAQM,WAAY,SAAUD,eAAgB,aAAcH,IAAK,GAAMzB,IAClFC,aAEHnB,GAAS6C,EAACa,EAAK,CAACC,KAAK,YAAYC,QAAQ,YAE1Cf,EAACgB,iBACCD,QAAQ,cACRpE,GAAE6C,OAAAC,OAAA,CACAwB,WAAY,SACZR,SAAU,SACVS,aAAc,WACdC,SAAU,IACVC,SAAU,KACPtC,GAAO,cAEA,yBACRC,EAAS,CAAAjB,SAEZlB,KAGFe,GACCqC,EAACqB,8BACY,uBACXC,QAAS3D,EACT4D,KAAK,QACLC,UAAU,uBACV7E,GAAE6C,OAAAC,OAAA,CACAE,QAAS,MAETiB,QAAS,CAAEP,GAAI,IAAKC,GAAI,KAExB,qBAAsB,CACpBM,QAAS,MAER3B,GAAiB,cAEV,wBACRC,EAAmB,CAAApB,SAEvBkC,EAACyB,EAASjC,OAAAC,OAAA,CAACiC,SAAS,QAAQF,UAAU,UAAUG,KAAK,SAAY9D,WAIvEmC,EAACT,EAAG,CAAA,cAAa,2BAA0BzB,SACpB,iBAAbA,GAAgD,iBAAhBf,EACtCiD,EAACgB,EAAUxB,OAAAC,OAAA,CACT9C,GAAE6C,OAAAC,OAAA,CACAgB,SAAU,SACVS,aAAc,WACdtB,QAAS,cACTgC,gBAAiB,IACjBC,gBAAiB,YACdlD,GAELoC,QAAQ,eACJnC,EAAe,CAAAd,SAElBA,GAAYf,KAGfe,GAAYf,IAGfQ,GACCyC,EAACgB,iBACCD,QAAQ,cACR7D,MAAO,kBAAiB,cACZ,uBACRQ,EAAW,CAAAI,SAEdP,KAGJC,GACCwC,EAAC8B,EAAKtC,OAAAC,OAAA,CACJsC,UAAU,MACVpF,GAAE6C,OAAAC,OAAA,CAAIuC,GAAI,KAAQxD,GAClByD,QAAS,gBACG,wBACRxD,EAAW,CAAAX,SAEdN,YAIH"}

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

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

package/components/notification/NotificationCenter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationCenter.js","sources":["../../../src/components/notification/NotificationCenter.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, FC } from 'react';\nimport {\n Box,\n Button,\n BoxProps,\n ButtonProps,\n IconButton,\n IconButtonProps,\n IconProps,\n Typography,\n TypographyProps,\n} from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport interface NotificationCenterProps extends BoxProps<ElementType> {\n /*\n Title of the notification center\n /\n title?: React.ReactNode;\n /\n Custom props for the header\n /\n headerProps?: BoxProps<ElementType>;\n /\n Custom props for the title\n /\n titleProps?: TypographyProps<ElementType>;\n /\n Text for the dismiss all button\n /\n dismissAllText?: React.ReactNode;\n /\n Callback function when the dismiss all button is clicked\n /\n onDismissAll?: () => void;\n /\n Callback function when the close button is clicked\n /\n onClose?: () => void;\n /\n Max Height of the notification center\n /\n height?: number \| string;\n /\n Custom props for the icon button\n /\n iconButtonProps?: IconButtonProps;\n /\n Custom props for the close icon\n /\n iconProps?: IconProps<ElementType>;\n /\n Custom props for the container\n /\n containerProps?: BoxProps<ElementType>;\n /\n Custom props for the dismiss box\n /\n dismissBoxProps?: BoxProps<ElementType>;\n /\n Custom props for the dismiss button\n */\n dismissButtonProps?: ButtonProps<ElementType>;\n}\n\nexport const NotificationCenter: FC<NotificationCenterProps> = forwardRef(\n (\n {\n children,\n sx,\n title = 'Notifications',\n headerProps,\n titleProps,\n dismissAllText = 'Dismiss All',\n onDismissAll,\n onClose,\n iconButtonProps,\n iconProps,\n containerProps,\n dismissBoxProps,\n dismissButtonProps,\n height = 556,\n ...rest\n },\n ref,\n ) => {\n const { sx: headerSx, ...restHeader } = headerProps ?? {};\n const { sx: containerSx, ...restContainer } = containerProps ?? {};\n const { sx: dismissBoxSx, ...restDismissBox } = dismissBoxProps ?? {};\n const { sx: iconButtonSx, ...restIconButton } = iconButtonProps ?? {};\n\n const formatHeight = (heightValue: number \| string) => {\n if (typeof heightValue === 'string' && heightValue.includes('px')) {\n return heightValue;\n }\n // if typeof heightValue === 'number', or string without 'px'\n return `${heightValue}px`;\n };\n\n return (\n <Box\n ref={ref}\n sx={{\n display: 'flex',\n flexDirection: 'column',\n width: { xs: '100%', sm: '360px', md: '440px' },\n borderRadius: { xs: '0px', sm: '8px' },\n backgroundColor: 'background.primary',\n color: 'text.primary',\n boxShadow: '0px 5px 6px 1px rgba(0, 0, 0, 0.18), 0px -1px 4px 0px rgba(0, 0, 0, 0.1)',\n overflow: 'hidden',\n maxHeight: formatHeight(height),\n ...sx,\n }}\n data-testid=\"NotificationCenter\"\n {...rest}\n >\n <Box\n sx={{\n padding: '16px 8px 16px 16px',\n display: 'flex',\n justifyContent: 'space-between',\n ...headerSx,\n }}\n {...restHeader}\n >\n <Typography variant=\"h4\" component=\"span\" data-testid=\"NotificationCenter.title\" {...titleProps}>\n {title}\n </Typography>\n {onClose && (\n <IconButton\n aria-label=\"onClose notificationCenter\"\n onClick={onClose}\n size=\"medium\"\n className=\"notificationCenter-onClose\"\n sx={{\n padding: '4px',\n ...iconButtonSx,\n }}\n data-testid=\"NotificationCenter.onClose\"\n {...restIconButton}\n >\n <CloseIcon fontSize=\"medium\" className=\"ballotx\" {...iconProps} />\n </IconButton>\n )}\n </Box>\n\n {onDismissAll && (\n <Box\n sx={{\n padding: '0 8px 4px 16px',\n display: 'flex',\n justifyContent: 'flex-end',\n ...dismissBoxSx,\n }}\n {...restDismissBox}\n >\n <Button\n onClick={onDismissAll}\n size=\"small\"\n color=\"secondary\"\n variant=\"text\"\n data-testid=\"NotificationCenter.dismiss\"\n {...dismissButtonProps}\n >\n {dismissAllText}\n </Button>\n </Box>\n )}\n <Box\n sx={{\n overflowY: 'auto',\n // add divider between notifications\n '& [data-testid=\"Notification\"]:not(:last-child)': {\n borderBottom: 1,\n borderColor: 'surface.secondary',\n },\n ...containerSx,\n }}\n data-testid=\"NotificationCenter.content\"\n {...restContainer}\n >\n {children}\n </Box>\n </Box>\n );\n },\n);\n"],"names":["NotificationCenter","forwardRef","_a","ref","children","sx","title","headerProps","titleProps","dismissAllText","onDismissAll","onClose","iconButtonProps","iconProps","containerProps","dismissBoxProps","dismissButtonProps","height","rest","__rest","_b","headerSx","restHeader","_c","containerSx","restContainer","_d","dismissBoxSx","restDismissBox","_e","iconButtonSx","restIconButton","_jsxs","Box","Object","assign","display","flexDirection","width","xs","sm","md","borderRadius","backgroundColor","color","boxShadow","overflow","maxHeight","heightValue","includes","padding","justifyContent","_jsx","Typography","variant","component","IconButton","onClick","size","className","CloseIcon","fontSize","Button","overflowY","borderBottom","borderColor"],"mappings":"~~4PAiEa~~,~~MAAAA~~,EAAkDC,GAC7D,CACEC,EAiBAC,KAjBA,IAAAC,SACEA,EAAQC,GACRA,EAAEC,MACFA,EAAQ,gBAAeC,YACvBA,EAAWC,WACXA,EAAUC,eACVA,EAAiB,cAAaC,aAC9BA,EAAYC,QACZA,EAAOC,gBACPA,EAAeC,UACfA,EAASC,eACTA,EAAcC,gBACdA,EAAeC,mBACfA,EAAkBC,OAClBA,EAAS,KAAGf,EACTgB,EAAIC,EAAAjB,EAfT,+LAmBA,MAAMkB,EAAkCb,QAAAA,EAAe,IAA/CF,GAAIgB,~~GAA6CD~~,~~EAAhCE~~,~~EAAnBH~~,EAAAC,~~EAAA~~,CAAA,OACAG,EAAwCT,QAAAA,EAAkB,IAAxDT,GAAImB,~~GAAsDD~~,~~EAAtCE~~,~~EAAtBN~~,EAAAI,~~EAAA~~,CAAA,OACAG,EAA0CX,QAAAA,EAAmB,IAA3DV,GAAIsB,~~GAAyDD~~,~~EAAxCE~~,~~EAAvBT~~,EAAAO,~~EAAA~~,CAAA,OACAG,EAA0CjB,QAAAA,EAAmB,IAA3DP,GAAIyB,~~GAAyDD~~,~~EAAxCE~~,~~EAAvBZ~~,EAAAU,~~EAAA~~,CAAA,OAUN,OACEG,EAACC,~~EACCC~~,OAAAC,OAAA,~~CAAAhC~~,IAAKA,EACLE,GAAE6B,OAAAC,OAAA,CACAC,QAAS,OACTC,cAAe,SACfC,MAAO,CAAEC,GAAI,OAAQC,GAAI,QAASC,GAAI,SACtCC,aAAc,CAAEH,GAAI,MAAOC,GAAI,OAC/BG,gBAAiB,qBACjBC,MAAO,eACPC,UAAW,2EACXC,SAAU,SACVC,WApBgBC,EAoBQ/B,EAnBD,iBAAhB+B,GAA4BA,EAAYC,SAAS,MACnDD,EAGF,GAAGA,QAgBH3C,GAAE,cAEK,sBACRa,EAAI,CAAAd,SAAA,CAER4B,EAACC,EAAGC,OAAAC,OAAA,CACF9B,GAAE6B,OAAAC,OAAA,CACAe,QAAS,qBACTd,QAAS,OACTe,eAAgB,iBACb9B,IAEDC,EAAU,CAAAlB,SAAA,CAEdgD,EAACC,EAAUnB,OAAAC,OAAA,CAACmB,QAAQ,KAAKC,UAAU,OAAM,cAAa,4BAA+B/C,EAAU,CAAAJ,SAC5FE,KAEFK,GACCyC,EAACI,~~EACYtB~~,OAAAC,OAAA,CAAA,~~aAAA~~,6BACXsB,QAAS9C,EACT+C,KAAK,SACLC,UAAU,6BACVtD,~~GACE6B~~,OAAAC,OAAA,~~CAAAe~~,QAAS,OACNpB,GAAY,cAEL,8BACRC,EAAc,CAAA3B,SAElBgD,EAACQ,EAAS1B,OAAAC,OAAA,CAAC0B,SAAS,SAASF,UAAU,WAAc9C,WAK1DH,GACC0C,EAACnB,~~EACCC~~,OAAAC,OAAA,~~CAAA9B~~,~~GACE6B~~,OAAAC,OAAA,~~CAAAe~~,QAAS,iBACTd,QAAS,OACTe,eAAgB,YACbxB,IAEDC,~~EAEJ~~,CAAAxB,~~SAAAgD~~,EAACU,~~EACC5B~~,OAAAC,OAAA,~~CAAAsB~~,QAAS/C,EACTgD,KAAK,QACLd,MAAM,YACNU,QAAQ,~~OACI~~,~~cAAA~~,8BACRtC,YAEHP,QAIP2C,EAACnB,EAAGC,OAAAC,OAAA,CACF9B,GAAE6B,OAAAC,OAAA,CACA4B,UAAW,OAEX,kDAAmD,CACjDC,aAAc,EACdC,YAAa,sBAEZzC,~~GAEO~~,~~cAAA~~,8BACRC,YAEHrB,SA3Fc,IAAC4C,CA6Fd"}
1	+ {"version":3,"file":"NotificationCenter.js","sources":["../../../src/components/notification/NotificationCenter.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, FC } from 'react';\nimport {\n Box,\n Button,\n BoxProps,\n ButtonProps,\n IconButton,\n IconButtonProps,\n IconProps,\n Typography,\n TypographyProps,\n} from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport interface NotificationCenterProps extends BoxProps<ElementType> {\n /*\n Title of the notification center\n /\n title?: React.ReactNode;\n /\n Custom props for the header\n /\n headerProps?: BoxProps<ElementType>;\n /\n Custom props for the title\n /\n titleProps?: TypographyProps<ElementType>;\n /\n Text for the dismiss all button\n /\n dismissAllText?: React.ReactNode;\n /\n Callback function when the dismiss all button is clicked\n /\n onDismissAll?: () => void;\n /\n Callback function when the close button is clicked\n /\n onClose?: () => void;\n /\n Max Height of the notification center\n /\n height?: number \| string;\n /\n Custom props for the icon button\n /\n iconButtonProps?: IconButtonProps;\n /\n Custom props for the close icon\n /\n iconProps?: IconProps<ElementType>;\n /\n Custom props for the container\n /\n containerProps?: BoxProps<ElementType>;\n /\n Custom props for the dismiss box\n /\n dismissBoxProps?: BoxProps<ElementType>;\n /\n Custom props for the dismiss button\n */\n dismissButtonProps?: ButtonProps<ElementType>;\n}\n\nexport const NotificationCenter: FC<NotificationCenterProps> = forwardRef(\n (\n {\n children,\n sx,\n title = 'Notifications',\n headerProps,\n titleProps,\n dismissAllText = 'Dismiss All',\n onDismissAll,\n onClose,\n iconButtonProps,\n iconProps,\n containerProps,\n dismissBoxProps,\n dismissButtonProps,\n height = 556,\n ...rest\n },\n ref,\n ) => {\n const { sx: headerSx, ...restHeader } = headerProps ?? {};\n const { sx: containerSx, ...restContainer } = containerProps ?? {};\n const { sx: dismissBoxSx, ...restDismissBox } = dismissBoxProps ?? {};\n const { sx: iconButtonSx, ...restIconButton } = iconButtonProps ?? {};\n\n const formatHeight = (heightValue: number \| string) => {\n if (typeof heightValue === 'string' && heightValue.includes('px')) {\n return heightValue;\n }\n // if typeof heightValue === 'number', or string without 'px'\n return `${heightValue}px`;\n };\n\n return (\n <Box\n ref={ref}\n sx={{\n display: 'flex',\n flexDirection: 'column',\n width: { xs: '100%', sm: '360px', md: '440px' },\n borderRadius: { xs: '0px', sm: '8px' },\n backgroundColor: 'background.primary',\n color: 'text.primary',\n boxShadow: '0px 5px 6px 1px rgba(0, 0, 0, 0.18), 0px -1px 4px 0px rgba(0, 0, 0, 0.1)',\n overflow: 'hidden',\n maxHeight: formatHeight(height),\n ...sx,\n }}\n data-testid=\"NotificationCenter\"\n {...rest}\n >\n <Box\n sx={{\n padding: '16px 8px 16px 16px',\n display: 'flex',\n justifyContent: 'space-between',\n ...headerSx,\n }}\n {...restHeader}\n >\n <Typography variant=\"h4\" component=\"span\" data-testid=\"NotificationCenter.title\" {...titleProps}>\n {title}\n </Typography>\n {onClose && (\n <IconButton\n aria-label=\"onClose notificationCenter\"\n onClick={onClose}\n size=\"medium\"\n className=\"notificationCenter-onClose\"\n sx={{\n padding: '4px',\n ...iconButtonSx,\n }}\n data-testid=\"NotificationCenter.onClose\"\n {...restIconButton}\n >\n <CloseIcon fontSize=\"medium\" className=\"ballotx\" {...iconProps} />\n </IconButton>\n )}\n </Box>\n\n {onDismissAll && (\n <Box\n sx={{\n padding: '0 8px 4px 16px',\n display: 'flex',\n justifyContent: 'flex-end',\n ...dismissBoxSx,\n }}\n {...restDismissBox}\n >\n <Button\n onClick={onDismissAll}\n size=\"small\"\n color=\"secondary\"\n variant=\"text\"\n data-testid=\"NotificationCenter.dismiss\"\n {...dismissButtonProps}\n >\n {dismissAllText}\n </Button>\n </Box>\n )}\n <Box\n sx={{\n overflowY: 'auto',\n // add divider between notifications\n '& [data-testid=\"Notification\"]:not(:last-child)': {\n borderBottom: 1,\n borderColor: 'surface.secondary',\n },\n ...containerSx,\n }}\n data-testid=\"NotificationCenter.content\"\n {...restContainer}\n >\n {children}\n </Box>\n </Box>\n );\n },\n);\n"],"names":["NotificationCenter","forwardRef","_a","ref","children","sx","title","headerProps","titleProps","dismissAllText","onDismissAll","onClose","iconButtonProps","iconProps","containerProps","dismissBoxProps","dismissButtonProps","height","rest","__rest","_b","headerSx","restHeader","_c","containerSx","restContainer","_d","dismissBoxSx","restDismissBox","_e","iconButtonSx","restIconButton","_jsxs","Box","Object","assign","display","flexDirection","width","xs","sm","md","borderRadius","backgroundColor","color","boxShadow","overflow","maxHeight","heightValue","includes","padding","justifyContent","_jsx","Typography","variant","component","IconButton","onClick","size","className","CloseIcon","fontSize","Button","overflowY","borderBottom","borderColor"],"mappings":"4PAiEO,MAAMA,EAAkDC,GAC7D,CACEC,EAiBAC,KAjBA,IAAAC,SACEA,EAAQC,GACRA,EAAEC,MACFA,EAAQ,gBAAeC,YACvBA,EAAWC,WACXA,EAAUC,eACVA,EAAiB,cAAaC,aAC9BA,EAAYC,QACZA,EAAOC,gBACPA,EAAeC,UACfA,EAASC,eACTA,EAAcC,gBACdA,EAAeC,mBACfA,EAAkBC,OAClBA,EAAS,KAAGf,EACTgB,EAAIC,EAAAjB,EAfT,+LAmBA,MAAMkB,EAAkCb,QAAAA,EAAe,IAA/CF,GAAIgB,GAAQD,EAAKE,EAAUH,EAAAC,EAA7B,CAAA,OACAG,EAAwCT,QAAAA,EAAkB,IAAxDT,GAAImB,GAAWD,EAAKE,EAAaN,EAAAI,EAAnC,CAAA,OACAG,EAA0CX,QAAAA,EAAmB,IAA3DV,GAAIsB,GAAYD,EAAKE,EAAcT,EAAAO,EAArC,CAAA,OACAG,EAA0CjB,QAAAA,EAAmB,IAA3DP,GAAIyB,GAAYD,EAAKE,EAAcZ,EAAAU,EAArC,CAAA,OAUN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CACFhC,IAAKA,EACLE,GAAE6B,OAAAC,OAAA,CACAC,QAAS,OACTC,cAAe,SACfC,MAAO,CAAEC,GAAI,OAAQC,GAAI,QAASC,GAAI,SACtCC,aAAc,CAAEH,GAAI,MAAOC,GAAI,OAC/BG,gBAAiB,qBACjBC,MAAO,eACPC,UAAW,2EACXC,SAAU,SACVC,WApBgBC,EAoBQ/B,EAnBD,iBAAhB+B,GAA4BA,EAAYC,SAAS,MACnDD,EAGF,GAAGA,QAgBH3C,GAAE,cAEK,sBACRa,EAAI,CAAAd,SAAA,CAER4B,EAACC,EAAGC,OAAAC,OAAA,CACF9B,GAAE6B,OAAAC,OAAA,CACAe,QAAS,qBACTd,QAAS,OACTe,eAAgB,iBACb9B,IAEDC,EAAU,CAAAlB,SAAA,CAEdgD,EAACC,EAAUnB,OAAAC,OAAA,CAACmB,QAAQ,KAAKC,UAAU,OAAM,cAAa,4BAA+B/C,EAAU,CAAAJ,SAC5FE,KAEFK,GACCyC,EAACI,EAAUtB,OAAAC,OAAA,CAAA,aACE,6BACXsB,QAAS9C,EACT+C,KAAK,SACLC,UAAU,6BACVtD,GAAE6B,OAAAC,OAAA,CACAe,QAAS,OACNpB,GAAY,cAEL,8BACRC,EAAc,CAAA3B,SAElBgD,EAACQ,EAAS1B,OAAAC,OAAA,CAAC0B,SAAS,SAASF,UAAU,WAAc9C,WAK1DH,GACC0C,EAACnB,EAAGC,OAAAC,OAAA,CACF9B,GAAE6B,OAAAC,OAAA,CACAe,QAAS,iBACTd,QAAS,OACTe,eAAgB,YACbxB,IAEDC,EAAc,CAAAxB,SAElBgD,EAACU,EAAM5B,OAAAC,OAAA,CACLsB,QAAS/C,EACTgD,KAAK,QACLd,MAAM,YACNU,QAAQ,OAAM,cACF,8BACRtC,YAEHP,QAIP2C,EAACnB,EAAGC,OAAAC,OAAA,CACF9B,GAAE6B,OAAAC,OAAA,CACA4B,UAAW,OAEX,kDAAmD,CACjDC,aAAc,EACdC,YAAa,sBAEZzC,GAAW,cAEJ,8BACRC,YAEHrB,SA3Fc,IAAC4C,CA6Fd"}

package/components/notification/NotificationCenterCategory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationCenterCategory.js","sources":["../../../src/components/notification/NotificationCenterCategory.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, FC } from 'react';\nimport { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\n\nexport interface NotificationCenterCategoryProps extends BoxProps<ElementType> {\n /*\n Title of the notification\n /\n title: React.ReactNode;\n /\n Custom props for the header\n /\n headerProps?: BoxProps<ElementType>;\n /\n Custom props for the title\n /\n titleProps?: TypographyProps<ElementType>;\n /\n Custom props for the container\n /\n containerProps?: BoxProps<ElementType>;\n}\n\n/\n Component that renders a category in the Notification Center\n */\nexport const NotificationCenterCategory: FC<NotificationCenterCategoryProps> = forwardRef(\n ({ title, headerProps, titleProps, containerProps, children, ...rest }, ref) => {\n const { sx: titleSx, ...restTitle } = titleProps ?? {};\n\n return (\n <Box data-testid=\"NotificationCenterCategory\" {...rest} ref={ref}>\n <Typography\n variant=\"caption2\"\n sx={{\n pl: 1,\n pt: 2,\n pb: 1,\n display: 'block',\n borderBottom: 1,\n borderColor: 'surface.secondary',\n ...titleSx,\n }}\n data-testid=\"NotificationCenterCategory.title\"\n {...restTitle}\n >\n {title}\n </Typography>\n <Box data-testid=\"NotificationCenterCategory.content\" {...containerProps}>\n {children}\n </Box>\n </Box>\n );\n },\n);\n"],"names":["NotificationCenterCategory","forwardRef","_a","ref","title","headerProps","titleProps","containerProps","children","rest","__rest","_b","sx","titleSx","restTitle","_jsxs","Box","Object","assign","_jsx","Typography","variant","pl","pt","pb","display","borderBottom","borderColor"],"mappings":"~~wKAyBa~~,~~MAAAA~~,EAAkEC,GAC7E,CAACC,EAAuEC,KAAvE,IAAAC,MAAEA,EAAKC,YAAEA,EAAWC,WAAEA,EAAUC,eAAEA,EAAcC,SAAEA,~~GAAmBN~~,~~EAANO~~,EAAIC,EAAAR,EAAnE,kEACC,MAAMS,EAAgCL,QAAAA,EAAc,IAA5CM,GAAIC,~~GAA0CF~~,~~EAA9BG~~,~~EAAlBJ~~,EAAAC,~~EAAA~~,CAAA,OAEN,OACEI,EAACC,EAAGC,OAAAC,OAAA,CAAA,cAAa,8BAAiCT,EAAI,CAAEN,IAAKA,EAAGK,SAAA,CAC9DW,EAACC,EAAUH,OAAAC,OAAA,CACTG,QAAQ,WACRT,GAAEK,OAAAC,OAAA,CACAI,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,QAAS,QACTC,aAAc,EACdC,YAAa,qBACVd,iBAEO,oCACRC,EAAS,CAAAN,SAEZJ,KAEHe,EAACH,~~EAAgBC~~,OAAAC,OAAA,CAAA,~~cAAA~~,sCAAyCX,~~EACvD~~,CAAAC,~~SAAAA~~,QAEC"}
1	+ {"version":3,"file":"NotificationCenterCategory.js","sources":["../../../src/components/notification/NotificationCenterCategory.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, FC } from 'react';\nimport { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\n\nexport interface NotificationCenterCategoryProps extends BoxProps<ElementType> {\n /*\n Title of the notification\n /\n title: React.ReactNode;\n /\n Custom props for the header\n /\n headerProps?: BoxProps<ElementType>;\n /\n Custom props for the title\n /\n titleProps?: TypographyProps<ElementType>;\n /\n Custom props for the container\n /\n containerProps?: BoxProps<ElementType>;\n}\n\n/\n Component that renders a category in the Notification Center\n */\nexport const NotificationCenterCategory: FC<NotificationCenterCategoryProps> = forwardRef(\n ({ title, headerProps, titleProps, containerProps, children, ...rest }, ref) => {\n const { sx: titleSx, ...restTitle } = titleProps ?? {};\n\n return (\n <Box data-testid=\"NotificationCenterCategory\" {...rest} ref={ref}>\n <Typography\n variant=\"caption2\"\n sx={{\n pl: 1,\n pt: 2,\n pb: 1,\n display: 'block',\n borderBottom: 1,\n borderColor: 'surface.secondary',\n ...titleSx,\n }}\n data-testid=\"NotificationCenterCategory.title\"\n {...restTitle}\n >\n {title}\n </Typography>\n <Box data-testid=\"NotificationCenterCategory.content\" {...containerProps}>\n {children}\n </Box>\n </Box>\n );\n },\n);\n"],"names":["NotificationCenterCategory","forwardRef","_a","ref","title","headerProps","titleProps","containerProps","children","rest","__rest","_b","sx","titleSx","restTitle","_jsxs","Box","Object","assign","_jsx","Typography","variant","pl","pt","pb","display","borderBottom","borderColor"],"mappings":"wKAyBO,MAAMA,EAAkEC,GAC7E,CAACC,EAAuEC,KAAvE,IAAAC,MAAEA,EAAKC,YAAEA,EAAWC,WAAEA,EAAUC,eAAEA,EAAcC,SAAEA,GAAQN,EAAKO,EAAIC,EAAAR,EAAnE,kEACC,MAAMS,EAAgCL,QAAAA,EAAc,IAA5CM,GAAIC,GAAOF,EAAKG,EAASJ,EAAAC,EAA3B,CAAA,OAEN,OACEI,EAACC,EAAGC,OAAAC,OAAA,CAAA,cAAa,8BAAiCT,EAAI,CAAEN,IAAKA,EAAGK,SAAA,CAC9DW,EAACC,EAAUH,OAAAC,OAAA,CACTG,QAAQ,WACRT,GAAEK,OAAAC,OAAA,CACAI,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,QAAS,QACTC,aAAc,EACdC,YAAa,qBACVd,iBAEO,oCACRC,EAAS,CAAAN,SAEZJ,KAEHe,EAACH,EAAGC,OAAAC,OAAA,CAAA,cAAa,sCAAyCX,EAAc,CAAAC,SACrEA,QAEC"}

package/components/notification/NotificationCenterHeaderButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationCenterHeaderButton.js","sources":["../../../src/components/notification/NotificationCenterHeaderButton.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, useState } from 'react';\nimport { HeaderButton, HeaderButtonProps } from '@/src/components/header/HeaderButton';\nimport { BellIcon } from '@/src/components/icon/stroke/BellIcon';\nimport { Fade, ClickAwayListener, ClickAwayListenerProps, Popper, PopperProps, FadeProps } from '@mui/material';\nimport { NotificationCenter, NotificationCenterProps } from './NotificationCenter';\n\nexport interface NotificationCenterHeaderButtonProps extends NotificationCenterProps {\n /*\n Label for the tooltip or the text button\n /\n label?: HeaderButtonProps['label'];\n /\n Change icon button with tooltip into button\n /\n extend?: boolean;\n /\n Properties applied to tooltip\n /\n tooltipProps?: HeaderButtonProps['tooltipProps'];\n /\n Properties applied to badge\n /\n badgeProps?: HeaderButtonProps['badgeProps'];\n /\n @deprecated use badgeProps instead\n /\n indicator?: HeaderButtonProps['indicator'];\n /\n Props applied to HeaderButton\n /\n headerButtonProps?: HeaderButtonProps;\n /\n Icon for the HeaderButton\n * @default BellIcon\n /\n icon?: ReactNode;\n /\n Props for the Popper component\n /\n popperProps?: PopperProps;\n /\n Props applied to ClickAwayListener\n /\n clickAwayListenerProps?: ClickAwayListenerProps;\n /\n Props applied to Fade\n /\n fadeProps?: FadeProps;\n}\n\n/\n HeaderButton that opens NotificationCenter\n */\nexport const NotificationCenterHeaderButton: FC<NotificationCenterHeaderButtonProps> = forwardRef(\n (\n {\n popperProps,\n clickAwayListenerProps,\n fadeProps,\n label = 'Notifications',\n extend,\n tooltipProps,\n badgeProps,\n indicator,\n headerButtonProps,\n icon,\n onClick,\n ...rest\n },\n ref,\n ) => {\n const [anchor, setAnchor] = useState(null);\n const { sx: popperSx, ...restPopper } = popperProps ?? {};\n\n return (\n <>\n <HeaderButton\n label={label}\n extend={extend ?? false}\n tooltipProps={{\n ...(anchor && { open: false }),\n ...tooltipProps,\n }}\n badgeProps={badgeProps}\n indicator={indicator}\n onClick={(e) => {\n onClick?.(e);\n setAnchor(e.currentTarget);\n }}\n ref={ref}\n data-testid=\"NotificationCenterHeaderButton\"\n {...headerButtonProps}\n >\n {icon \|\| <BellIcon />}\n </HeaderButton>\n <Popper\n open={!!anchor}\n anchorEl={anchor}\n placement=\"bottom-end\"\n modifiers={[\n {\n name: 'offset',\n options: {\n offset: [0, 18],\n },\n },\n ]}\n transition\n sx={{\n zIndex: (theme) => theme.zIndex.appBar + 10,\n ...popperSx,\n }}\n {...restPopper}\n >\n {({ TransitionProps }) => (\n <ClickAwayListener onClickAway={() => setAnchor(null)} {...clickAwayListenerProps}>\n <Fade {...TransitionProps} {...fadeProps}>\n <NotificationCenter {...rest} ref={undefined} />\n </Fade>\n </ClickAwayListener>\n )}\n </Popper>\n </>\n );\n },\n);\n"],"names":["NotificationCenterHeaderButton","forwardRef","_a","ref","popperProps","clickAwayListenerProps","fadeProps","label","extend","tooltipProps","badgeProps","indicator","headerButtonProps","icon","onClick","rest","__rest","anchor","setAnchor","useState","_b","sx","popperSx","restPopper","_jsxs","_jsx","HeaderButton","Object","assign","open","e","currentTarget","children","BellIcon","Popper","anchorEl","placement","modifiers","name","options","offset","transition","zIndex","theme","appBar","TransitionProps","ClickAwayListener","onClickAway","Fade","NotificationCenter","undefined"],"mappings":"~~oYAqDa~~,~~MAAAA~~,EAA0EC,GACrF,CACEC,EAcAC,KAdA,IAAAC,YACEA,EAAWC,uBACXA,EAAsBC,UACtBA,EAASC,MACTA,EAAQ,gBAAeC,OACvBA,EAAMC,aACNA,EAAYC,WACZA,EAAUC,UACVA,EAASC,kBACTA,EAAiBC,KACjBA,EAAIC,QACJA,GAAOZ,EACJa,~~EAZLC~~,EAAAd,~~EAAA~~,CAAA,cAAA,yBAAA,YAAA,QAAA,SAAA,eAAA,aAAA,YAAA,oBAAA,OAAA,YAgBA,MAAOe,EAAQC,GAAaC,EAAS,MAC/BC,EAAkChB,QAAAA,EAAe,IAA/CiB,GAAIC,~~GAA6CF~~,~~EAAhCG~~,~~EAAnBP~~,EAAAI,~~EAAA~~,CAAA,OAEN,OACEI,eACEC,EAACC,iBACCnB,MAAOA,EACPC,OAAQA,SAAAA,EACRC,aAAYkB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACNX,GAAU,CAAEY,MAAM,IACnBpB,GAELC,WAAYA,EACZC,UAAWA,EACXG,QAAUgB,IACRhB,SAAAA,EAAUgB,GACVZ,EAAUY,EAAEC,cAAc,EAE5B5B,IAAKA,gBACO,kCACRS,EAAiB,CAAAoB,SAEpBnB,GAAQY,EAACQ,EAAQ,CAAA,MAEpBR,EAACS,EAAMP,OAAAC,OAAA,CACLC,OAAQZ,EACRkB,SAAUlB,EACVmB,UAAU,aACVC,UAAW,CACT,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,OAIlBC,YAAU,EACVpB,GAAEM,OAAAC,OAAA,CACAc,OAASC,GAAUA,EAAMD,OAAOE,OAAS,IACtCtB,IAEDC,YAEH,EAAGsB,qBACFpB,EAACqB,EAAiBnB,OAAAC,OAAA,CAACmB,YAAa,IAAM7B,EAAU,OAAWb,~~EACzD~~,CAAA2B,~~SAAAP~~,EAACuB,EAAIrB,OAAAC,OAAA,CAAA,EAAKiB,EAAqBvC,~~EAC7B~~,CAAA0B,~~SAAAP~~,EAACwB,EAAkBtB,OAAAC,OAAA,CAAA,EAAKb,EAAI,CAAEZ,SAAK+C,gBAK1C"}
1	+ {"version":3,"file":"NotificationCenterHeaderButton.js","sources":["../../../src/components/notification/NotificationCenterHeaderButton.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, useState } from 'react';\nimport { HeaderButton, HeaderButtonProps } from '@/src/components/header/HeaderButton';\nimport { BellIcon } from '@/src/components/icon/stroke/BellIcon';\nimport { Fade, ClickAwayListener, ClickAwayListenerProps, Popper, PopperProps, FadeProps } from '@mui/material';\nimport { NotificationCenter, NotificationCenterProps } from './NotificationCenter';\n\nexport interface NotificationCenterHeaderButtonProps extends NotificationCenterProps {\n /*\n Label for the tooltip or the text button\n /\n label?: HeaderButtonProps['label'];\n /\n Change icon button with tooltip into button\n /\n extend?: boolean;\n /\n Properties applied to tooltip\n /\n tooltipProps?: HeaderButtonProps['tooltipProps'];\n /\n Properties applied to badge\n /\n badgeProps?: HeaderButtonProps['badgeProps'];\n /\n @deprecated use badgeProps instead\n /\n indicator?: HeaderButtonProps['indicator'];\n /\n Props applied to HeaderButton\n /\n headerButtonProps?: HeaderButtonProps;\n /\n Icon for the HeaderButton\n * @default BellIcon\n /\n icon?: ReactNode;\n /\n Props for the Popper component\n /\n popperProps?: PopperProps;\n /\n Props applied to ClickAwayListener\n /\n clickAwayListenerProps?: ClickAwayListenerProps;\n /\n Props applied to Fade\n /\n fadeProps?: FadeProps;\n}\n\n/\n HeaderButton that opens NotificationCenter\n */\nexport const NotificationCenterHeaderButton: FC<NotificationCenterHeaderButtonProps> = forwardRef(\n (\n {\n popperProps,\n clickAwayListenerProps,\n fadeProps,\n label = 'Notifications',\n extend,\n tooltipProps,\n badgeProps,\n indicator,\n headerButtonProps,\n icon,\n onClick,\n ...rest\n },\n ref,\n ) => {\n const [anchor, setAnchor] = useState(null);\n const { sx: popperSx, ...restPopper } = popperProps ?? {};\n\n return (\n <>\n <HeaderButton\n label={label}\n extend={extend ?? false}\n tooltipProps={{\n ...(anchor && { open: false }),\n ...tooltipProps,\n }}\n badgeProps={badgeProps}\n indicator={indicator}\n onClick={(e) => {\n onClick?.(e);\n setAnchor(e.currentTarget);\n }}\n ref={ref}\n data-testid=\"NotificationCenterHeaderButton\"\n {...headerButtonProps}\n >\n {icon \|\| <BellIcon />}\n </HeaderButton>\n <Popper\n open={!!anchor}\n anchorEl={anchor}\n placement=\"bottom-end\"\n modifiers={[\n {\n name: 'offset',\n options: {\n offset: [0, 18],\n },\n },\n ]}\n transition\n sx={{\n zIndex: (theme) => theme.zIndex.appBar + 10,\n ...popperSx,\n }}\n {...restPopper}\n >\n {({ TransitionProps }) => (\n <ClickAwayListener onClickAway={() => setAnchor(null)} {...clickAwayListenerProps}>\n <Fade {...TransitionProps} {...fadeProps}>\n <NotificationCenter {...rest} ref={undefined} />\n </Fade>\n </ClickAwayListener>\n )}\n </Popper>\n </>\n );\n },\n);\n"],"names":["NotificationCenterHeaderButton","forwardRef","_a","ref","popperProps","clickAwayListenerProps","fadeProps","label","extend","tooltipProps","badgeProps","indicator","headerButtonProps","icon","onClick","rest","__rest","anchor","setAnchor","useState","_b","sx","popperSx","restPopper","_jsxs","_jsx","HeaderButton","Object","assign","open","e","currentTarget","children","BellIcon","Popper","anchorEl","placement","modifiers","name","options","offset","transition","zIndex","theme","appBar","TransitionProps","ClickAwayListener","onClickAway","Fade","NotificationCenter","undefined"],"mappings":"oYAqDO,MAAMA,EAA0EC,GACrF,CACEC,EAcAC,KAdA,IAAAC,YACEA,EAAWC,uBACXA,EAAsBC,UACtBA,EAASC,MACTA,EAAQ,gBAAeC,OACvBA,EAAMC,aACNA,EAAYC,WACZA,EAAUC,UACVA,EAASC,kBACTA,EAAiBC,KACjBA,EAAIC,QACJA,GAAOZ,EACJa,EAAIC,EAAAd,EAZT,CAAA,cAAA,yBAAA,YAAA,QAAA,SAAA,eAAA,aAAA,YAAA,oBAAA,OAAA,YAgBA,MAAOe,EAAQC,GAAaC,EAAS,MAC/BC,EAAkChB,QAAAA,EAAe,IAA/CiB,GAAIC,GAAQF,EAAKG,EAAUP,EAAAI,EAA7B,CAAA,OAEN,OACEI,eACEC,EAACC,iBACCnB,MAAOA,EACPC,OAAQA,SAAAA,EACRC,aAAYkB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACNX,GAAU,CAAEY,MAAM,IACnBpB,GAELC,WAAYA,EACZC,UAAWA,EACXG,QAAUgB,IACRhB,SAAAA,EAAUgB,GACVZ,EAAUY,EAAEC,cAAc,EAE5B5B,IAAKA,gBACO,kCACRS,EAAiB,CAAAoB,SAEpBnB,GAAQY,EAACQ,EAAQ,CAAA,MAEpBR,EAACS,EAAMP,OAAAC,OAAA,CACLC,OAAQZ,EACRkB,SAAUlB,EACVmB,UAAU,aACVC,UAAW,CACT,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,OAIlBC,YAAU,EACVpB,GAAEM,OAAAC,OAAA,CACAc,OAASC,GAAUA,EAAMD,OAAOE,OAAS,IACtCtB,IAEDC,YAEH,EAAGsB,qBACFpB,EAACqB,EAAiBnB,OAAAC,OAAA,CAACmB,YAAa,IAAM7B,EAAU,OAAWb,EAAsB,CAAA2B,SAC/EP,EAACuB,EAAIrB,OAAAC,OAAA,CAAA,EAAKiB,EAAqBvC,EAAS,CAAA0B,SACtCP,EAACwB,EAAkBtB,OAAAC,OAAA,CAAA,EAAKb,EAAI,CAAEZ,SAAK+C,gBAK1C"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"numbering.js","sources":["../../../src/components/numbering/numbering.tsx"],"sourcesContent":["import { FC, HTMLAttributes } from 'react';\nimport { styled } from '@mui/material';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\n\nexport interface NumberingProps extends HTMLAttributes<HTMLDivElement> {\n /\n left side of component\n /\n index: number;\n /\n * right side of component\n /\n total: number;\n /\n * if needed, specifis a custom simbol as separator\n /\n customSeparator?: string;\n /\n * custom style that ovverides standard one\n /\n customStyle?: object;\n /\n * indicates if the left side of the component should be black or white ( can be \"dark\" or \"light\")\n /\n colorTheme?: NumberingColors;\n /\n * indicates the size for the whole component ( can be \"big\" or \"small\")\n /\n size?: NumberingSizes;\n}\n\n/\n @description SkodaFlow Numbering component.\n * @param props NumberingProps\n * @returns React Functional Component\n /\n\nexport const Numbering: FC<NumberingProps> = ({ ...props }) => {\n return (\n <NumberingStyled {...props} style={props.customStyle} data-testid=\"Numbering\">\n <span className=\"index-container\" data-testid=\"Numbering.index\">\n {props.index}{' '}\n </span>\n <span className=\"separator-container\" data-testid=\"Numbering.separator\">\n {props.customSeparator ? props.customSeparator : '/'}{' '}\n </span>\n <span className=\"total-container\" data-testid=\"Numbering.total\">\n {props.total}\n </span>\n </NumberingStyled>\n );\n};\n/\n @description Controls styling definition based on props\n */\nconst NumberingStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'customSeparator' && prop !== 'colorTheme',\n})<NumberingProps>(({ theme, ...args }) => {\n return {\n fontWeight: '700',\n fontSize: args.size === NumberingSizes.LARGE ? '18px' : '16px',\n lineHeight: args.size === NumberingSizes.LARGE ? '28px' : '24px',\n letterSpacing: '0.02em',\n\n '& .index-container': {\n color: args.colorTheme === NumberingColors.DARK ? theme.palette.text.primary : theme.palette.onSurface.os0,\n },\n '& .separator-container': {\n color: theme.palette.onSurface.os600,\n },\n '& .total-container': {\n color: theme.palette.onSurface.os600,\n },\n };\n});\n"],"names":["Numbering","_a","props","__rest","_jsxs","NumberingStyled","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","total","styled","shouldForwardProp","prop","theme","args","fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","palette","text","primary","onSurface","os0","os600"],"mappings":"~~kMAqCa~~,~~MAAAA~~,EAAiCC,QAAKC,EAAKC,EAAAF,EAAV,IAC5C,OACEG,EAACC,EAAeC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEM,MAAON,EAAMO,YAAW,cAAc,~~YAChEC~~,SAAA,~~CAAAN~~,EAAA,OAAA,CAAMO,UAAU,kBAAiB,cAAa,kBAAiBD,SAAA,CAC5DR,EAAMU,MAAO,OAEhBR,EAAA,OAAA,CAAMO,UAAU,~~sBAAkC~~,~~cAAA~~,~~sBAC/CD~~,SAAA,~~CAAAR~~,EAAMW,gBAAkBX,EAAMW,gBAAkB,IAAK,OAExDC,EAAA,OAAA,CAAMH,UAAU,~~kBAA8B~~,~~cAAA~~,~~kBAC3CD~~,~~SAAAR~~,EAAMa,WAEO,EAMhBV,EAAkBW,EAAO,MAAO,CACpCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADrCF,EAEJf,IAAA,IAAAkB,MAAEA,~~GAAgBlB~~,~~EAANmB~~,EAAIjB,EAAAF,EAAhB,WAClB,MAAO,CACLoB,WAAY,MACZC,SAAUF,EAAKG,OAASC,EAAeC,MAAQ,OAAS,OACxDC,WAAYN,EAAKG,OAASC,EAAeC,MAAQ,OAAS,OAC1DE,cAAe,SAEf,qBAAsB,CACpBC,MAAOR,EAAKS,aAAeC,EAAgBC,KAAOZ,EAAMa,QAAQC,KAAKC,QAAUf,EAAMa,QAAQG,UAAUC,KAEzG,yBAA0B,CACxBR,MAAOT,EAAMa,QAAQG,UAAUE,OAEjC,qBAAsB,CACpBT,MAAOT,EAAMa,QAAQG,UAAUE,OAElC"}
1	+ {"version":3,"file":"numbering.js","sources":["../../../src/components/numbering/numbering.tsx"],"sourcesContent":["import { FC, HTMLAttributes } from 'react';\nimport { styled } from '@mui/material';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\n\nexport interface NumberingProps extends HTMLAttributes<HTMLDivElement> {\n /\n left side of component\n /\n index: number;\n /\n * right side of component\n /\n total: number;\n /\n * if needed, specifis a custom simbol as separator\n /\n customSeparator?: string;\n /\n * custom style that ovverides standard one\n /\n customStyle?: object;\n /\n * indicates if the left side of the component should be black or white ( can be \"dark\" or \"light\")\n /\n colorTheme?: NumberingColors;\n /\n * indicates the size for the whole component ( can be \"big\" or \"small\")\n /\n size?: NumberingSizes;\n}\n\n/\n @description SkodaFlow Numbering component.\n * @param props NumberingProps\n * @returns React Functional Component\n /\n\nexport const Numbering: FC<NumberingProps> = ({ ...props }) => {\n return (\n <NumberingStyled {...props} style={props.customStyle} data-testid=\"Numbering\">\n <span className=\"index-container\" data-testid=\"Numbering.index\">\n {props.index}{' '}\n </span>\n <span className=\"separator-container\" data-testid=\"Numbering.separator\">\n {props.customSeparator ? props.customSeparator : '/'}{' '}\n </span>\n <span className=\"total-container\" data-testid=\"Numbering.total\">\n {props.total}\n </span>\n </NumberingStyled>\n );\n};\n/\n @description Controls styling definition based on props\n */\nconst NumberingStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'customSeparator' && prop !== 'colorTheme',\n})<NumberingProps>(({ theme, ...args }) => {\n return {\n fontWeight: '700',\n fontSize: args.size === NumberingSizes.LARGE ? '18px' : '16px',\n lineHeight: args.size === NumberingSizes.LARGE ? '28px' : '24px',\n letterSpacing: '0.02em',\n\n '& .index-container': {\n color: args.colorTheme === NumberingColors.DARK ? theme.palette.text.primary : theme.palette.onSurface.os0,\n },\n '& .separator-container': {\n color: theme.palette.onSurface.os600,\n },\n '& .total-container': {\n color: theme.palette.onSurface.os600,\n },\n };\n});\n"],"names":["Numbering","_a","props","__rest","_jsxs","NumberingStyled","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","total","styled","shouldForwardProp","prop","theme","args","fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","palette","text","primary","onSurface","os0","os600"],"mappings":"kMAqCO,MAAMA,EAAiCC,QAAKC,EAAKC,EAAAF,EAAV,IAC5C,OACEG,EAACC,EAAeC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEM,MAAON,EAAMO,YAAW,cAAc,YAAWC,SAAA,CAC3EN,EAAA,OAAA,CAAMO,UAAU,kBAAiB,cAAa,kBAAiBD,SAAA,CAC5DR,EAAMU,MAAO,OAEhBR,EAAA,OAAA,CAAMO,UAAU,sBAAqB,cAAa,sBAAqBD,SAAA,CACpER,EAAMW,gBAAkBX,EAAMW,gBAAkB,IAAK,OAExDC,EAAA,OAAA,CAAMH,UAAU,kBAAiB,cAAa,kBAAiBD,SAC5DR,EAAMa,WAEO,EAMhBV,EAAkBW,EAAO,MAAO,CACpCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADrCF,EAEJf,IAAA,IAAAkB,MAAEA,GAAKlB,EAAKmB,EAAIjB,EAAAF,EAAhB,WAClB,MAAO,CACLoB,WAAY,MACZC,SAAUF,EAAKG,OAASC,EAAeC,MAAQ,OAAS,OACxDC,WAAYN,EAAKG,OAASC,EAAeC,MAAQ,OAAS,OAC1DE,cAAe,SAEf,qBAAsB,CACpBC,MAAOR,EAAKS,aAAeC,EAAgBC,KAAOZ,EAAMa,QAAQC,KAAKC,QAAUf,EAAMa,QAAQG,UAAUC,KAEzG,yBAA0B,CACxBR,MAAOT,EAAMa,QAAQG,UAAUE,OAEjC,qBAAsB,CACpBT,MAAOT,EAAMa,QAAQG,UAAUE,OAElC"}

package/components/overlay/Overlay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Overlay.js","sources":["../../../src/components/overlay/Overlay.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface OverlayProps extends BoxProps<ElementType> {\n variant?: 'default' \| 'hero';\n /** The content like image to be displayed inside the overlay. /\n overlayContent?: React.ReactNode;\n /* custom props of the Box wrapper of the component. /\n wrapperProps?: BoxProps<ElementType>;\n}\n\n/\n The Overlay Component\n \n Overlay component wraps its children with an overlay effect. The overlay effect is achieved\n * using a semi-transparent gradient background. The component allows for custom content\n * (like an image) to be displayed inside the overlay through the `overlayContent` prop.\n */\nexport const Overlay: React.FC<OverlayProps> = ({ wrapperProps, sx, overlayContent, variant, children, ...rest }) => {\n const { sx: wrapperSx, ...restWrapper } = wrapperProps \|\| {};\n\n return (\n <Box\n data-testid=\"Overlay-wrapper\"\n sx={{ position: 'relative', maxWidth: '100%', maxHeight: '100%', ...wrapperSx }}\n {...restWrapper}\n >\n {overlayContent}\n <Box\n data-testid=\"Overlay-overlay\"\n sx={{\n position: 'absolute',\n inset: '0',\n zIndex: '100',\n background:\n variant === 'hero'\n ? 'linear-gradient(0deg, rgba(35, 35, 35, 0.3), rgba(35, 35, 35, 0.3)), linear-gradient(180deg, rgba(0, 0, 0, 0.468) 0%, rgba(0, 0, 0, 0) 42.19%, rgba(28, 28, 28, 0.72) 100%)'\n : 'linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))',\n ...sx,\n }}\n {...rest}\n >\n {children}\n </Box>\n </Box>\n );\n};\n"],"names":["Overlay","_a","wrapperProps","sx","overlayContent","variant","children","rest","__rest","_b","wrapperSx","restWrapper","_jsxs","Box","Object","assign","position","maxWidth","maxHeight","_jsx","inset","zIndex","background"],"mappings":"~~qHAkBa~~,~~MAAAA~~,EAAmCC,IAAA,IAAAC,aAAEA,EAAYC,GAAEA,EAAEC,eAAEA,EAAcC,QAAEA,EAAOC,SAAEA,~~GAAmBL~~,~~EAANM~~,EAAIC,EAAAP,EAA9D,6DAC9C,MAAMQ,EAAoCP,GAAgB,IAAlDC,GAAIO,KAAcC,~~EAApBH~~,EAAAC,~~EAAA~~,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,kBACZZ,~~GAAMW~~,OAAAC,OAAA,~~CAAAC~~,SAAU,WAAYC,SAAU,OAAQC,UAAW,QAAWR,IAChEC,EAAW,CAAAL,SAAA,CAEdF,EACDe,EAACN,~~EACaC~~,OAAAC,OAAA,CAAA,~~cAAA~~,kBACZZ,GAAEW,OAAAC,OAAA,CACAC,SAAU,WACVI,MAAO,IACPC,OAAQ,MACRC,WACc,SAAZjB,EACI,8KACA,6DACHF,IAEDI,EAAI,CAAAD,SAEPA,QAEC"}
1	+ {"version":3,"file":"Overlay.js","sources":["../../../src/components/overlay/Overlay.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface OverlayProps extends BoxProps<ElementType> {\n variant?: 'default' \| 'hero';\n /** The content like image to be displayed inside the overlay. /\n overlayContent?: React.ReactNode;\n /* custom props of the Box wrapper of the component. /\n wrapperProps?: BoxProps<ElementType>;\n}\n\n/\n The Overlay Component\n \n Overlay component wraps its children with an overlay effect. The overlay effect is achieved\n * using a semi-transparent gradient background. The component allows for custom content\n * (like an image) to be displayed inside the overlay through the `overlayContent` prop.\n */\nexport const Overlay: React.FC<OverlayProps> = ({ wrapperProps, sx, overlayContent, variant, children, ...rest }) => {\n const { sx: wrapperSx, ...restWrapper } = wrapperProps \|\| {};\n\n return (\n <Box\n data-testid=\"Overlay-wrapper\"\n sx={{ position: 'relative', maxWidth: '100%', maxHeight: '100%', ...wrapperSx }}\n {...restWrapper}\n >\n {overlayContent}\n <Box\n data-testid=\"Overlay-overlay\"\n sx={{\n position: 'absolute',\n inset: '0',\n zIndex: '100',\n background:\n variant === 'hero'\n ? 'linear-gradient(0deg, rgba(35, 35, 35, 0.3), rgba(35, 35, 35, 0.3)), linear-gradient(180deg, rgba(0, 0, 0, 0.468) 0%, rgba(0, 0, 0, 0) 42.19%, rgba(28, 28, 28, 0.72) 100%)'\n : 'linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))',\n ...sx,\n }}\n {...rest}\n >\n {children}\n </Box>\n </Box>\n );\n};\n"],"names":["Overlay","_a","wrapperProps","sx","overlayContent","variant","children","rest","__rest","_b","wrapperSx","restWrapper","_jsxs","Box","Object","assign","position","maxWidth","maxHeight","_jsx","inset","zIndex","background"],"mappings":"qHAkBO,MAAMA,EAAmCC,IAAA,IAAAC,aAAEA,EAAYC,GAAEA,EAAEC,eAAEA,EAAcC,QAAEA,EAAOC,SAAEA,GAAQL,EAAKM,EAAIC,EAAAP,EAA9D,6DAC9C,MAAMQ,EAAoCP,GAAgB,IAAlDC,GAAIO,KAAcC,EAAWH,EAAAC,EAA/B,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,kBACZZ,GAAEW,OAAAC,OAAA,CAAIC,SAAU,WAAYC,SAAU,OAAQC,UAAW,QAAWR,IAChEC,EAAW,CAAAL,SAAA,CAEdF,EACDe,EAACN,EAAGC,OAAAC,OAAA,CAAA,cACU,kBACZZ,GAAEW,OAAAC,OAAA,CACAC,SAAU,WACVI,MAAO,IACPC,OAAQ,MACRC,WACc,SAAZjB,EACI,8KACA,6DACHF,IAEDI,EAAI,CAAAD,SAEPA,QAEC"}

package/components/pageLayout/PageLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageLayout.js","sources":["../../../src/components/pageLayout/PageLayout.tsx"],"sourcesContent":["import React, { useCallback, useState, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, useScrollTrigger, Slide, Container, useTheme } from '@mui/material';\n\nexport interface PageLayoutProps extends BoxProps<ElementType> {\n /*\n React node that renders layout header\n /\n header?: React.ReactNode;\n /\n React node that renders layout footer\n /\n footer?: React.ReactNode;\n /\n Specifies position of header\n * - static: header is fixed on top of the content\n * - fixed: header is visible while user scrolls the content\n * - slide: header is visible until user scrolls down beyond `headerSlideThreshold`, header will reappear when user scrolls up\n * @default static\n /\n headerPosition?: 'static' \| 'fixed' \| 'slide';\n /\n Specifies threshold that is used to hide header for the headerPosition=\"slide\"\n * @default 250\n /\n headerSlideThreshold?: number;\n /\n Specifies if content should be automatically wrapped into container component\n * @default false\n /\n wrapContent?: boolean;\n /\n Properties applied to header wrapper\n /\n headerProps?: BoxProps<ElementType>;\n /\n Properties applied to header wrapper\n /\n headerContainerProps?: BoxProps<ElementType>;\n /\n Properties applied to root header wrapper\n /\n headerWrapperProps?: BoxProps<ElementType>;\n /\n Properties applied to page content wrapper\n /\n contentProps?: BoxProps<ElementType>;\n /\n Properties applied to footer wrapper\n */\n footerProps?: BoxProps<ElementType>;\n}\n\nexport const PageLayout: React.FC<PageLayoutProps> = forwardRef(\n (\n {\n children,\n sx,\n header,\n footer,\n headerPosition = 'static',\n headerSlideThreshold = 250,\n wrapContent = false,\n headerProps,\n headerContainerProps,\n headerWrapperProps,\n contentProps,\n footerProps,\n ...rest\n },\n ref,\n ) => {\n const theme = useTheme();\n const { sx: headerWrapperSx, ...restHeaderWrapper } = headerWrapperProps ?? {};\n const {\n sx: headerContainerSx,\n className: headerContainerClassName,\n ...restHeaderContainer\n } = headerContainerProps ?? {};\n // header height to take actual space in dom for the fixed/slide variants\n const [headerHeight, setHeaderHeight] = useState<number>(parseFloat(String(theme.mixins.toolbar.minHeight)));\n const headerContainerRef = useCallback(\n (element: HTMLElement) => {\n if (headerPosition === 'static' \|\| !element) {\n return;\n }\n new ResizeObserver(() => {\n setHeaderHeight(element.offsetHeight);\n }).observe(element);\n },\n [headerPosition !== 'static'],\n );\n // trigger hide of the header during scroll\n const slideTrigger = useScrollTrigger({\n target: window,\n threshold: headerSlideThreshold,\n });\n\n return (\n <Box\n sx={{\n position: 'relative',\n minHeight: '100vh',\n backgroundColor: 'surface.primary',\n display: 'grid',\n gridTemplateRows: [header && 'max-content', 'auto', footer && 'max-content'].filter(Boolean).join(' '),\n ...sx,\n }}\n data-testid=\"PageLayout\"\n ref={ref}\n {...rest}\n >\n {header && (\n <Box\n sx={{\n ...(headerPosition !== 'static' && headerHeight && { height: headerHeight }),\n ...headerWrapperSx,\n }}\n data-testid=\"PageLayout.headerWrapper\"\n {...restHeaderWrapper}\n >\n <Box\n {...(headerPosition === 'slide' && {\n component: Slide,\n appear: false,\n direction: 'down',\n in: !slideTrigger,\n })}\n sx={{\n ...(headerPosition !== 'static' && {\n position: 'fixed',\n top: '0',\n left: '0',\n right: '0',\n zIndex: theme.zIndex.appBar,\n }),\n ...headerContainerSx,\n }}\n className={[headerPosition !== 'static' ? 'mui-fixed' : '', headerContainerClassName]\n .filter(Boolean)\n .join(', ')}\n {...restHeaderContainer}\n >\n <Box ref={headerContainerRef} data-testid=\"PageLayout.header\" {...headerProps}>\n {header}\n </Box>\n </Box>\n </Box>\n )}\n <Box {...(wrapContent && { component: Container, maxWidth: 'xl' })} data-testid=\"Container\" {...contentProps}>\n {children}\n </Box>\n {footer && (\n <Box data-testid=\"PageLayout.footer\" {...footerProps}>\n {footer}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["PageLayout","forwardRef","_a","ref","children","sx","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerProps","headerContainerProps","headerWrapperProps","contentProps","footerProps","rest","__rest","theme","useTheme","_b","headerWrapperSx","restHeaderWrapper","_c","headerContainerSx","className","headerContainerClassName","restHeaderContainer","headerHeight","setHeaderHeight","useState","parseFloat","String","mixins","toolbar","minHeight","headerContainerRef","useCallback","element","ResizeObserver","offsetHeight","observe","slideTrigger","useScrollTrigger","target","window","threshold","_jsxs","Box","Object","assign","position","backgroundColor","display","gridTemplateRows","filter","Boolean","join","_jsx","height","component","Slide","appear","direction","in","top","left","right","zIndex","appBar","Container","maxWidth"],"mappings":"~~qPAoDa~~,~~MAAAA~~,EAAwCC,GACnD,CACEC,EAeAC,KAfA,IAAAC,SACEA,EAAQC,GACRA,EAAEC,OACFA,EAAMC,OACNA,EAAMC,eACNA,EAAiB,SAAQC,qBACzBA,EAAuB,IAAGC,YAC1BA,GAAc,EAAKC,YACnBA,EAAWC,qBACXA,EAAoBC,mBACpBA,EAAkBC,aAClBA,EAAYC,YACZA,~~GAEDb~~,~~EADIc~~,EAAIC,EAAAf,EAbT,kLAiBA,MAAMgB,EAAQC,IACRC,EAAgDP,QAAAA,EAAsB,IAApER,GAAIgB,~~GAAkED~~,~~EAA9CE~~,~~EAA1BL~~,EAAAG,~~EAAA~~,CAAA,OACAG,EAIFX,QAAAA,EAAwB,IAH1BP,GAAImB,EACJC,UAAWC,GAAwBH,EAChCI,EAAmBV,EAAAM,EAHlB,~~CAIL~~,KAAA,~~eAEMK~~,EAAcC,GAAmBC,EAAiBC,WAAWC,OAAOd,EAAMe,OAAOC,QAAQC,aAC1FC,EAAqBC,GACxBC,IACwB,WAAnB9B,GAAgC8B,GAGpC,IAAIC,gBAAe,KACjBV,EAAgBS,EAAQE,aAAa,IACpCC,QAAQH,EAAQ,GAErB,CAAoB,WAAnB9B,IAGGkC,EAAeC,EAAiB,CACpCC,OAAQC,OACRC,UAAWrC,IAGb,OACEsC,EAACC,iBACC3C,GAAE4C,OAAAC,OAAA,CACAC,SAAU,WACVhB,UAAW,QACXiB,gBAAiB,kBACjBC,QAAS,OACTC,iBAAkB,CAAChD,GAAU,cAAe,OAAQC,GAAU,eAAegD,OAAOC,SAASC,KAAK,MAC/FpD,GAAE,cAEK,aACZF,IAAKA,GACDa,~~EAEH~~,CAAAZ,SAAA,~~CAAAE~~,GACCoD,EAACV,~~EACCC~~,OAAAC,OAAA,~~CAAA7C~~,kCACyB,WAAnBG,GAA+BoB,GAAgB,CAAE+B,OAAQ/B,IAC1DP,~~GAEO~~,~~cAAA~~,4BACRC,EAAiB,CAAAlB,SAErBsD,EAACV,EAAGC,OAAAC,OAAA,CAAA,EACsB,UAAnB1C,GAA8B,CACjCoD,UAAWC,EACXC,QAAQ,EACRC,UAAW,OACXC,IAAKtB,IAEPrC,GAAE4C,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACuB,WAAnB1C,GAA+B,CACjC2C,SAAU,QACVc,IAAK,IACLC,KAAM,IACNC,MAAO,IACPC,OAAQlD,EAAMkD,OAAOC,SAEpB7C,GAELC,UAAW,CAAoB,WAAnBjB,EAA8B,YAAc,GAAIkB,GACzD6B,OAAOC,SACPC,KAAK,OACJ9B,EAAmB,CAAAvB,SAEvBsD,EAACV,~~EAAIC~~,OAAAC,OAAA,~~CAAA~~/C,IAAKiC,~~EAAgC~~,~~cAAA~~,qBAAwBzB,~~EAC/D~~,CAAAP,~~SAAAE~~,WAKToD,EAACV,EAAGC,OAAAC,OAAA,CAAA,EAAMxC,GAAe,CAAEkD,UAAWU,EAAWC,SAAU,~~MAAqB~~,CAAA,~~cAAA~~,aAAgBzD,~~EAC7F~~,CAAAV,~~SAAAA~~,KAEFG,GACCmD,EAACV,EAAGC,OAAAC,OAAA,CAAA,cAAa,qBAAwBnC,EAAW,CAAAX,SACjDG,QAGD"}
1	+ {"version":3,"file":"PageLayout.js","sources":["../../../src/components/pageLayout/PageLayout.tsx"],"sourcesContent":["import React, { useCallback, useState, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, useScrollTrigger, Slide, Container, useTheme } from '@mui/material';\n\nexport interface PageLayoutProps extends BoxProps<ElementType> {\n /*\n React node that renders layout header\n /\n header?: React.ReactNode;\n /\n React node that renders layout footer\n /\n footer?: React.ReactNode;\n /\n Specifies position of header\n * - static: header is fixed on top of the content\n * - fixed: header is visible while user scrolls the content\n * - slide: header is visible until user scrolls down beyond `headerSlideThreshold`, header will reappear when user scrolls up\n * @default static\n /\n headerPosition?: 'static' \| 'fixed' \| 'slide';\n /\n Specifies threshold that is used to hide header for the headerPosition=\"slide\"\n * @default 250\n /\n headerSlideThreshold?: number;\n /\n Specifies if content should be automatically wrapped into container component\n * @default false\n /\n wrapContent?: boolean;\n /\n Properties applied to header wrapper\n /\n headerProps?: BoxProps<ElementType>;\n /\n Properties applied to header wrapper\n /\n headerContainerProps?: BoxProps<ElementType>;\n /\n Properties applied to root header wrapper\n /\n headerWrapperProps?: BoxProps<ElementType>;\n /\n Properties applied to page content wrapper\n /\n contentProps?: BoxProps<ElementType>;\n /\n Properties applied to footer wrapper\n */\n footerProps?: BoxProps<ElementType>;\n}\n\nexport const PageLayout: React.FC<PageLayoutProps> = forwardRef(\n (\n {\n children,\n sx,\n header,\n footer,\n headerPosition = 'static',\n headerSlideThreshold = 250,\n wrapContent = false,\n headerProps,\n headerContainerProps,\n headerWrapperProps,\n contentProps,\n footerProps,\n ...rest\n },\n ref,\n ) => {\n const theme = useTheme();\n const { sx: headerWrapperSx, ...restHeaderWrapper } = headerWrapperProps ?? {};\n const {\n sx: headerContainerSx,\n className: headerContainerClassName,\n ...restHeaderContainer\n } = headerContainerProps ?? {};\n // header height to take actual space in dom for the fixed/slide variants\n const [headerHeight, setHeaderHeight] = useState<number>(parseFloat(String(theme.mixins.toolbar.minHeight)));\n const headerContainerRef = useCallback(\n (element: HTMLElement) => {\n if (headerPosition === 'static' \|\| !element) {\n return;\n }\n new ResizeObserver(() => {\n setHeaderHeight(element.offsetHeight);\n }).observe(element);\n },\n [headerPosition !== 'static'],\n );\n // trigger hide of the header during scroll\n const slideTrigger = useScrollTrigger({\n target: window,\n threshold: headerSlideThreshold,\n });\n\n return (\n <Box\n sx={{\n position: 'relative',\n minHeight: '100vh',\n backgroundColor: 'surface.primary',\n display: 'grid',\n gridTemplateRows: [header && 'max-content', 'auto', footer && 'max-content'].filter(Boolean).join(' '),\n ...sx,\n }}\n data-testid=\"PageLayout\"\n ref={ref}\n {...rest}\n >\n {header && (\n <Box\n sx={{\n ...(headerPosition !== 'static' && headerHeight && { height: headerHeight }),\n ...headerWrapperSx,\n }}\n data-testid=\"PageLayout.headerWrapper\"\n {...restHeaderWrapper}\n >\n <Box\n {...(headerPosition === 'slide' && {\n component: Slide,\n appear: false,\n direction: 'down',\n in: !slideTrigger,\n })}\n sx={{\n ...(headerPosition !== 'static' && {\n position: 'fixed',\n top: '0',\n left: '0',\n right: '0',\n zIndex: theme.zIndex.appBar,\n }),\n ...headerContainerSx,\n }}\n className={[headerPosition !== 'static' ? 'mui-fixed' : '', headerContainerClassName]\n .filter(Boolean)\n .join(', ')}\n {...restHeaderContainer}\n >\n <Box ref={headerContainerRef} data-testid=\"PageLayout.header\" {...headerProps}>\n {header}\n </Box>\n </Box>\n </Box>\n )}\n <Box {...(wrapContent && { component: Container, maxWidth: 'xl' })} data-testid=\"Container\" {...contentProps}>\n {children}\n </Box>\n {footer && (\n <Box data-testid=\"PageLayout.footer\" {...footerProps}>\n {footer}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["PageLayout","forwardRef","_a","ref","children","sx","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerProps","headerContainerProps","headerWrapperProps","contentProps","footerProps","rest","__rest","theme","useTheme","_b","headerWrapperSx","restHeaderWrapper","_c","headerContainerSx","className","headerContainerClassName","restHeaderContainer","headerHeight","setHeaderHeight","useState","parseFloat","String","mixins","toolbar","minHeight","headerContainerRef","useCallback","element","ResizeObserver","offsetHeight","observe","slideTrigger","useScrollTrigger","target","window","threshold","_jsxs","Box","Object","assign","position","backgroundColor","display","gridTemplateRows","filter","Boolean","join","_jsx","height","component","Slide","appear","direction","in","top","left","right","zIndex","appBar","Container","maxWidth"],"mappings":"qPAoDO,MAAMA,EAAwCC,GACnD,CACEC,EAeAC,KAfA,IAAAC,SACEA,EAAQC,GACRA,EAAEC,OACFA,EAAMC,OACNA,EAAMC,eACNA,EAAiB,SAAQC,qBACzBA,EAAuB,IAAGC,YAC1BA,GAAc,EAAKC,YACnBA,EAAWC,qBACXA,EAAoBC,mBACpBA,EAAkBC,aAClBA,EAAYC,YACZA,GAAWb,EACRc,EAAIC,EAAAf,EAbT,kLAiBA,MAAMgB,EAAQC,IACRC,EAAgDP,QAAAA,EAAsB,IAApER,GAAIgB,GAAeD,EAAKE,EAAiBL,EAAAG,EAA3C,CAAA,OACAG,EAIFX,QAAAA,EAAwB,IAH1BP,GAAImB,EACJC,UAAWC,GAAwBH,EAChCI,EAAmBV,EAAAM,EAHlB,CAAA,KAAA,eAMCK,EAAcC,GAAmBC,EAAiBC,WAAWC,OAAOd,EAAMe,OAAOC,QAAQC,aAC1FC,EAAqBC,GACxBC,IACwB,WAAnB9B,GAAgC8B,GAGpC,IAAIC,gBAAe,KACjBV,EAAgBS,EAAQE,aAAa,IACpCC,QAAQH,EAAQ,GAErB,CAAoB,WAAnB9B,IAGGkC,EAAeC,EAAiB,CACpCC,OAAQC,OACRC,UAAWrC,IAGb,OACEsC,EAACC,iBACC3C,GAAE4C,OAAAC,OAAA,CACAC,SAAU,WACVhB,UAAW,QACXiB,gBAAiB,kBACjBC,QAAS,OACTC,iBAAkB,CAAChD,GAAU,cAAe,OAAQC,GAAU,eAAegD,OAAOC,SAASC,KAAK,MAC/FpD,GAAE,cAEK,aACZF,IAAKA,GACDa,EAAI,CAAAZ,SAAA,CAEPE,GACCoD,EAACV,EAAGC,OAAAC,OAAA,CACF7C,kCACyB,WAAnBG,GAA+BoB,GAAgB,CAAE+B,OAAQ/B,IAC1DP,GAAe,cAER,4BACRC,EAAiB,CAAAlB,SAErBsD,EAACV,EAAGC,OAAAC,OAAA,CAAA,EACsB,UAAnB1C,GAA8B,CACjCoD,UAAWC,EACXC,QAAQ,EACRC,UAAW,OACXC,IAAKtB,IAEPrC,GAAE4C,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACuB,WAAnB1C,GAA+B,CACjC2C,SAAU,QACVc,IAAK,IACLC,KAAM,IACNC,MAAO,IACPC,OAAQlD,EAAMkD,OAAOC,SAEpB7C,GAELC,UAAW,CAAoB,WAAnBjB,EAA8B,YAAc,GAAIkB,GACzD6B,OAAOC,SACPC,KAAK,OACJ9B,EAAmB,CAAAvB,SAEvBsD,EAACV,EAAGC,OAAAC,OAAA,CAAC/C,IAAKiC,EAAkB,cAAc,qBAAwBzB,EAAW,CAAAP,SAC1EE,WAKToD,EAACV,EAAGC,OAAAC,OAAA,CAAA,EAAMxC,GAAe,CAAEkD,UAAWU,EAAWC,SAAU,MAAO,CAAA,cAAc,aAAgBzD,EAAY,CAAAV,SACzGA,KAEFG,GACCmD,EAACV,EAAGC,OAAAC,OAAA,CAAA,cAAa,qBAAwBnC,EAAW,CAAAX,SACjDG,QAGD"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pagination.js","sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Pagination as MuiPagination, PaginationProps as MuiPaginationProps } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nexport interface PaginationProps extends MuiPaginationProps {\n /*\n If true, a pagination will be disabled.\n * @deprecated It is recommended to use `disabled` prop instead of `isDisabled`\n /\n isDisabled?: boolean;\n\n /\n The label for previous button.\n * @deprecated No longer used, property has no effect\n /\n prevButtonLabel?: string;\n\n /\n The label for next button.\n * @deprecated No longer used, property has no effect\n /\n nextButtonLabel?: string;\n\n /\n If true, hide the first-page button.\n * @deprecated Use showFirstButton instead\n /\n hideFirstButton?: boolean;\n\n /\n If true, hide the last-page button.\n * @deprecated Use showLastButton instead\n /\n hideLastButton?: boolean;\n\n /\n enable or disable direction label. mobile only\n * @deprecated No longer used, property has no effect\n /\n hideLabels?: boolean;\n\n /\n callback for value change handling. takes the new value as its only parameter\n * @deprecated provide the callback in the onChange function\n /\n onValueChange?: (payload: number) => void;\n}\n\n/\n * @mui Pagination that contain props parser for the previous implementation\n */\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n isDisabled,\n page,\n hideFirstButton,\n hideLastButton,\n showFirstButton,\n showLastButton,\n hideLabels: _,\n onValueChange,\n disabled,\n onChange,\n prevButtonLabel: __,\n nextButtonLabel: ___,\n ...rest\n },\n ref,\n ) => {\n return (\n <MuiPagination\n {...rest}\n ref={ref}\n disabled={disabled \|\| isDisabled}\n page={page && onChange ? page : undefined}\n onChange={(e, newPage) => {\n onChange?.(e, newPage);\n onValueChange?.(newPage);\n }}\n showFirstButton={showFirstButton \|\| !hideFirstButton}\n showLastButton={showLastButton \|\| !hideLastButton}\n />\n );\n },\n);\n"],"names":["Pagination","forwardRef","_a","ref","isDisabled","page","hideFirstButton","hideLastButton","showFirstButton","showLastButton","hideLabels","_","onValueChange","disabled","onChange","prevButtonLabel","__","nextButtonLabel","___","rest","__rest","_jsx","MuiPagination","Object","assign","undefined","e","newPage"],"mappings":"~~qJAkDa~~,~~MAAAA~~,EAAaC,GACxB,CACEC,EAeAC,KAfA,IAAAC,WACEA,EAAUC,KACVA,EAAIC,gBACJA,EAAeC,eACfA,EAAcC,gBACdA,EAAeC,eACfA,EACAC,WAAYC,EAACC,cACbA,EAAaC,SACbA,EAAQC,SACRA,EACAC,gBAAiBC,EACjBC,gBAAiBC,~~GAElBhB~~,~~EADIiB~~,EAAIC,EAAAlB,EAbT,oLAiBA,OACEmB,EAACC,~~EACKC~~,OAAAC,OAAA,CAAA,~~EAAAL~~,GACJhB,IAAKA,EACLU,SAAUA,GAAYT,EACtBC,KAAMA,GAAQS,EAAWT,OAAOoB,EAChCX,SAAU,CAACY,EAAGC,KACZb,SAAAA,EAAWY,EAAGC,GACdf,SAAAA,EAAgBe,EAAQ,EAE1BnB,gBAAiBA,IAAoBF,EACrCG,eAAgBA,IAAmBF,IACnC"}
1	+ {"version":3,"file":"pagination.js","sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Pagination as MuiPagination, PaginationProps as MuiPaginationProps } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nexport interface PaginationProps extends MuiPaginationProps {\n /*\n If true, a pagination will be disabled.\n * @deprecated It is recommended to use `disabled` prop instead of `isDisabled`\n /\n isDisabled?: boolean;\n\n /\n The label for previous button.\n * @deprecated No longer used, property has no effect\n /\n prevButtonLabel?: string;\n\n /\n The label for next button.\n * @deprecated No longer used, property has no effect\n /\n nextButtonLabel?: string;\n\n /\n If true, hide the first-page button.\n * @deprecated Use showFirstButton instead\n /\n hideFirstButton?: boolean;\n\n /\n If true, hide the last-page button.\n * @deprecated Use showLastButton instead\n /\n hideLastButton?: boolean;\n\n /\n enable or disable direction label. mobile only\n * @deprecated No longer used, property has no effect\n /\n hideLabels?: boolean;\n\n /\n callback for value change handling. takes the new value as its only parameter\n * @deprecated provide the callback in the onChange function\n /\n onValueChange?: (payload: number) => void;\n}\n\n/\n * @mui Pagination that contain props parser for the previous implementation\n */\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n isDisabled,\n page,\n hideFirstButton,\n hideLastButton,\n showFirstButton,\n showLastButton,\n hideLabels: _,\n onValueChange,\n disabled,\n onChange,\n prevButtonLabel: __,\n nextButtonLabel: ___,\n ...rest\n },\n ref,\n ) => {\n return (\n <MuiPagination\n {...rest}\n ref={ref}\n disabled={disabled \|\| isDisabled}\n page={page && onChange ? page : undefined}\n onChange={(e, newPage) => {\n onChange?.(e, newPage);\n onValueChange?.(newPage);\n }}\n showFirstButton={showFirstButton \|\| !hideFirstButton}\n showLastButton={showLastButton \|\| !hideLastButton}\n />\n );\n },\n);\n"],"names":["Pagination","forwardRef","_a","ref","isDisabled","page","hideFirstButton","hideLastButton","showFirstButton","showLastButton","hideLabels","_","onValueChange","disabled","onChange","prevButtonLabel","__","nextButtonLabel","___","rest","__rest","_jsx","MuiPagination","Object","assign","undefined","e","newPage"],"mappings":"qJAkDO,MAAMA,EAAaC,GACxB,CACEC,EAeAC,KAfA,IAAAC,WACEA,EAAUC,KACVA,EAAIC,gBACJA,EAAeC,eACfA,EAAcC,gBACdA,EAAeC,eACfA,EACAC,WAAYC,EAACC,cACbA,EAAaC,SACbA,EAAQC,SACRA,EACAC,gBAAiBC,EACjBC,gBAAiBC,GAAGhB,EACjBiB,EAAIC,EAAAlB,EAbT,oLAiBA,OACEmB,EAACC,EAAaC,OAAAC,OAAA,CAAA,EACRL,GACJhB,IAAKA,EACLU,SAAUA,GAAYT,EACtBC,KAAMA,GAAQS,EAAWT,OAAOoB,EAChCX,SAAU,CAACY,EAAGC,KACZb,SAAAA,EAAWY,EAAGC,GACdf,SAAAA,EAAgBe,EAAQ,EAE1BnB,gBAAiBA,IAAoBF,EACrCG,eAAgBA,IAAmBF,IACnC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"passwordField.js","sources":["../../../src/components/passwordField/passwordField.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport { IconButton, InputAdornment, TextField, TextFieldProps, IconButtonProps } from '@mui/material';\nimport { HideIcon } from '@/src/components/icon/stroke/HideIcon';\nimport { ShowIcon } from '@/src/components/icon/stroke/ShowIcon';\n\nexport interface PasswordFieldProps extends Omit<TextFieldProps, 'type'> {\n /*\n Tell browser how it should behave to password field\n * @default new-password\n /\n autoComplete?: 'new-password' \| 'current-password' \| string;\n /\n Properties provided to button toggling visibility. Can be used to change aria-label.\n /\n iconButtonProps?: IconButtonProps;\n /\n Optional flag if password is visible\n * @default false\n /\n visible?: boolean;\n /\n Optional function to toggle visibility\n */\n setVisible?: (visible: boolean) => void;\n}\n\nexport const PasswordField: React.FC<PasswordFieldProps> = forwardRef(\n ({ slotProps, iconButtonProps, visible: propsVisible, setVisible: setPropsVisible, ...rest }, ref) => {\n const { input: inputSlotProps, ...restSlotProps } = slotProps \|\| {};\n const [rawVisible, setRawVisible] = useState<boolean>(false);\n const visible = propsVisible ?? rawVisible;\n const setVisible = setPropsVisible ?? setRawVisible;\n\n return (\n <TextField\n ref={ref}\n type={visible ? 'text' : 'password'}\n autoComplete=\"new-password\"\n slotProps={{\n input: {\n endAdornment: (\n <InputAdornment position=\"end\">\n <IconButton onClick={() => setVisible(!visible)} aria-label=\"Toggle visibility\" {...iconButtonProps}>\n {visible ? <HideIcon /> : <ShowIcon />}\n </IconButton>\n </InputAdornment>\n ),\n ...inputSlotProps,\n },\n ...restSlotProps,\n }}\n {...rest}\n />\n );\n },\n);\n"],"names":["PasswordField","forwardRef","_a","ref","slotProps","iconButtonProps","visible","propsVisible","setVisible","setPropsVisible","rest","__rest","_b","input","inputSlotProps","restSlotProps","rawVisible","setRawVisible","useState","_jsx","TextField","Object","assign","type","autoComplete","endAdornment","InputAdornment","position","IconButton","onClick","HideIcon","ShowIcon"],"mappings":"~~kTA0Ba~~,~~MAAAA~~,EAA8CC,GACzD,CAACC,EAA6FC,KAA7F,IAAAC,UAAEA,EAASC,gBAAEA,EAAiBC,QAASC,EAAcC,WAAYC,~~GAA0BP~~,~~EAANQ~~,EAAIC,EAAAT,EAAzF,wDACC,MAAMU,EAA8CR,GAAa,IAAzDS,MAAOC,KAAmBC,~~EAA5BJ~~,EAAAC,~~EAAA~~,CAAA,WACCI,EAAYC,GAAiBC,GAAkB,GAChDZ,EAAUC,QAAAA,EAAgBS,EAC1BR,EAAaC,QAAAA,EAAmBQ,EAEtC,OACEE,EAACC,~~EACCC~~,OAAAC,OAAA,~~CAAAnB~~,IAAKA,EACLoB,KAAMjB,EAAU,OAAS,WACzBkB,aAAa,eACbpB,UAASiB,OAAAC,OAAA,CACPT,~~MACEQ~~,OAAAC,OAAA,~~CAAAG~~,aACEN,EAACO,EAAc,CAACC,SAAS,eACvBR,EAACS,~~EAAWP~~,OAAAC,OAAA,~~CAAAO~~,QAAS,IAAMrB,GAAYF,GAAQ,aAAa,qBAAwBD,YACvEc,EAAVb,EAAWwB,EAAeC,EAAP,CAAA,SAIvBjB,IAEFC,IAEDL,GACJ"}
1	+ {"version":3,"file":"passwordField.js","sources":["../../../src/components/passwordField/passwordField.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport { IconButton, InputAdornment, TextField, TextFieldProps, IconButtonProps } from '@mui/material';\nimport { HideIcon } from '@/src/components/icon/stroke/HideIcon';\nimport { ShowIcon } from '@/src/components/icon/stroke/ShowIcon';\n\nexport interface PasswordFieldProps extends Omit<TextFieldProps, 'type'> {\n /*\n Tell browser how it should behave to password field\n * @default new-password\n /\n autoComplete?: 'new-password' \| 'current-password' \| string;\n /\n Properties provided to button toggling visibility. Can be used to change aria-label.\n /\n iconButtonProps?: IconButtonProps;\n /\n Optional flag if password is visible\n * @default false\n /\n visible?: boolean;\n /\n Optional function to toggle visibility\n */\n setVisible?: (visible: boolean) => void;\n}\n\nexport const PasswordField: React.FC<PasswordFieldProps> = forwardRef(\n ({ slotProps, iconButtonProps, visible: propsVisible, setVisible: setPropsVisible, ...rest }, ref) => {\n const { input: inputSlotProps, ...restSlotProps } = slotProps \|\| {};\n const [rawVisible, setRawVisible] = useState<boolean>(false);\n const visible = propsVisible ?? rawVisible;\n const setVisible = setPropsVisible ?? setRawVisible;\n\n return (\n <TextField\n ref={ref}\n type={visible ? 'text' : 'password'}\n autoComplete=\"new-password\"\n slotProps={{\n input: {\n endAdornment: (\n <InputAdornment position=\"end\">\n <IconButton onClick={() => setVisible(!visible)} aria-label=\"Toggle visibility\" {...iconButtonProps}>\n {visible ? <HideIcon /> : <ShowIcon />}\n </IconButton>\n </InputAdornment>\n ),\n ...inputSlotProps,\n },\n ...restSlotProps,\n }}\n {...rest}\n />\n );\n },\n);\n"],"names":["PasswordField","forwardRef","_a","ref","slotProps","iconButtonProps","visible","propsVisible","setVisible","setPropsVisible","rest","__rest","_b","input","inputSlotProps","restSlotProps","rawVisible","setRawVisible","useState","_jsx","TextField","Object","assign","type","autoComplete","endAdornment","InputAdornment","position","IconButton","onClick","HideIcon","ShowIcon"],"mappings":"kTA0BO,MAAMA,EAA8CC,GACzD,CAACC,EAA6FC,KAA7F,IAAAC,UAAEA,EAASC,gBAAEA,EAAiBC,QAASC,EAAcC,WAAYC,GAAeP,EAAKQ,EAAIC,EAAAT,EAAzF,wDACC,MAAMU,EAA8CR,GAAa,IAAzDS,MAAOC,KAAmBC,EAAaJ,EAAAC,EAAzC,CAAA,WACCI,EAAYC,GAAiBC,GAAkB,GAChDZ,EAAUC,QAAAA,EAAgBS,EAC1BR,EAAaC,QAAAA,EAAmBQ,EAEtC,OACEE,EAACC,EAASC,OAAAC,OAAA,CACRnB,IAAKA,EACLoB,KAAMjB,EAAU,OAAS,WACzBkB,aAAa,eACbpB,UAASiB,OAAAC,OAAA,CACPT,MAAKQ,OAAAC,OAAA,CACHG,aACEN,EAACO,EAAc,CAACC,SAAS,eACvBR,EAACS,EAAUP,OAAAC,OAAA,CAACO,QAAS,IAAMrB,GAAYF,GAAQ,aAAa,qBAAwBD,YACvEc,EAAVb,EAAWwB,EAAeC,EAAP,CAAA,SAIvBjB,IAEFC,IAEDL,GACJ"}

package/components/playPauseButton/PlayPauseButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlayPauseButton.js","sources":["../../../src/components/playPauseButton/PlayPauseButton.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport {\n Box,\n BoxProps,\n CircularProgress,\n CircularProgressProps,\n IconButton,\n IconButtonProps,\n SvgIconProps,\n} from '@mui/material';\nimport { ControlsPlayIcon } from '@/src/components/icon/stroke/ControlsPlayIcon';\nimport { ControlsPauseIcon } from '@/src/components/icon/stroke/ControlsPauseIcon';\n\nexport interface PlayPauseButtonProps extends BoxProps<ElementType> {\n /*\n Boolean to indicate if the media is currently playing\n /\n isPlaying: boolean;\n /\n Callback function to handle play/pause button click events.\n /\n onClick: () => void;\n /\n The progress value for the CircularProgress component.\n * Should be a number between 0 and 100.\n /\n progress?: number;\n /* Custom props for the background CircularProgress component. /\n circularProgressBgProps?: CircularProgressProps;\n /* Custom props for the foreground CircularProgress component. /\n circularProgressProps?: CircularProgressProps;\n /* Custom props for the IconButton component. /\n iconButtonProps?: Partial<IconButtonProps>;\n /* Custom props for the pause icon component. /\n pauseIconProps?: SvgIconProps;\n PauseIconComponent?: ElementType<SvgIconProps>;\n /* Custom props for the play icon component. /\n playIconProps?: SvgIconProps;\n PlayIconComponent?: ElementType<SvgIconProps>;\n}\nexport interface VideoPlayPauseIndicatorProps extends PlayPauseButtonProps {}\n\n/\n A component that displays a circular progress indicator with a play/pause button.\n /\nexport const PlayPauseButton: React.FC<PlayPauseButtonProps> = forwardRef(\n (\n {\n progress = 0,\n isPlaying,\n onClick,\n circularProgressBgProps,\n circularProgressProps,\n iconButtonProps,\n pauseIconProps,\n PauseIconComponent,\n playIconProps,\n PlayIconComponent,\n children,\n sx,\n ...rest\n },\n ref,\n ) => {\n const { sx: circularProgressBgSx, ...restCircularProgressBg } = circularProgressBgProps \|\| {};\n const { sx: circularProgressSx, ...restCircularProgress } = circularProgressProps \|\| {};\n const { sx: iconButtonSx, ...restIconButton } = iconButtonProps \|\| {};\n const PauseIcon = PauseIconComponent \|\| ControlsPauseIcon;\n const PlayIcon = PlayIconComponent \|\| ControlsPlayIcon;\n\n return (\n <Box\n data-testid=\"PlayPauseIndicator\"\n sx={{\n position: 'relative',\n zIndex: '150',\n width: '44px',\n height: '44px',\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <CircularProgress\n sx={{\n // circular progress serving as a background\n color: 'onSurface.os0',\n position: 'absolute',\n inset: '0',\n zIndex: '10',\n ...circularProgressBgSx,\n }}\n size={44}\n thickness={1.75}\n variant=\"determinate\"\n value={100}\n {...restCircularProgressBg}\n />\n <CircularProgress\n sx={{\n // circular progress indicating real progress\n color: 'brandHover.secondary',\n position: 'absolute',\n inset: '0',\n zIndex: '20',\n ...circularProgressSx,\n }}\n size={44}\n thickness={1.75}\n variant=\"determinate\"\n value={progress \|\| 0}\n {...restCircularProgress}\n />\n <IconButton\n data-testid=\"IndicatorIconButton\"\n onClick={onClick}\n color=\"white\"\n size=\"medium\"\n sx={{ position: 'absolute', inset: '0', zIndex: '30', ...iconButtonSx }}\n aria-label={isPlaying ? 'Pause video' : 'Play video'}\n {...restIconButton}\n >\n {isPlaying ? (\n <PauseIcon data-testid=\"IndicatorPauseIcon\" {...pauseIconProps} />\n ) : (\n <PlayIcon data-testid=\"IndicatorPlayIcon\" {...playIconProps} />\n )}\n </IconButton>\n </Box>\n );\n },\n);\n\n/\n @deprecated renamed to <PlayPauseButton />\n */\nexport const VideoPlayPauseIndicator: React.FC<VideoPlayPauseIndicatorProps> = forwardRef((props, ref) => {\n return <PlayPauseButton ref={ref} {...props} />;\n});\n"],"names":["PlayPauseButton","forwardRef","_a","ref","progress","isPlaying","onClick","circularProgressBgProps","circularProgressProps","iconButtonProps","pauseIconProps","PauseIconComponent","playIconProps","PlayIconComponent","children","sx","rest","__rest","_b","circularProgressBgSx","restCircularProgressBg","_c","circularProgressSx","restCircularProgress","_d","iconButtonSx","restIconButton","PauseIcon","ControlsPauseIcon","PlayIcon","ControlsPlayIcon","_jsxs","Box","Object","assign","position","zIndex","width","height","_jsx","CircularProgress","color","inset","size","thickness","variant","value","IconButton","VideoPlayPauseIndicator","props"],"mappings":"~~4UA6Ca~~,~~MAAAA~~,EAAkDC,GAC7D,CACEC,EAeAC,KAfA,IAAAC,SACEA,EAAW,EAACC,UACZA,EAASC,QACTA,EAAOC,wBACPA,EAAuBC,sBACvBA,EAAqBC,gBACrBA,EAAeC,eACfA,EAAcC,mBACdA,EAAkBC,cAClBA,EAAaC,kBACbA,EAAiBC,SACjBA,EAAQC,GACRA,~~GAEDb~~,~~EADIc~~,EAAIC,EAAAf,EAbT,kMAiBA,MAAMgB,EAA0DX,GAA2B,IAAnFQ,GAAII,KAAyBC,~~EAA/BH~~,EAAAC,~~EAAA~~,CAAA,OACAG,EAAsDb,GAAyB,IAA7EO,GAAIO,KAAuBC,~~EAA7BN~~,EAAAI,~~EAAA~~,CAAA,OACAG,EAA0Cf,GAAmB,IAA3DM,GAAIU,KAAiBC,~~EAAvBT~~,EAAAO,~~EAAA~~,CAAA,OACAG,EAAYhB,GAAsBiB,EAClCC,EAAWhB,GAAqBiB,EAEtC,OACEC,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,qBACZnB,~~GACEkB~~,OAAAC,OAAA,~~CAAAC~~,SAAU,WACVC,OAAQ,MACRC,MAAO,OACPC,OAAQ,QACLvB,GAELZ,IAAKA,GACDa,EAAI,CAAAF,SAAA,CAERyB,EAACC,iBACCzB,GAAEkB,OAAAC,OAAA,CAEAO,MAAO,gBACPN,SAAU,WACVO,MAAO,IACPN,OAAQ,MACLjB,GAELwB,KAAM,GACNC,UAAW,KACXC,QAAQ,cACRC,MAAO,KACH1B,IAENmB,EAACC,iBACCzB,GAAEkB,OAAAC,OAAA,CAEAO,MAAO,uBACPN,SAAU,WACVO,MAAO,IACPN,OAAQ,MACLd,GAELqB,KAAM,GACNC,UAAW,KACXC,QAAQ,cACRC,MAAO1C,GAAY,GACfmB,IAENgB,EAACQ,+BACa,sBACZzC,QAASA,EACTmC,MAAM,QACNE,KAAK,SACL5B,~~GAAMkB~~,OAAAC,OAAA,~~CAAAC~~,SAAU,WAAYO,MAAO,IAAKN,OAAQ,MAASX,~~GAC7C~~,~~aAAApB~~,EAAY,cAAgB,cACpCqB,~~EAEH~~,CAAAZ,~~SAAAT~~,EACCkC,EAACZ,EAASM,OAAAC,OAAA,CAAA,cAAa,sBAAyBxB,IAEhD6B,EAACV,EAAQI,OAAAC,OAAA,CAAA,cAAa,qBAAwBtB,UAG9C,IAQCoC,EAAkE/C,GAAW,CAACgD,EAAO9C,IACzFoC,EAACvC,~~EAAgBiC~~,OAAAC,OAAA,~~CAAA~~/B,IAAKA,GAAS8C"}
1	+ {"version":3,"file":"PlayPauseButton.js","sources":["../../../src/components/playPauseButton/PlayPauseButton.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport {\n Box,\n BoxProps,\n CircularProgress,\n CircularProgressProps,\n IconButton,\n IconButtonProps,\n SvgIconProps,\n} from '@mui/material';\nimport { ControlsPlayIcon } from '@/src/components/icon/stroke/ControlsPlayIcon';\nimport { ControlsPauseIcon } from '@/src/components/icon/stroke/ControlsPauseIcon';\n\nexport interface PlayPauseButtonProps extends BoxProps<ElementType> {\n /*\n Boolean to indicate if the media is currently playing\n /\n isPlaying: boolean;\n /\n Callback function to handle play/pause button click events.\n /\n onClick: () => void;\n /\n The progress value for the CircularProgress component.\n * Should be a number between 0 and 100.\n /\n progress?: number;\n /* Custom props for the background CircularProgress component. /\n circularProgressBgProps?: CircularProgressProps;\n /* Custom props for the foreground CircularProgress component. /\n circularProgressProps?: CircularProgressProps;\n /* Custom props for the IconButton component. /\n iconButtonProps?: Partial<IconButtonProps>;\n /* Custom props for the pause icon component. /\n pauseIconProps?: SvgIconProps;\n PauseIconComponent?: ElementType<SvgIconProps>;\n /* Custom props for the play icon component. /\n playIconProps?: SvgIconProps;\n PlayIconComponent?: ElementType<SvgIconProps>;\n}\nexport interface VideoPlayPauseIndicatorProps extends PlayPauseButtonProps {}\n\n/\n A component that displays a circular progress indicator with a play/pause button.\n /\nexport const PlayPauseButton: React.FC<PlayPauseButtonProps> = forwardRef(\n (\n {\n progress = 0,\n isPlaying,\n onClick,\n circularProgressBgProps,\n circularProgressProps,\n iconButtonProps,\n pauseIconProps,\n PauseIconComponent,\n playIconProps,\n PlayIconComponent,\n children,\n sx,\n ...rest\n },\n ref,\n ) => {\n const { sx: circularProgressBgSx, ...restCircularProgressBg } = circularProgressBgProps \|\| {};\n const { sx: circularProgressSx, ...restCircularProgress } = circularProgressProps \|\| {};\n const { sx: iconButtonSx, ...restIconButton } = iconButtonProps \|\| {};\n const PauseIcon = PauseIconComponent \|\| ControlsPauseIcon;\n const PlayIcon = PlayIconComponent \|\| ControlsPlayIcon;\n\n return (\n <Box\n data-testid=\"PlayPauseIndicator\"\n sx={{\n position: 'relative',\n zIndex: '150',\n width: '44px',\n height: '44px',\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <CircularProgress\n sx={{\n // circular progress serving as a background\n color: 'onSurface.os0',\n position: 'absolute',\n inset: '0',\n zIndex: '10',\n ...circularProgressBgSx,\n }}\n size={44}\n thickness={1.75}\n variant=\"determinate\"\n value={100}\n {...restCircularProgressBg}\n />\n <CircularProgress\n sx={{\n // circular progress indicating real progress\n color: 'brandHover.secondary',\n position: 'absolute',\n inset: '0',\n zIndex: '20',\n ...circularProgressSx,\n }}\n size={44}\n thickness={1.75}\n variant=\"determinate\"\n value={progress \|\| 0}\n {...restCircularProgress}\n />\n <IconButton\n data-testid=\"IndicatorIconButton\"\n onClick={onClick}\n color=\"white\"\n size=\"medium\"\n sx={{ position: 'absolute', inset: '0', zIndex: '30', ...iconButtonSx }}\n aria-label={isPlaying ? 'Pause video' : 'Play video'}\n {...restIconButton}\n >\n {isPlaying ? (\n <PauseIcon data-testid=\"IndicatorPauseIcon\" {...pauseIconProps} />\n ) : (\n <PlayIcon data-testid=\"IndicatorPlayIcon\" {...playIconProps} />\n )}\n </IconButton>\n </Box>\n );\n },\n);\n\n/\n @deprecated renamed to <PlayPauseButton />\n */\nexport const VideoPlayPauseIndicator: React.FC<VideoPlayPauseIndicatorProps> = forwardRef((props, ref) => {\n return <PlayPauseButton ref={ref} {...props} />;\n});\n"],"names":["PlayPauseButton","forwardRef","_a","ref","progress","isPlaying","onClick","circularProgressBgProps","circularProgressProps","iconButtonProps","pauseIconProps","PauseIconComponent","playIconProps","PlayIconComponent","children","sx","rest","__rest","_b","circularProgressBgSx","restCircularProgressBg","_c","circularProgressSx","restCircularProgress","_d","iconButtonSx","restIconButton","PauseIcon","ControlsPauseIcon","PlayIcon","ControlsPlayIcon","_jsxs","Box","Object","assign","position","zIndex","width","height","_jsx","CircularProgress","color","inset","size","thickness","variant","value","IconButton","VideoPlayPauseIndicator","props"],"mappings":"4UA6CO,MAAMA,EAAkDC,GAC7D,CACEC,EAeAC,KAfA,IAAAC,SACEA,EAAW,EAACC,UACZA,EAASC,QACTA,EAAOC,wBACPA,EAAuBC,sBACvBA,EAAqBC,gBACrBA,EAAeC,eACfA,EAAcC,mBACdA,EAAkBC,cAClBA,EAAaC,kBACbA,EAAiBC,SACjBA,EAAQC,GACRA,GAAEb,EACCc,EAAIC,EAAAf,EAbT,kMAiBA,MAAMgB,EAA0DX,GAA2B,IAAnFQ,GAAII,KAAyBC,EAAsBH,EAAAC,EAArD,CAAA,OACAG,EAAsDb,GAAyB,IAA7EO,GAAIO,KAAuBC,EAAoBN,EAAAI,EAAjD,CAAA,OACAG,EAA0Cf,GAAmB,IAA3DM,GAAIU,KAAiBC,EAAcT,EAAAO,EAArC,CAAA,OACAG,EAAYhB,GAAsBiB,EAClCC,EAAWhB,GAAqBiB,EAEtC,OACEC,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,qBACZnB,GAAEkB,OAAAC,OAAA,CACAC,SAAU,WACVC,OAAQ,MACRC,MAAO,OACPC,OAAQ,QACLvB,GAELZ,IAAKA,GACDa,EAAI,CAAAF,SAAA,CAERyB,EAACC,iBACCzB,GAAEkB,OAAAC,OAAA,CAEAO,MAAO,gBACPN,SAAU,WACVO,MAAO,IACPN,OAAQ,MACLjB,GAELwB,KAAM,GACNC,UAAW,KACXC,QAAQ,cACRC,MAAO,KACH1B,IAENmB,EAACC,iBACCzB,GAAEkB,OAAAC,OAAA,CAEAO,MAAO,uBACPN,SAAU,WACVO,MAAO,IACPN,OAAQ,MACLd,GAELqB,KAAM,GACNC,UAAW,KACXC,QAAQ,cACRC,MAAO1C,GAAY,GACfmB,IAENgB,EAACQ,+BACa,sBACZzC,QAASA,EACTmC,MAAM,QACNE,KAAK,SACL5B,GAAEkB,OAAAC,OAAA,CAAIC,SAAU,WAAYO,MAAO,IAAKN,OAAQ,MAASX,GAAY,aACzDpB,EAAY,cAAgB,cACpCqB,EAAc,CAAAZ,SAEjBT,EACCkC,EAACZ,EAASM,OAAAC,OAAA,CAAA,cAAa,sBAAyBxB,IAEhD6B,EAACV,EAAQI,OAAAC,OAAA,CAAA,cAAa,qBAAwBtB,UAG9C,IAQCoC,EAAkE/C,GAAW,CAACgD,EAAO9C,IACzFoC,EAACvC,EAAeiC,OAAAC,OAAA,CAAC/B,IAAKA,GAAS8C"}