@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":"modal.js","sources":["
|
|
1
|
+
{"version":3,"file":"modal.js","sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MuiModal from '@mui/material/Modal';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ContentDiv } from './contentDiv';\nimport { useTheme } from '@mui/material';\n/**\n * @description Styled SkodaFlow Modal component\n * @param props ModalProps\n * @returns React Functional Component\n */\nexport const Modal = forwardRef((_a, ref) => {\n var { children, open, handleClose, onClickTopButton, onClickBottomButton, ariaLabelledby, ariaDescribedBy, firstButton, secondButton, hasCloseButton, size, firstButtonVariant, secondButtonVariant, secondButtonVisible, defaultButtonSection = true, maxWidth, modalLoadedCallback, disableAutoFocus, disableEnforceFocus } = _a, props = __rest(_a, [\"children\", \"open\", \"handleClose\", \"onClickTopButton\", \"onClickBottomButton\", \"ariaLabelledby\", \"ariaDescribedBy\", \"firstButton\", \"secondButton\", \"hasCloseButton\", \"size\", \"firstButtonVariant\", \"secondButtonVariant\", \"secondButtonVisible\", \"defaultButtonSection\", \"maxWidth\", \"modalLoadedCallback\", \"disableAutoFocus\", \"disableEnforceFocus\"]);\n const [isOverFlowing, setIsOverFlowing] = useState(false);\n const [desktopView, setDesktopView] = useState(false);\n const theme = useTheme();\n useEffect(() => {\n const mq = window.matchMedia(`(min-width: ${theme.breakpoints.values.md}px)`);\n setDesktopView(mq.matches);\n }, [theme.breakpoints.values.md]);\n const isCompactButton = useCallback(() => {\n const isModalLarge = (size || 'large') === 'large';\n if (desktopView && isModalLarge)\n return false;\n }, [desktopView, size]);\n return (_jsx(ModalStyled, Object.assign({}, props, { ref: ref, open: open, size: size, onClose: handleClose, isOverFlowing: isOverFlowing, \"aria-labelledby\": ariaLabelledby, \"aria-describedby\": ariaDescribedBy, compactButtons: isCompactButton(), maxWidth: maxWidth, \"data-testid\": \"Modal\", disableEnforceFocus: disableEnforceFocus, disableAutoFocus: disableAutoFocus, children: _jsxs(\"div\", { className: \"modal-container\", \"data-testid\": \"Modal.container\", children: [hasCloseButton && (_jsx(\"button\", { onClick: handleClose, \"data-testid\": \"Modal.close\", children: _jsx(Icon, { className: \"ballotx\", fontSize: \"medium\" }) })), _jsx(ContentDiv, { setIsOverFlowing: setIsOverFlowing, className: \"modal-container--content\", modalLoadedCallback: modalLoadedCallback, \"data-testid\": \"Modal.content\", children: children }), defaultButtonSection && (_jsxs(\"div\", { className: \"modal-container--action-buttons\", \"data-testid\": \"Modal.buttons\", children: [_jsx(Button, { label: firstButton, onClick: onClickTopButton, fullWidth: true, variant: firstButtonVariant, compact: isCompactButton(), \"data-testid\": \"Modal.button1\", \"data-variant\": firstButtonVariant }), secondButtonVisible && (_jsx(Button, { label: secondButton, onClick: onClickBottomButton, fullWidth: true, variant: secondButtonVariant, compact: isCompactButton(), \"data-testid\": \"Modal.button2\", \"data-variant\": secondButtonVariant }))] }))] }) })));\n});\n/**\n * @description Modal styling definition\n */\nconst ModalStyled = styled(MuiModal, {\n shouldForwardProp: (prop) => prop !== 'compactButtons' && prop !== 'isOverFlowing' && prop !== 'maxWidth',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const bottomButtonPadding = args.compactButtons ? '16px' : '24px';\n const smallModalWidth = '408px';\n const largeModalWidth = '624px';\n const fullWidthModal = args.maxWidth ? args.maxWidth : 'calc(100% - 40px)';\n const isModalLarge = (args.size || 'large') === 'large';\n const isModalFullWidth = args.size && args.size === 'full-width';\n const sizeBasedStyles = isModalLarge\n ? { maxWidth: largeModalWidth, marginTop: '40px', padding: '40px' }\n : isModalFullWidth\n ? { maxWidth: fullWidthModal, marginTop: '40px', padding: '40px' }\n : {\n maxWidth: smallModalWidth,\n marginTop: '48px',\n padding: '24px 40px 40px 40px',\n };\n return {\n '& .modal-container': {\n maxHeight: 'calc(100vh - 64px)',\n minHeight: '300px',\n display: 'flex',\n flexDirection: 'column',\n '&--content': {\n overflowX: 'hidden',\n overflowY: 'overlay',\n marginTop: '48px',\n padding: '0px 24px',\n },\n '&--action-buttons': {\n padding: '32px 24px',\n paddingBottom: bottomButtonPadding,\n boxShadow: args.isOverFlowing ? '0px 0px 32px rgba(0, 0, 0, 0.15)' : null,\n 'div:first-of-type': {\n marginBottom: '15px',\n },\n },\n },\n [theme.breakpoints.up('md')]: {\n '& .modal-container': {\n maxHeight: 'calc(100vh - 160px)',\n margin: '0px',\n width: '100%',\n maxWidth: sizeBasedStyles.maxWidth,\n '&--content': {\n marginTop: sizeBasedStyles.marginTop,\n padding: '0px 40px',\n },\n '&--action-buttons': {\n padding: sizeBasedStyles.padding,\n paddingBottom: bottomButtonPadding,\n },\n },\n },\n };\n});\n//# sourceMappingURL=modal.js.map"],"names":["Modal","forwardRef","_a","ref","children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","disableAutoFocus","disableEnforceFocus","props","__rest","isOverFlowing","setIsOverFlowing","useState","desktopView","setDesktopView","theme","useTheme","useEffect","mq","window","matchMedia","breakpoints","values","md","matches","isCompactButton","useCallback","_jsx","jsx","ModalStyled","Object","assign","onClose","compactButtons","_jsxs","jsxs","className","onClick","Icon","fontSize","ContentDiv","Button","label","fullWidth","variant","compact","styled","MuiModal","shouldForwardProp","prop","args","bottomButtonPadding","fullWidthModal","isModalLarge","isModalFullWidth","sizeBasedStyles","marginTop","padding","maxHeight","minHeight","display","flexDirection","overflowX","overflowY","paddingBottom","boxShadow","marginBottom","up","margin","width"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalTitle.js","sources":["
|
|
1
|
+
{"version":3,"file":"modalTitle.js","sources":["../../../../src/components/modal/modalTitle.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled, Typography } from '@mui/material';\nconst ModalTitleBase = (props) => _jsx(Typography, Object.assign({}, props, { variant: 'h3' }));\nModalTitleBase.defaultProps = {\n gutterBottom: true,\n};\nexport const ModalTitle = styled(ModalTitleBase)((props) => ({\n '&&': {\n marginTop: '0px',\n fontSize: '20px',\n lineHeight: '30px',\n marginBottom: props.gutterBottom ? '1rem' : 'inherit',\n },\n}));\n//# sourceMappingURL=modalTitle.js.map"],"names":["ModalTitleBase","props","_jsx","Typography","Object","assign","variant","defaultProps","gutterBottom","ModalTitle","styled","marginTop","fontSize","lineHeight","marginBottom"],"mappings":"2EAEA,MAAMA,EAAkBC,GAAUC,MAAKC,EAAAA,WAAYC,OAAOC,OAAO,CAAE,EAAEJ,EAAO,CAAEK,QAAS,QACvFN,EAAeO,aAAe,CAC1BC,cAAc,GAEN,MAACC,EAAaC,EAAMA,OAACV,EAAPU,EAAwBT,IAAW,CACzD,KAAM,CACFU,UAAW,MACXC,SAAU,OACVC,WAAY,OACZC,aAAcb,EAAMO,aAAe,OAAS"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numbering.js","sources":["
|
|
1
|
+
{"version":3,"file":"numbering.js","sources":["../../../../src/components/numbering/numbering.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material/styles';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/**\n * @description SkodaFlow Numbering component.\n * @param props NumberingProps\n * @returns React Functional Component\n */\nexport const Numbering = (_a) => {\n var props = __rest(_a, []);\n return (_jsxs(NumberingStyled, Object.assign({}, props, { style: props.customStyle, \"data-testid\": \"Numbering\", children: [_jsxs(\"span\", { className: \"index-container\", \"data-testid\": \"Numbering.index\", children: [props.index, ' '] }), _jsxs(\"span\", { className: \"separator-container\", \"data-testid\": \"Numbering.separator\", children: [props.customSeparator ? props.customSeparator : '/', ' '] }), _jsx(\"span\", { className: \"total-container\", \"data-testid\": \"Numbering.total\", children: props.total })] })));\n};\n/**\n * @description Controls styling definition based on props\n */\nconst NumberingStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'customSeparator' && prop !== 'colorTheme',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let styles = {};\n styles = {\n fontFamily: 'SKODA Next',\n fontStyle: 'normal',\n fontWeight: '700',\n fontSize: args.size === NumberingSizes.LARGE ? '18px' : '16px',\n lineHeight: args.size === NumberingSizes.LARGE ? '28px' : '24px',\n letterSpacing: '0.02em',\n '& .index-container': {\n color: args.colorTheme === NumberingColors.DARK ? flowColors.text.primary : flowColors.onSurface.os0,\n },\n '& .separator-container': {\n color: flowColors.onSurface.os600,\n },\n '& .total-container': {\n color: flowColors.onSurface.os600,\n },\n };\n return styles;\n});\n//# sourceMappingURL=numbering.js.map"],"names":["NumberingStyled","styled","shouldForwardProp","prop","_a","args","__rest","styles","fontFamily","fontStyle","fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","flowColors","text","primary","onSurface","os0","os600","props","_jsxs","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","total"],"mappings":"uLAUY,MAONA,EAAkBC,EAAMA,OAAC,MAAO,CAClCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADvCF,EAEpBG,IACG,IAAiBC,EAAOC,EAAMA,OAACF,EAAI,CAAC,UACvC,IAAIG,EAAS,CAAA,EAkBb,OAjBAA,EAAS,CACLC,WAAY,aACZC,UAAW,SACXC,WAAY,MACZC,SAAUN,EAAKO,OAASC,EAAcA,eAACC,MAAQ,OAAS,OACxDC,WAAYV,EAAKO,OAASC,EAAcA,eAACC,MAAQ,OAAS,OAC1DE,cAAe,SACf,qBAAsB,CAClBC,MAAOZ,EAAKa,aAAeC,EAAAA,gBAAgBC,KAAOC,aAAWC,KAAKC,QAAUF,aAAWG,UAAUC,KAErG,yBAA0B,CACtBR,MAAOI,EAAAA,WAAWG,UAAUE,OAEhC,qBAAsB,CAClBT,MAAOI,EAAAA,WAAWG,UAAUE,QAG7BnB,CAAM,sBA7BSH,IACtB,IAAIuB,EAAQrB,EAAAA,OAAOF,EAAI,IACvB,OAAQwB,OAAM5B,EAAiB6B,OAAOC,OAAO,CAAE,EAAEH,EAAO,CAAEI,MAAOJ,EAAMK,YAAa,cAAe,YAAaC,SAAU,CAACL,EAAAA,KAAM,OAAQ,CAAEM,UAAW,kBAAmB,cAAe,kBAAmBD,SAAU,CAACN,EAAMQ,MAAO,OAASP,EAAAA,KAAM,OAAQ,CAAEM,UAAW,sBAAuB,cAAe,sBAAuBD,SAAU,CAACN,EAAMS,gBAAkBT,EAAMS,gBAAkB,IAAK,OAASC,EAAAA,IAAK,OAAQ,CAAEH,UAAW,kBAAmB,cAAe,kBAAmBD,SAAUN,EAAMW,WAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.js","sources":["../../../../../src/components/pagination/pagination.tsx"],"sourcesContent":[null],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","jsxs","IconButton","variant","children","_jsx","jsx","Icon","className","Pagination","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","default","ternaryCondition","components","first","fontSize","last","previous","_Fragment","Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","flowColors","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"pagination.js","sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport MuiPagination from '@mui/material/Pagination';\nimport MuiPaginationItem from '@mui/material/PaginationItem';\nimport TextField from '@mui/material/TextField';\nimport { styled } from '@mui/material/styles';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ternaryCondition } from '../../utils/utilities';\nimport { IconButton } from '../iconButton';\nimport { Icon } from '../icon';\n/**\n * @description SkodaFlow Pagination component.\n * Properties are inherited from HTML div Attribetes element.\n * @param props PaginationProps\n * @returns React Functional Component\n */\nconst isPageNumberValid = (pageNumber, count) => {\n return (pageNumber === '' ||\n (typeof pageNumber === 'number' && pageNumber - 1 > 0 && pageNumber + 1 <= count) ||\n (typeof parseInt(pageNumber) === 'number' && parseInt(pageNumber) > 0 && parseInt(pageNumber) <= count));\n};\nconst mobileIconButton = (muiIcon, onClick, disabled, direction, hideLabel, label) => (_jsxs(IconButton, { variant: \"standard\", onClick: onClick, disabled: disabled, children: [direction === 'forward' && !hideLabel && label, _jsx(Icon, { className: muiIcon }), direction === 'back' && !hideLabel && label] }));\nexport const Pagination = forwardRef((_a, ref) => {\n var { count, isDisabled, page, prevButtonLabel, nextButtonLabel, defaultPage, hideNextButton, hidePrevButton, hideFirstButton, hideLastButton, hideLabels, onValueChange } = _a, props = __rest(_a, [\"count\", \"isDisabled\", \"page\", \"prevButtonLabel\", \"nextButtonLabel\", \"defaultPage\", \"hideNextButton\", \"hidePrevButton\", \"hideFirstButton\", \"hideLastButton\", \"hideLabels\", \"onValueChange\"]);\n const initialPage = defaultPage || 1;\n const [currentPageNumber, setCurrentPageNumber] = useState(initialPage);\n const [isFirstMount, setIsFirstMount] = useState(true);\n const [prevStatePageNumber, setPrevStatePageNumber] = useState();\n useEffect(() => {\n currentPageNumber && onValueChange && onValueChange(currentPageNumber);\n }, [currentPageNumber, onValueChange]);\n useEffect(() => {\n isFirstMount ? setIsFirstMount(false) : page && !isDisabled && setCurrentPageNumber(page);\n }, [isDisabled, isFirstMount, page]);\n const handleChange = useCallback((event, pageNumber) => {\n setCurrentPageNumber(pageNumber);\n }, []);\n const handleValueChange = (payload) => {\n if (payload === '') {\n setPrevStatePageNumber(currentPageNumber);\n setCurrentPageNumber(payload);\n }\n const castToNum = parseInt(payload);\n if (typeof castToNum === 'number' && isPageNumberValid(castToNum, count)) {\n setPrevStatePageNumber(castToNum);\n setCurrentPageNumber(castToNum);\n }\n };\n const mobilePagination = () => (_jsx(\"div\", { style: { display: 'flex', flexDirection: 'column' }, className: `mobileView ${isDisabled ? 'paginationDisabled' : ''}`, children: _jsxs(\"div\", { className: \"mobileContainer\", children: [mobileIconButton('chevron-previous', () => isPageNumberValid(currentPageNumber - 1, count) && setCurrentPageNumber(1), !isPageNumberValid(currentPageNumber - 1, count)), mobileIconButton('cehvron-left', () => isPageNumberValid(currentPageNumber - 1, count) && setCurrentPageNumber(currentPageNumber - 1), !isPageNumberValid(currentPageNumber - 1, count), 'back', hideLabels, prevButtonLabel), _jsx(TextField, { className: \"textFieldContainer\", value: currentPageNumber, inputProps: { inputMode: 'numeric', pattern: `[1-${count}]*` }, onChange: (val) => handleValueChange(val.target.value), onBlur: () => currentPageNumber === '' && setCurrentPageNumber(prevStatePageNumber) }), mobileIconButton('chevron-right', () => isPageNumberValid(currentPageNumber + 1, count) && setCurrentPageNumber(currentPageNumber + 1), !isPageNumberValid(currentPageNumber + 1, count), 'forward', hideLabels, nextButtonLabel), mobileIconButton('chevron-next', () => isPageNumberValid(currentPageNumber + 1, count) && setCurrentPageNumber(count), !isPageNumberValid(currentPageNumber + 1, count))] }) }));\n const desktopPagination = () => (_jsx(MuiPagination, Object.assign({ className: \"desktopView\" }, props, { shape: \"rounded\", count: count, disabled: isDisabled, page: currentPageNumber, hideNextButton: hideNextButton, hidePrevButton: hidePrevButton, showFirstButton: !hideFirstButton, showLastButton: !hideLastButton, ref: ref, onChange: handleChange, renderItem: (item) => (_jsx(MuiPaginationItem, Object.assign({ className: ternaryCondition(hidePrevButton, false, 'MuiPagination-prev', ''), components: {\n first: () => _jsx(Icon, { className: 'play-previous', fontSize: \"small\" }),\n last: () => _jsx(Icon, { className: 'play-next', fontSize: \"small\" }),\n previous: () => (_jsxs(_Fragment, { children: [_jsx(Icon, { className: 'cehvron-left', fontSize: \"small\" }), _jsx(_Fragment, { children: prevButtonLabel })] })),\n next: () => (_jsxs(_Fragment, { children: [_jsx(_Fragment, { children: nextButtonLabel }), _jsx(Icon, { className: 'chevron-right', fontSize: \"small\" })] })),\n } }, item))) })));\n return (_jsxs(PaginationStyled, { \"data-testid\": \"Pagination-wrapper\", children: [desktopPagination(), \" \", mobilePagination()] }));\n});\n/**\n * @description Pagination styling definition based on props\n */\nconst PaginationStyled = styled('div')(({ theme }) => {\n let style = {};\n const flexStyle = {\n alignItems: 'center',\n display: 'flex',\n justifyContent: 'center',\n width: '100%',\n };\n style = {\n [theme.breakpoints.up('md')]: {\n '& .mobileView': {\n display: 'none!important',\n },\n },\n [theme.breakpoints.down('md')]: {\n '& .desktopView': {\n display: 'none!important',\n },\n },\n '& .desktopView': {\n '& .MuiButton-startIcon': {\n marginRight: '8px',\n display: 'inline-flex',\n },\n '& .MuiButton-endIcon': {\n marginLeft: '8px',\n display: 'inline-flex',\n },\n },\n '& .mobileView': Object.assign(Object.assign({}, flexStyle), { flexDirection: 'column', flexWrap: 'nowrap', '& .mobileContainer': Object.assign(Object.assign({}, flexStyle), { flexWrap: 'nowrap' }), '& .textFieldContainer': {\n height: '36px',\n margin: '0 34px',\n '& input, fieldset': {\n backgroundColor: flowColors.transparent.primary,\n border: 0,\n borderRadius: '4px',\n fontSize: '16px',\n fontWeight: '400',\n height: '36px',\n lineHeight: '36px',\n minWidth: '44px',\n maxWidth: '50px',\n padding: '0 4px',\n textAlign: 'center',\n color: flowColors.text.primary,\n },\n '& fieldset': {\n visibility: 'hidden',\n },\n '& div': {\n '&::before': {\n borderBottom: 0,\n },\n '&::after': {\n borderBottom: 0,\n },\n },\n }, '& .controllerContainer': {\n '& .arrowLabel': {\n color: flowColors.text.primary,\n fontSize: '16px',\n fontWeight: '400',\n lineHeight: '16px',\n },\n '& .MuiButton-startIcon': {\n marginRight: '8px',\n display: 'inline-flex',\n },\n '& .MuiButton-endIcon': {\n marginLeft: '8px',\n display: 'inline-flex',\n },\n '& .MuiIcon-root': {\n fontSize: '16px',\n width: '20px',\n height: '20px',\n },\n }, '& .counter_label': {\n color: flowColors.text.primary,\n fontSize: '12px',\n fontWeight: '400',\n lineHeight: '24px',\n marginTop: '4px',\n }, '&.paginationDisabled': {\n pointerEvents: 'none',\n '& .counter_label, .MuiIcon-root,.arrowLabel, input, fieldset': {\n color: flowColors.disabled.primary,\n },\n } }),\n };\n return style;\n});\n//# sourceMappingURL=pagination.js.map"],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","jsxs","IconButton","variant","children","_jsx","jsx","Icon","className","Pagination","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","default","ternaryCondition","components","first","fontSize","last","previous","_Fragment","Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","flowColors","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"idAiBA,MAAMA,EAAoB,CAACC,EAAYC,IACZ,KAAfD,GACmB,iBAAfA,GAA2BA,EAAa,EAAI,GAAKA,EAAa,GAAKC,GAC1C,iBAAzBC,SAASF,IAA4BE,SAASF,GAAc,GAAKE,SAASF,IAAeC,EAEnGE,EAAmB,CAACC,EAASC,EAASC,EAAUC,EAAWC,EAAWC,IAAWC,EAAKC,KAACC,EAAUA,WAAE,CAAEC,QAAS,WAAYR,QAASA,EAASC,SAAUA,EAAUQ,SAAU,CAAe,YAAdP,IAA4BC,GAAaC,EAAOM,EAAIC,IAACC,EAAIA,KAAE,CAAEC,UAAWd,IAA0B,SAAdG,IAAyBC,GAAaC,KAC9RU,EAAaC,EAAUA,YAAC,CAACC,EAAIC,KACtC,IAAIrB,MAAEA,EAAKsB,WAAEA,EAAUC,KAAEA,EAAIC,gBAAEA,EAAeC,gBAAEA,EAAeC,YAAEA,EAAWC,eAAEA,EAAcC,eAAEA,EAAcC,gBAAEA,EAAeC,eAAEA,EAAcC,WAAEA,EAAUC,cAAEA,GAAkBZ,EAAIa,EAAQC,EAAAA,OAAOd,EAAI,CAAC,QAAS,aAAc,OAAQ,kBAAmB,kBAAmB,cAAe,iBAAkB,iBAAkB,kBAAmB,iBAAkB,aAAc,kBAChX,MAAMe,EAAcT,GAAe,GAC5BU,EAAmBC,GAAwBC,EAAQA,SAACH,IACpDI,EAAcC,GAAmBF,EAAQA,UAAC,IAC1CG,EAAqBC,GAA0BJ,EAAQA,WAC9DK,EAAAA,WAAU,KACNP,GAAqBJ,GAAiBA,EAAcI,EAAkB,GACvE,CAACA,EAAmBJ,IACvBW,EAAAA,WAAU,KACNJ,EAAeC,GAAgB,GAASjB,IAASD,GAAce,EAAqBd,EAAK,GAC1F,CAACD,EAAYiB,EAAchB,IAC9B,MAAMqB,EAAeC,EAAAA,aAAY,CAACC,EAAO/C,KACrCsC,EAAqBtC,EAAW,GACjC,IAmBH,OAAQU,OAAMsC,EAAkB,CAAE,cAAe,qBAAsBlC,SAAU,CANhDC,EAAIC,IAACiC,UAAeC,OAAOC,OAAO,CAAEjC,UAAW,eAAiBgB,EAAO,CAAEkB,MAAO,UAAWnD,MAAOA,EAAOK,SAAUiB,EAAYC,KAAMa,EAAmBT,eAAgBA,EAAgBC,eAAgBA,EAAgBwB,iBAAkBvB,EAAiBwB,gBAAiBvB,EAAgBT,IAAKA,EAAKiC,SAAUV,EAAcW,WAAaC,GAAU1C,EAAAA,IAAK2C,EAAiBC,QAAET,OAAOC,OAAO,CAAEjC,UAAW0C,EAAgBA,iBAAC/B,GAAgB,EAAO,qBAAsB,IAAKgC,WAAY,CAC5eC,MAAO,IAAM/C,EAAIC,IAACC,OAAM,CAAEC,UAAW,gBAAiB6C,SAAU,UAChEC,KAAM,IAAMjD,EAAIC,IAACC,OAAM,CAAEC,UAAW,YAAa6C,SAAU,UAC3DE,SAAU,IAAOvD,EAAKC,KAACuD,WAAW,CAAEpD,SAAU,CAACC,EAAIC,IAACC,OAAM,CAAEC,UAAW,eAAgB6C,SAAU,UAAYhD,EAAAA,IAAKmD,EAASC,SAAE,CAAErD,SAAUW,OACzI2C,KAAM,IAAO1D,EAAKC,KAACuD,WAAW,CAAEpD,SAAU,CAACC,EAAIC,IAACkD,WAAW,CAAEpD,SAAUY,IAAoBX,EAAIC,IAACC,OAAM,CAAEC,UAAW,gBAAiB6C,SAAU,eAC7IN,OAC0F,IAPvE1C,EAAAA,IAAK,MAAO,CAAEsD,MAAO,CAAEC,QAAS,OAAQC,cAAe,UAAYrD,UAAW,eAAcK,EAAa,qBAAuB,IAAMT,SAAUJ,EAAAA,KAAM,MAAO,CAAEQ,UAAW,kBAAmBJ,SAAU,CAACX,EAAiB,oBAAoB,IAAMJ,EAAkBsC,EAAoB,EAAGpC,IAAUqC,EAAqB,KAAKvC,EAAkBsC,EAAoB,EAAGpC,IAASE,EAAiB,gBAAgB,IAAMJ,EAAkBsC,EAAoB,EAAGpC,IAAUqC,EAAqBD,EAAoB,KAAKtC,EAAkBsC,EAAoB,EAAGpC,GAAQ,OAAQ+B,EAAYP,GAAkBV,EAAIC,IAACwD,EAASb,QAAE,CAAEzC,UAAW,qBAAsBuD,MAAOpC,EAAmBqC,WAAY,CAAEC,UAAW,UAAWC,QAAS,MAAM3E,OAAasD,SAAWsB,GAX/uB,CAACC,IACP,KAAZA,IACAnC,EAAuBN,GACvBC,EAAqBwC,IAEzB,MAAMC,EAAY7E,SAAS4E,GACF,iBAAdC,GAA0BhF,EAAkBgF,EAAW9E,KAC9D0C,EAAuBoC,GACvBzC,EAAqByC,GACxB,EAE4wBC,CAAkBH,EAAII,OAAOR,OAAQS,OAAQ,IAA4B,KAAtB7C,GAA4BC,EAAqBI,KAAyBvC,EAAiB,iBAAiB,IAAMJ,EAAkBsC,EAAoB,EAAGpC,IAAUqC,EAAqBD,EAAoB,KAAKtC,EAAkBsC,EAAoB,EAAGpC,GAAQ,UAAW+B,EAAYN,GAAkBvB,EAAiB,gBAAgB,IAAMJ,EAAkBsC,EAAoB,EAAGpC,IAAUqC,EAAqBrC,KAASF,EAAkBsC,EAAoB,EAAGpC,WAO9oC,IAKlI+C,EAAmBmC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YACtC,IAAIf,EAAQ,CAAA,EACZ,MAAMgB,EAAY,CACdC,WAAY,SACZhB,QAAS,OACTiB,eAAgB,SAChBC,MAAO,QAoFX,OAlFAnB,EAAQ,CACJ,CAACe,EAAMK,YAAYC,GAAG,OAAQ,CAC1B,gBAAiB,CACbpB,QAAS,mBAGjB,CAACc,EAAMK,YAAYE,KAAK,OAAQ,CAC5B,iBAAkB,CACdrB,QAAS,mBAGjB,iBAAkB,CACd,yBAA0B,CACtBsB,YAAa,MACbtB,QAAS,eAEb,uBAAwB,CACpBuB,WAAY,MACZvB,QAAS,gBAGjB,gBAAiBpB,OAAOC,OAAOD,OAAOC,OAAO,GAAIkC,GAAY,CAAEd,cAAe,SAAUuB,SAAU,SAAU,qBAAsB5C,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEkC,GAAY,CAAES,SAAU,WAAa,wBAAyB,CACxNC,OAAQ,OACRC,OAAQ,SACR,oBAAqB,CACjBC,gBAAiBC,EAAAA,WAAWC,YAAYC,QACxCC,OAAQ,EACRC,aAAc,MACdvC,SAAU,OACVwC,WAAY,MACZR,OAAQ,OACRS,WAAY,OACZC,SAAU,OACVC,SAAU,OACVC,QAAS,QACTC,UAAW,SACXC,MAAOX,EAAAA,WAAWY,KAAKV,SAE3B,aAAc,CACVW,WAAY,UAEhB,QAAS,CACL,YAAa,CACTC,aAAc,GAElB,WAAY,CACRA,aAAc,KAGvB,yBAA0B,CACzB,gBAAiB,CACbH,MAAOX,EAAAA,WAAWY,KAAKV,QACvBrC,SAAU,OACVwC,WAAY,MACZC,WAAY,QAEhB,yBAA0B,CACtBZ,YAAa,MACbtB,QAAS,eAEb,uBAAwB,CACpBuB,WAAY,MACZvB,QAAS,eAEb,kBAAmB,CACfP,SAAU,OACVyB,MAAO,OACPO,OAAQ,SAEb,mBAAoB,CACnBc,MAAOX,EAAAA,WAAWY,KAAKV,QACvBrC,SAAU,OACVwC,WAAY,MACZC,WAAY,OACZS,UAAW,OACZ,uBAAwB,CACvBC,cAAe,OACf,+DAAgE,CAC5DL,MAAOX,EAAAA,WAAW5F,SAAS8F,aAIpC/B,CAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.js","sources":["
|
|
1
|
+
{"version":3,"file":"loader.js","sources":["../../../../../src/components/progressBar/components/loader.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../icon';\nimport { StyledProgressBarMessage } from './styledProgressBarMessage';\nexport const Loader = forwardRef((_a, ref) => {\n var { state, errorMessage, successMessage, loaderSize, loadingPercentage, loadingPercentageDescribeText } = _a, props = __rest(_a, [\"state\", \"errorMessage\", \"successMessage\", \"loaderSize\", \"loadingPercentage\", \"loadingPercentageDescribeText\"]);\n if (state === 'error')\n return (_jsxs(StyledProgressBarMessage, { state: state, hasJustifyContent: true, \"data-testid\": \"Loader\", children: [_jsx(Icon, { className: \"circle-multiply\", fontSize: \"medium\", iconStyle: \"filled\" }), _jsx(\"span\", { className: \"message\", children: errorMessage })] }));\n if (state === 'success')\n return (_jsxs(StyledProgressBarMessage, { state: state, hasJustifyContent: true, \"data-testid\": \"Loader\", children: [_jsx(Icon, { className: \"circle-check\", fontSize: \"medium\", iconStyle: \"filled\", color: \"primary\" }), _jsx(\"span\", { className: \"message\", children: successMessage })] }));\n return (_jsxs(StyledLoader, Object.assign({ loaderSize: loaderSize, loadingPercentage: loadingPercentage }, props, { ref: ref, \"data-testid\": \"Loader\", children: [(Boolean(loadingPercentage) || loadingPercentage === 0) && (_jsx(\"span\", { className: \"loading-text\", \"data-testid\": \"Loader.percentage\", children: loadingPercentageDescribeText\n ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n : `${loadingPercentage} %` })), _jsx(\"div\", { className: \"bar\", children: _jsx(\"div\", { className: \"mainBar\" }) })] })));\n});\nconst StyledLoader = styled('div', {\n shouldForwardProp: (prop) => prop !== 'loaderSize' && prop !== 'loadingPercentage',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const height = args.loaderSize === 'small' ? '4px' : '8px';\n const mainBarStyles = {\n width: '100%',\n maxWidth: '0',\n height: height,\n background: theme.palette.brand.primary,\n animation: 'animate 8s infinite',\n transition: null,\n };\n if (args.loadingPercentage || args.loadingPercentage === 0) {\n mainBarStyles.maxWidth = `${args.loadingPercentage}%`;\n mainBarStyles.animation = null;\n mainBarStyles.transition = 'max-width 1s';\n }\n let styles = {};\n styles = {\n fontSize: '14px',\n lineHeight: '20px',\n color: theme.palette.onSurface.os900,\n display: 'flex',\n flexDirection: 'column',\n fontWeight: 500,\n '& .loading-text': {\n alignSelf: 'flex-end',\n marginBottom: '4px',\n fontSize: '14px',\n lineHeight: '20px',\n color: theme.palette.onSurface.os900,\n },\n '@keyframes animate': {\n ' 0%': {\n maxWidth: '0%',\n },\n '20%': {\n maxWidth: '20%',\n },\n '50%': {\n maxWidth: '50%',\n },\n '100%': {\n maxWidth: '100%',\n },\n },\n '& .bar': {\n width: ' 100%',\n height: height,\n overflow: 'hidden',\n background: theme.palette.onSurface.os100,\n display: 'inline-block',\n '& > .mainBar': mainBarStyles,\n },\n };\n return styles;\n});\n//# sourceMappingURL=loader.js.map"],"names":["Loader","forwardRef","_a","ref","state","errorMessage","successMessage","loaderSize","loadingPercentage","loadingPercentageDescribeText","props","__rest","_jsxs","jsxs","StyledProgressBarMessage","hasJustifyContent","children","_jsx","Icon","className","fontSize","iconStyle","color","jsx","StyledLoader","Object","assign","Boolean","styled","shouldForwardProp","prop","theme","args","height","mainBarStyles","width","maxWidth","background","palette","brand","primary","animation","transition","styles","lineHeight","onSurface","os900","display","flexDirection","fontWeight","alignSelf","marginBottom","overflow","os100"],"mappings":"4LAMY,MAACA,EAASC,EAAUA,YAAC,CAACC,EAAIC,KAClC,IAAIC,MAAEA,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,kBAAEA,EAAiBC,8BAAEA,GAAkCP,EAAIQ,EAAQC,EAAAA,OAAOT,EAAI,CAAC,QAAS,eAAgB,iBAAkB,aAAc,oBAAqB,kCAClN,MAAc,UAAVE,EACQQ,EAAKC,KAACC,EAAwBA,yBAAE,CAAEV,MAAOA,EAAOW,mBAAmB,EAAM,cAAe,SAAUC,SAAU,CAACC,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,UAAW,kBAAmBC,SAAU,SAAUC,UAAW,WAAaJ,EAAAA,IAAK,OAAQ,CAAEE,UAAW,UAAWH,SAAUX,OACjP,YAAVD,EACQQ,EAAAA,KAAME,EAAAA,yBAA0B,CAAEV,MAAOA,EAAOW,mBAAmB,EAAM,cAAe,SAAUC,SAAU,CAACC,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,UAAW,eAAgBC,SAAU,SAAUC,UAAW,SAAUC,MAAO,YAAcL,EAAIM,IAAC,OAAQ,CAAEJ,UAAW,UAAWH,SAAUV,OACtQM,EAAKC,KAACW,EAAcC,OAAOC,OAAO,CAAEnB,WAAYA,EAAYC,kBAAmBA,GAAqBE,EAAO,CAAEP,IAAKA,EAAK,cAAe,SAAUa,SAAU,EAAEW,QAAQnB,IAA4C,IAAtBA,IAA6BS,EAAAA,IAAK,OAAQ,CAAEE,UAAW,eAAgB,cAAe,oBAAqBH,SAAUP,EACrS,GAAGA,KAAiCD,MACpC,GAAGA,QAA2BS,MAAK,MAAO,CAAEE,UAAW,MAAOH,SAAUC,EAAIM,IAAC,MAAO,CAAEJ,UAAW,iBAAsB,IAEvIK,EAAeI,EAAMA,OAAC,MAAO,CAC/BC,kBAAoBC,GAAkB,eAATA,GAAkC,sBAATA,GADrCF,EAEjB1B,IACA,IAAI6B,MAAEA,GAAU7B,EAAI8B,EAAOrB,EAAAA,OAAOT,EAAI,CAAC,UACvC,MAAM+B,EAA6B,UAApBD,EAAKzB,WAAyB,MAAQ,MAC/C2B,EAAgB,CAClBC,MAAO,OACPC,SAAU,IACVH,OAAQA,EACRI,WAAYN,EAAMO,QAAQC,MAAMC,QAChCC,UAAW,sBACXC,WAAY,OAEZV,EAAKxB,mBAAgD,IAA3BwB,EAAKxB,qBAC/B0B,EAAcE,SAAW,GAAGJ,EAAKxB,qBACjC0B,EAAcO,UAAY,KAC1BP,EAAcQ,WAAa,gBAE/B,IAAIC,EAAS,CAAA,EAsCb,OArCAA,EAAS,CACLvB,SAAU,OACVwB,WAAY,OACZtB,MAAOS,EAAMO,QAAQO,UAAUC,MAC/BC,QAAS,OACTC,cAAe,SACfC,WAAY,IACZ,kBAAmB,CACfC,UAAW,WACXC,aAAc,MACd/B,SAAU,OACVwB,WAAY,OACZtB,MAAOS,EAAMO,QAAQO,UAAUC,OAEnC,qBAAsB,CAClB,MAAO,CACHV,SAAU,MAEd,MAAO,CACHA,SAAU,OAEd,MAAO,CACHA,SAAU,OAEd,OAAQ,CACJA,SAAU,SAGlB,SAAU,CACND,MAAO,QACPF,OAAQA,EACRmB,SAAU,SACVf,WAAYN,EAAMO,QAAQO,UAAUQ,MACpCN,QAAS,eACT,eAAgBb,IAGjBS,CAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","sources":["
|
|
1
|
+
{"version":3,"file":"spinner.js","sources":["../../../../../src/components/progressBar/components/spinner.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { styled } from '@mui/material';\nimport { Icon } from '../../icon';\nimport { StyledProgressBarMessage } from './styledProgressBarMessage';\nexport const Spinner = forwardRef((_a, ref) => {\n var { state, errorMessage, successMessage, loadingPercentage, loadingPercentageDescribeText, spinnerControlledAnimation } = _a, props = __rest(_a, [\"state\", \"errorMessage\", \"successMessage\", \"loadingPercentage\", \"loadingPercentageDescribeText\", \"spinnerControlledAnimation\"]);\n if (state === 'error')\n return (_jsxs(StyledProgressBarMessage, { state: state, \"data-testid\": \"Spinner\", children: [_jsx(Icon, { className: \"circle-multiply\", fontSize: \"medium\", iconStyle: \"filled\" }), _jsx(\"span\", { className: \"message\", children: errorMessage })] }));\n if (state === 'success')\n return (_jsxs(StyledProgressBarMessage, { state: state, \"data-testid\": \"Spinner\", children: [_jsx(Icon, { className: \"circle-check\", fontSize: \"medium\", iconStyle: \"filled\", color: \"primary\" }), _jsx(\"span\", { className: \"message\", children: successMessage })] }));\n return (_jsxs(StyledSpinner, Object.assign({}, props, { ref: ref, spinnerControlledAnimation: spinnerControlledAnimation, loadingPercentage: loadingPercentage, \"data-testid\": \"Spinner\", children: [_jsx(\"svg\", { viewBox: \"0 0 50 50\", width: \"24\", height: \"24\", children: _jsx(\"circle\", { cx: \"25\", cy: \"25\", r: \"22.5\" }) }), (Boolean(loadingPercentage) || loadingPercentage === 0) && (_jsx(\"span\", { className: \"loading-text\", \"data-testid\": \"Spinner.percentage\", children: loadingPercentageDescribeText\n ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n : `${loadingPercentage} %` }))] })));\n});\nconst StyledSpinner = styled('div', {\n shouldForwardProp: (prop) => prop !== 'spinnerControlledAnimation' && prop !== 'loaderSize' && prop !== 'loadingPercentage',\n})((_a) => {\n var { theme } = _a, props = __rest(_a, [\"theme\"]);\n const strokeDashOffset = '137.130521355';\n const strokeDashArray = 141.3716715;\n const animationStyles = !props.spinnerControlledAnimation || props.spinnerControlledAnimation === 'infinite'\n ? {\n animationCircle: '2s ease-in-out infinite both spinner-circle',\n animationSpinner: '2s linear infinite spinner',\n strokeLinecap: 'square',\n strokeDashoffset: null,\n }\n : {\n animationCircle: null,\n animationSpinner: null,\n strokeDashoffset: strokeDashArray - (strokeDashArray / 100) * props.loadingPercentage,\n strokeLinecap: null,\n };\n let styles = {};\n styles = {\n transitionProperty: 'opacity',\n transitionDuration: '0.3s',\n transitionTimingFunction: 'ease-in-out',\n backgroundColor: 'transparent',\n fontSize: '14px',\n lineHeight: '20px',\n width: '100%',\n display: 'flex',\n color: theme.palette.onSurface.os900,\n alignItems: 'center',\n fontWeight: 400,\n '& .loading-text': {\n marginLeft: '8px',\n },\n '& circle': {\n animation: animationStyles.animationCircle,\n display: 'block',\n fill: 'transparent',\n stroke: theme.palette.brand.primary,\n strokeLinecap: animationStyles.strokeLinecap,\n strokeDasharray: strokeDashArray,\n strokeDashoffset: animationStyles.strokeDashoffset,\n strokeWidth: '10px',\n transformOrigin: '50% 50%',\n },\n '& svg': {\n background: `radial-gradient(ellipse at center, transparent 0%,transparent 48%,${theme.palette.onSurface.os100} 49%,${theme.palette.onSurface.os100} 100%)`,\n borderRadius: '50%',\n animation: animationStyles.animationSpinner,\n },\n '& .initial-spinner.-done': {\n opacity: '0',\n pointerEvents: 'none',\n },\n '@keyframes spinner': {\n '0%': { transform: 'rotateZ(0)' },\n '100%': { transform: 'rotateZ(360deg)' },\n },\n '@keyframes spinner-circle': {\n '0%': {\n strokeDashoffset: strokeDashOffset,\n transform: 'rotate(0)',\n },\n '25%': {\n strokeDashoffset: strokeDashOffset,\n transform: 'rotate(0)',\n },\n '50%': {},\n '75%': {\n strokeDashoffset: '35.342917875',\n transform: 'rotate(45deg)',\n },\n '100%': {\n strokeDashoffset: strokeDashOffset,\n transform: 'rotate(360deg)',\n },\n },\n };\n return styles;\n});\n//# sourceMappingURL=spinner.js.map"],"names":["Spinner","forwardRef","_a","ref","state","errorMessage","successMessage","loadingPercentage","loadingPercentageDescribeText","spinnerControlledAnimation","props","__rest","_jsxs","jsxs","StyledProgressBarMessage","children","_jsx","jsx","Icon","className","fontSize","iconStyle","color","StyledSpinner","Object","assign","viewBox","width","height","cx","cy","r","Boolean","styled","shouldForwardProp","prop","theme","strokeDashOffset","strokeDashArray","animationStyles","animationCircle","animationSpinner","strokeDashoffset","strokeLinecap","styles","transitionProperty","transitionDuration","transitionTimingFunction","backgroundColor","lineHeight","display","palette","onSurface","os900","alignItems","fontWeight","marginLeft","animation","fill","stroke","brand","primary","strokeDasharray","strokeWidth","transformOrigin","background","os100","borderRadius","opacity","pointerEvents","transform"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styledProgressBarMessage.js","sources":["
|
|
1
|
+
{"version":3,"file":"styledProgressBarMessage.js","sources":["../../../../../src/components/progressBar/components/styledProgressBarMessage.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { styled } from '@mui/material';\nexport const StyledProgressBarMessage = styled('div', {\n shouldForwardProp: (prop) => prop !== 'hasJustifyContent',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n return {\n color: args.state === 'error' ? theme.palette.alert['main'] : theme.palette.text.primary,\n fontSize: '14px',\n lineHeight: '20px',\n width: '100%',\n display: 'flex',\n justifyContent: args.hasJustifyContent ? 'center' : null,\n alignItems: 'center',\n fontWeight: 500,\n '& .message': {\n marginLeft: '8px',\n },\n '& .MuiIcon-root': {\n color: args.state === 'error' ? theme.palette.alert['main'] : theme.palette.brand.primary,\n },\n };\n});\n//# sourceMappingURL=styledProgressBarMessage.js.map"],"names":["StyledProgressBarMessage","styled","shouldForwardProp","prop","_a","theme","args","__rest","color","state","palette","alert","text","primary","fontSize","lineHeight","width","display","justifyContent","hasJustifyContent","alignItems","fontWeight","marginLeft","brand"],"mappings":"oCAEY,MAACA,2BAAiCC,OAAC,MAAO,CAClDC,kBAAoBC,GAAkB,sBAATA,GADOF,EAEpCG,IACA,IAAIC,MAAEA,GAAUD,EAAIE,EAAOC,EAAAA,OAAOH,EAAI,CAAC,UACvC,MAAO,CACHI,MAAsB,UAAfF,EAAKG,MAAoBJ,EAAMK,QAAQC,MAAY,KAAIN,EAAMK,QAAQE,KAAKC,QACjFC,SAAU,OACVC,WAAY,OACZC,MAAO,OACPC,QAAS,OACTC,eAAgBZ,EAAKa,kBAAoB,SAAW,KACpDC,WAAY,SACZC,WAAY,IACZ,aAAc,CACVC,WAAY,OAEhB,kBAAmB,CACfd,MAAsB,UAAfF,EAAKG,MAAoBJ,EAAMK,QAAQC,MAAY,KAAIN,EAAMK,QAAQa,MAAMV,SAEzF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progressBar.js","sources":["
|
|
1
|
+
{"version":3,"file":"progressBar.js","sources":["../../../../src/components/progressBar/progressBar.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback } from 'react';\nimport { Loader } from './components/loader';\nimport { Spinner } from './components/spinner';\nexport const ProgressBar = forwardRef((_a, ref) => {\n var { variant } = _a, props = __rest(_a, [\"variant\"]);\n const validatePercentage = useCallback(() => {\n if (!props.loadingPercentage || props.loadingPercentage === 0)\n return props.loadingPercentage;\n if (props.loadingPercentage < 0)\n return 0;\n if (props.loadingPercentage > 100)\n return 100;\n return props.loadingPercentage;\n }, [props.loadingPercentage]);\n return (_jsxs(_Fragment, { children: [' ', variant === 'loader' ? (_jsx(Loader, Object.assign({}, props, { loadingPercentage: validatePercentage(), ref: ref }))) : (_jsx(Spinner, Object.assign({}, props, { loadingPercentage: validatePercentage(), ref: ref }))), ' '] }));\n});\n//# sourceMappingURL=progressBar.js.map"],"names":["ProgressBar","forwardRef","_a","ref","variant","props","__rest","validatePercentage","useCallback","loadingPercentage","_jsxs","_Fragment","children","_jsx","Loader","Object","assign","Spinner"],"mappings":"+JAKY,MAACA,EAAcC,EAAUA,YAAC,CAACC,EAAIC,KACvC,IAAIC,QAAEA,GAAYF,EAAIG,EAAQC,EAAAA,OAAOJ,EAAI,CAAC,YAC1C,MAAMK,EAAqBC,EAAAA,aAAY,IAC9BH,EAAMI,mBAAiD,IAA5BJ,EAAMI,kBAElCJ,EAAMI,kBAAoB,EACnB,EACPJ,EAAMI,kBAAoB,IACnB,IACJJ,EAAMI,kBALFJ,EAAMI,mBAMlB,CAACJ,EAAMI,oBACV,OAAQC,EAAAA,KAAMC,EAAAA,SAAW,CAAEC,SAAU,CAAC,IAAiB,WAAZR,EAAwBS,EAAAA,IAAKC,EAAAA,OAAQC,OAAOC,OAAO,CAAE,EAAEX,EAAO,CAAEI,kBAAmBF,IAAsBJ,IAAKA,KAAYU,EAAAA,IAAKI,EAAOA,QAAEF,OAAOC,OAAO,CAAE,EAAEX,EAAO,CAAEI,kBAAmBF,IAAsBJ,IAAKA,KAAU,MAAS"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radioButton.js","sources":["
|
|
1
|
+
{"version":3,"file":"radioButton.js","sources":["../../../../src/components/radioButton/radioButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport MuiRadioButton from '@mui/material/Radio';\nimport { styled } from '@mui/material/styles';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\nimport { ternaryCondition } from '../../utils/utilities';\n/**\n * @description Styled SkodaFlow RadioButton component\n * @param props RadioButtonProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use use FormControlLabel and Radio components from @mui/material instead.\n */\nexport const RadioButton = forwardRef((props, ref) => {\n const radio = (_jsxs(RadioButtonStyled, { disabled: props.disabled, error: props.error, children: [_jsx(MuiRadioButton, Object.assign({}, props, { ref: ref, color: props.error ? 'error' : 'primary' })), props.label && typeof props.label !== 'string' && _jsx(\"div\", { className: \"NodeLabelContainer\", children: props.label })] }));\n return props.label && typeof props.label === 'string' && props.label.length > 0 ? (_jsx(FormControlLabelStyled, { control: radio, label: props.label, disabled: props.disabled, error: props.error })) : (radio);\n});\n/**\n * @description RadioButton styling definition\n */\nconst RadioButtonStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let styles = {};\n styles = {\n display: 'flex',\n '& .NodeLabelContainer': {\n cursor: 'pointer',\n paddingTop: '4px',\n paddingBottom: '4px',\n letterSpacing: '0.2px',\n paddingLeft: '8px',\n fontSize: '14px',\n lineHeight: '24px',\n fontWeight: '400',\n pointerEvents: ternaryCondition(args.disabled, true, 'none', 'all'),\n color: ternaryCondition(args.error && !args.disabled, true, theme.palette.alert.main, 'inherit'),\n '& a': {\n color: 'inherit',\n textDecoration: 'underline',\n fontWeight: '700',\n },\n '& *': {\n margin: 0,\n },\n },\n };\n if (args.disabled) {\n styles = Object.assign(Object.assign({}, styles), { color: ternaryCondition(args.disabled, true, theme.palette.disabled.primary, 'inherit') });\n }\n return styles;\n});\n//# sourceMappingURL=radioButton.js.map"],"names":["RadioButton","forwardRef","props","ref","radio","_jsxs","RadioButtonStyled","disabled","error","children","_jsx","jsx","MuiRadioButton","Object","assign","color","label","className","length","FormControlLabelStyled","control","styled","shouldForwardProp","prop","_a","theme","args","__rest","styles","display","cursor","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","pointerEvents","ternaryCondition","palette","alert","main","textDecoration","margin","primary"],"mappings":"qTAaY,MAACA,EAAcC,EAAUA,YAAC,CAACC,EAAOC,KAC1C,MAAMC,EAASC,OAAMC,EAAmB,CAAEC,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,MAAOC,SAAU,CAACC,EAAIC,IAACC,UAAgBC,OAAOC,OAAO,CAAE,EAAEZ,EAAO,CAAEC,IAAKA,EAAKY,MAAOb,EAAMM,MAAQ,QAAU,aAAeN,EAAMc,OAAgC,iBAAhBd,EAAMc,OAAsBN,EAAIC,IAAC,MAAO,CAAEM,UAAW,qBAAsBR,SAAUP,EAAMc,WAC5T,OAAOd,EAAMc,OAAgC,iBAAhBd,EAAMc,OAAsBd,EAAMc,MAAME,OAAS,EAAKR,EAAAA,IAAKS,EAAAA,QAAwB,CAAEC,QAAShB,EAAOY,MAAOd,EAAMc,MAAOT,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,QAAQ,CAAW,IAK9MF,EAAoBe,EAAMA,OAAC,MAAO,CACpCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD3BF,EAEtBG,IACA,IAAIC,MAAEA,GAAUD,EAAIE,EAAOC,EAAAA,OAAOH,EAAI,CAAC,UACvC,IAAII,EAAS,CAAA,EA2Bb,OA1BAA,EAAS,CACLC,QAAS,OACT,wBAAyB,CACrBC,OAAQ,UACRC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,YAAa,MACbC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAeC,EAAgBA,iBAACb,EAAKnB,UAAU,EAAM,OAAQ,OAC7DQ,MAAOwB,EAAAA,iBAAiBb,EAAKlB,QAAUkB,EAAKnB,UAAU,EAAMkB,EAAMe,QAAQC,MAAMC,KAAM,WACtF,MAAO,CACH3B,MAAO,UACP4B,eAAgB,YAChBN,WAAY,OAEhB,MAAO,CACHO,OAAQ,KAIhBlB,EAAKnB,WACLqB,EAASf,OAAOC,OAAOD,OAAOC,OAAO,GAAIc,GAAS,CAAEb,MAAOwB,EAAAA,iBAAiBb,EAAKnB,UAAU,EAAMkB,EAAMe,QAAQjC,SAASsC,QAAS,cAE9HjB,CAAM"}
|
|
@@ -1,21 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const FormControlSelectStyled: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
children?: import("react").ReactNode;
|
|
4
|
-
classes?: Partial<import("@mui/material/FormControl").FormControlClasses>;
|
|
5
|
-
color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material/FormControl").FormControlPropsColorOverrides>;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
error?: boolean;
|
|
8
|
-
fullWidth?: boolean;
|
|
9
|
-
focused?: boolean;
|
|
10
|
-
hiddenLabel?: boolean;
|
|
11
|
-
margin?: "normal" | "none" | "dense";
|
|
12
|
-
required?: boolean;
|
|
13
|
-
size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material/FormControl").FormControlPropsSizeOverrides>;
|
|
14
|
-
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
|
|
15
|
-
variant?: "standard" | "filled" | "outlined";
|
|
16
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
2
|
+
export declare const FormControlSelectStyled: import("@emotion/styled").StyledComponent<import("@mui/material/FormControl").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
17
3
|
ref?: import("react").Ref<HTMLDivElement>;
|
|
18
|
-
}, "disabled" |
|
|
4
|
+
}, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "color" | "margin" | "error" | "required" | "size" | "fullWidth" | "focused" | "hiddenLabel"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
19
5
|
component?: import("react").ElementType<any>;
|
|
20
6
|
} & {
|
|
21
7
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formControlSelectStyled.js","sources":["../../../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":[null],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","flowColors","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","palette","error","errorColor","alert"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"formControlSelectStyled.js","sources":["../../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":["import { __rest } from \"tslib\";\nimport MuiFormControl from '@mui/material/FormControl';\nimport { styled } from '@mui/material/styles';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/**\n * @description SelectInput styling definition based on props\n */\nconst handleStyleIcon = (props) => {\n return {\n fontSize: '24px !important',\n position: 'absolute',\n flexShrink: 0,\n pointerEvents: 'none',\n display: 'block',\n color: props.focused || props.value || props.hovered ? 'inherit' : 'rgba(0, 0, 0, 0.54)',\n };\n};\nexport const FormControlSelectStyled = styled(MuiFormControl, {\n shouldForwardProp: (prop) => prop !== 'helpText' &&\n prop !== 'hideBg' &&\n prop !== 'hasError' &&\n prop !== 'hovered' &&\n prop !== 'value' &&\n prop !== 'staticLabel',\n})((_a) => {\n var { theme } = _a, props = __rest(_a, [\"theme\"]);\n let styles = {};\n const styleIcon = handleStyleIcon(props);\n const styleSelect = {\n paddingBottom: props.staticLabel ? '16px' : '6px',\n paddingTop: props.staticLabel ? '16px' : '26px',\n };\n styles = {\n height: '56px',\n minWidth: '200px !important',\n background: flowColors.transparent.primary,\n borderRadius: '4px 4px 0px 0px',\n borderBottom: props.focused\n ? `2px solid ${flowColors.brand.primary}`\n : props.value\n ? `1px solid ${flowColors.onSurface.os900}`\n : `1px solid ${flowColors.onSurface.os500}`,\n '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { width: '50px', top: '16px' }),\n '& > .MuiFilledInput-root': {\n position: 'relative',\n height: '56px',\n },\n '& > label.MuiInputLabel-root': {\n paddingLeft: 0,\n fontWeight: 400,\n marginLeft: '0px',\n transform: 'translate(12, 18px) scale(1)',\n color: props.hovered || props.focused ? flowColors.text.primary : flowColors.onSurface.os500,\n maxWidth: 'calc(100% - 56px)',\n '&:hover': {\n color: flowColors.text.primary,\n },\n },\n '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n transform: 'translate(14px, 8px) scale(0.75)',\n paddingLeft: 0,\n fontWeight: 400,\n color: props.focused ? flowColors.brand.primary : flowColors.onSurface.os500,\n },\n '& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled': {\n color: flowColors.disabled.primary,\n },\n '& > .MuiInputBase-root': {\n background: 'transparent',\n width: '100%',\n paddingLeft: '1px',\n paddingTop: '0px',\n '&::after': {\n display: 'none',\n },\n '&::before': {\n display: 'none',\n },\n '& > div.MuiSelect-select': Object.assign(Object.assign({}, styleSelect), { fontSize: '16px', lineHeight: '24px', color: flowColors.onSurface.os900, fontWeight: '500', paddingRight: '50px', overflow: 'hidden', textOverflow: 'ellipsis', width: '100%', boxSizing: 'content-box!important', '&:focus': {\n background: 'transparent',\n }, '& > div.MuiListItemText-root': {\n marginTop: 0,\n } }),\n '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { right: '15.5px', width: '24px', top: '19px' }),\n },\n };\n const labelStyle = styles['& > label.MuiInputLabel-root'];\n if (props.icon) {\n styles = Object.assign(Object.assign({}, styles), { '& > label.MuiInputLabel-root': Object.assign(Object.assign({}, labelStyle), { paddingLeft: '40px' }), '& > label.MuiInputLabel-root.MuiInputLabel-shrink': Object.assign(Object.assign({}, styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink']), { transform: 'translate(24px, 8px) scale(0.75)', paddingLeft: '40px' }), '& > .MuiInputBase-root': {\n background: 'transparent',\n width: '100%',\n paddingLeft: '1px',\n paddingTop: '0px',\n '& > div.MuiSelect-select': Object.assign(Object.assign({}, styleSelect), { fontSize: '16px', lineHeight: '24px', color: flowColors.onSurface.os900, fontWeight: '500', paddingRight: '56px', paddingLeft: '52px', overflow: 'hidden', textOverflow: 'ellipsis', width: '100%', boxSizing: 'content-box!important', '&:focus': {\n background: 'transparent',\n }, '& > div.MuiListItemText-root': {\n marginTop: '14px',\n } }),\n '&::after': {\n display: 'none',\n },\n '&::before': {\n display: 'none',\n },\n '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { right: '12.5px', width: '24px', top: '19px', '&:hovered': {} }),\n } });\n }\n if (props.disabled) {\n labelStyle.color = flowColors.disabled.primary;\n styles = Object.assign(Object.assign({}, styles), { borderBottom: `1px solid ${flowColors.disabled.primary}`, '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { width: '50px', height: '56px', display: 'inline-flex', top: '0', alignItems: 'center', justifyContent: 'center', paddingBottom: '8px', color: theme.palette.disabled.primary }), '& > .MuiInputBase-root': Object.assign(Object.assign({}, styles['& > .MuiInputBase-root']), { '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { right: '12.5px', top: '19px', color: theme.palette.disabled.primary }) }) });\n }\n if (props.error) {\n const errorColor = props.focused || props.hovered ? theme.palette.alert['main'] : theme.palette.onSurface.os500;\n labelStyle.color = errorColor;\n styles = Object.assign(Object.assign({}, styles), { borderBottom: `2px solid ${theme.palette.alert['main']}`, '& > label.MuiInputLabel-root.MuiInputLabel-shrink': Object.assign(Object.assign({}, styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink']), { color: errorColor }) });\n }\n return styles;\n});\n//# sourceMappingURL=formControlSelectStyled.js.map"],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","flowColors","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","palette","error","errorColor","alert"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSelectInput.js","sources":["
|
|
1
|
+
{"version":3,"file":"useSelectInput.js","sources":["../../../../../src/components/selectInput/hook/useSelectInput.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nexport const useSelectInput = (inputRef, setParentInputWidth, setHelpTextState, fullWidth, helpText, value, setCurrentValue, required, setIsRequired) => {\n //-Set the current value from select\n const handleOnChange = useCallback((e, onChange, _setCurrentValue) => {\n const inputValue = e.target.value;\n _setCurrentValue(inputValue);\n onChange && onChange(e);\n }, []);\n //Call the onBlur callback from the outside, reset the focused state\n const handleOnBlur = useCallback((setIsFocused, onBlur) => {\n setIsFocused(false);\n onBlur && onBlur();\n }, []);\n //Call the onFocus callback from outside, set the focus style to true\n const handleOnFocus = useCallback((setIsFocused, onFocus) => {\n setIsFocused(true);\n onFocus && onFocus();\n }, []);\n useEffect(() => {\n if (!inputRef || !inputRef.current)\n return;\n setParentInputWidth(inputRef.current.offsetWidth + 'px');\n }, [inputRef, fullWidth, setParentInputWidth]);\n useEffect(() => {\n setHelpTextState(helpText);\n }, [inputRef, helpText, setHelpTextState]);\n //If value passed from outside exists\n useEffect(() => {\n if (value && value.length > 0) {\n setCurrentValue(value);\n }\n }, [setCurrentValue, value]);\n useEffect(() => {\n setIsRequired(required);\n }, [required, setIsRequired]);\n return {\n handleOnChange,\n handleOnBlur,\n handleOnFocus,\n };\n};\n//# sourceMappingURL=useSelectInput.js.map"],"names":["inputRef","setParentInputWidth","setHelpTextState","fullWidth","helpText","value","setCurrentValue","required","setIsRequired","handleOnChange","useCallback","e","onChange","_setCurrentValue","target","handleOnBlur","setIsFocused","onBlur","handleOnFocus","onFocus","useEffect","current","offsetWidth","length"],"mappings":"2DAC8B,CAACA,EAAUC,EAAqBC,EAAkBC,EAAWC,EAAUC,EAAOC,EAAiBC,EAAUC,KAEnI,MAAMC,EAAiBC,EAAWA,aAAC,CAACC,EAAGC,EAAUC,KAE7CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,EAAE,GACxB,IAEGI,EAAeL,EAAAA,aAAY,CAACM,EAAcC,KAC5CD,GAAa,GACbC,GAAUA,GAAQ,GACnB,IAEGC,EAAgBR,EAAAA,aAAY,CAACM,EAAcG,KAC7CH,GAAa,GACbG,GAAWA,GAAS,GACrB,IAkBH,OAjBAC,EAAAA,WAAU,KACDpB,GAAaA,EAASqB,SAE3BpB,EAAoBD,EAASqB,QAAQC,YAAc,KAAK,GACzD,CAACtB,EAAUG,EAAWF,IACzBmB,EAAAA,WAAU,KACNlB,EAAiBE,EAAS,GAC3B,CAACJ,EAAUI,EAAUF,IAExBkB,EAAAA,WAAU,KACFf,GAASA,EAAMkB,OAAS,GACxBjB,EAAgBD,EACnB,GACF,CAACC,EAAiBD,IACrBe,EAAAA,WAAU,KACNZ,EAAcD,EAAS,GACxB,CAACA,EAAUC,IACP,CACHC,iBACAM,eACAG,gBACH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputLabelSelect.js","sources":["
|
|
1
|
+
{"version":3,"file":"inputLabelSelect.js","sources":["../../../../src/components/selectInput/inputLabelSelect.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { InputLabel } from '@mui/material';\nconst InputLabelSelect = ({ staticLabel, currentValue, opened, label }) => {\n if (staticLabel && currentValue) {\n return null;\n }\n else {\n return (_jsx(InputLabel, { shrink: currentValue || opened ? true : false, id: label, children: label }));\n }\n};\nexport default InputLabelSelect;\n//# sourceMappingURL=inputLabelSelect.js.map"],"names":["staticLabel","currentValue","opened","label","_jsx","jsx","InputLabel","shrink","id","children"],"mappings":"kJAEyB,EAAGA,cAAaC,eAAcC,SAAQC,WACvDH,GAAeC,EACR,KAGCG,EAAIC,IAACC,EAAUA,WAAE,CAAEC,UAAQN,IAAgBC,GAAuBM,GAAIL,EAAOM,SAAUN"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectInput.js","sources":["
|
|
1
|
+
{"version":3,"file":"selectInput.js","sources":["../../../../src/components/selectInput/selectInput.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useRef, useState } from 'react';\nimport { FormControlSelectStyled } from './formControlSelectStyled';\nimport MuiSelect from '@mui/material/Select';\nimport { Icon } from '../icon';\nimport { useSelectInput } from './hook/useSelectInput';\nimport { styled } from '@mui/material/styles';\nimport InputLabelSelect from './inputLabelSelect';\nimport { FormHelperText } from '@mui/material';\nimport HelperText from '../common/helperText';\nimport noop from 'lodash/noop';\n/**\n * @description SkodaFlow SelectInput component.\n * Properties are inherited from HTML input element.\n * @param props SelectInputProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Select component from @mui/material instead.\n */\nexport const SelectInput = (_a) => {\n var { label = null, onChange, onBlur, onFocus, value, children, staticLabel, InputProps, fullWidth = true, removeSelectMenuMaxWidth } = _a, props = __rest(_a, [\"label\", \"onChange\", \"onBlur\", \"onFocus\", \"value\", \"children\", \"staticLabel\", \"InputProps\", \"fullWidth\", \"removeSelectMenuMaxWidth\"]);\n const [currentValue, setCurrentValue] = useState('');\n const [isFocused, setIsFocused] = useState(false);\n const [hovered, setHovered] = useState(false);\n const [isRequired, setIsRequired] = useState(false);\n const [opened, setOpened] = useState(false);\n const [inputWidth, setInputWidth] = useState(null);\n const { handleOnBlur, handleOnChange, handleOnFocus } = useSelectInput(isFocused, noop, noop, fullWidth, props.helpText, value, setCurrentValue, props.required, setIsRequired);\n const inputRef = useRef(null);\n const formControlSelectRef = useRef(null);\n const menuProps = {\n sx: inputWidth\n ? {\n maxWidth: removeSelectMenuMaxWidth ? 'unset' : inputWidth,\n '& .MuiBackdrop-root': {\n background: 'transparent',\n backdropFilter: 'blur(0px)',\n },\n }\n : {\n '& .MuiBackdrop-root': {\n background: 'transparent',\n backdropFilter: 'blur(0px)',\n },\n },\n };\n return (_jsx(_Fragment, { children: _jsxs(FormControlSelectStyled, Object.assign({}, props, { ref: formControlSelectRef, staticLabel: staticLabel, sx: !fullWidth ? { width: '200px' } : {}, disabled: props.disabled, error: props.hasError, value: currentValue, hideBg: props.hideBg, onMouseEnter: () => {\n !hovered && !opened && setHovered(true);\n }, onMouseLeave: () => {\n hovered && !opened && setHovered(false);\n }, onMouseDown: (e) => {\n const elemWidth = e.currentTarget.offsetWidth;\n setInputWidth(elemWidth);\n }, icon: props.icon, hovered: hovered, focused: isFocused, variant: \"filled\", fullWidth: fullWidth, children: [props.icon && _jsx(Icon, { color: props.disabled ? 'disabled' : 'inherit', className: props.icon }), _jsx(InputLabelSelect, { staticLabel: staticLabel, label: label, opened: opened, currentValue: currentValue }), _jsx(SelectInputStyled, { MenuProps: menuProps, required: isRequired, onOpen: () => {\n setOpened(true);\n }, onClose: () => {\n setIsFocused(false);\n setHovered(false);\n setOpened(false);\n }, onBlur: () => handleOnBlur(setIsFocused, onBlur), onFocus: () => handleOnFocus(setIsFocused, onFocus), IconComponent: () => (opened ? _jsx(Icon, { className: \"chevron-up\" }) : _jsx(Icon, { className: \"chevron-down\" })), labelId: label, id: props.id, name: props.name, value: currentValue, onChange: (e) => handleOnChange(e, onChange, setCurrentValue), ref: inputRef, hasIcon: !!props.icon, fullWidth: fullWidth, children: children }), _jsx(FormHelperText, { children: _jsx(HelperText, { maxChars: 0, currentValue: currentValue, helpText: props.helpText }) })] })) }));\n};\n/**\n * @description Button styling defintion based on props\n */\nconst SelectInputStyled = styled(MuiSelect, {\n shouldForwardProp: (prop) => prop !== 'hasIcon' && prop !== 'fullWidth',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n if (!args.fullWidth)\n return null;\n const width = args.hasIcon ? 'calc(100% - 102px) !important' : 'calc(100% - 62px) !important';\n return {\n '& > .MuiSelect-filled': {\n position: 'absolute',\n left: 0,\n top: 0,\n width: width,\n },\n };\n});\n//# sourceMappingURL=selectInput.js.map"],"names":["SelectInputStyled","styled","MuiSelect","shouldForwardProp","prop","_a","args","__rest","fullWidth","position","left","top","width","hasIcon","label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","removeSelectMenuMaxWidth","props","currentValue","setCurrentValue","useState","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","opened","setOpened","inputWidth","setInputWidth","handleOnBlur","handleOnChange","handleOnFocus","useSelectInput","noop","helpText","required","inputRef","useRef","formControlSelectRef","menuProps","sx","maxWidth","background","backdropFilter","_jsx","_Fragment","_jsxs","jsxs","FormControlSelectStyled","Object","assign","ref","disabled","error","hasError","hideBg","onMouseEnter","onMouseLeave","onMouseDown","e","elemWidth","currentTarget","offsetWidth","icon","focused","variant","Icon","color","className","InputLabelSelect","default","jsx","MenuProps","onOpen","onClose","IconComponent","labelId","id","name","FormHelperText","HelperText","maxChars"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"containerStyled.js","sources":["
|
|
1
|
+
{"version":3,"file":"containerStyled.js","sources":["../../../../src/components/slider/containerStyled.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport styled from '@emotion/styled';\nexport const ContainerStyled = styled.div((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let style = {};\n if (!args.marks)\n return style;\n let rule = {};\n const isArray = Array.isArray(args.value);\n style = {\n position: 'relative',\n padding: '0px 3px',\n };\n if (!isArray) {\n rule = {\n '& .single-value-input': {\n position: 'relative',\n marginLeft: '-3px',\n },\n };\n }\n else {\n rule = {\n '& .single-value-input': {\n position: 'relative',\n '&:nth-of-type(1)': {\n marginLeft: '-3px',\n },\n '&:last-of-type': {\n marginRight: '-3px',\n },\n },\n };\n }\n style = Object.assign(Object.assign({}, style), rule);\n return style;\n});\n//# sourceMappingURL=containerStyled.js.map"],"names":["ContainerStyled","default","div","_a","args","__rest","style","marks","rule","position","padding","Array","isArray","value","marginLeft","marginRight","Object","assign"],"mappings":"uFAEY,MAACA,gCAAwBC,QAACC,KAAKC,IACpC,IAAiBC,EAAOC,EAAMA,OAACF,EAAI,CAAC,UACvC,IAAIG,EAAQ,CAAA,EACZ,IAAKF,EAAKG,MACN,OAAOD,EACX,IAAIE,EAAO,CAAA,EA4BX,OA1BAF,EAAQ,CACJG,SAAU,WACVC,QAAS,WAWTF,EAdYG,MAAMC,QAAQR,EAAKS,OAcxB,CACH,wBAAyB,CACrBJ,SAAU,WACV,mBAAoB,CAChBK,WAAY,QAEhB,iBAAkB,CACdC,YAAa,UAflB,CACH,wBAAyB,CACrBN,SAAU,WACVK,WAAY,SAiBxBR,EAAQU,OAAOC,OAAOD,OAAOC,OAAO,GAAIX,GAAQE,GACzCF,CAAK"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
import React from 'react';
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
3
2
|
export type ValueComponentType = 'default' | 'input' | 'labeledInput' | null;
|
|
3
|
+
export type SliderThousandsSeparatorType = '.' | ',' | ' ';
|
|
4
4
|
/**
|
|
5
5
|
* @interface Base defintion of SkodaFlow Slider component independent on core implementation.
|
|
6
6
|
* Properties are inherited from HTML Span element and component functionality is taken from @mui/material/Slider v5.0.1.
|
|
@@ -131,7 +131,7 @@ export interface SliderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'colo
|
|
|
131
131
|
/**
|
|
132
132
|
* Thousands separator variants for formatting currency
|
|
133
133
|
*/
|
|
134
|
-
thousandsSeparator?:
|
|
134
|
+
thousandsSeparator?: SliderThousandsSeparatorType;
|
|
135
135
|
/**
|
|
136
136
|
* Decimal separator variants for formatting currency
|
|
137
137
|
*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material/Slider"),l=require("@mui/material/styles"),i=require("../common/resizableSliderInput.js"),d=require("../common/styled/sliderValuesStyled.js"),n=require("./containerStyled.js");function s(e){return e&&e.__esModule?e:{default:e}}var u=s(t);const o=r.forwardRef(((t,l)=>{var{min:s,max:u,defaultValue:o,valueComponentType:c,leftSideLabel:b,rightSideLabel:x,disabled:S,disableSwap:h,step:v,value:f,isCurrencyInFront:y,minTextDescription:g="",maxTextDescription:j="",onChange:C,onInputBlur:D,thousandsSeparator:I=" ",decimalSeparator:T=",",hiddenDecimalSeparator:$=!0}=t,F=e.__rest(t,["min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator"]);const k=r.useMemo((()=>((e,a,r,t)=>void 0!==t?t:void 0!==r?r:a&&!e?[0,a]:!a&&e?e:0)(s,u,o,f)),[s,u,o,f]),[q,V]=r.useState(k);r.useEffect((()=>{f&&V((()=>f))}),[f]);const B=r.useCallback((e=>(e=>{let a=e?parseInt(e):-1;return isNaN(a)&&(a=-1),a})(e)),[]),L=r.useCallback(((e,a,r)=>{if(!Array.isArray(a))return V(a),void(C&&C(e,a,r));V(0===r?[Math.min(a[0],a[1]-v
|
|
1
|
+
"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material/Slider"),l=require("@mui/material/styles"),i=require("../common/resizableSliderInput.js"),d=require("../common/styled/sliderValuesStyled.js"),n=require("./containerStyled.js");function s(e){return e&&e.__esModule?e:{default:e}}var u=s(t);const o=r.forwardRef(((t,l)=>{var{min:s,max:u,defaultValue:o,valueComponentType:c,leftSideLabel:b,rightSideLabel:x,disabled:S,disableSwap:h,step:v,value:f,isCurrencyInFront:y,minTextDescription:g="",maxTextDescription:j="",onChange:C,onInputBlur:D,thousandsSeparator:I=" ",decimalSeparator:T=",",hiddenDecimalSeparator:$=!0}=t,F=e.__rest(t,["min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator"]);const k=r.useMemo((()=>((e,a,r,t)=>void 0!==t?t:void 0!==r?r:a&&!e?[0,a]:!a&&e?e:0)(s,u,o,f)),[s,u,o,f]),[q,V]=r.useState(k);r.useEffect((()=>{f&&V((()=>f))}),[f]);const B=r.useCallback((e=>(e=>{let a=e?parseInt(e):-1;return isNaN(a)&&(a=-1),a})(e)),[]),L=r.useCallback(((e,a,r)=>{if(!Array.isArray(a))return V(a),void(C&&C(e,a,r));V(0===r?[Math.min(a[0],a[1]-v),a[1]]:[a[0],Math.max(a[1],a[0]+v)]),C&&C(e,a,r)}),[C,v]),M=r.useCallback((e=>{let a=B(e.target.value);a>u&&(a=u),C&&C(e,a),V((()=>a))}),[B,u,C]),A=r.useCallback(((e,a)=>{let r=B(e.target.value);1===a&&r>u?r=u:0===a&&r>q[1]&&(r=q[1]),V((t=>{let l=[...t];return l[a]=r,l[0]>l[1]&&(l=[0,v]),C&&C(e,l,a),l}))}),[B,u,C,v,q]),N=r.useMemo((()=>Array.isArray(q)?((e,r,t,l,d,n,s,u,o,p,c,b,x)=>{if("default"===e||!e){const e=m("number"==typeof r[0]?r[0]:parseInt(r[0]),b,c,x),t=m("number"==typeof r[1]?r[1]:parseInt(r[1]),b,c,x);return a.jsxs("div",{className:"range-values",children:[a.jsx("div",{"data-testid":"Slider.minVal",children:p?`${d} ${e}`:`${e} ${d}`}),a.jsx("div",{className:"middle-side"}),a.jsx("div",{"data-testid":"Slider.maxVal",children:p?`${n} ${t}`:`${t} ${n}`})]})}return a.jsxs("div",{className:"range-values",children:[a.jsx(i.default,{id:"slider-double-value-left-label-input",onChange:s,onBlur:u,value:r[0],thousandsSeparator:c,decimalSeparator:b,hiddenDecimalSeparator:x,thumb:0,disabled:o,textDescription:d,labelText:"input"===e?null:t,isCurrencyInFront:p,"data-testid":"Slider.minVal"}),a.jsx("div",{className:"middle-side"}),a.jsx(i.default,{id:"slider-double-value-right-label-input",onChange:s,onBlur:u,value:r[1],thousandsSeparator:c,decimalSeparator:b,hiddenDecimalSeparator:x,thumb:1,disabled:o,textDescription:n,labelText:"labeledInput"===e?l:null,isCurrencyInFront:p,"data-testid":"Slider.maxVal"})]})})(c,q,b,x,g,j,A,D,S,y,I,T,$):((e,r,t,l,d,n,s,u,o,p,c)=>{if("default"===e||!e){const e=m("number"==typeof r?r:parseInt(r),p,o,c);return a.jsxs("div",{"data-testid":"Slider.minVal",children:[l&&u?`${l} ${e}`:l?`${e} ${l}`:e," "]})}return a.jsx(i.default,{id:"slider-single-value-label-input",value:r,thousandsSeparator:o,decimalSeparator:p,hiddenDecimalSeparator:c,onChange:d,onBlur:n,disabled:s,textDescription:l,labelText:"labeledInput"===e?t:null,isCurrencyInFront:u})})(c,q,b,g,M,D,S,y,I,T,$)),[S,y,b,j,g,A,M,D,x,c,q,I,T,$]);return a.jsxs(n.ContainerStyled,{value:q,marks:F.marks,"data-testid":"Slider","data-state":S?"disabled":void 0,children:[a.jsx(p,Object.assign({},F,{disabled:S,ref:l,onChange:L,min:s,max:u,step:v,disableSwap:h,valueLabelFormat:e=>m(e,T,I,$),value:q})),a.jsx(d.default,{disabled:S,children:N})]})})),p=l.styled(u.default,{shouldForwardProp:e=>"minTextDescription"!==e&&"maxTextDescription"!==e&&"leftSideLabel"!==e&&"rightSideLabel"!==e&&"valueComponentType"!==e})((a=>{var r=e.__rest(a,["theme"]);if(!r.marks)return null;let t={};Array.isArray(r.value)||(t={"& .MuiSlider-track":{left:"-3px !important"}});let l={"& .MuiSlider-rail":{left:"-3px",paddingRight:"6px"}};return l=Object.assign(Object.assign({},l),t),l})),m=(e,a,r,t)=>t?e.toFixed().replace(/\B(?=(\d{3})+(?!\d))/g,r):e.toFixed(2).replace(".",a).replace(/\B(?=(\d{3})+(?!\d))/g,r);exports.Slider=o;
|
|
2
2
|
//# sourceMappingURL=slider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.js","sources":["../../../../../src/components/slider/slider.tsx"],"sourcesContent":[null],"names":["Slider","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","props","__rest","getInitialValueWithUseCallBack","useMemo","undefined","getInitialValue","values","setValues","useState","useEffect","getFormattedValueWithUseCallBack","useCallback","_value","result","parseInt","isNaN","getFormattedValue","onChangeHandler","event","activeThumb","Array","isArray","Math","onChangeSingleValue","e","newValue","target","onChangeDoubleValue","thumb","curr","newArrayValue","valuesComponent","type","onBlur","minVal","getFormattedString","maxVal","_jsxs","className","children","_jsx","jsxs","jsx","ResizableSliderInput","id","textDescription","labelText","default","getDoubleValueComponent","val","getSingleValueComponent","ContainerStyled","marks","SliderStyled","valueLabelFormat","v","SliderValuesStyled","styled","MuiSlider","shouldForwardProp","prop","args","rule","left","style","paddingRight","Object","assign","num","toFixed","replace"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"slider.js","sources":["../../../../src/components/slider/slider.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/* eslint-disable sonarjs/cognitive-complexity */\nimport { forwardRef, useCallback, useEffect, useMemo, useState } from 'react';\nimport MuiSlider from '@mui/material/Slider';\nimport { styled } from '@mui/material/styles';\nimport ResizableSliderInput from '../common/resizableSliderInput';\nimport SliderValuesStyled from '../common/styled/sliderValuesStyled';\nimport { ContainerStyled } from './containerStyled';\nconst getDoubleValueComponent = (type, values, leftSideLabel, rightSideLabel, minTextDescription, maxTextDescription, onChange, onBlur, disabled, isCurrencyInFront, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator) => {\n if (type === 'default' || !type) {\n const minVal = getFormattedString(typeof values[0] === 'number' ? values[0] : parseInt(values[0]), decimalSeparator, thousandsSeparator, hiddenDecimalSeparator);\n const maxVal = getFormattedString(typeof values[1] === 'number' ? values[1] : parseInt(values[1]), decimalSeparator, thousandsSeparator, hiddenDecimalSeparator);\n return (_jsxs(\"div\", { className: \"range-values\", children: [_jsx(\"div\", { \"data-testid\": \"Slider.minVal\", children: isCurrencyInFront ? `${minTextDescription} ${minVal}` : `${minVal} ${minTextDescription}` }), _jsx(\"div\", { className: \"middle-side\" }), _jsx(\"div\", { \"data-testid\": \"Slider.maxVal\", children: isCurrencyInFront ? `${maxTextDescription} ${maxVal}` : `${maxVal} ${maxTextDescription}` })] }));\n }\n return (_jsxs(\"div\", { className: \"range-values\", children: [_jsx(ResizableSliderInput, { id: \"slider-double-value-left-label-input\", onChange: onChange, onBlur: onBlur, value: values[0], thousandsSeparator: thousandsSeparator, decimalSeparator: decimalSeparator, hiddenDecimalSeparator: hiddenDecimalSeparator, thumb: 0, disabled: disabled, textDescription: minTextDescription, labelText: type === 'input' ? null : leftSideLabel, isCurrencyInFront: isCurrencyInFront, \"data-testid\": \"Slider.minVal\" }), _jsx(\"div\", { className: \"middle-side\" }), _jsx(ResizableSliderInput, { id: \"slider-double-value-right-label-input\", onChange: onChange, onBlur: onBlur, value: values[1], thousandsSeparator: thousandsSeparator, decimalSeparator: decimalSeparator, hiddenDecimalSeparator: hiddenDecimalSeparator, thumb: 1, disabled: disabled, textDescription: maxTextDescription, labelText: type === 'labeledInput' ? rightSideLabel : null, isCurrencyInFront: isCurrencyInFront, \"data-testid\": \"Slider.maxVal\" })] }));\n};\nconst getSingleValueComponent = (type, values, leftSideLabel, minTextDescription, onChange, onBlur, disabled, isCurrencyInFront, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator) => {\n if (type === 'default' || !type) {\n const val = getFormattedString(typeof values === 'number' ? values : parseInt(values), decimalSeparator, thousandsSeparator, hiddenDecimalSeparator);\n return (_jsxs(\"div\", { \"data-testid\": \"Slider.minVal\", children: [minTextDescription && isCurrencyInFront\n ? `${minTextDescription} ${val}`\n : minTextDescription\n ? `${val} ${minTextDescription}`\n : val, ' '] }));\n }\n return (_jsx(ResizableSliderInput, { id: \"slider-single-value-label-input\", value: values, thousandsSeparator: thousandsSeparator, decimalSeparator: decimalSeparator, hiddenDecimalSeparator: hiddenDecimalSeparator, onChange: onChange, onBlur: onBlur, disabled: disabled, textDescription: minTextDescription, labelText: type === 'labeledInput' ? leftSideLabel : null, isCurrencyInFront: isCurrencyInFront }));\n};\nconst getFormattedValue = (value) => {\n let result = value ? parseInt(value) : -1;\n if (isNaN(result))\n result = -1;\n return result;\n};\nconst getInitialValue = (min, max, defaultValue, value) => {\n if (value !== undefined)\n return value;\n if (defaultValue !== undefined)\n return defaultValue;\n if (max && !min)\n return [0, max];\n if (!max && min)\n return min;\n return 0;\n};\n/**\n * @description Styled SkodaFlow Slider component\n * @param props SliderProps\n * @returns React Functional Component\n */\nexport const Slider = forwardRef((_a, ref) => {\n var { min, max, defaultValue, valueComponentType, leftSideLabel, rightSideLabel, disabled, disableSwap, step, value, isCurrencyInFront, minTextDescription = '', maxTextDescription = '', onChange, onInputBlur, thousandsSeparator = ' ', decimalSeparator = ',', hiddenDecimalSeparator = true } = _a, props = __rest(_a, [\"min\", \"max\", \"defaultValue\", \"valueComponentType\", \"leftSideLabel\", \"rightSideLabel\", \"disabled\", \"disableSwap\", \"step\", \"value\", \"isCurrencyInFront\", \"minTextDescription\", \"maxTextDescription\", \"onChange\", \"onInputBlur\", \"thousandsSeparator\", \"decimalSeparator\", \"hiddenDecimalSeparator\"]);\n const getInitialValueWithUseCallBack = useMemo(() => {\n return getInitialValue(min, max, defaultValue, value);\n }, [min, max, defaultValue, value]);\n const [values, setValues] = useState(getInitialValueWithUseCallBack);\n useEffect(() => {\n if (value)\n setValues(() => value);\n }, [value]);\n const getFormattedValueWithUseCallBack = useCallback((_value) => {\n return getFormattedValue(_value);\n }, []);\n const onChangeHandler = useCallback((event, _value, activeThumb) => {\n if (!Array.isArray(_value)) {\n setValues(_value);\n onChange && onChange(event, _value, activeThumb);\n return;\n }\n if (activeThumb === 0) {\n setValues([Math.min(_value[0], _value[1] - step), _value[1]]);\n }\n else {\n setValues([_value[0], Math.max(_value[1], _value[0] + step)]);\n }\n onChange && onChange(event, _value, activeThumb);\n }, [onChange, step]);\n const onChangeSingleValue = useCallback((e) => {\n let newValue = getFormattedValueWithUseCallBack(e.target.value);\n if (newValue > max)\n newValue = max;\n onChange && onChange(e, newValue);\n setValues(() => newValue);\n }, [getFormattedValueWithUseCallBack, max, onChange]);\n const onChangeDoubleValue = useCallback((e, thumb) => {\n let newValue = getFormattedValueWithUseCallBack(e.target.value);\n if (thumb === 1 && newValue > max)\n newValue = max;\n else if (thumb === 0 && newValue > values[1])\n newValue = values[1];\n setValues((curr) => {\n let newArrayValue = [...curr];\n newArrayValue[thumb] = newValue;\n if (newArrayValue[0] > newArrayValue[1]) {\n newArrayValue = [0, step];\n }\n onChange && onChange(e, newArrayValue, thumb);\n return newArrayValue;\n });\n }, [getFormattedValueWithUseCallBack, max, onChange, step, values]);\n const valuesComponent = useMemo(() => {\n return Array.isArray(values)\n ? getDoubleValueComponent(valueComponentType, values, leftSideLabel, rightSideLabel, minTextDescription, maxTextDescription, onChangeDoubleValue, onInputBlur, disabled, isCurrencyInFront, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator)\n : getSingleValueComponent(valueComponentType, values, leftSideLabel, minTextDescription, onChangeSingleValue, onInputBlur, disabled, isCurrencyInFront, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator);\n }, [\n disabled,\n isCurrencyInFront,\n leftSideLabel,\n maxTextDescription,\n minTextDescription,\n onChangeDoubleValue,\n onChangeSingleValue,\n onInputBlur,\n rightSideLabel,\n valueComponentType,\n values,\n thousandsSeparator,\n decimalSeparator,\n hiddenDecimalSeparator,\n ]);\n return (_jsxs(ContainerStyled, { value: values, marks: props.marks, \"data-testid\": \"Slider\", \"data-state\": disabled ? 'disabled' : undefined, children: [_jsx(SliderStyled, Object.assign({}, props, { disabled: disabled, ref: ref, onChange: onChangeHandler, min: min, max: max, step: step, disableSwap: disableSwap, valueLabelFormat: (v) => getFormattedString(v, decimalSeparator, thousandsSeparator, hiddenDecimalSeparator), value: values })), _jsx(SliderValuesStyled, { disabled: disabled, children: valuesComponent })] }));\n});\n/**\n * @description Slider styling definition\n */\nconst SliderStyled = styled(MuiSlider, {\n shouldForwardProp: (prop) => prop !== 'minTextDescription' &&\n prop !== 'maxTextDescription' &&\n prop !== 'leftSideLabel' &&\n prop !== 'rightSideLabel' &&\n prop !== 'valueComponentType',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n if (!args.marks)\n return null;\n let rule = {};\n const isArray = Array.isArray(args.value);\n if (!isArray)\n rule = {\n '& .MuiSlider-track': {\n left: '-3px !important',\n },\n };\n let style = {\n '& .MuiSlider-rail': {\n left: '-3px',\n paddingRight: '6px',\n },\n };\n style = Object.assign(Object.assign({}, style), rule);\n return style;\n});\nconst getFormattedString = (num, decimalSeparator, thousandsSeparator, hiddenDecimalSeparator) => {\n if (hiddenDecimalSeparator)\n return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n return num\n .toFixed(2)\n .replace('.', decimalSeparator)\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n};\n//# sourceMappingURL=slider.js.map"],"names":["Slider","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","props","__rest","getInitialValueWithUseCallBack","useMemo","undefined","getInitialValue","values","setValues","useState","useEffect","getFormattedValueWithUseCallBack","useCallback","_value","result","parseInt","isNaN","getFormattedValue","onChangeHandler","event","activeThumb","Array","isArray","Math","onChangeSingleValue","e","newValue","target","onChangeDoubleValue","thumb","curr","newArrayValue","valuesComponent","type","onBlur","minVal","getFormattedString","maxVal","_jsxs","className","children","_jsx","jsxs","jsx","ResizableSliderInput","id","textDescription","labelText","default","getDoubleValueComponent","val","getSingleValueComponent","ContainerStyled","marks","SliderStyled","Object","assign","valueLabelFormat","v","SliderValuesStyled","styled","MuiSlider","shouldForwardProp","prop","args","rule","left","style","paddingRight","num","toFixed","replace"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snackbar.js","sources":["
|
|
1
|
+
{"version":3,"file":"snackbar.js","sources":["../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useMemo } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MuiSnackbar from '@mui/material/Snackbar';\nimport { SnackbarMessage } from './snackbarMessage';\n/**\n * @description SkodaFlow Snackbar component.\n * Properties are inherited from HTML Div element.\n * @param props SnackbarProps\n * @returns React Functional Component\n */\nexport const Snackbar = forwardRef(({ open, setOpen, icon, message, header, handleAction, autoHideDuration, actionButtonTitle, handleClose, closeOnClickaway, anchorOrigin, disableWindowBlurListener, resumeHideDuration, TransitionProps, }, ref) => {\n const actionComponent = useMemo(() => {\n return actionButtonTitle && _jsx(\"button\", { onClick: handleAction, children: actionButtonTitle });\n }, [actionButtonTitle, handleAction]);\n const messageComponent = useMemo(() => _jsx(SnackbarMessage, { icon: icon, header: header, message: message }), [header, icon, message]);\n const mainHandleClose = useCallback((event, reason) => {\n if (!closeOnClickaway && reason === 'clickaway') {\n return;\n }\n if (handleClose)\n handleClose(event, reason);\n setOpen(false);\n }, [closeOnClickaway, handleClose, setOpen]);\n return (_jsx(SnackbarStyled, { actionButtonTitle: actionButtonTitle, open: open, autoHideDuration: autoHideDuration, onClose: mainHandleClose, icon: icon, header: header, message: messageComponent, action: actionComponent, anchorOrigin: anchorOrigin, disableWindowBlurListener: disableWindowBlurListener, resumeHideDuration: resumeHideDuration, TransitionProps: TransitionProps, ref: ref }));\n});\nexport const checkForIcon = (icon) => {\n return icon === 'alert' || icon === 'warning' || icon === 'success';\n};\n/**\n * @description Snackbar styling defintion based on props\n */\nconst SnackbarStyled = styled(MuiSnackbar, {\n shouldForwardProp: (prop) => prop !== 'actionButtonTitle',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n return {\n '& .MuiPaper-root': {\n paddingLeft: checkForIcon(args.icon) ? '18px' : '16px',\n paddingTop: args.header ? '12px' : '8px',\n paddingBottom: args.header ? '12px' : '8px',\n '& > .MuiSnackbarContent-message': {\n '& > div': {\n '& .custom-snackbar-divider': {\n display: args.actionButtonTitle ? 'flex' : 'none',\n },\n },\n },\n },\n };\n});\n//# sourceMappingURL=snackbar.js.map"],"names":["Snackbar","forwardRef","open","setOpen","icon","message","header","handleAction","autoHideDuration","actionButtonTitle","handleClose","closeOnClickaway","anchorOrigin","disableWindowBlurListener","resumeHideDuration","TransitionProps","ref","actionComponent","useMemo","_jsx","jsx","onClick","children","messageComponent","SnackbarMessage","mainHandleClose","useCallback","event","reason","SnackbarStyled","onClose","action","checkForIcon","styled","MuiSnackbar","shouldForwardProp","prop","_a","args","__rest","paddingLeft","paddingTop","paddingBottom","display"],"mappings":"4PAYY,MAACA,EAAWC,EAAAA,YAAW,EAAGC,OAAMC,UAASC,OAAMC,UAASC,SAAQC,eAAcC,mBAAkBC,oBAAmBC,cAAaC,mBAAkBC,eAAcC,4BAA2BC,qBAAoBC,mBAAoBC,KAC3O,MAAMC,EAAkBC,EAAAA,SAAQ,IACrBT,GAAqBU,EAAIC,IAAC,SAAU,CAAEC,QAASd,EAAce,SAAUb,KAC/E,CAACA,EAAmBF,IACjBgB,EAAmBL,EAAAA,SAAQ,IAAMC,EAAAA,IAAKK,EAAAA,gBAAiB,CAAEpB,KAAMA,EAAME,OAAQA,EAAQD,QAASA,KAAY,CAACC,EAAQF,EAAMC,IACzHoB,EAAkBC,EAAAA,aAAY,CAACC,EAAOC,MACnCjB,GAA+B,cAAXiB,KAGrBlB,GACAA,EAAYiB,EAAOC,GACvBzB,GAAQ,GAAM,GACf,CAACQ,EAAkBD,EAAaP,IACnC,OAAQgB,EAAIC,IAACS,EAAgB,CAAEpB,kBAAmBA,EAAmBP,KAAMA,EAAMM,iBAAkBA,EAAkBsB,QAASL,EAAiBrB,KAAMA,EAAME,OAAQA,EAAQD,QAASkB,EAAkBQ,OAAQd,EAAiBL,aAAcA,EAAcC,0BAA2BA,EAA2BC,mBAAoBA,EAAoBC,gBAAiBA,EAAiBC,IAAKA,GAAQ,IAE/XgB,EAAgB5B,GACT,UAATA,GAA6B,YAATA,GAA+B,YAATA,EAK/CyB,EAAiBI,EAAMA,OAACC,UAAa,CACvCC,kBAAoBC,GAAkB,sBAATA,GADVH,EAEnBI,IACG,IAAiBC,EAAOC,EAAMA,OAACF,EAAI,CAAC,UACvC,MAAO,CACH,mBAAoB,CAChBG,YAAaR,EAAaM,EAAKlC,MAAQ,OAAS,OAChDqC,WAAYH,EAAKhC,OAAS,OAAS,MACnCoC,cAAeJ,EAAKhC,OAAS,OAAS,MACtC,kCAAmC,CAC/B,UAAW,CACP,6BAA8B,CAC1BqC,QAASL,EAAK7B,kBAAoB,OAAS,WAK9D"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),a=require("
|
|
1
|
+
"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),a=require("../icon/icon.js"),i=require("@mui/material/styles"),r=require("./snackbar.js");const c=i.styled("div")((s=>{var a=e.__rest(s,[]);return{"& .styled-message-header-message-container":{display:a.header?"block":"flex"},"& p":{display:a.header?"block":"inline",paddingBottom:a.header?"0px":"2px"},"& .snackbar-icon-wrapper":{"& span":{lineHeight:a.header?"20px":"unset"}},"& .custom-snackbar-divider":{paddingLeft:r.checkForIcon(a.icon)?"24px":"56px","& > div":{borderLeft:`1px solid ${a.theme.palette.onSurface.os600}`,height:a.header?"48px":"32px"}}}})),n=({icon:e})=>{let i=null;switch(e){case"alert":i=s.jsx(a.Icon,{className:"triangle-up-exclamation",fontSize:"inherit",iconStyle:"filled"});break;case"success":i=s.jsx(a.Icon,{className:"circle-check",fontSize:"inherit",iconStyle:"filled"});break;case"warning":i=s.jsx(a.Icon,{className:"circle-exclamation",fontSize:"inherit",iconStyle:"filled"})}return i?s.jsx("span",{className:"snackbar-icon-wrapper",children:i}):i};exports.SnackbarMessage=({header:e,icon:a,message:i})=>s.jsxs(c,{header:e,icon:a,children:[a&&s.jsx(n,{icon:a}),s.jsxs("div",{className:"styled-message-header-message-container",children:[e&&s.jsxs("h3",{children:[" ",e]}),s.jsxs("p",{children:[" ",i," "]})]}),s.jsx("div",{className:"custom-snackbar-divider",children:s.jsx("div",{})})]}),exports.SnackbarMessageStyled=c;
|
|
2
2
|
//# sourceMappingURL=snackbarMessage.js.map
|