@skodaflow/web-library 4.1.0 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +61 -47
- package/cjs/components/accordion/accordion.d.ts +2 -2
- package/cjs/components/accordion/accordion.js +1 -1
- package/cjs/components/accordion/accordion.js.map +1 -1
- package/cjs/components/agGrid/agGrid.d.ts +3 -5
- package/cjs/components/agGrid/agGrid.js +1 -1
- package/cjs/components/agGrid/agGrid.js.map +1 -1
- package/cjs/components/agGrid/agGridStyled.d.ts +2 -0
- package/cjs/components/agGrid/agGridStyled.js +1 -1
- package/cjs/components/agGrid/agGridStyled.js.map +1 -1
- package/cjs/components/alert/Alert.js.map +1 -1
- package/cjs/components/alert/AlertButton.js.map +1 -1
- package/cjs/components/avatar/Avatar.d.ts +24 -0
- package/cjs/components/avatar/Avatar.js.map +1 -1
- package/cjs/components/backdrop/backdrop.js.map +1 -1
- package/cjs/components/banner/banner.d.ts +2 -2
- package/cjs/components/banner/banner.js +1 -1
- package/cjs/components/banner/banner.js.map +1 -1
- package/cjs/components/button/button.js.map +1 -1
- package/cjs/components/cardContainer/cardContainer.js.map +1 -1
- package/cjs/components/cardMenu/cardMenu.js +1 -1
- package/cjs/components/cardMenu/cardMenu.js.map +1 -1
- package/cjs/components/cardMenu/hooks/useCardMenu.js.map +1 -1
- package/cjs/components/cardMenu/styled/drawerStyled.js.map +1 -1
- package/cjs/components/cardMenu/styled/menuListStyled.d.ts +2 -16
- package/cjs/components/cardMenu/styled/menuListStyled.js +1 -1
- package/cjs/components/cardMenu/styled/menuListStyled.js.map +1 -1
- package/cjs/components/cardMenu/styled/popperStyled.js.map +1 -1
- package/cjs/components/checkbox/checkbox.js.map +1 -1
- package/cjs/components/chip/chipDropdownChildren/chipDropdownChildren.js.map +1 -1
- package/cjs/components/chip/chipFocusVisibleStyled.js.map +1 -1
- package/cjs/components/chip/chipImage/chipImage.js.map +1 -1
- package/cjs/components/chip/chipMultiselect/multiSelectChip.js.map +1 -1
- package/cjs/components/chip/regular/chip.js.map +1 -1
- package/cjs/components/closeDialogButton/index.js.map +1 -1
- package/cjs/components/common/helperText.js.map +1 -1
- package/cjs/components/common/hook/backdrop.js.map +1 -1
- package/cjs/components/common/hook/useWindowSize.js +1 -1
- package/cjs/components/common/hook/useWindowSize.js.map +1 -1
- package/cjs/components/common/imageComponent.js.map +1 -1
- package/cjs/components/common/menuContainer.js.map +1 -1
- package/cjs/components/common/menuEmpty.js.map +1 -1
- package/cjs/components/common/resizableSliderInput.js.map +1 -1
- package/cjs/components/common/styled/buttonFocusVisibleStyled.js.map +1 -1
- package/cjs/components/common/styled/formControlLabelStyled.js.map +1 -1
- package/cjs/components/common/styled/sliderValuesStyled.js.map +1 -1
- package/cjs/components/common/styled/textFieldStyled.d.ts +1 -1
- package/cjs/components/common/styled/textFieldStyled.js.map +1 -1
- package/cjs/components/container/container.js.map +1 -1
- package/cjs/components/controls/controls.js.map +1 -1
- package/cjs/components/customPickersActionBar/index.js +1 -1
- package/cjs/components/customPickersActionBar/index.js.map +1 -1
- package/cjs/components/divider/divider.js.map +1 -1
- package/cjs/components/drawer/drawer.js.map +1 -1
- package/cjs/components/flag/flag.js.map +1 -1
- package/cjs/components/grid/grid.js.map +1 -1
- package/cjs/components/helperTextContent/index.js.map +1 -1
- package/cjs/components/icon/availableIcons.js.map +1 -1
- package/cjs/components/icon/icon.js.map +1 -1
- package/cjs/components/iconButton/index.d.ts +2 -27
- package/cjs/components/iconButton/index.js.map +1 -1
- package/cjs/components/index.d.ts +1 -0
- package/cjs/components/indicator/indicator.js.map +1 -1
- package/cjs/components/label/label.js.map +1 -1
- package/cjs/components/labelCO2/labelCO2.js.map +1 -1
- package/cjs/components/labelFeature/labelFeature.js.map +1 -1
- package/cjs/components/labelPromotional/labelPromotional.js.map +1 -1
- package/cjs/components/labelStatus/labelStatus.js.map +1 -1
- package/cjs/components/logo/Logo.js.map +1 -1
- package/cjs/components/menu/menu.js +1 -1
- package/cjs/components/menu/menu.js.map +1 -1
- package/cjs/components/menuItem/menuItem.js.map +1 -1
- package/cjs/components/mobileStepper/index.d.ts +1 -0
- package/cjs/components/mobileStepper/mobileStepper.d.ts +1 -1
- package/cjs/components/mobileStepper/mobileStepper.js +1 -1
- package/cjs/components/mobileStepper/mobileStepper.js.map +1 -1
- package/cjs/components/mobileStepper/mobileStepperButton.d.ts +4 -0
- package/cjs/components/mobileStepper/mobileStepperButton.js +2 -0
- package/cjs/components/mobileStepper/mobileStepperButton.js.map +1 -0
- package/cjs/components/modal/contentDiv.js.map +1 -1
- package/cjs/components/modal/modal.d.ts +12 -0
- package/cjs/components/modal/modal.js +1 -1
- package/cjs/components/modal/modal.js.map +1 -1
- package/cjs/components/modal/modalTitle.js.map +1 -1
- package/cjs/components/numbering/numbering.js.map +1 -1
- package/cjs/components/pagination/pagination.js.map +1 -1
- package/cjs/components/progressBar/components/loader.js.map +1 -1
- package/cjs/components/progressBar/components/spinner.js.map +1 -1
- package/cjs/components/progressBar/components/styledProgressBarMessage.js.map +1 -1
- package/cjs/components/progressBar/progressBar.js.map +1 -1
- package/cjs/components/radioButton/radioButton.js.map +1 -1
- package/cjs/components/selectInput/formControlSelectStyled.d.ts +2 -16
- package/cjs/components/selectInput/formControlSelectStyled.js.map +1 -1
- package/cjs/components/selectInput/hook/useSelectInput.js.map +1 -1
- package/cjs/components/selectInput/inputLabelSelect.js.map +1 -1
- package/cjs/components/selectInput/selectInput.js.map +1 -1
- package/cjs/components/slider/containerStyled.js.map +1 -1
- package/cjs/components/slider/slider.d.ts +3 -3
- package/cjs/components/slider/slider.js +1 -1
- package/cjs/components/slider/slider.js.map +1 -1
- package/cjs/components/snackbar/snackbar.js.map +1 -1
- package/cjs/components/snackbar/snackbarMessage.js +1 -1
- package/cjs/components/snackbar/snackbarMessage.js.map +1 -1
- package/cjs/components/stepper/stepper.d.ts +2 -2
- package/cjs/components/stepper/stepper.js +1 -1
- package/cjs/components/stepper/stepper.js.map +1 -1
- package/cjs/components/tab/hook/useTabs.js.map +1 -1
- package/cjs/components/tab/menuTab.js.map +1 -1
- package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js +1 -1
- package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map +1 -1
- package/cjs/components/tab/secondaryNavigation/secondaryTabStyled.js.map +1 -1
- package/cjs/components/tab/tab.js.map +1 -1
- package/cjs/components/tab/tabPanel.js.map +1 -1
- package/cjs/components/tab/tabStyled.d.ts +2 -29
- package/cjs/components/tab/tabStyled.js.map +1 -1
- package/cjs/components/tab/tabs.js.map +1 -1
- package/cjs/components/textArea/hook/useTextAreaEffect.js.map +1 -1
- package/cjs/components/textArea/textArea.js.map +1 -1
- package/cjs/components/textInput/hook/useTextInput.js.map +1 -1
- package/cjs/components/textInput/hook/useTextInputEffect.js.map +1 -1
- package/cjs/components/textInput/textInput.js.map +1 -1
- package/cjs/components/toggleSwitch/toggleSwitch.js.map +1 -1
- package/cjs/components/tooltip/tooltip.js.map +1 -1
- package/cjs/components/upload/UploadBox.d.ts +14 -0
- package/cjs/components/upload/UploadBox.js +2 -0
- package/cjs/components/upload/UploadBox.js.map +1 -0
- package/cjs/components/upload/UploadField.d.ts +37 -0
- package/cjs/components/upload/UploadField.js +2 -0
- package/cjs/components/upload/UploadField.js.map +1 -0
- package/cjs/components/upload/UploadPreview.d.ts +23 -0
- package/cjs/components/upload/UploadPreview.js +2 -0
- package/cjs/components/upload/UploadPreview.js.map +1 -0
- package/cjs/components/upload/UploadPreviewList.d.ts +28 -0
- package/cjs/components/upload/UploadPreviewList.js +2 -0
- package/cjs/components/upload/UploadPreviewList.js.map +1 -0
- package/cjs/components/upload/UploadProgress.d.ts +14 -0
- package/cjs/components/upload/UploadProgress.js +2 -0
- package/cjs/components/upload/UploadProgress.js.map +1 -0
- package/cjs/components/upload/index.d.ts +5 -0
- package/cjs/design/skoda/SkodaThemeProvider.js.map +1 -1
- package/cjs/design/skoda/SkodaThemeWidgetProvider.js.map +1 -1
- package/cjs/design/skoda/components/accordion/accordion.theme.js +1 -1
- package/cjs/design/skoda/components/accordion/accordion.theme.js.map +1 -1
- package/cjs/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
- package/cjs/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
- package/cjs/design/skoda/components/autocomplete.theme.js +1 -1
- package/cjs/design/skoda/components/autocomplete.theme.js.map +1 -1
- package/cjs/design/skoda/components/backdrop.theme.js.map +1 -1
- package/cjs/design/skoda/components/baseline.theme.js.map +1 -1
- package/cjs/design/skoda/components/breadcrumbs.theme.js.map +1 -1
- package/cjs/design/skoda/components/button.theme.js.map +1 -1
- package/cjs/design/skoda/components/buttonBase.theme.js.map +1 -1
- package/cjs/design/skoda/components/checkbox.theme.js.map +1 -1
- package/cjs/design/skoda/components/chip.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/clock.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/dateTimePickerTabs.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/dateTimePickerToolbar.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/desktopDateTimePicker.theme.js +1 -1
- package/cjs/design/skoda/components/datePickers/desktopDateTimePicker.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/desktopTimePicker.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/multiSectionDigitalClockSection.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/pickersLayout.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/pickersToolbar.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/pickersToolbarButton.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/pickersToolbarText.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/timeClock.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/timePickerToolbar.theme.js.map +1 -1
- package/cjs/design/skoda/components/dialog/dialog.theme.js.map +1 -0
- package/cjs/design/skoda/components/dialog/dialogActions.theme.js.map +1 -0
- package/cjs/design/skoda/components/dialog/dialogTitle.theme.js.map +1 -0
- package/cjs/design/skoda/components/divider.theme.js.map +1 -1
- package/cjs/design/skoda/components/drawer.theme.js.map +1 -1
- package/cjs/design/skoda/components/form/filledInput.theme.js.map +1 -0
- package/cjs/design/skoda/components/form/formControl.theme.js.map +1 -0
- package/cjs/design/skoda/components/form/formControlLabel.theme.js.map +1 -0
- package/cjs/design/skoda/components/form/formHelperText.theme.js.map +1 -0
- package/cjs/design/skoda/components/form/formLabel.theme.js.map +1 -0
- package/cjs/design/skoda/components/form/input.theme.js.map +1 -0
- package/cjs/design/skoda/components/form/inputAdornment.theme.js.map +1 -0
- package/cjs/design/skoda/components/form/inputBase.theme.js.map +1 -0
- package/cjs/design/skoda/components/form/inputLabel.theme.js.map +1 -0
- package/cjs/design/skoda/components/form/radio.theme.js +2 -0
- package/cjs/design/skoda/components/form/radio.theme.js.map +1 -0
- package/cjs/design/skoda/components/form/select.theme.js +2 -0
- package/cjs/design/skoda/components/form/select.theme.js.map +1 -0
- package/cjs/design/skoda/components/form/slider.theme.js +2 -0
- package/cjs/design/skoda/components/form/slider.theme.js.map +1 -0
- package/cjs/design/skoda/components/form/switch.theme.js.map +1 -0
- package/cjs/design/skoda/components/form/textField.theme.js.map +1 -0
- package/cjs/design/skoda/components/icon.theme.js.map +1 -1
- package/cjs/design/skoda/components/iconButton.theme.js.map +1 -1
- package/cjs/design/skoda/components/layout/breakpoints.theme.js.map +1 -0
- package/cjs/design/skoda/components/layout/container.theme.js.map +1 -0
- package/cjs/design/skoda/components/layout/grid.theme.js.map +1 -0
- package/cjs/design/skoda/components/list.theme.js.map +1 -1
- package/cjs/design/skoda/components/listItemText.theme.js.map +1 -1
- package/cjs/design/skoda/components/menuItem.theme.js.map +1 -1
- package/cjs/design/skoda/components/mobileStepper.theme.js +1 -1
- package/cjs/design/skoda/components/mobileStepper.theme.js.map +1 -1
- package/cjs/design/skoda/components/modal.theme.js.map +1 -1
- package/cjs/design/skoda/components/pagination.theme.js.map +1 -1
- package/cjs/design/skoda/components/paper.theme.js.map +1 -1
- package/cjs/design/skoda/components/popover.theme.js.map +1 -1
- package/cjs/design/skoda/components/snackbar.theme.js.map +1 -1
- package/cjs/design/skoda/components/stepper/index.d.ts +1 -0
- package/cjs/design/skoda/components/stepper/stepIcon/errorStepIcon.d.ts +3 -0
- package/cjs/design/skoda/components/stepper/stepIcon/errorStepIcon.js +2 -0
- package/cjs/design/skoda/components/stepper/stepIcon/errorStepIcon.js.map +1 -0
- package/cjs/design/skoda/components/stepper/stepIcon/index.d.ts +2 -0
- package/cjs/design/skoda/components/stepper/stepIcon/index.js +2 -0
- package/cjs/design/skoda/components/stepper/stepIcon/index.js.map +1 -0
- package/cjs/design/skoda/components/stepper/stepIcon/qontoStepIcon.d.ts +2 -0
- package/cjs/design/skoda/components/stepper/stepIcon/qontoStepIcon.js +2 -0
- package/cjs/design/skoda/components/stepper/stepIcon/qontoStepIcon.js.map +1 -0
- package/cjs/design/skoda/components/stepper/stepper.theme.d.ts +3 -0
- package/cjs/design/skoda/components/stepper/stepper.theme.js +2 -0
- package/cjs/design/skoda/components/stepper/stepper.theme.js.map +1 -0
- package/cjs/design/skoda/components/tabs/tab.theme.js.map +1 -1
- package/cjs/design/skoda/components/tabs/tabs.theme.js +1 -1
- package/cjs/design/skoda/components/tabs/tabs.theme.js.map +1 -1
- package/cjs/design/skoda/components/tooltip.theme.js.map +1 -1
- package/cjs/design/skoda/organisms/card.theme.js.map +1 -1
- package/cjs/design/skoda/palette.theme.js.map +1 -1
- package/cjs/design/skoda/theme.breakpoints.js.map +1 -1
- package/cjs/design/skoda/theme.constants.js.map +1 -1
- package/cjs/design/skoda/theme.js +1 -1
- package/cjs/design/skoda/theme.js.map +1 -1
- package/cjs/design/skoda/theme.typography.js.map +1 -1
- package/cjs/index.js +1 -1
- package/cjs/layout/Error/ErrorContent.d.ts +26 -11
- package/cjs/layout/Error/ErrorContent.js +1 -1
- package/cjs/layout/Error/ErrorContent.js.map +1 -1
- package/cjs/layout/Error/index.d.ts +0 -1
- package/cjs/layout/Footer/Footer.d.ts +3 -14
- package/cjs/layout/Footer/Footer.js +1 -1
- package/cjs/layout/Footer/Footer.js.map +1 -1
- package/cjs/layout/Footer/FooterAccordion.d.ts +18 -0
- package/cjs/layout/Footer/FooterAccordion.js +2 -0
- package/cjs/layout/Footer/FooterAccordion.js.map +1 -0
- package/cjs/layout/Footer/FooterIconButton.d.ts +6 -2
- package/cjs/layout/Footer/FooterIconButton.js +1 -1
- package/cjs/layout/Footer/FooterIconButton.js.map +1 -1
- package/cjs/layout/Footer/FooterLink.d.ts +15 -0
- package/cjs/layout/Footer/FooterLink.js +2 -0
- package/cjs/layout/Footer/FooterLink.js.map +1 -0
- package/cjs/layout/Footer/FooterMenu.d.ts +21 -0
- package/cjs/layout/Footer/FooterMenu.js +2 -0
- package/cjs/layout/Footer/FooterMenu.js.map +1 -0
- package/cjs/layout/Footer/FooterSectionContact.d.ts +12 -0
- package/cjs/layout/Footer/FooterSectionContact.js +2 -0
- package/cjs/layout/Footer/FooterSectionContact.js.map +1 -0
- package/cjs/layout/Footer/FooterSectionMenu.d.ts +5 -0
- package/cjs/layout/Footer/FooterSectionMenu.js +2 -0
- package/cjs/layout/Footer/FooterSectionMenu.js.map +1 -0
- package/cjs/layout/Footer/PredefinedFooterIconButtons.d.ts +5 -4
- package/cjs/layout/Footer/PredefinedFooterIconButtons.js +1 -1
- package/cjs/layout/Footer/PredefinedFooterIconButtons.js.map +1 -1
- package/cjs/layout/Footer/index.d.ts +5 -1
- package/cjs/layout/Header/Header.d.ts +24 -6
- package/cjs/layout/Header/Header.js +1 -1
- package/cjs/layout/Header/Header.js.map +1 -1
- package/cjs/layout/Header/HeaderButton.js +1 -1
- package/cjs/layout/Header/HeaderButton.js.map +1 -1
- package/cjs/layout/Header/HeaderContext.d.ts +7 -0
- package/cjs/layout/Header/HeaderContext.js +2 -0
- package/cjs/layout/Header/HeaderContext.js.map +1 -0
- package/cjs/layout/Header/HeaderLogo.d.ts +3 -0
- package/cjs/layout/Header/HeaderLogo.js.map +1 -1
- package/cjs/layout/Header/HeaderNavigationHero.d.ts +6 -0
- package/cjs/layout/Header/HeaderNavigationHero.js +2 -0
- package/cjs/layout/Header/HeaderNavigationHero.js.map +1 -0
- package/cjs/layout/Header/HeaderNavigationLink.d.ts +15 -0
- package/cjs/layout/Header/HeaderNavigationLink.js +2 -0
- package/cjs/layout/Header/HeaderNavigationLink.js.map +1 -0
- package/cjs/layout/Header/HeaderNavigationMenu.d.ts +6 -0
- package/cjs/layout/Header/HeaderNavigationMenu.js +2 -0
- package/cjs/layout/Header/HeaderNavigationMenu.js.map +1 -0
- package/cjs/layout/Header/HeaderOverheadItem.js.map +1 -1
- package/cjs/layout/Header/HeaderSkodaLogo.d.ts +1 -0
- package/cjs/layout/Header/HeaderSkodaLogo.js.map +1 -1
- package/cjs/layout/Header/PredefinedHeaderButtons.js.map +1 -1
- package/cjs/layout/Header/index.d.ts +3 -1
- package/cjs/layout/PageLayout/PageLayout.d.ts +27 -6
- package/cjs/layout/PageLayout/PageLayout.js +1 -1
- package/cjs/layout/PageLayout/PageLayout.js.map +1 -1
- package/cjs/layout/SecondaryNavigation/SecondaryNavigation.js.map +1 -1
- package/cjs/layout/SecondaryNavigation/SecondaryNavigationCta.js.map +1 -1
- package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js.map +1 -1
- package/cjs/layout/SideMenu/SideMenu.d.ts +20 -5
- package/cjs/layout/SideMenu/SideMenu.js.map +1 -1
- package/cjs/layout/SideMenu/SideMenuItem.js.map +1 -1
- package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicle.js.map +1 -1
- package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map +1 -1
- package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map +1 -1
- package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.js.map +1 -1
- package/cjs/organisms/cardPhotoFixed/cardPhotoFixed.js.map +1 -1
- package/cjs/organisms/cardPhotoFixed/cardPhotoFixedComponent.js.map +1 -1
- package/cjs/organisms/cardPromoVehicle/cardPromoVehicle.js.map +1 -1
- package/cjs/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map +1 -1
- package/cjs/organisms/cardTypeOnly/cardTypeOnly.js.map +1 -1
- package/cjs/organisms/cardTypeOnly/cardTypeOnlyComponent.js.map +1 -1
- package/cjs/organisms/carousel/carousel.js.map +1 -1
- package/cjs/organisms/carousel/carouselTemplate.js.map +1 -1
- package/cjs/organisms/carousel/styledComponents/styledCarouselHorizontal.js.map +1 -1
- package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js.map +1 -1
- package/cjs/organisms/carousel2/cardCarousel/cardCarousel.d.ts +29 -0
- package/cjs/organisms/carousel2/cardCarousel/cardCarousel.js +1 -1
- package/cjs/organisms/carousel2/cardCarousel/cardCarousel.js.map +1 -1
- package/cjs/organisms/carousel2/components/ItemsContainer.js.map +1 -1
- package/cjs/organisms/carousel2/components/NavButton.js +1 -1
- package/cjs/organisms/carousel2/components/NavButton.js.map +1 -1
- package/cjs/organisms/carousel2/components/Numbering.js.map +1 -1
- package/cjs/organisms/carousel2/components/ScrollSnapDots.js.map +1 -1
- package/cjs/organisms/carousel2/components/ViewPort.js.map +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/GalleryItemText.js.map +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/galleryCarousel.d.ts +16 -7
- package/cjs/organisms/carousel2/galleryCarousel/galleryCarousel.js.map +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/galleryCarouselItem.d.ts +50 -0
- package/cjs/organisms/carousel2/galleryCarousel/galleryCarouselItem.js.map +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/galleryContext.js.map +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/galleryItemContext.js.map +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/galleryItemHeading.js.map +1 -1
- package/cjs/organisms/carousel2/heroCarousel/HeroCarouselSlide.d.ts +54 -1
- package/cjs/organisms/carousel2/heroCarousel/HeroCarouselSlide.js.map +1 -1
- package/cjs/organisms/carousel2/heroCarousel/heroCarousel.d.ts +37 -3
- package/cjs/organisms/carousel2/heroCarousel/heroCarousel.js +1 -1
- package/cjs/organisms/carousel2/heroCarousel/heroCarousel.js.map +1 -1
- package/cjs/organisms/carousel2/heroCarousel/heroCarouselContext.js.map +1 -1
- package/cjs/organisms/carousel2/hooks/useContainerPeek.js.map +1 -1
- package/cjs/organisms/carousel2/hooks/useDefaultProps.js.map +1 -1
- package/cjs/organisms/carousel2/hooks/useEmbla.js.map +1 -1
- package/cjs/organisms/common/buttonCardComponent/buttonCardComponent.js.map +1 -1
- package/cjs/organisms/common/infoTextCardComponent/infoTextCardComponent.js.map +1 -1
- package/cjs/organisms/common/menuCardComponent/menuCardComponent.js.map +1 -1
- package/cjs/organisms/common/styled/cardStandardWrapperStyled.d.ts +2 -6
- package/cjs/organisms/common/styled/cardStandardWrapperStyled.js.map +1 -1
- package/cjs/organisms/gallery/Gallery.d.ts +12 -0
- package/cjs/organisms/gallery/Gallery.js +1 -1
- package/cjs/organisms/gallery/Gallery.js.map +1 -1
- package/cjs/organisms/gallery/GalleryItem.js.map +1 -1
- package/cjs/organisms/gallery/GalleryTrigger.js +1 -1
- package/cjs/organisms/gallery/GalleryTrigger.js.map +1 -1
- package/cjs/organisms/heroImageCard/heroImageCard.js.map +1 -1
- package/cjs/organisms/heroImageCard/heroImageCardComponent.js.map +1 -1
- package/cjs/organisms/heroImageCard/videoCardController.js.map +1 -1
- package/cjs/organisms/hotspotCard/hotspotCard.d.ts +5 -12
- package/cjs/organisms/maps/hook/useMap.js.map +1 -1
- package/cjs/organisms/maps/mapComponents/infoWindowConfig.js.map +1 -1
- package/cjs/organisms/maps/mapComponents/mapComponent.js.map +1 -1
- package/cjs/organisms/maps/mapComponents/mapStyled.js.map +1 -1
- package/cjs/organisms/maps/mapComponents/markerComponent.js.map +1 -1
- package/cjs/organisms/maps/maps.js.map +1 -1
- package/cjs/organisms/maps/utils/mapConfig.js.map +1 -1
- package/cjs/organisms/maps/utils/mapIcons.js.map +1 -1
- package/cjs/organisms/maps/utils/style.js.map +1 -1
- package/cjs/organisms/notification/Notification.js +1 -1
- package/cjs/organisms/notification/Notification.js.map +1 -1
- package/cjs/organisms/notification/NotificationCenter.js.map +1 -1
- package/cjs/organisms/notification/NotificationCenterCategory.js.map +1 -1
- package/cjs/organisms/notification/NotificationCenterHeaderButton.js +1 -1
- package/cjs/organisms/notification/NotificationCenterHeaderButton.js.map +1 -1
- package/cjs/organisms/shortcutLink/shortcutLink.js.map +1 -1
- package/cjs/organisms/textCta/textCta.js.map +1 -1
- package/cjs/organisms/tile/tile.js.map +1 -1
- package/{production → cjs/production/Button}/Button.d.ts +1 -1
- package/cjs/production/Button/Button.js.map +1 -0
- package/cjs/production/Button/index.d.ts +1 -0
- package/cjs/production/index.js +1 -1
- package/cjs/utils/ResponsiveType.js.map +1 -1
- package/cjs/utils/enum.js.map +1 -1
- package/cjs/utils/formatFileSize/formatFileSize.d.ts +11 -0
- package/cjs/utils/formatFileSize/formatFileSize.js +2 -0
- package/cjs/utils/formatFileSize/formatFileSize.js.map +1 -0
- package/cjs/utils/icons.js.map +1 -1
- package/cjs/utils/useClosure/useClosure.js.map +1 -1
- package/cjs/utils/utilities.d.ts +1 -1
- package/cjs/utils/utilities.js.map +1 -1
- package/components/accordion/accordion.d.ts +2 -2
- package/components/accordion/accordion.js +1 -1
- package/components/accordion/accordion.js.map +1 -1
- package/components/agGrid/agGrid.d.ts +3 -5
- package/components/agGrid/agGrid.js +1 -1
- package/components/agGrid/agGrid.js.map +1 -1
- package/components/agGrid/agGridStyled.d.ts +2 -0
- package/components/agGrid/agGridStyled.js +1 -1
- package/components/agGrid/agGridStyled.js.map +1 -1
- package/components/alert/Alert.js.map +1 -1
- package/components/alert/AlertButton.js.map +1 -1
- package/components/avatar/Avatar.d.ts +24 -0
- package/components/avatar/Avatar.js.map +1 -1
- package/components/backdrop/backdrop.js.map +1 -1
- package/components/banner/banner.d.ts +2 -2
- package/components/banner/banner.js +1 -1
- package/components/banner/banner.js.map +1 -1
- package/components/button/button.js.map +1 -1
- package/components/cardContainer/cardContainer.js.map +1 -1
- package/components/cardMenu/cardMenu.js +1 -1
- package/components/cardMenu/cardMenu.js.map +1 -1
- package/components/cardMenu/hooks/useCardMenu.js.map +1 -1
- package/components/cardMenu/styled/drawerStyled.js.map +1 -1
- package/components/cardMenu/styled/menuListStyled.d.ts +2 -16
- package/components/cardMenu/styled/menuListStyled.js +1 -1
- package/components/cardMenu/styled/menuListStyled.js.map +1 -1
- package/components/cardMenu/styled/popperStyled.js.map +1 -1
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/chip/chipDropdownChildren/chipDropdownChildren.js.map +1 -1
- package/components/chip/chipFocusVisibleStyled.js.map +1 -1
- package/components/chip/chipImage/chipImage.js.map +1 -1
- package/components/chip/chipMultiselect/multiSelectChip.js.map +1 -1
- package/components/chip/regular/chip.js.map +1 -1
- package/components/closeDialogButton/index.js.map +1 -1
- package/components/common/helperText.js.map +1 -1
- package/components/common/hook/backdrop.js.map +1 -1
- package/components/common/hook/useWindowSize.js +1 -1
- package/components/common/hook/useWindowSize.js.map +1 -1
- package/components/common/imageComponent.js.map +1 -1
- package/components/common/menuContainer.js.map +1 -1
- package/components/common/menuEmpty.js.map +1 -1
- package/components/common/resizableSliderInput.js.map +1 -1
- package/components/common/styled/buttonFocusVisibleStyled.js.map +1 -1
- package/components/common/styled/formControlLabelStyled.js.map +1 -1
- package/components/common/styled/sliderValuesStyled.js.map +1 -1
- package/components/common/styled/textFieldStyled.d.ts +1 -1
- package/components/common/styled/textFieldStyled.js.map +1 -1
- package/components/container/container.js.map +1 -1
- package/components/controls/controls.js.map +1 -1
- package/components/customPickersActionBar/index.js +1 -1
- package/components/customPickersActionBar/index.js.map +1 -1
- package/components/divider/divider.js.map +1 -1
- package/components/drawer/drawer.js.map +1 -1
- package/components/flag/flag.js.map +1 -1
- package/components/grid/grid.js.map +1 -1
- package/components/helperTextContent/index.js.map +1 -1
- package/components/icon/availableIcons.js.map +1 -1
- package/components/icon/icon.js.map +1 -1
- package/components/iconButton/index.d.ts +2 -27
- package/components/iconButton/index.js.map +1 -1
- package/components/index.d.ts +1 -0
- package/components/indicator/indicator.js.map +1 -1
- package/components/label/label.js.map +1 -1
- package/components/labelCO2/labelCO2.js.map +1 -1
- package/components/labelFeature/labelFeature.js.map +1 -1
- package/components/labelPromotional/labelPromotional.js.map +1 -1
- package/components/labelStatus/labelStatus.js.map +1 -1
- package/components/logo/Logo.js.map +1 -1
- package/components/menu/menu.js +1 -1
- package/components/menu/menu.js.map +1 -1
- package/components/menuItem/menuItem.js.map +1 -1
- package/components/mobileStepper/index.d.ts +1 -0
- package/components/mobileStepper/mobileStepper.d.ts +1 -1
- package/components/mobileStepper/mobileStepper.js +1 -1
- package/components/mobileStepper/mobileStepper.js.map +1 -1
- package/components/mobileStepper/mobileStepperButton.d.ts +4 -0
- package/components/mobileStepper/mobileStepperButton.js +2 -0
- package/components/mobileStepper/mobileStepperButton.js.map +1 -0
- package/components/modal/contentDiv.js.map +1 -1
- package/components/modal/modal.d.ts +12 -0
- package/components/modal/modal.js +1 -1
- package/components/modal/modal.js.map +1 -1
- package/components/modal/modalTitle.js.map +1 -1
- package/components/numbering/numbering.js.map +1 -1
- package/components/pagination/pagination.js.map +1 -1
- package/components/progressBar/components/loader.js.map +1 -1
- package/components/progressBar/components/spinner.js.map +1 -1
- package/components/progressBar/components/styledProgressBarMessage.js.map +1 -1
- package/components/progressBar/progressBar.js.map +1 -1
- package/components/radioButton/radioButton.js.map +1 -1
- package/components/selectInput/formControlSelectStyled.d.ts +2 -16
- package/components/selectInput/formControlSelectStyled.js.map +1 -1
- package/components/selectInput/hook/useSelectInput.js.map +1 -1
- package/components/selectInput/inputLabelSelect.js.map +1 -1
- package/components/selectInput/selectInput.js.map +1 -1
- package/components/slider/containerStyled.js.map +1 -1
- package/components/slider/slider.d.ts +3 -3
- package/components/slider/slider.js +1 -1
- package/components/slider/slider.js.map +1 -1
- package/components/snackbar/snackbar.js.map +1 -1
- package/components/snackbar/snackbarMessage.js +1 -1
- package/components/snackbar/snackbarMessage.js.map +1 -1
- package/components/stepper/stepper.d.ts +2 -2
- package/components/stepper/stepper.js +1 -1
- package/components/stepper/stepper.js.map +1 -1
- package/components/tab/hook/useTabs.js.map +1 -1
- package/components/tab/menuTab.js.map +1 -1
- package/components/tab/secondaryNavigation/secondaryNavigationTabs.js +1 -1
- package/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map +1 -1
- package/components/tab/secondaryNavigation/secondaryTabStyled.js.map +1 -1
- package/components/tab/tab.js.map +1 -1
- package/components/tab/tabPanel.js.map +1 -1
- package/components/tab/tabStyled.d.ts +2 -29
- package/components/tab/tabStyled.js.map +1 -1
- package/components/tab/tabs.js.map +1 -1
- package/components/textArea/hook/useTextAreaEffect.js.map +1 -1
- package/components/textArea/textArea.js.map +1 -1
- package/components/textInput/hook/useTextInput.js.map +1 -1
- package/components/textInput/hook/useTextInputEffect.js.map +1 -1
- package/components/textInput/textInput.js.map +1 -1
- package/components/toggleSwitch/toggleSwitch.js.map +1 -1
- package/components/tooltip/tooltip.js.map +1 -1
- package/components/upload/UploadBox.d.ts +14 -0
- package/components/upload/UploadBox.js +2 -0
- package/components/upload/UploadBox.js.map +1 -0
- package/components/upload/UploadField.d.ts +37 -0
- package/components/upload/UploadField.js +2 -0
- package/components/upload/UploadField.js.map +1 -0
- package/components/upload/UploadPreview.d.ts +23 -0
- package/components/upload/UploadPreview.js +2 -0
- package/components/upload/UploadPreview.js.map +1 -0
- package/components/upload/UploadPreviewList.d.ts +28 -0
- package/components/upload/UploadPreviewList.js +2 -0
- package/components/upload/UploadPreviewList.js.map +1 -0
- package/components/upload/UploadProgress.d.ts +14 -0
- package/components/upload/UploadProgress.js +2 -0
- package/components/upload/UploadProgress.js.map +1 -0
- package/components/upload/index.d.ts +5 -0
- package/design/skoda/SkodaThemeProvider.js.map +1 -1
- package/design/skoda/SkodaThemeWidgetProvider.js.map +1 -1
- package/design/skoda/components/accordion/accordion.theme.js +1 -1
- package/design/skoda/components/accordion/accordion.theme.js.map +1 -1
- package/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
- package/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
- package/design/skoda/components/autocomplete.theme.js +1 -1
- package/design/skoda/components/autocomplete.theme.js.map +1 -1
- package/design/skoda/components/backdrop.theme.js.map +1 -1
- package/design/skoda/components/baseline.theme.js.map +1 -1
- package/design/skoda/components/breadcrumbs.theme.js.map +1 -1
- package/design/skoda/components/button.theme.js.map +1 -1
- package/design/skoda/components/buttonBase.theme.js.map +1 -1
- package/design/skoda/components/checkbox.theme.js.map +1 -1
- package/design/skoda/components/chip.theme.js.map +1 -1
- package/design/skoda/components/datePickers/clock.theme.js.map +1 -1
- package/design/skoda/components/datePickers/dateTimePickerTabs.theme.js.map +1 -1
- package/design/skoda/components/datePickers/dateTimePickerToolbar.theme.js.map +1 -1
- package/design/skoda/components/datePickers/desktopDateTimePicker.theme.js +1 -1
- package/design/skoda/components/datePickers/desktopDateTimePicker.theme.js.map +1 -1
- package/design/skoda/components/datePickers/desktopTimePicker.theme.js.map +1 -1
- package/design/skoda/components/datePickers/multiSectionDigitalClockSection.theme.js.map +1 -1
- package/design/skoda/components/datePickers/pickersLayout.theme.js.map +1 -1
- package/design/skoda/components/datePickers/pickersToolbar.theme.js.map +1 -1
- package/design/skoda/components/datePickers/pickersToolbarButton.theme.js.map +1 -1
- package/design/skoda/components/datePickers/pickersToolbarText.theme.js.map +1 -1
- package/design/skoda/components/datePickers/timeClock.theme.js.map +1 -1
- package/design/skoda/components/datePickers/timePickerToolbar.theme.js.map +1 -1
- package/design/skoda/components/dialog/dialog.theme.js.map +1 -0
- package/design/skoda/components/dialog/dialogActions.theme.js.map +1 -0
- package/design/skoda/components/dialog/dialogTitle.theme.js.map +1 -0
- package/design/skoda/components/divider.theme.js.map +1 -1
- package/design/skoda/components/drawer.theme.js.map +1 -1
- package/design/skoda/components/form/filledInput.theme.js.map +1 -0
- package/design/skoda/components/form/formControl.theme.js.map +1 -0
- package/design/skoda/components/form/formControlLabel.theme.js.map +1 -0
- package/design/skoda/components/form/formHelperText.theme.js.map +1 -0
- package/design/skoda/components/form/formLabel.theme.js.map +1 -0
- package/design/skoda/components/form/input.theme.js.map +1 -0
- package/design/skoda/components/form/inputAdornment.theme.js.map +1 -0
- package/design/skoda/components/form/inputBase.theme.js.map +1 -0
- package/design/skoda/components/form/inputLabel.theme.js.map +1 -0
- package/design/skoda/components/form/radio.theme.js +2 -0
- package/design/skoda/components/form/radio.theme.js.map +1 -0
- package/design/skoda/components/form/select.theme.js +2 -0
- package/design/skoda/components/form/select.theme.js.map +1 -0
- package/design/skoda/components/form/slider.theme.js +2 -0
- package/design/skoda/components/form/slider.theme.js.map +1 -0
- package/design/skoda/components/form/switch.theme.js.map +1 -0
- package/design/skoda/components/form/textField.theme.js.map +1 -0
- package/design/skoda/components/icon.theme.js.map +1 -1
- package/design/skoda/components/iconButton.theme.js.map +1 -1
- package/design/skoda/components/layout/breakpoints.theme.js.map +1 -0
- package/design/skoda/components/layout/container.theme.js.map +1 -0
- package/design/skoda/components/layout/grid.theme.js.map +1 -0
- package/design/skoda/components/list.theme.js.map +1 -1
- package/design/skoda/components/listItemText.theme.js.map +1 -1
- package/design/skoda/components/menuItem.theme.js.map +1 -1
- package/design/skoda/components/mobileStepper.theme.js +1 -1
- package/design/skoda/components/mobileStepper.theme.js.map +1 -1
- package/design/skoda/components/modal.theme.js.map +1 -1
- package/design/skoda/components/pagination.theme.js.map +1 -1
- package/design/skoda/components/paper.theme.js.map +1 -1
- package/design/skoda/components/popover.theme.js.map +1 -1
- package/design/skoda/components/snackbar.theme.js.map +1 -1
- package/design/skoda/components/stepper/index.d.ts +1 -0
- package/design/skoda/components/stepper/stepIcon/errorStepIcon.d.ts +3 -0
- package/design/skoda/components/stepper/stepIcon/errorStepIcon.js +2 -0
- package/design/skoda/components/stepper/stepIcon/errorStepIcon.js.map +1 -0
- package/design/skoda/components/stepper/stepIcon/index.d.ts +2 -0
- package/design/skoda/components/stepper/stepIcon/index.js +2 -0
- package/design/skoda/components/stepper/stepIcon/index.js.map +1 -0
- package/design/skoda/components/stepper/stepIcon/qontoStepIcon.d.ts +2 -0
- package/design/skoda/components/stepper/stepIcon/qontoStepIcon.js +2 -0
- package/design/skoda/components/stepper/stepIcon/qontoStepIcon.js.map +1 -0
- package/design/skoda/components/stepper/stepper.theme.d.ts +3 -0
- package/design/skoda/components/stepper/stepper.theme.js +2 -0
- package/design/skoda/components/stepper/stepper.theme.js.map +1 -0
- package/design/skoda/components/tabs/tab.theme.js.map +1 -1
- package/design/skoda/components/tabs/tabs.theme.js +1 -1
- package/design/skoda/components/tabs/tabs.theme.js.map +1 -1
- package/design/skoda/components/tooltip.theme.js.map +1 -1
- package/design/skoda/organisms/card.theme.js.map +1 -1
- package/design/skoda/palette.theme.js.map +1 -1
- package/design/skoda/theme.breakpoints.js.map +1 -1
- package/design/skoda/theme.constants.js.map +1 -1
- package/design/skoda/theme.js +1 -1
- package/design/skoda/theme.js.map +1 -1
- package/design/skoda/theme.typography.js.map +1 -1
- package/index.js +1 -1
- package/layout/Error/ErrorContent.d.ts +26 -11
- package/layout/Error/ErrorContent.js +1 -1
- package/layout/Error/ErrorContent.js.map +1 -1
- package/layout/Error/index.d.ts +0 -1
- package/layout/Footer/Footer.d.ts +3 -14
- package/layout/Footer/Footer.js +1 -1
- package/layout/Footer/Footer.js.map +1 -1
- package/layout/Footer/FooterAccordion.d.ts +18 -0
- package/layout/Footer/FooterAccordion.js +2 -0
- package/layout/Footer/FooterAccordion.js.map +1 -0
- package/layout/Footer/FooterIconButton.d.ts +6 -2
- package/layout/Footer/FooterIconButton.js +1 -1
- package/layout/Footer/FooterIconButton.js.map +1 -1
- package/layout/Footer/FooterLink.d.ts +15 -0
- package/layout/Footer/FooterLink.js +2 -0
- package/layout/Footer/FooterLink.js.map +1 -0
- package/layout/Footer/FooterMenu.d.ts +21 -0
- package/layout/Footer/FooterMenu.js +2 -0
- package/layout/Footer/FooterMenu.js.map +1 -0
- package/layout/Footer/FooterSectionContact.d.ts +12 -0
- package/layout/Footer/FooterSectionContact.js +2 -0
- package/layout/Footer/FooterSectionContact.js.map +1 -0
- package/layout/Footer/FooterSectionMenu.d.ts +5 -0
- package/layout/Footer/FooterSectionMenu.js +2 -0
- package/layout/Footer/FooterSectionMenu.js.map +1 -0
- package/layout/Footer/PredefinedFooterIconButtons.d.ts +5 -4
- package/layout/Footer/PredefinedFooterIconButtons.js +1 -1
- package/layout/Footer/PredefinedFooterIconButtons.js.map +1 -1
- package/layout/Footer/index.d.ts +5 -1
- package/layout/Header/Header.d.ts +24 -6
- package/layout/Header/Header.js +1 -1
- package/layout/Header/Header.js.map +1 -1
- package/layout/Header/HeaderButton.js +1 -1
- package/layout/Header/HeaderButton.js.map +1 -1
- package/layout/Header/HeaderContext.d.ts +7 -0
- package/layout/Header/HeaderContext.js +2 -0
- package/layout/Header/HeaderContext.js.map +1 -0
- package/layout/Header/HeaderLogo.d.ts +3 -0
- package/layout/Header/HeaderLogo.js.map +1 -1
- package/layout/Header/HeaderNavigationHero.d.ts +6 -0
- package/layout/Header/HeaderNavigationHero.js +2 -0
- package/layout/Header/HeaderNavigationHero.js.map +1 -0
- package/layout/Header/HeaderNavigationLink.d.ts +15 -0
- package/layout/Header/HeaderNavigationLink.js +2 -0
- package/layout/Header/HeaderNavigationLink.js.map +1 -0
- package/layout/Header/HeaderNavigationMenu.d.ts +6 -0
- package/layout/Header/HeaderNavigationMenu.js +2 -0
- package/layout/Header/HeaderNavigationMenu.js.map +1 -0
- package/layout/Header/HeaderOverheadItem.js.map +1 -1
- package/layout/Header/HeaderSkodaLogo.d.ts +1 -0
- package/layout/Header/HeaderSkodaLogo.js.map +1 -1
- package/layout/Header/PredefinedHeaderButtons.js.map +1 -1
- package/layout/Header/index.d.ts +3 -1
- package/layout/PageLayout/PageLayout.d.ts +27 -6
- package/layout/PageLayout/PageLayout.js +1 -1
- package/layout/PageLayout/PageLayout.js.map +1 -1
- package/layout/SecondaryNavigation/SecondaryNavigation.js.map +1 -1
- package/layout/SecondaryNavigation/SecondaryNavigationCta.js.map +1 -1
- package/layout/SecondaryNavigation/SecondaryNavigationItem.js.map +1 -1
- package/layout/SideMenu/SideMenu.d.ts +20 -5
- package/layout/SideMenu/SideMenu.js.map +1 -1
- package/layout/SideMenu/SideMenuItem.js.map +1 -1
- package/organisms/cardOwnedVehicle/cardOwnedVehicle.js.map +1 -1
- package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map +1 -1
- package/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map +1 -1
- package/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.js.map +1 -1
- package/organisms/cardPhotoFixed/cardPhotoFixed.js.map +1 -1
- package/organisms/cardPhotoFixed/cardPhotoFixedComponent.js.map +1 -1
- package/organisms/cardPromoVehicle/cardPromoVehicle.js.map +1 -1
- package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map +1 -1
- package/organisms/cardTypeOnly/cardTypeOnly.js.map +1 -1
- package/organisms/cardTypeOnly/cardTypeOnlyComponent.js.map +1 -1
- package/organisms/carousel/carousel.js.map +1 -1
- package/organisms/carousel/carouselTemplate.js.map +1 -1
- package/organisms/carousel/styledComponents/styledCarouselHorizontal.js.map +1 -1
- package/organisms/carousel/styledComponents/styledCarouselVertical.js.map +1 -1
- package/organisms/carousel2/cardCarousel/cardCarousel.d.ts +29 -0
- package/organisms/carousel2/cardCarousel/cardCarousel.js +1 -1
- package/organisms/carousel2/cardCarousel/cardCarousel.js.map +1 -1
- package/organisms/carousel2/components/ItemsContainer.js.map +1 -1
- package/organisms/carousel2/components/NavButton.js +1 -1
- package/organisms/carousel2/components/NavButton.js.map +1 -1
- package/organisms/carousel2/components/Numbering.js.map +1 -1
- package/organisms/carousel2/components/ScrollSnapDots.js.map +1 -1
- package/organisms/carousel2/components/ViewPort.js.map +1 -1
- package/organisms/carousel2/galleryCarousel/GalleryItemText.js.map +1 -1
- package/organisms/carousel2/galleryCarousel/galleryCarousel.d.ts +16 -7
- package/organisms/carousel2/galleryCarousel/galleryCarousel.js.map +1 -1
- package/organisms/carousel2/galleryCarousel/galleryCarouselItem.d.ts +50 -0
- package/organisms/carousel2/galleryCarousel/galleryCarouselItem.js.map +1 -1
- package/organisms/carousel2/galleryCarousel/galleryContext.js.map +1 -1
- package/organisms/carousel2/galleryCarousel/galleryItemContext.js.map +1 -1
- package/organisms/carousel2/galleryCarousel/galleryItemHeading.js.map +1 -1
- package/organisms/carousel2/heroCarousel/HeroCarouselSlide.d.ts +54 -1
- package/organisms/carousel2/heroCarousel/HeroCarouselSlide.js.map +1 -1
- package/organisms/carousel2/heroCarousel/heroCarousel.d.ts +37 -3
- package/organisms/carousel2/heroCarousel/heroCarousel.js +1 -1
- package/organisms/carousel2/heroCarousel/heroCarousel.js.map +1 -1
- package/organisms/carousel2/heroCarousel/heroCarouselContext.js.map +1 -1
- package/organisms/carousel2/hooks/useContainerPeek.js.map +1 -1
- package/organisms/carousel2/hooks/useDefaultProps.js.map +1 -1
- package/organisms/carousel2/hooks/useEmbla.js.map +1 -1
- package/organisms/common/buttonCardComponent/buttonCardComponent.js.map +1 -1
- package/organisms/common/infoTextCardComponent/infoTextCardComponent.js.map +1 -1
- package/organisms/common/menuCardComponent/menuCardComponent.js.map +1 -1
- package/organisms/common/styled/cardStandardWrapperStyled.d.ts +2 -6
- package/organisms/common/styled/cardStandardWrapperStyled.js.map +1 -1
- package/organisms/gallery/Gallery.d.ts +12 -0
- package/organisms/gallery/Gallery.js +1 -1
- package/organisms/gallery/Gallery.js.map +1 -1
- package/organisms/gallery/GalleryItem.js.map +1 -1
- package/organisms/gallery/GalleryTrigger.js +1 -1
- package/organisms/gallery/GalleryTrigger.js.map +1 -1
- package/organisms/heroImageCard/heroImageCard.js.map +1 -1
- package/organisms/heroImageCard/heroImageCardComponent.js.map +1 -1
- package/organisms/heroImageCard/videoCardController.js.map +1 -1
- package/organisms/hotspotCard/hotspotCard.d.ts +5 -12
- package/organisms/maps/hook/useMap.js.map +1 -1
- package/organisms/maps/mapComponents/infoWindowConfig.js.map +1 -1
- package/organisms/maps/mapComponents/mapComponent.js.map +1 -1
- package/organisms/maps/mapComponents/mapStyled.js.map +1 -1
- package/organisms/maps/mapComponents/markerComponent.js.map +1 -1
- package/organisms/maps/maps.js.map +1 -1
- package/organisms/maps/utils/mapConfig.js.map +1 -1
- package/organisms/maps/utils/mapIcons.js.map +1 -1
- package/organisms/maps/utils/style.js.map +1 -1
- package/organisms/notification/Notification.js +1 -1
- package/organisms/notification/Notification.js.map +1 -1
- package/organisms/notification/NotificationCenter.js.map +1 -1
- package/organisms/notification/NotificationCenterCategory.js.map +1 -1
- package/organisms/notification/NotificationCenterHeaderButton.js +1 -1
- package/organisms/notification/NotificationCenterHeaderButton.js.map +1 -1
- package/organisms/shortcutLink/shortcutLink.js.map +1 -1
- package/organisms/textCta/textCta.js.map +1 -1
- package/organisms/tile/tile.js.map +1 -1
- package/package.json +1 -1
- package/{cjs/production → production/Button}/Button.d.ts +1 -1
- package/production/Button/Button.js.map +1 -0
- package/production/Button/index.d.ts +1 -0
- package/production/index.js +1 -1
- package/theme/skoda/globals.css +1 -7483
- package/utils/ResponsiveType.js.map +1 -1
- package/utils/enum.js.map +1 -1
- package/utils/formatFileSize/formatFileSize.d.ts +11 -0
- package/utils/formatFileSize/formatFileSize.js +2 -0
- package/utils/formatFileSize/formatFileSize.js.map +1 -0
- package/utils/icons.js.map +1 -1
- package/utils/useClosure/useClosure.js.map +1 -1
- package/utils/utilities.d.ts +1 -1
- package/utils/utilities.js.map +1 -1
- package/cjs/design/skoda/components/breakpoints.theme.js.map +0 -1
- package/cjs/design/skoda/components/container.theme.js.map +0 -1
- package/cjs/design/skoda/components/dialog.theme.js.map +0 -1
- package/cjs/design/skoda/components/dialogActions.theme.js.map +0 -1
- package/cjs/design/skoda/components/dialogTitle.theme.js.map +0 -1
- package/cjs/design/skoda/components/filledInput.theme.js.map +0 -1
- package/cjs/design/skoda/components/formControl.theme.js.map +0 -1
- package/cjs/design/skoda/components/formControlLabel.theme.js.map +0 -1
- package/cjs/design/skoda/components/formHelperText.theme.js.map +0 -1
- package/cjs/design/skoda/components/formLabel.theme.js.map +0 -1
- package/cjs/design/skoda/components/grid.theme.js.map +0 -1
- package/cjs/design/skoda/components/input.theme.js.map +0 -1
- package/cjs/design/skoda/components/inputAdornment.theme.js.map +0 -1
- package/cjs/design/skoda/components/inputBase.theme.js.map +0 -1
- package/cjs/design/skoda/components/inputLabel.theme.js.map +0 -1
- package/cjs/design/skoda/components/radio.theme.js +0 -2
- package/cjs/design/skoda/components/radio.theme.js.map +0 -1
- package/cjs/design/skoda/components/select.theme.js +0 -2
- package/cjs/design/skoda/components/select.theme.js.map +0 -1
- package/cjs/design/skoda/components/slider.theme.js +0 -2
- package/cjs/design/skoda/components/slider.theme.js.map +0 -1
- package/cjs/design/skoda/components/stepper.theme.d.ts +0 -2
- package/cjs/design/skoda/components/stepper.theme.js +0 -2
- package/cjs/design/skoda/components/stepper.theme.js.map +0 -1
- package/cjs/design/skoda/components/switch.theme.js.map +0 -1
- package/cjs/design/skoda/components/textField.theme.js.map +0 -1
- package/cjs/layout/Error/ErrorLayout.d.ts +0 -12
- package/cjs/layout/Error/ErrorLayout.js +0 -2
- package/cjs/layout/Error/ErrorLayout.js.map +0 -1
- package/cjs/layout/Footer/FooterNavItem.d.ts +0 -14
- package/cjs/layout/Footer/FooterNavItem.js +0 -2
- package/cjs/layout/Footer/FooterNavItem.js.map +0 -1
- package/cjs/layout/Header/HeaderNavigationItem.d.ts +0 -16
- package/cjs/layout/Header/HeaderNavigationItem.js +0 -2
- package/cjs/layout/Header/HeaderNavigationItem.js.map +0 -1
- package/cjs/production/Button.js.map +0 -1
- package/design/skoda/components/breakpoints.theme.js.map +0 -1
- package/design/skoda/components/container.theme.js.map +0 -1
- package/design/skoda/components/dialog.theme.js.map +0 -1
- package/design/skoda/components/dialogActions.theme.js.map +0 -1
- package/design/skoda/components/dialogTitle.theme.js.map +0 -1
- package/design/skoda/components/filledInput.theme.js.map +0 -1
- package/design/skoda/components/formControl.theme.js.map +0 -1
- package/design/skoda/components/formControlLabel.theme.js.map +0 -1
- package/design/skoda/components/formHelperText.theme.js.map +0 -1
- package/design/skoda/components/formLabel.theme.js.map +0 -1
- package/design/skoda/components/grid.theme.js.map +0 -1
- package/design/skoda/components/input.theme.js.map +0 -1
- package/design/skoda/components/inputAdornment.theme.js.map +0 -1
- package/design/skoda/components/inputBase.theme.js.map +0 -1
- package/design/skoda/components/inputLabel.theme.js.map +0 -1
- package/design/skoda/components/radio.theme.js +0 -2
- package/design/skoda/components/radio.theme.js.map +0 -1
- package/design/skoda/components/select.theme.js +0 -2
- package/design/skoda/components/select.theme.js.map +0 -1
- package/design/skoda/components/slider.theme.js +0 -2
- package/design/skoda/components/slider.theme.js.map +0 -1
- package/design/skoda/components/stepper.theme.d.ts +0 -2
- package/design/skoda/components/stepper.theme.js +0 -2
- package/design/skoda/components/stepper.theme.js.map +0 -1
- package/design/skoda/components/switch.theme.js.map +0 -1
- package/design/skoda/components/textField.theme.js.map +0 -1
- package/layout/Error/ErrorLayout.d.ts +0 -12
- package/layout/Error/ErrorLayout.js +0 -2
- package/layout/Error/ErrorLayout.js.map +0 -1
- package/layout/Footer/FooterNavItem.d.ts +0 -14
- package/layout/Footer/FooterNavItem.js +0 -2
- package/layout/Footer/FooterNavItem.js.map +0 -1
- package/layout/Header/HeaderNavigationItem.d.ts +0 -16
- package/layout/Header/HeaderNavigationItem.js +0 -2
- package/layout/Header/HeaderNavigationItem.js.map +0 -1
- package/production/Button.js.map +0 -1
- /package/cjs/design/skoda/components/{dialog.theme.d.ts → dialog/dialog.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{dialog.theme.js → dialog/dialog.theme.js} +0 -0
- /package/cjs/design/skoda/components/{dialogActions.theme.d.ts → dialog/dialogActions.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{dialogActions.theme.js → dialog/dialogActions.theme.js} +0 -0
- /package/cjs/design/skoda/components/{dialogTitle.theme.d.ts → dialog/dialogTitle.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{dialogTitle.theme.js → dialog/dialogTitle.theme.js} +0 -0
- /package/cjs/design/skoda/components/{filledInput.theme.d.ts → form/filledInput.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{filledInput.theme.js → form/filledInput.theme.js} +0 -0
- /package/cjs/design/skoda/components/{formControl.theme.d.ts → form/formControl.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{formControl.theme.js → form/formControl.theme.js} +0 -0
- /package/cjs/design/skoda/components/{formControlLabel.theme.d.ts → form/formControlLabel.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{formControlLabel.theme.js → form/formControlLabel.theme.js} +0 -0
- /package/cjs/design/skoda/components/{formHelperText.theme.d.ts → form/formHelperText.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{formHelperText.theme.js → form/formHelperText.theme.js} +0 -0
- /package/cjs/design/skoda/components/{formLabel.theme.d.ts → form/formLabel.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{formLabel.theme.js → form/formLabel.theme.js} +0 -0
- /package/cjs/design/skoda/components/{input.theme.d.ts → form/input.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{input.theme.js → form/input.theme.js} +0 -0
- /package/cjs/design/skoda/components/{inputAdornment.theme.d.ts → form/inputAdornment.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{inputAdornment.theme.js → form/inputAdornment.theme.js} +0 -0
- /package/cjs/design/skoda/components/{inputBase.theme.d.ts → form/inputBase.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{inputBase.theme.js → form/inputBase.theme.js} +0 -0
- /package/cjs/design/skoda/components/{inputLabel.theme.d.ts → form/inputLabel.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{inputLabel.theme.js → form/inputLabel.theme.js} +0 -0
- /package/cjs/design/skoda/components/{radio.theme.d.ts → form/radio.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{select.theme.d.ts → form/select.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{slider.theme.d.ts → form/slider.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{switch.theme.d.ts → form/switch.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{switch.theme.js → form/switch.theme.js} +0 -0
- /package/cjs/design/skoda/components/{textField.theme.d.ts → form/textField.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{textField.theme.js → form/textField.theme.js} +0 -0
- /package/cjs/design/skoda/components/{breakpoints.theme.d.ts → layout/breakpoints.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{breakpoints.theme.js → layout/breakpoints.theme.js} +0 -0
- /package/cjs/design/skoda/components/{container.theme.d.ts → layout/container.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{container.theme.js → layout/container.theme.js} +0 -0
- /package/cjs/design/skoda/components/{grid.theme.d.ts → layout/grid.theme.d.ts} +0 -0
- /package/cjs/design/skoda/components/{grid.theme.js → layout/grid.theme.js} +0 -0
- /package/cjs/production/{Button.js → Button/Button.js} +0 -0
- /package/design/skoda/components/{dialog.theme.d.ts → dialog/dialog.theme.d.ts} +0 -0
- /package/design/skoda/components/{dialog.theme.js → dialog/dialog.theme.js} +0 -0
- /package/design/skoda/components/{dialogActions.theme.d.ts → dialog/dialogActions.theme.d.ts} +0 -0
- /package/design/skoda/components/{dialogActions.theme.js → dialog/dialogActions.theme.js} +0 -0
- /package/design/skoda/components/{dialogTitle.theme.d.ts → dialog/dialogTitle.theme.d.ts} +0 -0
- /package/design/skoda/components/{dialogTitle.theme.js → dialog/dialogTitle.theme.js} +0 -0
- /package/design/skoda/components/{filledInput.theme.d.ts → form/filledInput.theme.d.ts} +0 -0
- /package/design/skoda/components/{filledInput.theme.js → form/filledInput.theme.js} +0 -0
- /package/design/skoda/components/{formControl.theme.d.ts → form/formControl.theme.d.ts} +0 -0
- /package/design/skoda/components/{formControl.theme.js → form/formControl.theme.js} +0 -0
- /package/design/skoda/components/{formControlLabel.theme.d.ts → form/formControlLabel.theme.d.ts} +0 -0
- /package/design/skoda/components/{formControlLabel.theme.js → form/formControlLabel.theme.js} +0 -0
- /package/design/skoda/components/{formHelperText.theme.d.ts → form/formHelperText.theme.d.ts} +0 -0
- /package/design/skoda/components/{formHelperText.theme.js → form/formHelperText.theme.js} +0 -0
- /package/design/skoda/components/{formLabel.theme.d.ts → form/formLabel.theme.d.ts} +0 -0
- /package/design/skoda/components/{formLabel.theme.js → form/formLabel.theme.js} +0 -0
- /package/design/skoda/components/{input.theme.d.ts → form/input.theme.d.ts} +0 -0
- /package/design/skoda/components/{input.theme.js → form/input.theme.js} +0 -0
- /package/design/skoda/components/{inputAdornment.theme.d.ts → form/inputAdornment.theme.d.ts} +0 -0
- /package/design/skoda/components/{inputAdornment.theme.js → form/inputAdornment.theme.js} +0 -0
- /package/design/skoda/components/{inputBase.theme.d.ts → form/inputBase.theme.d.ts} +0 -0
- /package/design/skoda/components/{inputBase.theme.js → form/inputBase.theme.js} +0 -0
- /package/design/skoda/components/{inputLabel.theme.d.ts → form/inputLabel.theme.d.ts} +0 -0
- /package/design/skoda/components/{inputLabel.theme.js → form/inputLabel.theme.js} +0 -0
- /package/design/skoda/components/{radio.theme.d.ts → form/radio.theme.d.ts} +0 -0
- /package/design/skoda/components/{select.theme.d.ts → form/select.theme.d.ts} +0 -0
- /package/design/skoda/components/{slider.theme.d.ts → form/slider.theme.d.ts} +0 -0
- /package/design/skoda/components/{switch.theme.d.ts → form/switch.theme.d.ts} +0 -0
- /package/design/skoda/components/{switch.theme.js → form/switch.theme.js} +0 -0
- /package/design/skoda/components/{textField.theme.d.ts → form/textField.theme.d.ts} +0 -0
- /package/design/skoda/components/{textField.theme.js → form/textField.theme.js} +0 -0
- /package/design/skoda/components/{breakpoints.theme.d.ts → layout/breakpoints.theme.d.ts} +0 -0
- /package/design/skoda/components/{breakpoints.theme.js → layout/breakpoints.theme.js} +0 -0
- /package/design/skoda/components/{container.theme.d.ts → layout/container.theme.d.ts} +0 -0
- /package/design/skoda/components/{container.theme.js → layout/container.theme.js} +0 -0
- /package/design/skoda/components/{grid.theme.d.ts → layout/grid.theme.d.ts} +0 -0
- /package/design/skoda/components/{grid.theme.js → layout/grid.theme.js} +0 -0
- /package/production/{Button.js → Button/Button.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"videoCardController.js","sources":["
|
|
1
|
+
{"version":3,"file":"videoCardController.js","sources":["../../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { Icon } from '../../components/icon';\nimport styled from '@emotion/styled';\nimport { useTheme } from '@mui/material/styles';\nconst VideoCardController = ({ videoRef, playPauseCallback }) => {\n const [isPaused, setIsPaused] = useState(false);\n const videoControllerRef = useRef(null);\n const theme = useTheme();\n //When the videoController is clicked, pause or play the video\n const handlePlayClick = useCallback((event) => {\n if (isPaused) {\n playPauseCallback && playPauseCallback('play', event);\n videoRef.current.play();\n }\n else {\n playPauseCallback && playPauseCallback('pause', event);\n videoRef.current.pause();\n }\n setIsPaused(!isPaused);\n }, [isPaused, playPauseCallback, videoRef]);\n //set the video puased as default if we are on mobile view\n useEffect(() => {\n if (window.innerWidth < theme.breakpoints.values.md) {\n videoRef.current.pause();\n setIsPaused(true);\n }\n }, [videoRef, theme.breakpoints.values.md]);\n //Add the transition effect from play to pause if on mobile view\n useEffect(() => {\n if (window.innerWidth < theme.breakpoints.values.md) {\n if (isPaused) {\n videoControllerRef.current.style.transitionDelay = '0s';\n videoControllerRef.current.style.opacity = 1;\n }\n else {\n videoControllerRef.current.style.transitionDelay = '2s';\n videoControllerRef.current.style.opacity = 0;\n }\n }\n else {\n videoControllerRef.current.style.transitionDelay = '0s';\n videoControllerRef.current.style.opacity = 1;\n }\n }, [isPaused, theme.breakpoints.values.md]);\n return (_jsx(VideoControllerStyled, { ref: videoControllerRef, onClick: (event) => handlePlayClick(event), children: _jsx(\"div\", { children: _jsx(Icon, { className: isPaused ? 'play-right' : 'pause' }) }) }));\n};\nconst VideoControllerStyled = styled('div')(({ theme }) => {\n let style = {};\n style = {\n [theme.breakpoints.up('md')]: Object.assign(Object.assign({}, style), { position: 'absolute', zIndex: 1000, cursor: 'pointer', bottom: '24px', right: '24px', '& > div': {\n width: '44px',\n height: '44px',\n borderRadius: '100%',\n textAlign: 'center',\n border: `2.5px solid ${theme.palette.background.primary}`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n '& > .MuiIcon-root': {\n color: theme.palette.background.primary,\n width: '20px',\n height: '20px',\n fontSize: '22px',\n },\n } }),\n [theme.breakpoints.down('md')]: {\n position: 'absolute',\n zIndex: 1000,\n left: '50%',\n top: '50%',\n width: '312px',\n height: '132px',\n transform: ' translate(-50%, -50%)',\n transitionDelay: '2s',\n transitionDuration: '0.3s',\n transitionProperty: 'opacity',\n transitionTimingFunction: 'ease-out',\n '& > div': {\n position: 'absolute',\n left: '50%',\n top: '50%',\n transform: ' translate(-50%, -50%)',\n width: '44px',\n height: '44px',\n margin: '0 auto',\n borderRadius: '100%',\n textAlign: 'center',\n border: `2.5px solid ${theme.palette.background.primary}`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n '& > .MuiIcon-root': {\n color: theme.palette.background.primary,\n width: '20px',\n height: '20px',\n fontSize: '22px',\n },\n },\n },\n };\n return style;\n});\nexport default VideoCardController;\n//# sourceMappingURL=videoCardController.js.map"],"names":["VideoControllerStyled","styled","theme","style","breakpoints","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDelay","transitionDuration","transitionProperty","transitionTimingFunction","margin","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","values","md","opacity","_jsx","ref","onClick","children","Icon","className"],"mappings":"uRAKK,MA0CCA,OAAwBC,QAAO,MAAPA,EAAc,EAAGC,YAC3C,IAAIC,EAAQ,CAAA,EAuDZ,OAtDAA,EAAQ,CACJ,CAACD,EAAME,YAAYC,GAAG,OAAQC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIJ,GAAQ,CAAEK,SAAU,WAAYC,OAAQ,IAAMC,OAAQ,UAAWC,OAAQ,OAAQC,MAAO,OAAQ,UAAW,CACjKC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAGtB,CAACxB,EAAME,YAAYuB,KAAK,OAAQ,CAC5BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXC,gBAAiB,KACjBC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACP1B,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRqB,OAAQ,SACRpB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKnBvB,CAAK,oBAlGY,EAAGiC,WAAUC,wBACrC,MAAOC,EAAUC,GAAeC,EAAQA,UAAC,GACnCC,EAAqBC,SAAO,MAC5BxC,EAAQyC,EAAAA,WAERC,EAAkBC,eAAaC,IAC7BR,GACAD,GAAqBA,EAAkB,OAAQS,GAC/CV,EAASW,QAAQC,SAGjBX,GAAqBA,EAAkB,QAASS,GAChDV,EAASW,QAAQE,SAErBV,GAAaD,EAAS,GACvB,CAACA,EAAUD,EAAmBD,IAyBjC,OAvBAc,EAAAA,WAAU,KACFC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,KAC7ClB,EAASW,QAAQE,QACjBV,GAAY,GACf,GACF,CAACH,EAAUlC,EAAME,YAAYiD,OAAOC,KAEvCJ,EAAAA,WAAU,KACFC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,GACzChB,GACAG,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAG3Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAI/Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,EAC9C,GACF,CAACjB,EAAUpC,EAAME,YAAYiD,OAAOC,KAC/BE,MAAKxD,EAAuB,CAAEyD,IAAKhB,EAAoBiB,QAAUZ,GAAUF,EAAgBE,GAAQa,SAAUH,EAAAA,IAAK,MAAO,CAAEG,SAAUH,MAAKI,EAAAA,KAAM,CAAEC,UAAWvB,EAAW,aAAe,aAAkB"}
|
|
@@ -1,36 +1,30 @@
|
|
|
1
1
|
import React, { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
+
import { ResponsiveType } from '@/src/utils/ResponsiveType';
|
|
2
3
|
/**
|
|
3
4
|
* @interface HotspotCardProps
|
|
4
5
|
* @description Base definition of SkodaFlow HotspotCard independent on core implementation.
|
|
5
6
|
* Properties are inherited from HTML div element
|
|
6
7
|
*/
|
|
7
|
-
type Responsive = {
|
|
8
|
-
xl?: string | number;
|
|
9
|
-
lg?: string | number;
|
|
10
|
-
md?: string | number;
|
|
11
|
-
sm?: string | number;
|
|
12
|
-
xs?: string | number;
|
|
13
|
-
};
|
|
14
8
|
export interface HotspotCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
15
9
|
/**
|
|
16
10
|
* top position of hotspot card
|
|
17
11
|
* @default 0
|
|
18
12
|
*/
|
|
19
|
-
top?: string | number
|
|
13
|
+
top?: ResponsiveType<string | number>;
|
|
20
14
|
/**
|
|
21
15
|
* left position of hotspot card
|
|
22
16
|
* @default 0
|
|
23
17
|
*/
|
|
24
|
-
left?: string | number
|
|
18
|
+
left?: ResponsiveType<string | number>;
|
|
25
19
|
/**
|
|
26
20
|
* bottom position of hotspot card
|
|
27
21
|
*/
|
|
28
|
-
bottom?: string | number
|
|
22
|
+
bottom?: ResponsiveType<string | number>;
|
|
29
23
|
/**
|
|
30
24
|
* right position of hotspot card
|
|
31
25
|
* @default 0
|
|
32
26
|
*/
|
|
33
|
-
right?: string | number
|
|
27
|
+
right?: ResponsiveType<string | number>;
|
|
34
28
|
/**
|
|
35
29
|
* headline of hotspot card
|
|
36
30
|
*/
|
|
@@ -59,4 +53,3 @@ export interface HotspotCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
59
53
|
* @returns React Functional Component
|
|
60
54
|
*/
|
|
61
55
|
export declare const HotspotCard: React.ForwardRefExoticComponent<HotspotCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
62
|
-
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMap.js","sources":["
|
|
1
|
+
{"version":3,"file":"useMap.js","sources":["../../../../../src/organisms/maps/hook/useMap.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { MarkerClusterer } from '@googlemaps/markerclusterer';\nimport resultMarkerSmall from '../../../design/skoda/assets/images/maps/result_marker_small.svg';\nimport selectedLocationMedium from '../../../design/skoda/assets/images/maps/selected_location_pin_medium.svg';\nimport { MapIconVariant } from '../utils/mapIcons';\nconst useMap = () => {\n //HANDLE THE ICON TYPE FOR THE MARKER\n const handleIconType = useCallback((marker, isSelected, isHover) => {\n if (isSelected) {\n return isHover && marker.selectedIconHover\n ? marker.selectedIconHover\n : marker.selectedIcon || selectedLocationMedium;\n }\n else {\n return isHover && marker.resultIconHover ? marker.resultIconHover : marker.resultIcon || resultMarkerSmall;\n }\n }, []);\n //Change the icon to selected if clicked and make unselected the previous one\n const onMarkerClick = (markerId, registeredMarkers) => {\n if (markerId) {\n registeredMarkers.forEach((item) => {\n const isClickedMarker = item.id === markerId;\n const iconType = handleIconType(item, isClickedMarker, false);\n item.setIcon(iconType);\n });\n }\n };\n //RETURN THE CONFIGURATION FOR THE CLUSTER MARKER ICON\n const renderer = {\n render({ count, position }) {\n return new google.maps.Marker({\n label: { text: String(count), color: 'white', fontSize: '19px', fontWeight: 'bold' },\n position,\n icon: MapIconVariant.CLUSTER,\n });\n },\n };\n //ADD THE CLUSTER MARKERS TO THE MAP\n const handleClusterRender = (registeredMarkers, currentMap, setClickedCluster) => {\n if (registeredMarkers && currentMap) {\n const markerClusterOptions = {\n map: currentMap,\n markers: registeredMarkers,\n onClusterClick: (_, cluster, map) => {\n setClickedCluster(true);\n map.fitBounds(cluster.bounds);\n },\n };\n return new MarkerClusterer(Object.assign(Object.assign({}, markerClusterOptions), { renderer }));\n }\n };\n return {\n onMarkerClick,\n handleClusterRender,\n handleIconType,\n };\n};\nexport default useMap;\n//# sourceMappingURL=useMap.js.map"],"names":["handleIconType","useCallback","marker","isSelected","isHover","selectedIconHover","selectedIcon","selectedLocationMedium","resultIconHover","resultIcon","resultMarkerSmall","renderer","render","count","position","google","maps","Marker","label","text","String","color","fontSize","fontWeight","icon","MapIconVariant","CLUSTER","onMarkerClick","markerId","registeredMarkers","forEach","item","isClickedMarker","id","iconType","setIcon","handleClusterRender","currentMap","setClickedCluster","markerClusterOptions","map","markers","onClusterClick","_","cluster","fitBounds","bounds","MarkerClusterer","Object","assign"],"mappings":"iWAKe,KAEX,MAAMA,EAAiBC,EAAWA,aAAC,CAACC,EAAQC,EAAYC,IAChDD,EACOC,GAAWF,EAAOG,kBACnBH,EAAOG,kBACPH,EAAOI,cAAgBC,UAGtBH,GAAWF,EAAOM,gBAAkBN,EAAOM,gBAAkBN,EAAOO,YAAcC,WAE9F,IAYGC,EAAW,CACbC,OAAM,EAACC,MAAEA,EAAKC,SAAEA,KACL,IAAIC,OAAOC,KAAKC,OAAO,CAC1BC,MAAO,CAAEC,KAAMC,OAAOP,GAAQQ,MAAO,QAASC,SAAU,OAAQC,WAAY,QAC5ET,WACAU,KAAMC,EAAcA,eAACC,WAkBjC,MAAO,CACHC,cAlCkB,CAACC,EAAUC,KACzBD,GACAC,EAAkBC,SAASC,IACvB,MAAMC,EAAkBD,EAAKE,KAAOL,EAC9BM,EAAWlC,EAAe+B,EAAMC,GAAiB,GACvDD,EAAKI,QAAQD,EAAS,GAE7B,EA4BDE,oBAfwB,CAACP,EAAmBQ,EAAYC,KACxD,GAAIT,GAAqBQ,EAAY,CACjC,MAAME,EAAuB,CACzBC,IAAKH,EACLI,QAASZ,EACTa,eAAgB,CAACC,EAAGC,EAASJ,KACzBF,GAAkB,GAClBE,EAAIK,UAAUD,EAAQE,OAAO,GAGrC,OAAO,IAAIC,EAAeA,gBAACC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEV,GAAuB,CAAE5B,aACvF,GAKDX,iBACH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"infoWindowConfig.js","sources":["
|
|
1
|
+
{"version":3,"file":"infoWindowConfig.js","sources":["../../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\nconst titleSection = (title) => title &&\n `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\n ${title}\n </h4>`;\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\n<p>${street || ''}</p>\n<p>${city || ''}</p>\n </div>`;\nconst phoneSection = (phone) => phone\n ? `<div id=\"phoneNumber\">\n\t<a href=\"tel:${phone}\">${phone}</a>\n </div>`\n : '';\nconst openStatusSection = (isOpen) => isOpen !== null &&\n `\n<div id=\"info-dealer-status\">\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\n </div>\n `;\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\nconst ctaLabelSection = (ctaLabel) => ctaLabel\n ? `<div id=\"detail-cta-container\">\n<span id=\"info-detail-cta\">${ctaLabel}</span>\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\n </div>`\n : '';\nconst contentString = (params) => params\n ? `<div id=\"content\">\n\t${titleSection(params.title)}\n\t${streetSection(params.street, params.city)}\n\t${phoneSection(params.phone)}\n\t<div id=\"openStatus\">\n\t${openStatusSection(params.isOpen)}\n\t${distanceSection(params.distance)}\n\t</div>\n\t${ctaLabelSection(params.ctaLabel)}\n\t </div>`\n : '';\nconst infoWindow = (windowConfig) => {\n return new google.maps.InfoWindow({\n content: contentString(windowConfig),\n });\n};\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n if (infoWindowState) {\n infoWindowState.close();\n }\n const currentInfoWindow = infoWindow({});\n currentInfoWindow.open({\n anchor: marker,\n map: currentMap,\n });\n setInfoWindow(currentInfoWindow);\n};\nexport { infoWindow, handleRenderInfoWindow, contentString };\n//# sourceMappingURL=infoWindowConfig.js.map"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","windowConfig","google","maps","InfoWindow","content"],"mappings":"mDACA,MA0BMA,EAAiBC,IAAWA,SAC5B,yBA3BgBC,EA4BND,EAAOC,MA5BSA,GAC5B,sDACDA,kBAEoBC,EAyBNF,EAAOE,OAzBOC,EAyBCH,EAAOG,KAzBC,6BACnCD,GAAU,cACVC,GAAQ,wBAESC,EAsBNJ,EAAOI,MAtBSA,EAC1B,0CACUA,MAAUA,iBAEpB,kCACqBC,EAmBNL,EAAOK,OAnBqB,OAAXA,GAClC,oCAEFA,EAAS,8CAAgD,oEAGlCC,EAcNN,EAAOM,SAdaA,EAAW,QAAQA,UAAmB,mBACpDC,EAeNP,EAAOO,SAfYA,EAChC,+DACuBA,uBACjBC,EAAAA,eAAeC,4BAErB,gBAYA,GAjBkB,IAACF,EADAD,EANED,EALLD,EAJCF,EAAQC,EAJTF,CAqCb,6CACWS,GACT,IAAIC,OAAOC,KAAKC,WAAW,CAC9BC,QAASf,EAAcW"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapComponent.js","sources":["
|
|
1
|
+
{"version":3,"file":"mapComponent.js","sources":["../../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useEffect, useRef, useState } from 'react';\nimport useMap from '../hook/useMap';\nimport { mapConfig, handleControls } from '../utils/mapConfig';\nimport { MapIconVariant } from '../utils/mapIcons';\nimport { infoWindow } from './infoWindowConfig';\nconst Map = (_a) => {\n var { onClick, onDragEnd, children, style, handleCurrentMap, enableMoveSearch, setInfoWindow, currentInfoWindow, registeredMarkers = [] } = _a, options = __rest(_a, [\"onClick\", \"onDragEnd\", \"children\", \"style\", \"handleCurrentMap\", \"enableMoveSearch\", \"setInfoWindow\", \"currentInfoWindow\", \"registeredMarkers\"]);\n const ref = useRef(null);\n const [map, setMap] = useState();\n const [geolocationMarker, setGeolocationMarker] = useState(null);\n const { handleClusterRender } = useMap();\n const [clusterSetted, setClusterSetted] = useState(false);\n const [currentCluster, setCurrentCluster] = useState(null);\n const [clickedCluster, setClickedCluster] = useState(false);\n useEffect(() => {\n if (ref.current && !map) {\n const config = mapConfig(options);\n const newMap = new window.google.maps.Map(ref.current, Object.assign({}, config));\n const newMarker = new google.maps.Marker({\n position: options.center,\n map: map,\n icon: null,\n });\n setGeolocationMarker(newMarker);\n handleControls(newMap, newMarker);\n setMap(newMap);\n handleCurrentMap(newMap);\n }\n }, [ref, map, handleCurrentMap, options]);\n useEffect(() => {\n if (map && !currentInfoWindow) {\n const infoWindowMap = infoWindow({\n map,\n });\n setInfoWindow(infoWindowMap);\n }\n }, [map, setInfoWindow, currentInfoWindow]);\n useEffect(() => {\n if (map && geolocationMarker && navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(function (currentPosition) {\n const position = new google.maps.LatLng(currentPosition.coords.latitude, currentPosition.coords.longitude);\n geolocationMarker.setOptions({\n position,\n icon: MapIconVariant.LIVE_POSITION_ON,\n map,\n });\n map.setCenter(position);\n }, () => {\n geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n });\n }\n }, [map, geolocationMarker]);\n useEffect(() => {\n if (map && onClick) {\n map.addListener('click', onClick);\n }\n return () => {\n if (map) {\n google.maps.event.clearListeners(map, 'click');\n }\n };\n }, [map, onClick]);\n useEffect(() => {\n if (map && onDragEnd) {\n enableMoveSearch\n ? map.addListener('dragend', () => onDragEnd(map))\n : google.maps.event.clearListeners(map, 'dragend');\n }\n return () => {\n if (map) {\n google.maps.event.clearListeners(map, 'dragend');\n }\n };\n }, [map, onDragEnd, enableMoveSearch]);\n useEffect(() => {\n if (map) {\n if (options.zoom) {\n map.setZoom(options.zoom);\n }\n if (options.center) {\n map.setCenter(options.center);\n }\n }\n }, [map, options.zoom, options.center]);\n useEffect(() => {\n if (clusterSetted && currentCluster) {\n currentCluster.clearMarkers();\n currentCluster.addMarkers(registeredMarkers);\n }\n }, [currentCluster, registeredMarkers, clusterSetted]);\n useEffect(() => {\n let cluster = null;\n if (map && !clusterSetted) {\n cluster = handleClusterRender(registeredMarkers, map, setClickedCluster);\n setClusterSetted(true);\n setCurrentCluster(cluster);\n }\n }, [registeredMarkers, map, clusterSetted, handleClusterRender]);\n useEffect(() => {\n if (clickedCluster) {\n currentInfoWindow.close();\n setClickedCluster(false);\n }\n }, [clickedCluster, currentInfoWindow]);\n return (_jsxs(_Fragment, { children: [_jsx(\"div\", { ref: ref, style: style }), React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n // set the map prop on the child component\n return React.cloneElement(child, { map });\n }\n })] }));\n};\nexport default Map;\n//# sourceMappingURL=mapComponent.js.map"],"names":["_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Map","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_Fragment","_jsx","React","default","Children","child","isValidElement","cloneElement"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapStyled.js","sources":["
|
|
1
|
+
{"version":3,"file":"mapStyled.js","sources":["../../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { flowColors } from '../../../design/skoda/palette.theme';\n/**\n * @description Maps styling definition based on props\n */\nconst MapStyled = styled('div')(() => {\n let styles = {};\n styles = {\n width: 'inherit',\n height: '100%',\n '& .gm-style-iw.gm-style-iw-c': {\n minWidth: '335px',\n width: '335px',\n minHeight: '248px',\n padding: '24px 14px 24px 24px !important',\n '&::after': {\n display: 'none',\n },\n '& button.gm-ui-hover-effect': {\n display: 'none !important',\n },\n '& #content': {\n '& h4': {\n fontSize: '24px',\n margin: 0,\n },\n '& > #streetInfo': {\n marginTop: '10px',\n },\n '& > #phoneNumber': {\n marginTop: '10px',\n '& > a': {\n color: flowColors.info['main'],\n fontSize: '16px',\n fontWeight: '400',\n },\n },\n '& > #openStatus': {\n display: 'flex',\n marginTop: '10px',\n flexDirection: 'row',\n fontSize: '16px',\n fontWeight: '400',\n '& > #info-dealer-status': {\n width: '100%',\n '& > #info-dealer-closed': {\n color: flowColors.alert['main'],\n },\n '& > #info-dealer-opened': {\n color: flowColors.brand.primary,\n },\n },\n },\n '& > #detail-cta-container': {\n marginTop: '16px',\n cursor: 'pointer',\n width: '110px',\n '& > #info-detail-cta': {\n fontSize: '16px',\n fontWeight: 400,\n },\n },\n '& p': {\n margin: 0,\n fontSize: '16px',\n lineHeight: '24px',\n },\n },\n },\n };\n return styles;\n});\nexport default MapStyled;\n//# sourceMappingURL=mapStyled.js.map"],"names":["MapStyled","styled","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","flowColors","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"4MAKK,MAACA,OAAYC,QAAO,MAAPA,EAAc,KAC5B,IAAIC,EAAS,CAAA,EAgEb,OA/DAA,EAAS,CACLC,MAAO,UACPC,OAAQ,OACR,+BAAgC,CAC5BC,SAAU,QACVF,MAAO,QACPG,UAAW,QACXC,QAAS,iCACT,WAAY,CACRC,QAAS,QAEb,8BAA+B,CAC3BA,QAAS,mBAEb,aAAc,CACV,OAAQ,CACJC,SAAU,OACVC,OAAQ,GAEZ,kBAAmB,CACfC,UAAW,QAEf,mBAAoB,CAChBA,UAAW,OACX,QAAS,CACLC,MAAOC,EAAAA,WAAWC,KAAW,KAC7BL,SAAU,OACVM,WAAY,QAGpB,kBAAmB,CACfP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACvBZ,MAAO,OACP,0BAA2B,CACvBS,MAAOC,EAAAA,WAAWI,MAAY,MAElC,0BAA2B,CACvBL,MAAOC,EAAAA,WAAWK,MAAMC,WAIpC,4BAA6B,CACzBR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACpBM,SAAU,OACVM,WAAY,MAGpB,MAAO,CACHL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAKrBnB,CAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"markerComponent.js","sources":["
|
|
1
|
+
{"version":3,"file":"markerComponent.js","sources":["../../../../../src/organisms/maps/mapComponents/markerComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { useCallback, useEffect, useState } from 'react';\nimport useMap from '../hook/useMap';\nconst Marker = (_a) => {\n var { handleRegisteredMarkers, handleMarkerClicked, infoWindow, canOpenInfoWindow, infoWindowConfig, onInfoWindowCtaClick } = _a, options = __rest(_a, [\"handleRegisteredMarkers\", \"handleMarkerClicked\", \"infoWindow\", \"canOpenInfoWindow\", \"infoWindowConfig\", \"onInfoWindowCtaClick\"]);\n const [marker, setMarker] = useState(null);\n const [selected, setSelected] = useState(null);\n const [settedMarker, setSettedMarker] = useState(false);\n const { handleIconType } = useMap();\n //METHOD CALLED WHEN WE CLICK ON THE MARKER\n const onClickMarker = useCallback((_marker, currentInfoWindow, _canOpenInfoWindow) => {\n const iconType = handleIconType(options, options.isSelected, false);\n _marker.setIcon(iconType);\n setSelected(!selected);\n handleMarkerClicked(_marker, currentInfoWindow, _canOpenInfoWindow, infoWindowConfig, onInfoWindowCtaClick);\n }, [options, infoWindowConfig, selected, handleIconType, handleMarkerClicked, setSelected, onInfoWindowCtaClick]);\n //SET THE SELECTED STATUS OF THE MARKER\n useEffect(() => {\n setSelected(options.isSelected);\n }, [options.isSelected]);\n //CREATE A NEW MARKER ON THE MAP\n useEffect(() => {\n if (!marker && !settedMarker && infoWindow) {\n const iconType = handleIconType(options, options.isSelected, false);\n const newMarker = new google.maps.Marker({\n icon: iconType,\n });\n setMarker(newMarker);\n handleRegisteredMarkers(newMarker);\n }\n }, [marker, handleIconType, handleRegisteredMarkers, options, settedMarker, infoWindow]);\n //IF THE MARKER IS STILL NOT SETTED, WE SET THE NEW MARKER WITH THE OPTIONS\n useEffect(() => {\n if (marker !== null && !settedMarker) {\n marker.setOptions(options);\n setSettedMarker(true);\n }\n }, [marker, options, onClickMarker, settedMarker, setSettedMarker, infoWindow]);\n //WHENEVER WE CHANGE THE CanOpenInfoWindow STATUS, WE REMOVE THE CURRENT EVENT LISTENER AND ADD A NEW ONE WITH PARAMS UPDATED\n useEffect(() => {\n if (marker !== null) {\n google.maps.event.clearListeners(marker, 'click');\n google.maps.event.clearListeners(marker, 'mouseover');\n google.maps.event.clearListeners(marker, 'mouseout');\n marker.addListener('click', () => onClickMarker(marker, infoWindow, canOpenInfoWindow));\n marker.addListener('mouseover', () => {\n const iconType = handleIconType(marker, selected, true);\n marker.setIcon(iconType);\n });\n marker.addListener('mouseout', () => {\n const iconType = handleIconType(marker, selected, false);\n marker.setIcon(iconType);\n });\n setSettedMarker(true);\n }\n }, [marker, canOpenInfoWindow, infoWindow, onClickMarker, selected, handleIconType]);\n return null;\n};\nexport default Marker;\n//# sourceMappingURL=markerComponent.js.map"],"names":["_a","handleRegisteredMarkers","handleMarkerClicked","infoWindow","canOpenInfoWindow","infoWindowConfig","onInfoWindowCtaClick","options","__rest","marker","setMarker","useState","selected","setSelected","settedMarker","setSettedMarker","handleIconType","useMap","onClickMarker","useCallback","_marker","currentInfoWindow","_canOpenInfoWindow","iconType","isSelected","setIcon","useEffect","newMarker","google","maps","Marker","icon","setOptions","event","clearListeners","addListener"],"mappings":"6JAGgBA,IACZ,IAAIC,wBAAEA,EAAuBC,oBAAEA,EAAmBC,WAAEA,EAAUC,kBAAEA,EAAiBC,iBAAEA,EAAgBC,qBAAEA,GAAyBN,EAAIO,EAAUC,EAAAA,OAAOR,EAAI,CAAC,0BAA2B,sBAAuB,aAAc,oBAAqB,mBAAoB,yBACjQ,MAAOS,EAAQC,GAAaC,EAAQA,SAAC,OAC9BC,EAAUC,GAAeF,EAAQA,SAAC,OAClCG,EAAcC,GAAmBJ,EAAQA,UAAC,IAC3CK,eAAEA,GAAmBC,EAAAA,UAErBC,EAAgBC,EAAWA,aAAC,CAACC,EAASC,EAAmBC,KAC3D,MAAMC,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GAC7DJ,EAAQK,QAAQF,GAChBV,GAAaD,GACbV,EAAoBkB,EAASC,EAAmBC,EAAoBjB,EAAkBC,EAAqB,GAC5G,CAACC,EAASF,EAAkBO,EAAUI,EAAgBd,EAAqBW,EAAaP,IAyC3F,OAvCAoB,EAAAA,WAAU,KACNb,EAAYN,EAAQiB,WAAW,GAChC,CAACjB,EAAQiB,aAEZE,EAAAA,WAAU,KACN,IAAKjB,IAAWK,GAAgBX,EAAY,CACxC,MAAMoB,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GACvDG,EAAY,IAAIC,OAAOC,KAAKC,OAAO,CACrCC,KAAMR,IAEVb,EAAUiB,GACV1B,EAAwB0B,EAC3B,IACF,CAAClB,EAAQO,EAAgBf,EAAyBM,EAASO,EAAcX,IAE5EuB,EAAAA,WAAU,KACS,OAAXjB,GAAoBK,IACpBL,EAAOuB,WAAWzB,GAClBQ,GAAgB,GACnB,GACF,CAACN,EAAQF,EAASW,EAAeJ,EAAcC,EAAiBZ,IAEnEuB,EAAAA,WAAU,KACS,OAAXjB,IACAmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,SACzCmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,aACzCmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,YACzCA,EAAO0B,YAAY,SAAS,IAAMjB,EAAcT,EAAQN,EAAYC,KACpEK,EAAO0B,YAAY,aAAa,KAC5B,MAAMZ,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,EAAS,IAE5Bd,EAAO0B,YAAY,YAAY,KAC3B,MAAMZ,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,EAAS,IAE5BR,GAAgB,GACnB,GACF,CAACN,EAAQL,EAAmBD,EAAYe,EAAeN,EAAUI,IAC7D,IAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"maps.js","sources":["../../../../../src/organisms/maps/maps.tsx"],"sourcesContent":[null],"names":["apiKey","enableFitBound","hideControlsOnMobile","markers","center","zoom","enableMoveSearch","canOpenInfoWindow","markerSelectedId","callbackMarkerClicked","onDragEndCallback","onInfoWindowCtaClick","registeredMarkers","setRegisteredMarkers","useState","onMarkerClick","useMap","currentMap","setCurrentMap","markerList","setMarkerList","infoWindow","setInfoWindow","useEffect","onClickMoreDetail","currentInfo","_onInfoWindowCtaClick","close","handleMarkerClicked","async","marker","canOpen","infoWindowConfig","id","content","contentString","setContent","open","anchor","map","moreDetailBtn","document","getElementById","removeEventListener","addEventListener","handleRegisteredMarkers","useCallback","prevArr","deleteMarkers","length","forEach","currentMarker","setMap","bounds","google","maps","LatLngBounds","i","registeredPos","getPosition","position","lat","lng","extend","fitBounds","handleCurrentMap","onDragEnd","m","centerObj","getCenter","centerMap","handleRecordMatchMedia","isMobile","window","matchMedia","matches","controlsContainer","style","display","_jsx","jsx","MapStyled","default","children","Wrapper","Map","currentInfoWindow","onClick","flexGrow","height","width","Marker","isSelected","resultIcon","selectedIcon","resultIconHover","selectedIconHover"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"maps.js","sources":["../../../../src/organisms/maps/maps.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport { Wrapper } from '@googlemaps/react-wrapper';\nimport Map from './mapComponents/mapComponent';\nimport Marker from './mapComponents/markerComponent';\nimport useMap from './hook/useMap';\nimport { contentString } from './mapComponents/infoWindowConfig';\nimport MapStyled from './mapComponents/mapStyled';\n/**\n * @description SkodaFlow Map component.\n * Properties are inherited from HTML Map element.\n * @param props MapProps\n * @returns React Functional Component\n */\nexport const Maps = ({ apiKey, enableFitBound, hideControlsOnMobile, markers, center, zoom, enableMoveSearch, canOpenInfoWindow = true, markerSelectedId, callbackMarkerClicked, onDragEndCallback, onInfoWindowCtaClick, }) => {\n const [registeredMarkers, setRegisteredMarkers] = useState([]);\n const { onMarkerClick } = useMap();\n const [currentMap, setCurrentMap] = useState(null);\n const [markerList, setMarkerList] = useState([]);\n const [infoWindow, setInfoWindow] = useState(null);\n useEffect(() => {\n onMarkerClick(markerSelectedId, registeredMarkers);\n }, [markerSelectedId, registeredMarkers, onMarkerClick]);\n //ON CLICK ON MAP EVENT\n const onClick = () => {\n if (infoWindow) {\n infoWindow.close();\n }\n };\n //METHOD CALLED CLICK ON MORE DETAIL CTA IN INFO WINDOW\n const onClickMoreDetail = (currentInfo, _onInfoWindowCtaClick) => {\n _onInfoWindowCtaClick && _onInfoWindowCtaClick();\n currentInfo.close();\n };\n //Change the icon on marker selected\n //FIRE THE CALLBACK FROM THE OUTSIDE RETURN THE CLICKED MARKER\n //OPEN THE INFO WINDOW ON THE SELECTED MARKER IF IT IS POSSIBLE AND PUSH IN THE CONTENT STRING WITH ALL THE INFORMATIONS NEEDED\n const handleMarkerClicked = async (marker, currentInfo, canOpen, infoWindowConfig, _onInfoWindowCtaClick) => {\n onMarkerClick(marker.id, registeredMarkers);\n callbackMarkerClicked && callbackMarkerClicked(marker);\n if (canOpen && infoWindowConfig) {\n const content = contentString(infoWindowConfig);\n currentInfo.setContent(content);\n await currentInfo.open({\n anchor: marker,\n map: currentMap,\n });\n const moreDetailBtn = document.getElementById('info-detail-cta');\n if (moreDetailBtn) {\n moreDetailBtn.removeEventListener('click', () => onClickMoreDetail(currentInfo, _onInfoWindowCtaClick));\n moreDetailBtn.addEventListener('click', () => onClickMoreDetail(currentInfo, _onInfoWindowCtaClick));\n }\n }\n };\n //Save the registered markers on the map\n //Registered markers will be used to change markers already visible on the map (ex. icon type)\n const handleRegisteredMarkers = useCallback((marker) => {\n setRegisteredMarkers((prevArr) => [marker, ...prevArr]);\n }, []);\n // Deletes all markers in the array by removing references to them.\n const deleteMarkers = useCallback(() => {\n if (registeredMarkers && registeredMarkers.length > 0) {\n registeredMarkers.forEach((currentMarker) => {\n currentMarker.setMap(null);\n });\n }\n setRegisteredMarkers([]);\n setMarkerList([]);\n }, [registeredMarkers]);\n //WHENEVER A NEW MARKER LIST IS GIVEN, DELETE ALL THE PREVIOUS ONES\n useEffect(() => {\n deleteMarkers();\n }, [markers]); // eslint-disable-line\n //SET A NEW MARKER LIST WHENEVER A NEW LIST IS GIVEN\n useEffect(() => {\n if (markerList.length <= 0 && registeredMarkers.length <= 0) {\n setMarkerList(markers);\n }\n }, [markerList, markers, registeredMarkers]);\n //FIRE THE FITBOUNDS EVENT WHEN THE MARKERS ON THE MAP CHANGES\n //THE FITBOUD EVENT MAKES THE MAP ZOOM TO FIT IN THE VIEW ALL THE MARKERS VISIBLE\n useEffect(() => {\n if (enableFitBound && currentMap && registeredMarkers.length > 0) {\n const bounds = new google.maps.LatLngBounds();\n for (let i = 0; i < registeredMarkers.length; i++) {\n const registeredPos = registeredMarkers[i].getPosition();\n const position = {\n lat: registeredPos.lat(),\n lng: registeredPos.lng(),\n };\n bounds.extend(position);\n }\n currentMap.fitBounds(bounds);\n }\n }, [registeredMarkers, currentMap, enableFitBound]);\n //SAVE INTO THE STATE THE REGISTERED GOOGLE MAP\n const handleCurrentMap = useCallback((map) => {\n if (map) {\n setCurrentMap(map);\n }\n }, []);\n //CALLBACK FIRED ON DRAG END EVENT OF THE GOOGLE MAP\n const onDragEnd = useCallback((m) => {\n const centerObj = m.getCenter();\n const centerMap = {\n lat: centerObj.lat(),\n lng: centerObj.lng(),\n };\n onDragEndCallback && onDragEndCallback(m, centerMap);\n }, [onDragEndCallback]);\n const handleRecordMatchMedia = useCallback(() => {\n const isMobile = window.matchMedia('(max-width: 719px)').matches;\n const controlsContainer = document.getElementById('map-controls-container');\n if (controlsContainer) {\n if (isMobile) {\n controlsContainer.style.display = hideControlsOnMobile ? 'none' : 'block';\n }\n else {\n controlsContainer.style.display = 'block';\n }\n }\n }, [hideControlsOnMobile]);\n useEffect(() => {\n handleRecordMatchMedia();\n window.addEventListener('resize', handleRecordMatchMedia);\n return () => {\n window.removeEventListener('resize', handleRecordMatchMedia);\n };\n }, [currentMap, handleRecordMatchMedia]);\n return (_jsx(MapStyled, { children: apiKey && (_jsx(Wrapper, { apiKey: apiKey, children: _jsx(Map, { setInfoWindow: setInfoWindow, currentInfoWindow: infoWindow, enableMoveSearch: enableMoveSearch, onDragEnd: onDragEnd, center: center, onClick: onClick, zoom: zoom, registeredMarkers: registeredMarkers, handleCurrentMap: handleCurrentMap, style: { flexGrow: '1', height: '100%', width: '100%' }, children: markerList &&\n markerList.length > 0 &&\n markerList.map((marker, i) => {\n return (_jsx(Marker, { infoWindow: infoWindow, handleRegisteredMarkers: handleRegisteredMarkers, isSelected: marker.isSelected, id: marker.id, onInfoWindowCtaClick: onInfoWindowCtaClick, canOpenInfoWindow: canOpenInfoWindow, resultIcon: marker.resultIcon, selectedIcon: marker.selectedIcon, resultIconHover: marker.resultIconHover, selectedIconHover: marker.selectedIconHover, infoWindowConfig: marker.infoWindowConfig, handleMarkerClicked: handleMarkerClicked, position: { lat: marker.lat, lng: marker.lng } }, i));\n }) }) })) }));\n};\n//# sourceMappingURL=maps.js.map"],"names":["apiKey","enableFitBound","hideControlsOnMobile","markers","center","zoom","enableMoveSearch","canOpenInfoWindow","markerSelectedId","callbackMarkerClicked","onDragEndCallback","onInfoWindowCtaClick","registeredMarkers","setRegisteredMarkers","useState","onMarkerClick","useMap","currentMap","setCurrentMap","markerList","setMarkerList","infoWindow","setInfoWindow","useEffect","onClickMoreDetail","currentInfo","_onInfoWindowCtaClick","close","handleMarkerClicked","async","marker","canOpen","infoWindowConfig","id","content","contentString","setContent","open","anchor","map","moreDetailBtn","document","getElementById","removeEventListener","addEventListener","handleRegisteredMarkers","useCallback","prevArr","deleteMarkers","length","forEach","currentMarker","setMap","bounds","google","maps","LatLngBounds","i","registeredPos","getPosition","position","lat","lng","extend","fitBounds","handleCurrentMap","onDragEnd","m","centerObj","getCenter","centerMap","handleRecordMatchMedia","isMobile","window","matchMedia","matches","controlsContainer","style","display","_jsx","jsx","MapStyled","default","children","Wrapper","Map","currentInfoWindow","onClick","flexGrow","height","width","Marker","isSelected","resultIcon","selectedIcon","resultIconHover","selectedIconHover"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapConfig.js","sources":["
|
|
1
|
+
{"version":3,"file":"mapConfig.js","sources":["../../../../../src/organisms/maps/utils/mapConfig.ts"],"sourcesContent":["import { styleJSON } from './style';\nimport { MapIconVariant } from './mapIcons';\n/**\n * The ZoomControl adds +/- button for the map\n */\nconst zoomInOutControls = (controlWrapper, map) => {\n // Set CSS for the zoomIn\n const zoomInButton = document.createElement('div');\n zoomInButton.style.width = '40px';\n zoomInButton.style.height = '40px';\n zoomInButton.style.borderRadius = '4px 4px 0px 0px';\n zoomInButton.style.background = '#FFFFFF';\n zoomInButton.style.cursor = 'pointer';\n zoomInButton.style.marginBottom = '1px';\n zoomInButton.style.display = 'flex';\n zoomInButton.style.flexDirection = 'column';\n zoomInButton.style.justifyContent = 'center';\n controlWrapper.appendChild(zoomInButton);\n const zoomInIcon = document.createElement('img');\n zoomInIcon.style.width = '15px';\n zoomInIcon.style.height = '15px';\n zoomInIcon.style.margin = '0 auto';\n zoomInIcon.src = MapIconVariant.PLUS;\n zoomInButton.appendChild(zoomInIcon);\n // Set CSS for the zoomOut\n const zoomOutButton = document.createElement('div');\n zoomOutButton.style.width = '40px';\n zoomOutButton.style.height = '40px';\n zoomOutButton.style.borderRadius = '0px 0px 4px 4px';\n zoomOutButton.style.background = '#FFFFFF';\n zoomOutButton.style.cursor = 'pointer';\n zoomOutButton.style.display = 'flex';\n zoomOutButton.style.flexDirection = 'column';\n zoomOutButton.style.justifyContent = 'center';\n controlWrapper.appendChild(zoomOutButton);\n const zoomOutIcon = document.createElement('img');\n zoomOutIcon.style.width = '15px';\n zoomOutIcon.style.height = '15px';\n zoomOutIcon.style.margin = '0 auto';\n zoomOutIcon.src = MapIconVariant.MINUS;\n zoomOutButton.appendChild(zoomOutIcon);\n // Setup the click event listener - zoomIn\n google.maps.event.addDomListener(zoomInButton, 'click', function () {\n map.setZoom(map.getZoom() + 1);\n });\n // Setup the click event listener - zoomOut\n google.maps.event.addDomListener(zoomOutButton, 'click', function () {\n map.setZoom(map.getZoom() - 1);\n });\n};\n/**\n * The center location button for the map\n *\n */\nconst locationCenterControl = (controlWrapper, map, geoMarker) => {\n const centerControlButton = document.createElement('div');\n centerControlButton.style.width = '40px';\n centerControlButton.style.height = '40px';\n centerControlButton.style.borderRadius = '4px';\n centerControlButton.style.background = '#FFFFFF';\n centerControlButton.style.cursor = 'pointer';\n centerControlButton.style.display = 'flex';\n centerControlButton.style.flexDirection = 'column';\n centerControlButton.style.justifyContent = 'center';\n centerControlButton.style.marginTop = '10px';\n controlWrapper.appendChild(centerControlButton);\n const centerLocationIcon = document.createElement('img');\n centerLocationIcon.style.width = '20px';\n centerLocationIcon.style.height = '20px';\n centerLocationIcon.style.margin = '0 auto';\n centerLocationIcon.src = MapIconVariant.CENTER_LOCATIONS;\n centerControlButton.appendChild(centerLocationIcon);\n // When user click on geolocation icon, if geolocation is active center the map on the user position\n //Otherwhise center to the last centered position\n centerControlButton.addEventListener('click', () => {\n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition((position) => {\n const pos = {\n lat: position.coords.latitude,\n lng: position.coords.longitude,\n };\n geoMarker.setOptions({\n position: pos,\n icon: MapIconVariant.LIVE_POSITION_ON,\n map,\n });\n map.setCenter(pos);\n }, () => {\n geoMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n const markerLastPosition = geoMarker.getPosition();\n map.setCenter(markerLastPosition);\n });\n }\n });\n};\nconst MapControl = (controlDiv, map, geoMarker) => {\n // Creating divs & styles for custom zoom control\n controlDiv.style.padding = '5px';\n controlDiv.style.marginRight = '19px';\n // Set CSS for the control wrapper\n const controlWrapper = document.createElement('div');\n controlDiv.appendChild(controlWrapper);\n zoomInOutControls(controlWrapper, map);\n locationCenterControl(controlWrapper, map, geoMarker);\n};\nconst handleControls = (map, geoMarker) => {\n // Create the DIV to hold the control and call the ZoomControl() constructor\n // passing in this DIV.\n const zoomControlDiv = document.createElement('div');\n zoomControlDiv.setAttribute('id', 'map-controls-container');\n MapControl(zoomControlDiv, map, geoMarker);\n map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(zoomControlDiv);\n};\nconst mapConfig = (options) => {\n const { center, zoom } = options;\n const customZoom = zoom ? zoom : 12;\n return {\n mapTypeControl: false,\n streetViewControl: false,\n fullscreenControl: false,\n /* Disabling default UI widgets */\n disableDefaultUI: true,\n center,\n zoom: customZoom,\n styles: styleJSON,\n };\n};\nexport { mapConfig, handleControls };\n//# sourceMappingURL=mapConfig.js.map"],"names":["MapControl","controlDiv","map","geoMarker","style","padding","marginRight","controlWrapper","document","createElement","appendChild","zoomInButton","width","height","borderRadius","background","cursor","marginBottom","display","flexDirection","justifyContent","zoomInIcon","margin","src","MapIconVariant","PLUS","zoomOutButton","zoomOutIcon","MINUS","google","maps","event","addDomListener","setZoom","getZoom","zoomInOutControls","centerControlButton","marginTop","centerLocationIcon","CENTER_LOCATIONS","addEventListener","navigator","geolocation","getCurrentPosition","position","pos","lat","coords","latitude","lng","longitude","setOptions","icon","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","markerLastPosition","getPosition","locationCenterControl","zoomControlDiv","setAttribute","controls","ControlPosition","RIGHT_BOTTOM","push","options","center","zoom","mapTypeControl","streetViewControl","fullscreenControl","disableDefaultUI","styles","styleJSON"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapIcons.js","sources":["
|
|
1
|
+
{"version":3,"file":"mapIcons.js","sources":["../../../../../src/organisms/maps/utils/mapIcons.ts"],"sourcesContent":["export var MapIconVariant;\n(function (MapIconVariant) {\n MapIconVariant[\"PLUS\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMTMzIDEzLjIzOEg3Ljg2N1Y3Ljg4M0gxMy4yMjJWNi4xNDlINy44NjdWMC43OTM5OTlINi4xMzNWNi4xNDlIMC43NzhWNy44ODNINi4xMzNWMTMuMjM4WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K\";\n MapIconVariant[\"MINUS\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE0IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc3OCAwLjA2Mzk5OTZWMS45NjhIMTMuMjIyVjAuMDYzOTk5NkgwLjc3OFoiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==\";\n MapIconVariant[\"CENTER_LOCATIONS\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTUuMTczQzExLjkyNyAxNS4xNzMgMTUuMTkxIDExLjkyNiAxNS4xOTEgOC4wMTZDMTUuMTkxIDQuMTA2IDExLjkyNyAwLjg1ODk5OSA4IDAuODU4OTk5QzQuMDczIDAuODU4OTk5IDAuODA5IDQuMTA2IDAuODA5IDguMDE2QzAuODA5IDExLjkyNiA0LjA3MyAxNS4xNzMgOCAxNS4xNzNaTTUuNDg0IDcuMjUxSDIuMzczQzIuNzEzIDQuNzM1IDQuNzM2IDIuNzEyIDcuMjM1IDIuMzU1VjUuNUg4Ljc2NVYyLjM1NUMxMS4yNjQgMi43MTIgMTMuMjg3IDQuNzM1IDEzLjYyNyA3LjI1MUgxMC41MTZWOC43ODFIMTMuNjI3QzEzLjI4NyAxMS4yOTcgMTEuMjY0IDEzLjMyIDguNzY1IDEzLjY3N1YxMC41MzJINy4yMzVWMTMuNjc3QzQuNzM2IDEzLjMyIDIuNzEzIDExLjI5NyAyLjM3MyA4Ljc4MUg1LjQ4NFY3LjI1MVoiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==\";\n MapIconVariant[\"LIVE_POSITION_OFF\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODg3KSI+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjEwIiBmaWxsPSIjNDE5NDY4Ii8+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg4NyIgeD0iMCIgeT0iMCIgd2lkdGg9IjcwIiBoZWlnaHQ9IjcwIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjIiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzYyOTJfMjQ4ODciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg4NyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K\";\n MapIconVariant[\"LIVE_POSITION_ON\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjI1IiBjeD0iMjQiIGN5PSIyNCIgcj0iMjQiIGZpbGw9IiM0MTk0NjgiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODkyKSI+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjEwIiBmaWxsPSIjNDE5NDY4Ii8+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg5MiIgeD0iNiIgeT0iNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMjU0OTAyIDAgMCAwIDAgMC41ODAzOTIgMCAwIDAgMCAwLjQwNzg0MyAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg5MiIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd182MjkyXzI0ODkyIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=\";\n MapIconVariant[\"CLUSTER\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiByeD0iMjQiIGZpbGw9IiMzMDMxMzIiLz4KPC9zdmc+Cg==\";\n MapIconVariant[\"ARROW_DETAIL\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTU3IDkuMTMyVjEwLjlIMTMuNzc0TDkuMjY5IDE1LjM1NEwxMC4zNTcgMTYuNDQyTDE2Ljc4MyAxMC4wMTZMMTAuMzU3IDMuNTlMOS4yNjkgNC42NzhMMTMuNzc0IDkuMTMySDMuNTU3WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K\";\n})(MapIconVariant || (MapIconVariant = {}));\n//# sourceMappingURL=mapIcons.js.map"],"names":["MapIconVariant"],"mappings":"aACA,IAAWA,EADAA,QAAeA,oBAAA,GACfA,EAQRA,QAAcA,iBAAKA,uBAAiB,CAAA,IAPd,KAAI,qUACzBA,EAAsB,MAAI,yQAC1BA,EAAiC,iBAAI,yuBACrCA,EAAkC,kBAAI,quCACtCA,EAAiC,iBAAI,q0CACrCA,EAAwB,QAAI,iPAC5BA,EAA6B,aAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../../../src/organisms/maps/utils/style.ts"],"sourcesContent":["const geometryFill = 'geometry.fill';\nconst labelsTextFill = 'labels.text.fill';\nconst labelsTextStroke = 'labels.text.stroke';\nconst administrative = 'administrative';\nconst administrativeCountry = 'administrative.country';\nconst labelsText = 'labels.text';\nconst transitStationAirport = 'transit.station.airport';\nexport const styleJSON = [\n {\n elementType: 'labels.icon',\n stylers: [\n {\n visibility: 'off',\n },\n ],\n },\n {\n featureType: administrative,\n stylers: [\n {\n color: '#7c7d7e',\n },\n ],\n },\n {\n featureType: administrative,\n elementType: 'geometry',\n stylers: [\n {\n color: '#7c7d7e',\n },\n ],\n },\n {\n featureType: administrative,\n elementType: geometryFill,\n stylers: [\n {\n color: '#efefef',\n },\n {\n visibility: 'on',\n },\n ],\n },\n {\n featureType: administrative,\n elementType: 'geometry.stroke',\n stylers: [\n {\n color: '#7c7d7e',\n },\n ],\n },\n {\n featureType: administrative,\n elementType: 'labels',\n stylers: [\n {\n color: '#7c7d7e',\n },\n {\n visibility: 'on',\n },\n ],\n },\n {\n featureType: administrative,\n elementType: labelsText,\n stylers: [\n {\n color: '#ffffff',\n },\n ],\n },\n {\n featureType: administrative,\n elementType: labelsTextFill,\n stylers: [\n {\n color: '#7c7d7e',\n },\n ],\n },\n {\n featureType: 'administrative',\n elementType: labelsTextStroke,\n stylers: [\n {\n color: '#ffffff',\n },\n ],\n },\n {\n featureType: administrativeCountry,\n elementType: labelsText,\n stylers: [\n {\n color: '#5a5b5c',\n },\n ],\n },\n {\n featureType: administrativeCountry,\n elementType: labelsTextFill,\n stylers: [\n {\n color: '#5a5b5c',\n },\n ],\n },\n {\n featureType: administrativeCountry,\n elementType: labelsTextStroke,\n stylers: [\n {\n color: '#ffffff',\n },\n ],\n },\n {\n featureType: 'landscape',\n stylers: [\n {\n color: '#F1F1F1',\n },\n ],\n },\n {\n featureType: 'landscape.man_made',\n elementType: 'geometry.stroke',\n stylers: [\n {\n color: '#7c7d7e',\n },\n ],\n },\n {\n featureType: 'poi',\n elementType: 'geometry',\n stylers: [\n {\n color: '#cfe8e0',\n },\n ],\n },\n {\n featureType: 'poi',\n elementType: labelsText,\n stylers: [\n {\n color: '#7c7d7e',\n },\n ],\n },\n {\n featureType: 'poi',\n elementType: labelsTextFill,\n stylers: [\n {\n color: '#7c7d7e',\n },\n ],\n },\n {\n featureType: 'poi',\n elementType: labelsTextStroke,\n stylers: [\n {\n color: '#ffffff',\n },\n ],\n },\n {\n featureType: 'road.highway',\n elementType: geometryFill,\n stylers: [\n {\n color: '#ffeeac',\n },\n ],\n },\n {\n featureType: 'transit.line',\n elementType: geometryFill,\n stylers: [\n {\n color: '#C4C6C7',\n },\n ],\n },\n {\n featureType: transitStationAirport,\n elementType: geometryFill,\n stylers: [\n {\n color: '#E4E4E4',\n },\n ],\n },\n {\n featureType: transitStationAirport,\n elementType: 'labels.icon',\n stylers: [\n {\n color: '#5a5b5c',\n },\n ],\n },\n {\n featureType: transitStationAirport,\n elementType: labelsText,\n stylers: [\n {\n color: '#5a5b5c',\n },\n ],\n },\n {\n featureType: transitStationAirport,\n elementType: labelsTextFill,\n stylers: [\n {\n color: '#5a5b5c',\n },\n ],\n },\n {\n featureType: transitStationAirport,\n elementType: labelsTextStroke,\n stylers: [\n {\n color: '#ffffff',\n },\n ],\n },\n {\n featureType: 'water',\n stylers: [\n {\n color: '#bbe2fb',\n },\n ],\n },\n];\n//# sourceMappingURL=style.js.map"],"names":["geometryFill","labelsTextFill","labelsTextStroke","administrative","administrativeCountry","labelsText","transitStationAirport","styleJSON","elementType","stylers","visibility","featureType","color"],"mappings":"aAAA,MAAMA,EAAe,gBACfC,EAAiB,mBACjBC,EAAmB,qBACnBC,EAAiB,iBACjBC,EAAwB,yBACxBC,EAAa,cACbC,EAAwB,0BACjBC,EAAY,CACrB,CACIC,YAAa,cACbC,QAAS,CACL,CACIC,WAAY,SAIxB,CACIC,YAAaR,EACbM,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaR,EACbK,YAAa,WACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaR,EACbK,YAAaR,EACbS,QAAS,CACL,CACIG,MAAO,WAEX,CACIF,WAAY,QAIxB,CACIC,YAAaR,EACbK,YAAa,kBACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaR,EACbK,YAAa,SACbC,QAAS,CACL,CACIG,MAAO,WAEX,CACIF,WAAY,QAIxB,CACIC,YAAaR,EACbK,YAAaH,EACbI,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaR,EACbK,YAAaP,EACbQ,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,iBACbH,YAAaN,EACbO,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaP,EACbI,YAAaH,EACbI,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaP,EACbI,YAAaP,EACbQ,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaP,EACbI,YAAaN,EACbO,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,YACbF,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,qBACbH,YAAa,kBACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,MACbH,YAAa,WACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,MACbH,YAAaH,EACbI,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,MACbH,YAAaP,EACbQ,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,MACbH,YAAaN,EACbO,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,eACbH,YAAaR,EACbS,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,eACbH,YAAaR,EACbS,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAaR,EACbS,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAa,cACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAaH,EACbI,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAaP,EACbQ,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAaN,EACbO,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,QACbF,QAAS,CACL,CACIG,MAAO"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/banner/banner.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("tslib"),require("@mui/material/Grid"),require("../../components/icon/icon.js");var r=require("../../components/indicator/indicator.js");require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem");var o=require("@mui/material");require("../../components/mobileStepper/
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/banner/banner.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("tslib"),require("@mui/material/Grid"),require("../../components/icon/icon.js");var r=require("../../components/indicator/indicator.js");require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem");var o=require("@mui/material");require("@mui/material/MobileStepper"),require("react"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("lodash/noop"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/agGrid/agGrid.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("../gallery/Gallery.js"),require("../gallery/GalleryItem.js"),require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/accordion/accordionSummary.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("@mui/x-date-pickers/internals"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../design/skoda/components/form/slider.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/stepper/stepIcon/errorStepIcon.js"),require("../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("react-use"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../common/styled/cardStandardWrapperStyled.js"),require("../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../../utils/enum.js"),require("../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../maps/utils/mapIcons.js"),require("../maps/mapComponents/mapStyled.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("lodash/merge"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("./NotificationCenter.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../production/Button/Button.js"),require("minimatch");const i=o.styled(o.Box)((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:e.palette.onSurface.os200,flexShrink:0})));exports.Notification=t=>{const s=o.useTheme();return e.jsxs(o.Box,{sx:{background:"grey"===t.color?s.palette.surface.primary:s.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[t.icon&&e.jsx(i,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:t.icon}),e.jsxs(o.Box,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[e.jsxs(o.Box,{display:"flex",alignItems:"center",children:[t.isNew&&e.jsx(r.Indicator,{variant:"neutral"}),e.jsx(o.Box,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.jsx(o.Typography,{variant:"subheadline","data-testid":"Notification.headline",children:t.headline})})]}),e.jsx(o.Box,{"data-testid":"Notification.description",children:"string"==typeof t.description?e.jsx(o.Typography,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:t.description}):t.description}),t.footer&&e.jsx(o.Typography,{variant:"disclaimer",color:s.palette.onSurface.os500,"data-testid":"Notification.footer",children:t.footer}),t.buttons&&e.jsx(o.Stack,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:t.buttons})]}),t.onDismiss&&e.jsx(o.IconButton,{onClick:t.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:e.jsx(o.Icon,{fontSize:"small",className:"ballotx"})})]})};
|
|
2
2
|
//# sourceMappingURL=Notification.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sources":["
|
|
1
|
+
{"version":3,"file":"Notification.js","sources":["../../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '@/src/components';\nimport { Box, Icon, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\nexport const Notification = (props) => {\n const theme = useTheme();\n return (_jsxs(Box, { sx: {\n background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n padding: '24px 32px',\n display: 'flex',\n flexDirection: 'row',\n gap: '24px',\n alignItems: 'center',\n position: 'relative',\n }, \"data-testid\": \"Notification\", children: [props.icon && (_jsx(IconBox, { sx: {\n display: { sm: 'flex', xs: 'none' },\n overflow: 'hidden',\n img: { width: '100%', height: '100%', objectFit: 'cover' },\n }, \"data-testid\": \"Notification.icon\", children: props.icon })), _jsxs(Box, { sx: {\n width: '100%',\n maxWidth: '100%',\n overflow: 'hidden',\n display: 'flex',\n gap: '8px',\n flexDirection: 'column',\n }, children: [_jsxs(Box, { display: \"flex\", alignItems: \"center\", children: [props.isNew && _jsx(Indicator, { variant: \"neutral\" }), _jsx(Box, { sx: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n }, children: _jsx(Typography, { variant: \"subheadline\", \"data-testid\": \"Notification.headline\", children: props.headline }) })] }), _jsx(Box, { \"data-testid\": \"Notification.description\", children: typeof props.description === 'string' ? (_jsx(Typography, { sx: {\n lineHeight: '16px',\n maxHeight: '32px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: '2',\n WebkitBoxOrient: 'vertical',\n }, variant: \"disclaimer\", children: props.description })) : (props.description) }), props.footer && (_jsx(Typography, { variant: \"disclaimer\", color: theme.palette.onSurface.os500, \"data-testid\": \"Notification.footer\", children: props.footer })), props.buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, \"data-testid\": \"Notification.buttons\", children: props.buttons }))] }), props.onDismiss && (_jsx(IconButton, { onClick: props.onDismiss, size: \"small\", sx: {\n position: 'absolute',\n right: '8px',\n top: '8px',\n '.sa-i': {\n height: '28px',\n },\n }, \"data-testid\": \"Notification.dismiss\", children: _jsx(Icon, { fontSize: \"small\", className: \"ballotx\" }) }))] }));\n};\nconst IconBox = styled(Box)(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: '50%',\n width: '56px',\n height: '56px',\n background: theme.palette.onSurface.os200,\n flexShrink: 0,\n}));\n//# sourceMappingURL=Notification.js.map"],"names":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","objectFit","maxWidth","isNew","Indicator","variant","whiteSpace","textOverflow","Typography","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className"],"mappings":"2nLAGY,MA0CNA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CACxCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlDaC,IACzB,MAAMZ,EAAQa,EAAAA,WACd,OAAQC,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CACjBT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACb,EAAMc,MAASC,EAAIC,IAAC/B,EAAS,CAAEmB,GAAI,CACpEf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cAAe,oBAAqBR,SAAUb,EAAMc,OAAUZ,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CAC9EX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,UAChBG,SAAU,CAACX,EAAKC,KAAChB,MAAK,CAAEE,QAAS,OAAQE,WAAY,SAAUsB,SAAU,CAACb,EAAMuB,OAASR,EAAAA,IAAKS,EAASA,UAAE,CAAEC,QAAS,YAAcV,EAAIC,IAAC7B,MAAK,CAAEiB,GAAI,CACjIsB,WAAY,SACZP,SAAU,SACVQ,aAAc,YACfd,SAAUE,EAAIC,IAACY,aAAY,CAAEH,QAAS,cAAe,cAAe,wBAAyBZ,SAAUb,EAAM6B,gBAAoBd,EAAIC,IAAC7B,EAAGA,IAAE,CAAE,cAAe,2BAA4B0B,SAAuC,iBAAtBb,EAAM8B,YAA4Bf,EAAIC,IAACY,EAAUA,WAAE,CAAExB,GAAI,CACrQ2B,WAAY,OACZC,UAAW,OACXb,SAAU,SACVQ,aAAc,WACdtC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAClBT,QAAS,aAAcZ,SAAUb,EAAM8B,cAAmB9B,EAAiB,cAAMA,EAAMmC,QAAWpB,EAAIC,IAACY,aAAY,CAAEH,QAAS,aAAcpB,MAAOjB,EAAMQ,QAAQC,UAAUuC,MAAO,cAAe,sBAAuBvB,SAAUb,EAAMmC,SAAYnC,EAAMqC,SAAYtB,EAAAA,IAAKuB,EAAKA,MAAE,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB3B,SAAUb,EAAMqC,aAAiBrC,EAAMyC,WAAc1B,EAAAA,IAAK2B,EAAAA,WAAY,CAAEC,QAAS3C,EAAMyC,UAAWG,KAAM,QAASxC,GAAI,CACzdQ,SAAU,WACViC,MAAO,MACPC,IAAK,MACL,QAAS,CACLpD,OAAQ,SAEb,cAAe,uBAAwBmB,SAAUE,EAAIC,IAAC+B,EAAIA,KAAE,CAAEC,SAAU,QAASC,UAAW,gBAAsB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationCenter.js","sources":["
|
|
1
|
+
{"version":3,"file":"NotificationCenter.js","sources":["../../../../src/organisms/notification/NotificationCenter.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Button, Typography } from '@mui/material';\nimport { forwardRef, useEffect, useRef } from 'react';\nfunction NotificationCenterBase(props, ref) {\n var _a, _b, _c;\n const headerRef = useRef(null);\n const bodyRef = useRef(null);\n useEffect(() => {\n if (headerRef.current && bodyRef.current) {\n const height = headerRef.current.clientHeight;\n bodyRef.current.style.height = `calc(100% - ${height}px)`;\n }\n }, [headerRef.current, bodyRef.current]);\n return (_jsxs(Box, { ref: ref, sx: {\n width: { md: '400px', sm: '360px', xs: '100%' },\n borderRadius: { sm: '8px', xs: '0px' },\n background: (theme) => theme.palette.surface.tertiary,\n boxShadow: '0px 24px 64px 0px rgba(0, 0, 0, 0.15)',\n overflow: 'hidden',\n height: (_a = props.height) !== null && _a !== void 0 ? _a : '600px',\n maxHeight: '100vh',\n }, \"data-testid\": \"NotificationCenter\", children: [_jsxs(Box, { ref: headerRef, sx: {\n padding: '14px 8px 22px 16px',\n display: 'flex',\n justifyContent: 'space-between',\n }, children: [_jsx(Typography, { variant: \"h4\", component: \"span\", \"data-testid\": \"NotificationCenter.title\", children: (_b = props.title) !== null && _b !== void 0 ? _b : 'Notifications' }), props.onDismissAll && (_jsx(Button, { onClick: props.onDismissAll, size: \"small\", color: \"secondary\", variant: \"text\", \"data-testid\": \"NotificationCenter.dismiss\", children: (_c = props.dismissAllText) !== null && _c !== void 0 ? _c : 'Dismiss All' }))] }), _jsx(Box, { ref: bodyRef, sx: {\n height: '100%',\n overflow: 'auto',\n '& > *:not(:last-of-type)': {\n borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n },\n }, \"data-testid\": \"NotificationCenter.content\", children: props.children })] }));\n}\nexport const NotificationCenter = forwardRef(NotificationCenterBase);\n//# sourceMappingURL=NotificationCenter.js.map"],"names":["NotificationCenter","forwardRef","props","ref","_a","_b","_c","headerRef","useRef","bodyRef","useEffect","current","height","clientHeight","style","_jsxs","jsxs","Box","sx","width","md","sm","xs","borderRadius","background","theme","palette","surface","tertiary","boxShadow","overflow","maxHeight","children","padding","display","justifyContent","_jsx","Typography","variant","component","title","onDismissAll","jsx","Button","onClick","size","color","dismissAllText","borderBottom","secondary"],"mappings":"8FAiCY,MAACA,EAAqBC,EAAUA,YA9B5C,SAAgCC,EAAOC,GACnC,IAAIC,EAAIC,EAAIC,EACZ,MAAMC,EAAYC,SAAO,MACnBC,EAAUD,SAAO,MAOvB,OANAE,EAAAA,WAAU,KACN,GAAIH,EAAUI,SAAWF,EAAQE,QAAS,CACtC,MAAMC,EAASL,EAAUI,QAAQE,aACjCJ,EAAQE,QAAQG,MAAMF,OAAS,eAAeA,MACjD,IACF,CAACL,EAAUI,QAASF,EAAQE,UACvBI,EAAKC,KAACC,EAAGA,IAAE,CAAEd,IAAKA,EAAKe,GAAI,CAC3BC,MAAO,CAAEC,GAAI,QAASC,GAAI,QAASC,GAAI,QACvCC,aAAc,CAAEF,GAAI,MAAOC,GAAI,OAC/BE,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC7CC,UAAW,wCACXC,SAAU,SACVlB,OAAgC,QAAvBR,EAAKF,EAAMU,cAA2B,IAAPR,EAAgBA,EAAK,QAC7D2B,UAAW,SACZ,cAAe,qBAAsBC,SAAU,CAACjB,EAAAA,KAAME,EAAAA,IAAK,CAAEd,IAAKI,EAAWW,GAAI,CACxEe,QAAS,qBACTC,QAAS,OACTC,eAAgB,iBACjBH,SAAU,CAACI,EAAAA,IAAKC,EAAUA,WAAE,CAAEC,QAAS,KAAMC,UAAW,OAAQ,cAAe,2BAA4BP,SAAiC,QAAtB3B,EAAKH,EAAMsC,aAA0B,IAAPnC,EAAgBA,EAAK,kBAAoBH,EAAMuC,cAAiBL,EAAIM,IAACC,EAAMA,OAAE,CAAEC,QAAS1C,EAAMuC,aAAcI,KAAM,QAASC,MAAO,YAAaR,QAAS,OAAQ,cAAe,6BAA8BN,SAA0C,QAA/B1B,EAAKJ,EAAM6C,sBAAmC,IAAPzC,EAAgBA,EAAK,mBAAuB8B,EAAIM,IAACzB,EAAGA,IAAE,CAAEd,IAAKM,EAASS,GAAI,CAC5dN,OAAQ,OACRkB,SAAU,OACV,2BAA4B,CACxBkB,aAAevB,GAAU,aAAaA,EAAMC,QAAQC,QAAQsB,cAEjE,cAAe,6BAA8BjB,SAAU9B,EAAM8B,aAChF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationCenterCategory.js","sources":["
|
|
1
|
+
{"version":3,"file":"NotificationCenterCategory.js","sources":["../../../../src/organisms/notification/NotificationCenterCategory.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Typography } from '@mui/material';\nexport const NotificationCenterCategory = (props) => {\n return (_jsxs(Box, { \"data-testid\": \"NotificationCenterCategory\", children: [_jsx(Box, { sx: {\n borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n }, \"data-testid\": \"NotificationCenterCategory.title\", children: _jsx(Typography, { variant: \"caption2\", sx: { paddingLeft: '8px' }, children: props.title }) }), _jsx(Box, { \"data-testid\": \"NotificationCenterCategory.content\", sx: {\n '& > *:not(:last-of-type)': {\n borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n },\n }, children: props.children })] }));\n};\n//# sourceMappingURL=NotificationCenterCategory.js.map"],"names":["props","_jsxs","jsxs","Box","children","_jsx","jsx","sx","borderBottom","theme","palette","surface","secondary","Typography","variant","paddingLeft","title"],"mappings":"8GAE2CA,GAC/BC,EAAKC,KAACC,MAAK,CAAE,cAAe,6BAA8BC,SAAU,CAACC,EAAIC,IAACH,MAAK,CAAEI,GAAI,CAC7EC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,aAC7D,cAAe,mCAAoCR,SAAUC,MAAKQ,EAAAA,WAAY,CAAEC,QAAS,WAAYP,GAAI,CAAEQ,YAAa,OAASX,SAAUJ,EAAMgB,UAAaX,MAAKF,EAAAA,IAAK,CAAE,cAAe,qCAAsCI,GAAI,CAClO,2BAA4B,CACxBC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,cAEjER,SAAUJ,EAAMI"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@mui/material");require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/
|
|
1
|
+
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react");require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js");var a=require("../../layout/Header/PredefinedHeaderButtons.js");require("../../layout/Header/HeaderOverheadItem.js"),require("../../utils/enum.js");var o=require("../../utils/useClosure/useClosure.js"),n=require("./NotificationCenter.js");exports.NotificationCenterHeaderButton=s=>{const{isOpen:u,onToggle:d,onClose:l}=o.useClosure(!1),c=i.useRef(null),j=e.__rest(s,["indicator"]);return r.jsxs(r.Fragment,{children:[r.jsx(a.HeaderBellButton,{ref:c,onClick:d,color:u&&"grey",indicator:s.indicator,"data-testid":"NotificationCenterHeaderButton"}),r.jsx(t.Popper,{open:u,anchorEl:c.current,placement:"bottom-end",modifiers:[{name:"offset",options:{offset:[0,28]}}],children:r.jsx(t.ClickAwayListener,{onClickAway:l,children:r.jsx(t.Box,{children:r.jsx(n.NotificationCenter,Object.assign({},j))})})})]})};
|
|
2
2
|
//# sourceMappingURL=NotificationCenterHeaderButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationCenterHeaderButton.js","sources":["
|
|
1
|
+
{"version":3,"file":"NotificationCenterHeaderButton.js","sources":["../../../../src/organisms/notification/NotificationCenterHeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { HeaderBellButton } from '@/src/layout/Header';\nimport { useClosure } from '@/src/utils';\nimport { Box, ClickAwayListener, Popper } from '@mui/material';\nimport { NotificationCenter } from './NotificationCenter';\nimport { useRef } from 'react';\nexport const NotificationCenterHeaderButton = (props) => {\n const { isOpen, onToggle, onClose } = useClosure(false);\n const buttonRef = useRef(null);\n const { indicator } = props, notificationCenterProps = __rest(props, [\"indicator\"]);\n return (_jsxs(_Fragment, { children: [_jsx(HeaderBellButton, { ref: buttonRef, onClick: onToggle, color: isOpen && 'grey', indicator: props.indicator, \"data-testid\": \"NotificationCenterHeaderButton\" }), _jsx(Popper, { open: isOpen, anchorEl: buttonRef.current, placement: \"bottom-end\", modifiers: [\n {\n name: 'offset',\n options: {\n offset: [0, 28],\n },\n },\n ], children: _jsx(ClickAwayListener, { onClickAway: onClose, children: _jsx(Box, { children: _jsx(NotificationCenter, Object.assign({}, notificationCenterProps)) }) }) })] }));\n};\n//# sourceMappingURL=NotificationCenterHeaderButton.js.map"],"names":["props","isOpen","onToggle","onClose","useClosure","buttonRef","useRef","notificationCenterProps","__rest","_jsxs","_Fragment","children","_jsx","HeaderBellButton","ref","onClick","color","indicator","jsx","Popper","open","anchorEl","current","placement","modifiers","name","options","offset","ClickAwayListener","onClickAway","Box","NotificationCenter","Object","assign"],"mappings":"2oBAO+CA,IAC3C,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,EAAAA,YAAW,GAC3CC,EAAYC,SAAO,MACIC,EAA0BC,EAAMA,OAACR,EAAO,CAAC,cACtE,OAAQS,EAAAA,KAAMC,EAAAA,SAAW,CAAEC,SAAU,CAACC,EAAAA,IAAKC,EAAAA,iBAAkB,CAAEC,IAAKT,EAAWU,QAASb,EAAUc,MAAOf,GAAU,OAAQgB,UAAWjB,EAAMiB,UAAW,cAAe,mCAAqCL,EAAIM,IAACC,EAAMA,OAAE,CAAEC,KAAMnB,EAAQoB,SAAUhB,EAAUiB,QAASC,UAAW,aAAcC,UAAW,CACzR,CACIC,KAAM,SACNC,QAAS,CACLC,OAAQ,CAAC,EAAG,OAGrBhB,SAAUC,MAAKgB,EAAAA,kBAAmB,CAAEC,YAAa1B,EAASQ,SAAUC,EAAAA,IAAKkB,EAAGA,IAAE,CAAEnB,SAAUC,MAAKmB,EAAAA,mBAAoBC,OAAOC,OAAO,CAAA,EAAI1B,YAAwC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shortcutLink.js","sources":["
|
|
1
|
+
{"version":3,"file":"shortcutLink.js","sources":["../../../../src/organisms/shortcutLink/shortcutLink.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Button, ButtonVariants } from '../../components/button';\nimport { Icon } from '../../components/icon';\nimport { styled } from '@mui/material';\n/** @deprecated */\nexport const ShortcutLink = ({ iconName, title, subTitle, linkLabel, linkURL, isExternalLink, analyticsCallback, }) => {\n const handleOnClick = useCallback((e) => {\n analyticsCallback && analyticsCallback(e);\n }, [analyticsCallback]);\n return (_jsxs(ShortcutLinkStyled, { children: [_jsx(Icon, { className: `${iconName} sl-icon`, fontSize: \"large\" }), _jsxs(\"div\", { className: \"text-wrapper\", children: [_jsx(\"h4\", { children: title }), _jsx(\"span\", { className: \"body\", children: subTitle })] }), _jsx(\"a\", { href: linkURL, target: isExternalLink ? '_blank' : '_self', rel: \"noreferrer\", children: _jsx(Button, { variant: ButtonVariants.NAVIGATION, label: linkLabel, direction: \"forward\", onClick: handleOnClick }) })] }));\n};\nconst ShortcutLinkStyled = styled('div')(({ theme }) => {\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { display: 'flex', alignItems: 'center', justifyContent: 'space-between', a: {\n textDecoration: 'none',\n }, button: {\n paddingLeft: '0',\n }, '.text-wrapper': {\n paddingTop: '20px',\n paddingBottom: '6px',\n }, span: {\n display: 'block',\n }, '> .sa-i': {\n display: 'none',\n }, h4: {\n marginTop: '0',\n letterSpacing: '0.4px',\n }, '.body': {\n letterSpacing: '0.4px',\n }, '.sl-icon': {\n fontSize: '32px',\n }, [theme.breakpoints.down('md')]: {\n h4: {\n marginBottom: '2px',\n fontSize: '16px',\n lineHeight: '24px',\n letterSpacing: '0.2px',\n },\n '.body': {\n letterSpacing: '0.2px',\n lineHeight: '16px',\n fontSize: '12px',\n },\n }, [theme.breakpoints.up('md')]: {\n flexDirection: 'column',\n alignItems: 'flex-start',\n '> .sa-i': {\n display: 'block',\n },\n h4: {\n marginBottom: '0',\n },\n } });\n return styles;\n});\n//# sourceMappingURL=shortcutLink.js.map"],"names":["ShortcutLinkStyled","styled","theme","styles","Object","assign","display","alignItems","justifyContent","a","textDecoration","button","paddingLeft","paddingTop","paddingBottom","span","h4","marginTop","letterSpacing","fontSize","breakpoints","down","marginBottom","lineHeight","up","flexDirection","iconName","title","subTitle","linkLabel","linkURL","isExternalLink","analyticsCallback","handleOnClick","useCallback","e","_jsxs","jsxs","children","_jsx","jsx","Icon","className","href","target","rel","Button","variant","ButtonVariants","NAVIGATION","label","direction","onClick"],"mappings":"6JAMY,MAMNA,2BAAqBC,OAAO,MAAPA,EAAc,EAAGC,YACxC,IAAIC,EAAS,CAAA,EAyCb,OAxCAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEF,GAAS,CAAEG,QAAS,OAAQC,WAAY,SAAUC,eAAgB,gBAAiBC,EAAG,CACvHC,eAAgB,QACjBC,OAAQ,CACPC,YAAa,KACd,gBAAiB,CAChBC,WAAY,OACZC,cAAe,OAChBC,KAAM,CACLT,QAAS,SACV,UAAW,CACVA,QAAS,QACVU,GAAI,CACHC,UAAW,IACXC,cAAe,SAChB,QAAS,CACRA,cAAe,SAChB,WAAY,CACXC,SAAU,QACX,CAACjB,EAAMkB,YAAYC,KAAK,OAAQ,CAC/BL,GAAI,CACAM,aAAc,MACdH,SAAU,OACVI,WAAY,OACZL,cAAe,SAEnB,QAAS,CACLA,cAAe,QACfK,WAAY,OACZJ,SAAU,SAEf,CAACjB,EAAMkB,YAAYI,GAAG,OAAQ,CAC7BC,cAAe,SACflB,WAAY,aACZ,UAAW,CACPD,QAAS,SAEbU,GAAI,CACAM,aAAc,QAGnBnB,CAAM,yBAhDW,EAAGuB,WAAUC,QAAOC,WAAUC,YAAWC,UAASC,iBAAgBC,wBAC1F,MAAMC,EAAgBC,eAAaC,IAC/BH,GAAqBA,EAAkBG,EAAE,GAC1C,CAACH,IACJ,OAAQI,EAAKC,KAACrC,EAAoB,CAAEsC,SAAU,CAACC,EAAIC,IAACC,EAAIA,KAAE,CAAEC,UAAW,GAAGhB,YAAoBP,SAAU,UAAYiB,EAAKC,KAAC,MAAO,CAAEK,UAAW,eAAgBJ,SAAU,CAACC,EAAIC,IAAC,KAAM,CAAEF,SAAUX,IAAUY,EAAAA,IAAK,OAAQ,CAAEG,UAAW,OAAQJ,SAAUV,OAAiBW,EAAIC,IAAC,IAAK,CAAEG,KAAMb,EAASc,OAAQb,EAAiB,SAAW,QAASc,IAAK,aAAcP,SAAUC,EAAAA,IAAKO,EAAAA,OAAQ,CAAEC,QAASC,EAAcA,eAACC,WAAYC,MAAOrB,EAAWsB,UAAW,UAAWC,QAASnB,QAAyB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textCta.js","sources":["../../../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":[null],"names":["TextCta","forwardRef","_a","ref","label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps","props","__rest","handleUrlClick","useCallback","url","window","open","handleOnClickBtn","e","callback","handleRenderBtn","btnProps","onClickHandler","propsA","Object","assign","_jsx","Button","onClick","_jsxs","jsxs","TextCtaContainerStyled","Label","className","children","Typography","length","List","map","item","index","ListItem","Icon","icon","_Fragment","Fragment","jsx","src","img","alt","dangerouslySetInnerHTML","__html","getHeadlineStyle","headlineVariant","fontSize","lineHeight","styled","shouldForwardProp","prop","theme","args","styles","margin","marginBottom","marginTop","fontWeight","display","alignItems","justifyContent","flexWrap","breakpoints","down","width","cursor","marginRight","height","maxWidth","paddingLeft","paddingRight","paddingBottom","minWidth","padding"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"textCta.js","sources":["../../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Label } from '../../components/label';\nimport { List, ListItem, Typography } from '@mui/material';\nimport { Button } from '../../components/button';\nimport { Icon } from '../../components/icon';\n/**\n * @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const TextCta = forwardRef((_a, ref) => {\n var { label, headlineTitle, text, showFirstButton = false, showSecondButton = false, onClickFirstBtn, onClickSecondBtn, firstButtonProps, secondButtonProps, listItems, showAppStore = false, showPlayStore = false, appStoreProps, playStoreProps } = _a, props = __rest(_a, [\"label\", \"headlineTitle\", \"text\", \"showFirstButton\", \"showSecondButton\", \"onClickFirstBtn\", \"onClickSecondBtn\", \"firstButtonProps\", \"secondButtonProps\", \"listItems\", \"showAppStore\", \"showPlayStore\", \"appStoreProps\", \"playStoreProps\"]);\n const handleUrlClick = useCallback((url) => {\n window.open(url, '_blank');\n }, []);\n const handleOnClickBtn = useCallback((e, callback, url) => {\n if (url) {\n handleUrlClick(url);\n }\n callback && callback(e);\n }, [handleUrlClick]);\n const handleRenderBtn = useCallback((btnProps, onClickHandler) => {\n const propsA = Object.assign(Object.assign({}, btnProps), { url: btnProps.url || null });\n return _jsx(Button, Object.assign({}, propsA, { onClick: (e) => handleOnClickBtn(e, onClickHandler, propsA.url) }));\n }, [handleOnClickBtn]);\n return (_jsxs(TextCtaContainerStyled, Object.assign({ ref: ref, listItems: listItems }, props, { children: [label && _jsx(Label, { label: label }), headlineTitle && (_jsx(\"div\", { className: \"headlineContainer\", children: _jsx(Typography, { className: \"textCtaHeadline\", children: headlineTitle }) })), text && _jsx(\"p\", { className: `textCtaText ${showPlayStore && 'isPlayStore'}`, children: text }), listItems && listItems.length > 0 && (_jsx(List, { className: \"textCtaList\", children: listItems.map((item, index) => {\n return (_jsxs(ListItem, { children: [_jsx(Icon, { className: item.icon || 'check' }), item.text] }, 'text-cta-list-item' + index));\n }) })), _jsxs(\"div\", { className: \"textCtaBtnGroup\", children: [(!showAppStore || !showPlayStore) && (_jsxs(_Fragment, { children: [showFirstButton && handleRenderBtn(firstButtonProps, onClickFirstBtn), showSecondButton && handleRenderBtn(secondButtonProps, onClickSecondBtn)] })), (!showFirstButton || !showSecondButton) && (_jsxs(_Fragment, { children: [showAppStore && (_jsx(\"span\", { className: \"appStoreBadge\", onClick: () => handleUrlClick(appStoreProps.url), children: _jsx(\"img\", { src: appStoreProps.img, alt: appStoreProps.alt }) })), showPlayStore && (_jsx(\"span\", { className: \"playStoreBadge\", dangerouslySetInnerHTML: { __html: playStoreProps } }))] }))] })] })));\n});\n//Set the correct font and lineheight depending on the prop variant passed\nconst getHeadlineStyle = (headlineVariant) => {\n switch (headlineVariant) {\n case 'h1':\n return {\n fontSize: '44px',\n lineHeight: '52px',\n };\n case 'h2':\n return {\n fontSize: '36px',\n lineHeight: '44px',\n };\n case 'h3':\n return {\n fontSize: '30px',\n lineHeight: '36px',\n };\n case 'h4':\n return {\n fontSize: '24px',\n lineHeight: '28px',\n };\n default:\n return {\n fontSize: '18px',\n lineHeight: '28px',\n };\n }\n};\n/**\n * @description Button styling defintion based on props\n */\nconst TextCtaContainerStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'listItems' && prop !== 'headlineVariant',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let styles = {};\n styles = {\n '& > span': {\n margin: 0,\n },\n '& > div.headlineContainer': {\n marginBottom: '10px',\n marginTop: '5px',\n '& > .textCtaHeadline': Object.assign({ fontWeight: 'bold' }, getHeadlineStyle(args.headlineVariant)),\n },\n '& > div.subheadlineContainer': {\n marginBottom: '10px',\n '& > .textCtaSubheadline': {\n fontWeight: 'bold',\n fontSize: '18px',\n lineHeight: '28px',\n },\n },\n '& > .textCtaList': {\n marginBottom: '10px',\n },\n '& > .textCtaText': {\n fontSize: '18px',\n lineHeight: '28px',\n margin: '12px 0 16px 0',\n '&.isPlayStore': {\n marginBottom: '2px',\n },\n },\n '& > div.textCtaBtnGroup': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n '& > div': {\n [theme.breakpoints.down('sm')]: {\n width: '100%',\n },\n },\n '& > .appStoreBadge': {\n cursor: 'pointer',\n marginRight: '8px',\n '& > img': {\n height: '40px',\n },\n },\n '& > .playStoreBadge': {\n cursor: 'pointer',\n '& img': {\n maxWidth: '153px',\n },\n },\n '& .MuiButton-root': {\n paddingLeft: '16px',\n paddingRight: '16px',\n paddingBottom: '2px',\n fontSize: '14px',\n minWidth: '93px',\n height: '32px',\n [theme.breakpoints.down('sm')]: {\n height: '44px',\n width: '100%',\n },\n },\n '& .MuiButton-root:first-of-type': {\n marginRight: '16px',\n marginBottom: 0,\n [theme.breakpoints.down('sm')]: {\n marginBottom: '16px',\n },\n },\n },\n ' & > .MuiList-root': {\n padding: '0px',\n '& > .MuiListItem-root': {\n padding: '0px 0px 6px 0px',\n '& > .MuiIcon-root': {\n width: '20px',\n height: '24px',\n fontSize: '14px',\n },\n },\n },\n };\n return styles;\n});\n//# sourceMappingURL=textCta.js.map"],"names":["TextCta","forwardRef","_a","ref","label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps","props","__rest","handleUrlClick","useCallback","url","window","open","handleOnClickBtn","e","callback","handleRenderBtn","btnProps","onClickHandler","propsA","Object","assign","_jsx","Button","onClick","_jsxs","jsxs","TextCtaContainerStyled","children","jsx","Label","className","Typography","length","List","map","item","index","ListItem","Icon","icon","_Fragment","Fragment","src","img","alt","dangerouslySetInnerHTML","__html","getHeadlineStyle","headlineVariant","fontSize","lineHeight","styled","shouldForwardProp","prop","theme","args","styles","margin","marginBottom","marginTop","fontWeight","display","alignItems","justifyContent","flexWrap","breakpoints","down","width","cursor","marginRight","height","maxWidth","paddingLeft","paddingRight","paddingBottom","minWidth","padding"],"mappings":"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"}
|