@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":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":[null],"names":["ButtonVariants","Button","forwardRef","_a","ref","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","getButtonVariant","buttonColor","getButtonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","ButtonStyled","Object","assign","color","startIcon","Icon","className","undefined","endIcon","size","onFocusVisible","onBlur","e","ternaryCondition","ColourSheme","LIGHT_MODE","
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useMemo, useState } from 'react';\nimport MuiButton from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport { ColourSheme } from '../../utils/enum';\nimport { ternaryCondition } from '../../utils/utilities';\nimport merge from 'lodash/merge';\n/**\n * @type ButtonVariants\n * @description The variants of the Button component.\n */\nexport var ButtonVariants;\n(function (ButtonVariants) {\n ButtonVariants[\"PRIMARY\"] = \"primary\";\n ButtonVariants[\"SECONDARY\"] = \"secondary\";\n ButtonVariants[\"GHOST\"] = \"ghost\";\n ButtonVariants[\"TERTIARY\"] = \"tertiary\";\n ButtonVariants[\"NAVIGATION\"] = \"navigation\";\n})(ButtonVariants || (ButtonVariants = {}));\n/**\n * @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated Use Button component from '@mui/material' module instead.\n */\nexport const Button = forwardRef((_a, ref) => {\n var _b;\n var { variant = ButtonVariants.PRIMARY, colourScheme, direction = 'back', label, icon, compact, disabled } = _a, props = __rest(_a, [\"variant\", \"colourScheme\", \"direction\", \"label\", \"icon\", \"compact\", \"disabled\"]);\n const [focusVisibled, setFocusVisible] = useState(false);\n const buttonVariantResolved = useMemo(() => getButtonVariant(variant), [variant]);\n const buttonColor = useMemo(() => getButtonColor(variant), [variant]);\n const onBlur = (e) => {\n setFocusVisible(false);\n if (props.onBlur)\n props.onBlur(e);\n };\n const isNavigationVariant = variant === 'navigation';\n const isDirectionForward = isNavigationVariant && direction === 'forward';\n const isDirectionBack = isNavigationVariant && direction === 'back';\n return (_jsx(ButtonFocusVisibleStyled, { focusVisible: focusVisibled, isNavigationVariant: isNavigationVariant, fullWidth: props.fullWidth, children: _jsx(ButtonStyled, Object.assign({}, props, { ref: ref, variant: buttonVariantResolved, color: buttonColor, startIcon: (icon && !isNavigationVariant) || isDirectionBack ? (_jsx(Icon, { className: isDirectionBack ? 'arrow-left' : icon })) : undefined, endIcon: isDirectionForward ? _jsx(Icon, { className: \"arrow-right\" }) : undefined, disabled: disabled, size: compact ? 'small' : undefined, onFocusVisible: () => setFocusVisible(true), onBlur: onBlur, className: ternaryCondition(colourScheme, ColourSheme.LIGHT_MODE, 'MuiButton-white', ''), children: (_b = props.children) !== null && _b !== void 0 ? _b : label })) }));\n});\n/**\n * @description Button styling defintion based on props\n */\nconst ButtonStyled = styled(MuiButton)((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const props = args;\n const isNavigationVariant = props.variant === 'navigation';\n const styles = {};\n if (!props.children && props.startIcon) {\n merge(styles, {\n width: 44,\n padding: 0,\n '& .MuiButton-startIcon': {\n margin: '-4px 0 0 0',\n fontSize: '16px',\n '.MuiIcon-root': {\n paddingTop: 3,\n '&::before': {\n marginLeft: 1,\n },\n },\n },\n });\n }\n if (isNavigationVariant) {\n merge(styles, {\n '& .MuiButton-endIcon': {\n marginTop: '2px',\n },\n '& .MuiButton-startIcon': {\n marginTop: '2px',\n },\n });\n }\n return styles;\n});\nconst getButtonVariant = (variant) => {\n switch (variant) {\n case ButtonVariants.PRIMARY:\n return 'contained';\n case ButtonVariants.GHOST:\n return 'outlined';\n case ButtonVariants.NAVIGATION:\n return 'navigation';\n case ButtonVariants.SECONDARY:\n return 'contained';\n case ButtonVariants.TERTIARY:\n return 'text';\n default:\n return 'contained';\n }\n};\nconst getButtonColor = (variant) => {\n switch (variant) {\n case ButtonVariants.PRIMARY:\n return 'primary';\n case ButtonVariants.GHOST:\n return 'secondary';\n case ButtonVariants.NAVIGATION:\n return 'secondary';\n case ButtonVariants.SECONDARY:\n return 'secondary';\n case ButtonVariants.TERTIARY:\n return 'secondary';\n default:\n return 'primary';\n }\n};\n//# sourceMappingURL=button.js.map"],"names":["ButtonVariants","Button","forwardRef","_a","ref","_b","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","getButtonVariant","buttonColor","getButtonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","ButtonStyled","Object","assign","color","startIcon","Icon","className","undefined","endIcon","size","onFocusVisible","onBlur","e","ternaryCondition","ColourSheme","LIGHT_MODE","styled","MuiButton","styles","merge","width","padding","margin","fontSize","paddingTop","marginLeft","marginTop","GHOST","NAVIGATION","SECONDARY","TERTIARY"],"mappings":"ocAcU,IAACA,GACX,SAAWA,GACPA,EAAwB,QAAI,UAC5BA,EAA0B,UAAI,YAC9BA,EAAsB,MAAI,QAC1BA,EAAyB,SAAI,WAC7BA,EAA2B,WAAI,YAClC,CAND,CAMGA,IAAmBA,EAAiB,CAAE,IAQ7B,MAACC,EAASC,GAAW,CAACC,EAAIC,KAClC,IAAIC,GACAC,QAAEA,EAAUN,EAAeO,QAAOC,aAAEA,EAAYC,UAAEA,EAAY,OAAMC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,GAAaV,EAAIW,EAAQC,EAAOZ,EAAI,CAAC,UAAW,eAAgB,YAAa,QAAS,OAAQ,UAAW,aACzM,MAAOa,EAAeC,GAAmBC,GAAS,GAC5CC,EAAwBC,GAAQ,IAAMC,EAAiBf,IAAU,CAACA,IAClEgB,EAAcF,GAAQ,IAAMG,EAAejB,IAAU,CAACA,IAMtDkB,EAAkC,eAAZlB,EACtBmB,EAAqBD,GAAqC,YAAdf,EAC5CiB,EAAkBF,GAAqC,SAAdf,EAC/C,OAAQkB,EAAKC,EAA0B,CAAEC,aAAcb,EAAeQ,oBAAqBA,EAAqBM,UAAWhB,EAAMgB,UAAWC,SAAUJ,EAAKK,EAAcC,OAAOC,OAAO,CAAE,EAAEpB,EAAO,CAAEV,IAAKA,EAAKE,QAASa,EAAuBgB,MAAOb,EAAac,UAAYzB,IAASa,GAAwBE,EAAmBC,EAAKU,EAAM,CAAEC,UAAWZ,EAAkB,aAAef,SAAW4B,EAAWC,QAASf,EAAqBE,EAAKU,EAAM,CAAEC,UAAW,qBAAmBC,EAAW1B,SAAUA,EAAU4B,KAAM7B,EAAU,aAAU2B,EAAWG,eAAgB,IAAMzB,GAAgB,GAAO0B,OAR3jBC,IACZ3B,GAAgB,GACZH,EAAM6B,QACN7B,EAAM6B,OAAOC,EAAE,EAKokBN,UAAWO,EAAiBrC,EAAcsC,EAAYC,WAAY,kBAAmB,IAAKhB,SAAoC,QAAzB1B,EAAKS,EAAMiB,gBAA6B,IAAP1B,EAAgBA,EAAKK,MAAc,IAKlwBsB,EAAegB,EAAOC,EAAPD,EAAmB7C,IAEpC,MAAMW,EADqBC,EAAOZ,EAAI,CAAC,UAEjCqB,EAAwC,eAAlBV,EAAMR,QAC5B4C,EAAS,CAAA,EA2Bf,OA1BKpC,EAAMiB,UAAYjB,EAAMsB,WACzBe,EAAMD,EAAQ,CACVE,MAAO,GACPC,QAAS,EACT,yBAA0B,CACtBC,OAAQ,aACRC,SAAU,OACV,gBAAiB,CACbC,WAAY,EACZ,YAAa,CACTC,WAAY,OAM5BjC,GACA2B,EAAMD,EAAQ,CACV,uBAAwB,CACpBQ,UAAW,OAEf,yBAA0B,CACtBA,UAAW,SAIhBR,CAAM,IAEX7B,EAAoBf,IACtB,OAAQA,GACJ,KAAKN,EAAeO,QAChB,MAAO,YACX,KAAKP,EAAe2D,MAChB,MAAO,WACX,KAAK3D,EAAe4D,WAChB,MAAO,aACX,KAAK5D,EAAe6D,UAChB,MAAO,YACX,KAAK7D,EAAe8D,SAChB,MAAO,OACX,QACI,MAAO,YACd,EAECvC,EAAkBjB,IACpB,OAAQA,GACJ,KAAKN,EAAeO,QAChB,MAAO,UACX,KAAKP,EAAe2D,MAEpB,KAAK3D,EAAe4D,WAEpB,KAAK5D,EAAe6D,UAEpB,KAAK7D,EAAe8D,SAChB,MAAO,YACX,QACI,MAAO,UACd"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardContainer.js","sources":["../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"cardContainer.js","sources":["../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ternaryCondition } from '../../utils/utilities';\nexport const CardContainer = forwardRef((_a, ref) => {\n var { children, isClickable, onClickCallback, isClicked: isClickedFromOutsideState, padding = '10px', isGreyVariant = false } = _a, props = __rest(_a, [\"children\", \"isClickable\", \"onClickCallback\", \"isClicked\", \"padding\", \"isGreyVariant\"]);\n const [isClicked, setIsClicked] = useState(false);\n useEffect(() => {\n if (!isClickable)\n return;\n setIsClicked(() => isClickedFromOutsideState);\n }, [isClickable, isClickedFromOutsideState]);\n const isClickedHandler = useCallback(() => {\n if (!isClickable)\n return;\n setIsClicked((curr) => {\n onClickCallback && onClickCallback(!curr);\n return !curr;\n });\n }, [isClickable, onClickCallback]);\n return (_jsx(StyledCardContainer, Object.assign({ style: { padding: padding } }, props, { ref: ref, onClick: isClickedHandler, isClicked: isClicked, isClickable: isClickable, isGreyVariant: isGreyVariant, \"data-state\": isClicked ? 'clicked' : 'idle', \"data-testid\": \"CardContainer\", children: _jsx(\"div\", { children: children }) })));\n});\nconst StyledCardContainer = styled.div((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const defaultBoxShadow = `inset 0 0 0 1px ${flowColors.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`;\n const stylesBasedOnClick = args.isClicked\n ? {\n boxShadow: `inset 0 0 0 1px ${flowColors.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n '&:hover': {\n boxShadow: `inset 0 0 0 1px ${flowColors.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n },\n }\n : { boxShadow: defaultBoxShadow };\n const stylesBasedOnIsClickable = args.isClickable\n ? Object.assign({ cursor: 'pointer' }, stylesBasedOnClick) : { boxShadow: defaultBoxShadow };\n let styles = {};\n styles = Object.assign({ display: 'inline-block', boxSizing: 'border-box', borderRadius: '8px', background: ternaryCondition(args.isGreyVariant, true, flowColors.surface.primary, flowColors.surface.tertiary), '&:hover': {\n border: '',\n boxShadow: `inset 0 0 0 1px ${flowColors.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n } }, stylesBasedOnIsClickable);\n return styles;\n});\n//# sourceMappingURL=cardContainer.js.map"],"names":["CardContainer","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","styled","div","args","defaultBoxShadow","flowColors","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"oTAMY,MAACA,EAAgBC,GAAW,CAACC,EAAIC,KACzC,IAAIC,SAAEA,EAAQC,YAAEA,EAAWC,gBAAEA,EAAiBC,UAAWC,EAAyBC,QAAEA,EAAU,OAAMC,cAAEA,GAAgB,GAAUR,EAAIS,EAAQC,EAAOV,EAAI,CAAC,WAAY,cAAe,kBAAmB,YAAa,UAAW,kBAC9N,MAAOK,EAAWM,GAAgBC,GAAS,GAC3CC,GAAU,KACDV,GAELQ,GAAa,IAAML,GAA0B,GAC9C,CAACH,EAAaG,IACjB,MAAMQ,EAAmBC,GAAY,KAC5BZ,GAELQ,GAAcK,IACVZ,GAAmBA,GAAiBY,IAC5BA,IACV,GACH,CAACb,EAAaC,IACjB,OAAQa,EAAKC,EAAqBC,OAAOC,OAAO,CAAEC,MAAO,CAAEd,QAASA,IAAaE,EAAO,CAAER,IAAKA,EAAKqB,QAASR,EAAkBT,UAAWA,EAAWF,YAAaA,EAAaK,cAAeA,EAAe,aAAcH,EAAY,UAAY,OAAQ,cAAe,gBAAiBH,SAAUe,EAAK,MAAO,CAAEf,SAAUA,MAAiB,IAE5UgB,EAAsBK,EAAOC,KAAKxB,IACjC,IAAiByB,EAAOf,EAAOV,EAAI,CAAC,UACvC,MAAM0B,EAAmB,mBAAmBC,EAAWC,QAAQC,6CACzDC,EAAqBL,EAAKpB,UAC1B,CACE0B,UAAW,mBAAmBJ,EAAWK,MAAMC,2CAC/C,UAAW,CACPF,UAAW,mBAAmBJ,EAAWO,WAAWD,6CAG1D,CAAEF,UAAWL,GACbS,EAA2BV,EAAKtB,YAChCgB,OAAOC,OAAO,CAAEgB,OAAQ,WAAaN,GAAsB,CAAEC,UAAWL,GAC9E,IAAIW,EAAS,CAAA,EAKb,OAJAA,EAASlB,OAAOC,OAAO,CAAEkB,QAAS,eAAgBC,UAAW,aAAcC,aAAc,MAAOC,WAAYC,EAAiBjB,EAAKjB,eAAe,EAAMmB,EAAWC,QAAQK,QAASN,EAAWC,QAAQe,UAAW,UAAW,CACpNC,OAAQ,GACRb,UAAW,mBAAmBJ,EAAWkB,UAAUC,2CAClDX,GACFE,CAAM"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e,Fragment as a,jsxs as d}from"react/jsx-runtime";import r,{forwardRef as t}from"react";import i from"../common/hook/useWindowSize.js";import{List as o,ListItem as
|
|
1
|
+
import{jsx as e,Fragment as a,jsxs as d}from"react/jsx-runtime";import r,{forwardRef as t}from"react";import i from"../common/hook/useWindowSize.js";import{List as o,ListItem as l,ListItemIcon as s,ListItemText as n,Divider as c,ClickAwayListener as m,MenuItem as p}from"@mui/material";import{Icon as h}from"../icon/icon.js";import{Checkbox as u}from"../checkbox/checkbox.js";import{ToggleSwitch as C}from"../toggleSwitch/toggleSwitch.js";import{useCardMenu as y}from"./hooks/useCardMenu.js";import{PopperStyled as g}from"./styled/popperStyled.js";import{MenuListStyled as b}from"./styled/menuListStyled.js";import{DrawerStyled as k}from"./styled/drawerStyled.js";const f=t((({items:t,setItems:f,open:M,header:x,anchorRef:S,allowMultiselect:j,hasToggleSelection:w,onItemClick:N,onClose:v,sx:T,classes:W,placement:z,toggleLabel:P,rounded:H},I)=>{const{isMobile:L}=i(),{isToggleChecked:A,onClickHandler:E,onToggleChange:F}=y(t,j,f,N,v);return e(a,{children:L?d(k,{open:M,onClose:v,anchor:"bottom",sx:T,ref:I,classes:W,hasHeader:!!x,"data-testid":"CardMenu",children:[x&&e("div",{className:"drawer-header","data-testid":"CardMenu.header",children:x}),e(o,{children:t.map((a=>d(r.Fragment,{children:[d(l,{button:!0,disabled:a.disabled,onClick:()=>E(a),"data-testid":"CardMenu.item","data-state":a.disabled?"disabled":void 0,children:[a.icon&&e(s,{children:e(h,{className:a.icon,fontSize:"small"})}),e(n,{primaryTypographyProps:{noWrap:!0},primary:a.text}),j&&e(u,{checked:a.isChecked,disabled:a.disabled,"data-testid":"CardMenu.check"})]}),e(c,{variant:"middle"})]},a.text)))})]}):e(g,{open:M,anchorEl:S.current,placement:z,ref:I,rounded:H,"data-testid":"CardMenu",children:e(m,{onClickAway:v,children:d(b,{allowMultiselect:j,sx:T,classes:W,children:[x&&d(p,{className:"menu-item-header","data-testid":"CardMenu.header",children:[e(n,{primaryTypographyProps:{noWrap:!0},primary:x}),e(s,{onClick:v,"data-testid":"CardMenu.close",children:e(h,{className:"ballotx",fontSize:"small"})})]}),x&&e(c,{variant:"middle",className:"menu-item-divider"}),j&&w&&d(p,{className:"menu-select-all","data-testid":"CardMenu.toggle",children:[e(n,{primaryTypographyProps:{noWrap:!0},primary:P||"Select all"}),e(C,{onChange:F,checked:A,compact:!0})]}),e("div",{className:"menu-content-items",children:t.map((a=>d(p,{disabled:a.disabled,onClick:()=>E(a),"data-testid":"CardMenu.item","data-state":a.disabled?"disabled":void 0,children:[a.icon&&e(s,{children:e(h,{className:a.icon,fontSize:"small"})}),e(n,{primaryTypographyProps:{noWrap:!0},primary:a.text}),j&&e(u,{checked:a.isChecked,disabled:a.disabled,"data-testid":"CardMenu.check"})]},a.text)))})]})})})})}));export{f as CardMenu};
|
|
2
2
|
//# sourceMappingURL=cardMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardMenu.js","sources":["../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"cardMenu.js","sources":["../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { List, ListItem, ListItemIcon, ListItemText, MenuItem, ClickAwayListener, Divider } from '@mui/material';\nimport { Icon } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\nexport const CardMenu = forwardRef(({ items, setItems, open, header, anchorRef, allowMultiselect, hasToggleSelection, onItemClick, onClose, sx, classes, placement, toggleLabel, rounded, }, ref) => {\n const { isMobile } = useWindowSize();\n const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(items, allowMultiselect, setItems, onItemClick, onClose);\n return (_jsx(_Fragment, { children: isMobile ? (_jsxs(DrawerStyled, { open: open, onClose: onClose, anchor: \"bottom\", sx: sx, ref: ref, classes: classes, hasHeader: !!header, \"data-testid\": \"CardMenu\", children: [header && (_jsx(\"div\", { className: \"drawer-header\", \"data-testid\": \"CardMenu.header\", children: header })), _jsx(List, { children: items.map((item) => {\n return (_jsxs(React.Fragment, { children: [_jsxs(ListItem, { button: true, disabled: item.disabled, onClick: () => onClickHandler(item), \"data-testid\": \"CardMenu.item\", \"data-state\": item.disabled ? 'disabled' : undefined, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { className: item.icon, fontSize: \"small\" }) })), _jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: item.text }), allowMultiselect && (_jsx(Checkbox, { checked: item.isChecked, disabled: item.disabled, \"data-testid\": \"CardMenu.check\" }))] }), _jsx(Divider, { variant: \"middle\" })] }, item.text));\n }) })] })) : (_jsx(PopperStyled, { open: open, anchorEl: anchorRef.current, placement: placement, ref: ref, rounded: rounded, \"data-testid\": \"CardMenu\", children: _jsx(ClickAwayListener, { onClickAway: onClose, children: _jsxs(MenuListStyled, { allowMultiselect: allowMultiselect, sx: sx, classes: classes, children: [header && (_jsxs(MenuItem, { className: \"menu-item-header\", \"data-testid\": \"CardMenu.header\", children: [_jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: header }), _jsx(ListItemIcon, { onClick: onClose, \"data-testid\": \"CardMenu.close\", children: _jsx(Icon, { className: \"ballotx\", fontSize: \"small\" }) })] })), header && _jsx(Divider, { variant: \"middle\", className: \"menu-item-divider\" }), allowMultiselect && hasToggleSelection && (_jsxs(MenuItem, { className: \"menu-select-all\", \"data-testid\": \"CardMenu.toggle\", children: [_jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: toggleLabel ? toggleLabel : 'Select all' }), _jsx(ToggleSwitch, { onChange: onToggleChange, checked: isToggleChecked, compact: true })] })), _jsx(\"div\", { className: \"menu-content-items\", children: items.map((item) => {\n return (_jsxs(MenuItem, { disabled: item.disabled, onClick: () => onClickHandler(item), \"data-testid\": \"CardMenu.item\", \"data-state\": item.disabled ? 'disabled' : undefined, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { className: item.icon, fontSize: \"small\" }) })), _jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: item.text }), allowMultiselect && (_jsx(Checkbox, { checked: item.isChecked, disabled: item.disabled, \"data-testid\": \"CardMenu.check\" }))] }, item.text));\n }) })] }) }) })) }));\n});\n//# sourceMappingURL=cardMenu.js.map"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","button","disabled","onClick","undefined","icon","ListItemIcon","Icon","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"wpBAWY,MAACA,EAAWC,GAAW,EAAGC,QAAOC,WAAUC,OAAMC,SAAQC,YAAWC,mBAAkBC,qBAAoBC,cAAaC,UAASC,KAAIC,UAASC,YAAWC,cAAaC,WAAYC,KACzL,MAAMC,SAAEA,GAAaC,KACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAAYpB,EAAOK,EAAkBJ,EAAUM,EAAaC,GACxH,OAAQa,EAAKC,EAAW,CAAEC,SAAUR,EAAYS,EAAMC,EAAc,CAAEvB,KAAMA,EAAMM,QAASA,EAASkB,OAAQ,SAAUjB,GAAIA,EAAIK,IAAKA,EAAKJ,QAASA,EAASiB,YAAaxB,EAAQ,cAAe,WAAYoB,SAAU,CAACpB,GAAWkB,EAAK,MAAO,CAAEO,UAAW,gBAAiB,cAAe,kBAAmBL,SAAUpB,IAAYkB,EAAKQ,EAAM,CAAEN,SAAUvB,EAAM8B,KAAKC,GACxUP,EAAMQ,EAAMC,SAAU,CAAEV,SAAU,CAACC,EAAMU,EAAU,CAAEC,QAAQ,EAAMC,SAAUL,EAAKK,SAAUC,QAAS,IAAMnB,EAAea,GAAO,cAAe,gBAAiB,aAAcA,EAAKK,SAAW,gBAAaE,EAAWf,SAAU,CAACQ,EAAKQ,MAASlB,EAAKmB,EAAc,CAAEjB,SAAUF,EAAKoB,EAAM,CAAEb,UAAWG,EAAKQ,KAAMG,SAAU,YAAgBrB,EAAKsB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASf,EAAKgB,OAAS1C,GAAqBgB,EAAK2B,EAAU,CAAEC,QAASlB,EAAKmB,UAAWd,SAAUL,EAAKK,SAAU,cAAe,sBAA0Bf,EAAK8B,EAAS,CAAEC,QAAS,aAAgBrB,EAAKgB,aAC/kB1B,EAAKgC,EAAc,CAAEnD,KAAMA,EAAMoD,SAAUlD,EAAUmD,QAAS5C,UAAWA,EAAWG,IAAKA,EAAKD,QAASA,EAAS,cAAe,WAAYU,SAAUF,EAAKmC,EAAmB,CAAEC,YAAajD,EAASe,SAAUC,EAAMkC,EAAgB,CAAErD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAASa,SAAU,CAACpB,GAAWqB,EAAMmC,EAAU,CAAE/B,UAAW,mBAAoB,cAAe,kBAAmBL,SAAU,CAACF,EAAKsB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS3C,IAAWkB,EAAKmB,EAAc,CAAEH,QAAS7B,EAAS,cAAe,iBAAkBe,SAAUF,EAAKoB,EAAM,CAAEb,UAAW,UAAWc,SAAU,eAAoBvC,GAAUkB,EAAK8B,EAAS,CAAEC,QAAS,SAAUxB,UAAW,sBAAwBvB,GAAoBC,GAAuBkB,EAAMmC,EAAU,CAAE/B,UAAW,kBAAmB,cAAe,kBAAmBL,SAAU,CAACF,EAAKsB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASlC,GAA4B,eAAiBS,EAAKuC,EAAc,CAAEC,SAAU1C,EAAgB8B,QAAShC,EAAiB6C,SAAS,OAAczC,EAAK,MAAO,CAAEO,UAAW,qBAAsBL,SAAUvB,EAAM8B,KAAKC,GAC1mCP,EAAMmC,EAAU,CAAEvB,SAAUL,EAAKK,SAAUC,QAAS,IAAMnB,EAAea,GAAO,cAAe,gBAAiB,aAAcA,EAAKK,SAAW,gBAAaE,EAAWf,SAAU,CAACQ,EAAKQ,MAASlB,EAAKmB,EAAc,CAAEjB,SAAUF,EAAKoB,EAAM,CAAEb,UAAWG,EAAKQ,KAAMG,SAAU,YAAgBrB,EAAKsB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASf,EAAKgB,OAAS1C,GAAqBgB,EAAK2B,EAAU,CAAEC,QAASlB,EAAKmB,UAAWd,SAAUL,EAAKK,SAAU,cAAe,qBAAyBL,EAAKgB,kBAC7e"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCardMenu.js","sources":["../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"useCardMenu.js","sources":["../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nexport const useCardMenu = (items, allowMultiselect, setItems, onItemClick, onClose) => {\n const [isToggleChecked, setIsToggleChecked] = useState(false);\n const onToggleChange = useCallback((_, checkedState) => {\n setItems((curr) => curr.map((item) => {\n if (item.disabled)\n return item;\n return Object.assign(Object.assign({}, item), { isChecked: checkedState });\n }));\n }, [setItems]);\n const updateItems = useCallback((textItem) => {\n setItems((curr) => curr.map((item) => {\n if (item.text === textItem) {\n return Object.assign(Object.assign({}, item), { isChecked: !item.isChecked });\n }\n return item;\n }));\n }, [setItems]);\n const onClickHandler = useCallback((item) => {\n if (item.url) {\n window.open(item.url, item.target || '_blank');\n }\n if (onItemClick)\n onItemClick(item.text);\n if (item.callback)\n item.callback();\n if (!allowMultiselect)\n onClose();\n else\n updateItems(item.text);\n }, [allowMultiselect, onClose, onItemClick, updateItems]);\n useEffect(() => {\n const areAllChecked = !items.find((item) => !item.isChecked && !item.disabled);\n setIsToggleChecked(areAllChecked);\n }, [items]);\n return {\n onClickHandler,\n onToggleChange,\n isToggleChecked,\n };\n};\n//# sourceMappingURL=useCardMenu.js.map"],"names":["useCardMenu","items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"iEACY,MAACA,EAAc,CAACC,EAAOC,EAAkBC,EAAUC,EAAaC,KACxE,MAAOC,EAAiBC,GAAsBC,GAAS,GACjDC,EAAiBC,GAAY,CAACC,EAAGC,KACnCT,GAAUU,GAASA,EAAKC,KAAKC,GACrBA,EAAKC,SACED,EACJE,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIH,GAAO,CAAEI,UAAWP,OAC5D,GACJ,CAACT,IACEiB,EAAcV,GAAaW,IAC7BlB,GAAUU,GAASA,EAAKC,KAAKC,GACrBA,EAAKO,OAASD,EACPJ,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEH,GAAO,CAAEI,WAAYJ,EAAKI,YAE9DJ,KACR,GACJ,CAACZ,IACEoB,EAAiBb,GAAaK,IAC5BA,EAAKS,KACLC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAErCvB,GACAA,EAAYW,EAAKO,MACjBP,EAAKa,UACLb,EAAKa,WACJ1B,EAGDkB,EAAYL,EAAKO,MAFjBjB,GAEsB,GAC3B,CAACH,EAAkBG,EAASD,EAAagB,IAK5C,OAJAS,GAAU,KACN,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WACrET,EAAmBuB,EAAc,GAClC,CAAC7B,IACG,CACHsB,iBACAd,iBACAH,kBACH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawerStyled.js","sources":["../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"drawerStyled.js","sources":["../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Drawer from '@mui/material/Drawer';\nexport const DrawerStyled = styled(Drawer, {\n shouldForwardProp: (prop) => prop !== 'hasHeader',\n})(({ theme, hasHeader }) => {\n return {\n '& .MuiPaper-root > .MuiList-root': {\n fontSize: '16px',\n fontWeight: 400,\n paddingBottom: '32px',\n listStyleType: 'none',\n maxHeight: '201px',\n marginTop: hasHeader ? '9px' : '0px',\n '& > .MuiListItem-root': {\n lineHeight: '24px',\n padding: '23px 16px 11px 16px',\n display: 'flex',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '8px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '& > .MuiTypography-root': {\n flex: 1,\n },\n },\n },\n '.MuiPaper-root > .drawer-header': {\n padding: '16px 16px 0px 16px',\n fontWeight: 'bold',\n lineHeight: '24px',\n fontSize: '20px',\n wordBreak: 'break-all',\n },\n '& > .MuiPaper-root': {\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n },\n };\n});\n//# sourceMappingURL=drawerStyled.js.map"],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"mEAEY,MAACA,EAAeC,EAAOC,EAAQ,CACvCC,kBAAoBC,GAAkB,cAATA,GADLH,EAEzB,EAAGI,QAAOC,gBACF,CACH,mCAAoC,CAChCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACrBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACPC,WAAYX,EAAMY,QAAQC,QAAQC,SAEtC,4BAA6B,CACzBJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACjBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGjB,0BAA2B,CACvBU,KAAM,KAIlB,kCAAmC,CAC/BX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEf,qBAAsB,CAClBC,oBAAqB,OACrBC,qBAAsB"}
|
|
@@ -1,21 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const MenuListStyled: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
autoFocus?: boolean;
|
|
4
|
-
autoFocusItem?: boolean;
|
|
5
|
-
children?: import("react").ReactNode;
|
|
6
|
-
disabledItemsFocusable?: boolean;
|
|
7
|
-
disableListWrap?: boolean;
|
|
8
|
-
variant?: "menu" | "selectedMenu";
|
|
9
|
-
} & {
|
|
10
|
-
children?: import("react").ReactNode;
|
|
11
|
-
classes?: Partial<import("@mui/material").ListClasses>;
|
|
12
|
-
dense?: boolean;
|
|
13
|
-
disablePadding?: boolean;
|
|
14
|
-
subheader?: import("react").ReactNode;
|
|
15
|
-
sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
|
|
16
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
|
|
2
|
+
export declare const MenuListStyled: import("@emotion/styled").StyledComponent<import("@mui/material/MenuList").MenuListOwnProps & import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
|
|
17
3
|
ref?: import("react").Ref<HTMLUListElement>;
|
|
18
|
-
}, keyof import("@mui/material/OverridableComponent").CommonProps | "
|
|
4
|
+
}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "autoFocus" | "dense" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "disablePadding" | "subheader"> & {
|
|
19
5
|
theme?: import("@emotion/react").Theme;
|
|
20
6
|
} & {
|
|
21
7
|
theme?: any;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"@emotion/styled";import i from"@mui/material/MenuList";import{flowColors as o}from"../../../design/skoda/palette.theme.js";const
|
|
1
|
+
import t from"@emotion/styled";import i from"@mui/material/MenuList";import{flowColors as o}from"../../../design/skoda/palette.theme.js";const e=t(i,{shouldForwardProp:t=>"allowMultiselect"!==t})((({theme:t,allowMultiselect:i})=>{const e=i?{marginRight:"16px",marginRightCross:"3px",padding:"12px 12px 12px 24px"}:{marginRight:"0px",marginRightCross:"0px",padding:"12px 24px"};let r={};return r={boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)",background:t.palette.background.white,padding:"0px",minWidth:"105px",maxWidth:"222px","& > .menu-item-divider":{margin:"0px !important"},"& > .menu-content-items":{maxHeight:"240px",overflowY:"overlay","& .MuiCheckbox-root":{marginRight:"4px"}},"& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root":{color:t.palette.onSurface.os900,whiteSpace:"nowrap",padding:e.padding,"&.Mui-disabled":{color:o.disabled.primary,opacity:1,"& .MuiIcon-root":{color:`${o.disabled.primary}!important`}},"&:hover":{background:o.surface.primary},"& > .MuiListItemText-root":{marginRight:e.marginRight},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},"& > .MuiListItemIcon-root":{display:"inline-block",lineHeight:"21px",minWidth:"unset",width:"20px",marginRight:"16px","& > .MuiIcon-root":{color:t.palette.text.primary,display:"inline"}},"&.menu-item-header":{padding:"12px 12px 12px 24px","& .MuiTypography-root":{fontWeight:"700",lineHeight:"20px"},"&:hover":{background:t.palette.background.primary,cursor:"default"},"& .MuiListItemIcon-root":{color:t.palette.onSurface.os900,marginRight:e.marginRightCross,cursor:"pointer"},"& > .MuiListItemText-root":{marginRight:"15px"}},"&.menu-select-all":{"&:hover":{background:t.palette.background.primary,cursor:"default"}}}},r}));export{e as MenuListStyled};
|
|
2
2
|
//# sourceMappingURL=menuListStyled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuListStyled.js","sources":["../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"menuListStyled.js","sources":["../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MenuList from '@mui/material/MenuList';\nimport { flowColors } from '../../../design/skoda/palette.theme';\nexport const MenuListStyled = styled(MenuList, {\n shouldForwardProp: (prop) => prop !== 'allowMultiselect',\n})(({ theme, allowMultiselect }) => {\n const conditionalStyles = allowMultiselect\n ? { marginRight: '16px', marginRightCross: '3px', padding: '12px 12px 12px 24px' }\n : { marginRight: '0px', marginRightCross: '0px', padding: '12px 24px' };\n let style = {};\n style = {\n boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)',\n background: theme.palette.background.white,\n padding: '0px',\n minWidth: '105px',\n maxWidth: '222px',\n '& > .menu-item-divider': {\n margin: '0px !important',\n },\n '& > .menu-content-items': {\n maxHeight: '240px',\n overflowY: 'overlay',\n '& .MuiCheckbox-root': {\n marginRight: '4px',\n },\n },\n '& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root': {\n color: theme.palette.onSurface.os900,\n whiteSpace: 'nowrap',\n padding: conditionalStyles.padding,\n '&.Mui-disabled': {\n color: flowColors.disabled.primary,\n opacity: 1,\n '& .MuiIcon-root': {\n color: `${flowColors.disabled.primary}!important`,\n },\n },\n '&:hover': {\n background: flowColors.surface.primary,\n },\n '& > .MuiListItemText-root': {\n marginRight: conditionalStyles.marginRight,\n },\n '& .MuiTypography-root': {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '16px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '&.menu-item-header': {\n padding: '12px 12px 12px 24px',\n '& .MuiTypography-root': {\n fontWeight: '700',\n lineHeight: '20px',\n },\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n '& .MuiListItemIcon-root': {\n color: theme.palette.onSurface.os900,\n marginRight: conditionalStyles.marginRightCross,\n cursor: 'pointer',\n },\n '& > .MuiListItemText-root': {\n marginRight: '15px',\n },\n },\n '&.menu-select-all': {\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n },\n },\n };\n return style;\n});\n//# sourceMappingURL=menuListStyled.js.map"],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","flowColors","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"yIAGY,MAACA,EAAiBC,EAAOC,EAAU,CAC3CC,kBAAoBC,GAAkB,qBAATA,GADHH,EAE3B,EAAGI,QAAOC,uBACT,MAAMC,EAAoBD,EACpB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAC9D,IAAIC,EAAQ,CAAA,EA6EZ,OA5EAA,EAAQ,CACJC,UAAW,kCACXC,WAAYR,EAAMS,QAAQD,WAAWE,MACrCL,QAAS,MACTM,SAAU,QACVC,SAAU,QACV,yBAA0B,CACtBC,OAAQ,kBAEZ,0BAA2B,CACvBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACnBZ,YAAa,QAGrB,mEAAoE,CAChEa,MAAOhB,EAAMS,QAAQQ,UAAUC,MAC/BC,WAAY,SACZd,QAASH,EAAkBG,QAC3B,iBAAkB,CACdW,MAAOI,EAAWC,SAASC,QAC3BC,QAAS,EACT,kBAAmB,CACfP,MAAO,GAAGI,EAAWC,SAASC,sBAGtC,UAAW,CACPd,WAAYY,EAAWI,QAAQF,SAEnC,4BAA6B,CACzBnB,YAAaD,EAAkBC,aAEnC,wBAAyB,CACrBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEhB,4BAA6B,CACzBC,QAAS,eACTF,WAAY,OACZf,SAAU,QACVkB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACjBa,MAAOhB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGjB,qBAAsB,CAClBvB,QAAS,sBACT,wBAAyB,CACrBsB,WAAY,MACZD,WAAY,QAEhB,UAAW,CACPlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEZ,0BAA2B,CACvBf,MAAOhB,EAAMS,QAAQQ,UAAUC,MAC/Bf,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEZ,4BAA6B,CACzB5B,YAAa,SAGrB,oBAAqB,CACjB,UAAW,CACPK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAKjBzB,CAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popperStyled.js","sources":["../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"popperStyled.js","sources":["../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Popper } from '@mui/base';\nexport const PopperStyled = styled(Popper, {\n shouldForwardProp: (propName) => propName !== 'rounded',\n})(({ theme, rounded }) => {\n return {\n zIndex: '100',\n background: theme.palette.background.primary,\n '& > *': {\n borderRadius: rounded ? '4px' : undefined,\n },\n };\n});\n//# sourceMappingURL=popperStyled.js.map"],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"kEAEY,MAACA,EAAeC,EAAOC,EAAQ,CACvCC,kBAAoBC,GAA0B,YAAbA,GADTH,EAEzB,EAAGI,QAAOC,cACF,CACHC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACLC,aAAcL,EAAU,WAAQM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useState, forwardRef } from 'react';\nimport MuiCheckbox from '@mui/material/Checkbox';\nimport { styled } from '@mui/material/styles';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\nimport { FormGroup } from '@mui/material';\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props CheckboxProps\n * @returns React Functional Component\n * @deprecated Use Checkbox component from '@mui/material' module instead.\n */\nexport const Checkbox = forwardRef((_a, ref) => {\n var { error } = _a, props = __rest(_a, [\"error\"]);\n const { label, defaultChecked, indeterminate, onChange, disabled } = props;\n const [_checkState, setCheck] = useState(defaultChecked || false);\n const _checkStateChange = (e) => {\n setCheck(e.target.checked);\n typeof onChange === 'function' && onChange(e, e.target.checked);\n };\n const _checkbox = (_jsx(CheckboxStyled, { children: _jsx(MuiCheckbox, Object.assign({}, props, { defaultChecked: defaultChecked, indeterminate: indeterminate && _checkState, disabled: disabled, color: error ? 'error' : undefined, ref: ref, onChange: _checkStateChange })) }));\n return (_jsx(FormGroup, { children: _jsx(FormControlLabelStyled, { control: _checkbox, label: label, disabled: disabled, error: error }) }));\n});\n/**\n * @description Checkbox styling definition based on props\n */\nconst CheckboxStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})(() => {\n let styles = {};\n styles = {\n display: 'flex',\n '& + .MuiTypography-root': {\n '& a': {\n color: 'inherit',\n textDecoration: 'underline',\n fontWeight: '700',\n },\n '& *': {\n margin: 0,\n },\n },\n };\n return styles;\n});\n//# sourceMappingURL=checkbox.js.map"],"names":["Checkbox","forwardRef","_a","ref","error","props","__rest","label","defaultChecked","indeterminate","onChange","disabled","_checkState","setCheck","useState","_checkbox","_jsx","CheckboxStyled","children","MuiCheckbox","Object","assign","color","undefined","e","target","checked","FormGroup","FormControlLabelStyled","control","styled","shouldForwardProp","prop","styles","display","textDecoration","fontWeight","margin"],"mappings":"gTAcY,MAACA,EAAWC,GAAW,CAACC,EAAIC,KACpC,IAAIC,MAAEA,GAAUF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,UACxC,MAAMK,MAAEA,EAAKC,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,SAAEA,GAAaN,GAC9DO,EAAaC,GAAYC,EAASN,IAAkB,GAKrDO,EAAaC,EAAKC,EAAgB,CAAEC,SAAUF,EAAKG,EAAaC,OAAOC,OAAO,CAAA,EAAIhB,EAAO,CAAEG,eAAgBA,EAAgBC,cAAeA,GAAiBG,EAAaD,SAAUA,EAAUW,MAAOlB,EAAQ,aAAUmB,EAAWpB,IAAKA,EAAKO,SAJrNc,IACvBX,EAASW,EAAEC,OAAOC,SACE,mBAAbhB,GAA2BA,EAASc,EAAGA,EAAEC,OAAOC,QAAQ,OAGnE,OAAQV,EAAKW,EAAW,CAAET,SAAUF,EAAKY,EAAwB,CAAEC,QAASd,EAAWR,MAAOA,EAAOI,SAAUA,EAAUP,MAAOA,KAAa,IAK3Ia,EAAiBa,EAAO,MAAO,CACjCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD9BF,EAEpB,KACC,IAAIG,EAAS,CAAA,EAcb,OAbAA,EAAS,CACLC,QAAS,OACT,0BAA2B,CACvB,MAAO,CACHZ,MAAO,UACPa,eAAgB,YAChBC,WAAY,OAEhB,MAAO,CACHC,OAAQ,KAIbJ,CAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chipDropdownChildren.js","sources":["../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"chipDropdownChildren.js","sources":["../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState, useCallback, useMemo, forwardRef } from 'react';\nimport { ClickAwayListener } from '@mui/material';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport MuiChip from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\nimport MenuContainer from '../../common/menuContainer';\nimport { Icon } from '../../icon';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n */\nexport const ChipDropdownChildren = forwardRef((_a, ref) => {\n var { variant } = _a, props = __rest(_a, [\"variant\"]);\n const [focusVisibled, setFocusVisible] = useState(false);\n const [isOpen, setIsOpen] = useState(false);\n const handleClickAway = useCallback(() => {\n setIsOpen(false);\n }, []);\n const renderLabel = useMemo(() => {\n return (_jsxs(_Fragment, { children: [props.label, _jsx(Icon, { className: `chevron-down ${isOpen ? 'isOpen' : ''}`, fontSize: \"small\" })] }));\n }, [isOpen, props.label]);\n const onFocusVisibleHandler = useCallback(() => {\n setFocusVisible(true);\n }, []);\n const onBlur = useCallback((e) => {\n setFocusVisible(false);\n if (props.onBlur)\n props.onBlur(e);\n }, [props]);\n return (_jsx(ClickAwayListener, { onClickAway: handleClickAway, children: _jsxs(\"span\", { children: [_jsx(\"div\", { children: _jsx(ChipFocusVisibleStyled, { focusVisible: focusVisibled, variant: variant, children: _jsx(ChipDropdownChildrenStyled, { className: variant === 'shadow' && 'MuiChip-shadow', ref: ref, variant: 'filled', icon: props.icon ? _jsx(Icon, { className: props.icon }) : undefined, disabled: props.disabled, label: renderLabel, onClick: () => setIsOpen(!isOpen), onFocusVisible: onFocusVisibleHandler, onBlur: onBlur, isOpen: isOpen }) }) }), _jsx(MenuContainer, { isOpen: isOpen, marginTop: 14, isEmptyMenu: true, children: props.children })] }) }));\n});\n/**\n * @description Chip styling definition based on props\n */\nconst ChipDropdownChildrenStyled = styled(MuiChip, {\n shouldForwardProp: (prop) => prop !== 'isOpen',\n})(() => ({\n '& .chevron-down': {\n marginLeft: '8px',\n transform: 'rotate(0deg)',\n top: '4px',\n transition: 'transform 0.6s',\n '&.isOpen': {\n transform: 'rotate(180deg) translateY(2px)',\n transformOrigin: '50%',\n },\n },\n}));\n//# sourceMappingURL=chipDropdownChildren.js.map"],"names":["ChipDropdownChildren","forwardRef","_a","ref","variant","props","__rest","focusVisibled","setFocusVisible","useState","isOpen","setIsOpen","handleClickAway","useCallback","renderLabel","useMemo","_jsxs","_Fragment","children","label","_jsx","Icon","className","fontSize","onFocusVisibleHandler","onBlur","e","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","ChipDropdownChildrenStyled","icon","undefined","disabled","onClick","onFocusVisible","MenuContainer","marginTop","isEmptyMenu","styled","MuiChip","shouldForwardProp","prop","marginLeft","transform","top","transition","transformOrigin"],"mappings":"mbAeY,MAACA,EAAuBC,GAAW,CAACC,EAAIC,KAChD,IAAIC,QAAEA,GAAYF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,YAC1C,MAAOK,EAAeC,GAAmBC,GAAS,IAC3CC,EAAQC,GAAaF,GAAS,GAC/BG,EAAkBC,GAAY,KAChCF,GAAU,EAAM,GACjB,IACGG,EAAcC,GAAQ,IAChBC,EAAMC,EAAW,CAAEC,SAAU,CAACb,EAAMc,MAAOC,EAAKC,EAAM,CAAEC,UAAW,iBAAgBZ,EAAS,SAAW,IAAMa,SAAU,cAChI,CAACb,EAAQL,EAAMc,QACZK,EAAwBX,GAAY,KACtCL,GAAgB,EAAK,GACtB,IACGiB,EAASZ,GAAaa,IACxBlB,GAAgB,GACZH,EAAMoB,QACNpB,EAAMoB,OAAOC,EAAE,GACpB,CAACrB,IACJ,OAAQe,EAAKO,EAAmB,CAAEC,YAAahB,EAAiBM,SAAUF,EAAM,OAAQ,CAAEE,SAAU,CAACE,EAAK,MAAO,CAAEF,SAAUE,EAAKS,EAAwB,CAAEC,aAAcvB,EAAeH,QAASA,EAASc,SAAUE,EAAKW,EAA4B,CAAET,UAAuB,WAAZlB,GAAwB,iBAAkBD,IAAKA,EAAKC,QAAS,SAAU4B,KAAM3B,EAAM2B,KAAOZ,EAAKC,EAAM,CAAEC,UAAWjB,EAAM2B,YAAUC,EAAWC,SAAU7B,EAAM6B,SAAUf,MAAOL,EAAaqB,QAAS,IAAMxB,GAAWD,GAAS0B,eAAgBZ,EAAuBC,OAAQA,EAAQf,OAAQA,QAAiBU,EAAKiB,EAAe,CAAE3B,OAAQA,EAAQ4B,UAAW,GAAIC,aAAa,EAAMrB,SAAUb,EAAMa,eAAoB,IAK3pBa,EAA6BS,EAAOC,EAAS,CAC/CC,kBAAoBC,GAAkB,WAATA,GADEH,EAEhC,KAAO,CACN,kBAAmB,CACfI,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACRF,UAAW,iCACXG,gBAAiB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chipFocusVisibleStyled.js","sources":["../../../src/components/chip/chipFocusVisibleStyled.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"chipFocusVisibleStyled.js","sources":["../../../src/components/chip/chipFocusVisibleStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StylesDefinition } from '../../design/skoda/theme.constants';\nconst ChipFocusVisibleStyled = styled('div')(({ focusVisible, variant }) => {\n return {\n display: 'inline-flex',\n borderRadius: variant === 'image' ? 6 : 50,\n transition: 'none',\n boxShadow: focusVisible ? `0 0 0 2px ${StylesDefinition.focusVisibleColor}` : undefined,\n };\n});\nexport default ChipFocusVisibleStyled;\n//# sourceMappingURL=chipFocusVisibleStyled.js.map"],"names":["ChipFocusVisibleStyled","styled","focusVisible","variant","display","borderRadius","transition","boxShadow","StylesDefinition","focusVisibleColor","undefined"],"mappings":"wGAEK,MAACA,EAAyBC,EAAO,MAAPA,EAAc,EAAGC,eAAcC,cACnD,CACHC,QAAS,cACTC,aAA0B,UAAZF,EAAsB,EAAI,GACxCG,WAAY,OACZC,UAAWL,EAAe,aAAaM,EAAiBC,yBAAsBC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chipImage.js","sources":["../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"chipImage.js","sources":["../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useState, useRef, forwardRef } from 'react';\nimport MuiChip from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\nimport { ClassNaming } from '../../../design/skoda/theme.constants';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n */\nexport const ChipImage = forwardRef((props, ref) => {\n const { onBlur, children, label, disabled, variant = 'image', imageUrl, imageAlt, isChecked, onChange, name, id = `chip-image-${Date.now()}`, } = props;\n const [_focusVisibled, _setFocusVisible] = useState(false);\n const _checkboxComponent = useRef();\n const _onChangeTrigger = (evt) => {\n if (onChange) {\n onChange(evt, !isChecked);\n }\n };\n const _onBlurHandler = useCallback((e) => {\n _setFocusVisible(false);\n if (onBlur) {\n onBlur(e);\n }\n }, [onBlur]);\n const _onClickHandler = useCallback(() => {\n if (_checkboxComponent) {\n _checkboxComponent.current.click();\n }\n }, []);\n const _onFocusVisibleHandler = useCallback(() => {\n _setFocusVisible(true);\n }, []);\n const ImageComponent = forwardRef((_a, _ref) => {\n var { onChange: _onChange } = _a, componentProps = __rest(_a, [\"onChange\"]);\n return (_jsxs(\"div\", Object.assign({}, componentProps, { ref: _ref, children: [_jsx(\"input\", { ref: _checkboxComponent, onChange: _onChangeTrigger, type: \"checkbox\", id: id, name: name, value: id, checked: isChecked, readOnly: true }), _jsx(\"img\", { src: imageUrl, alt: imageAlt }), _jsx(\"div\", { children: _jsx(\"span\", { children: children || label }) })] })));\n });\n return (_jsx(ChipFocusVisibleStyled, { focusVisible: _focusVisibled, variant: variant, children: _jsx(ChipImageStyled, { ref: ref, component: ImageComponent, label: label, disabled: disabled, onClick: _onClickHandler, className: isChecked ? ClassNaming.selected : '', onFocusVisible: _onFocusVisibleHandler, onBlur: _onBlurHandler, variant: 'filled', color: isChecked ? 'primary' : 'default' }) }));\n});\n/**\n * @description Chip styling definition based on props\n */\nconst ChipImageStyled = styled(MuiChip)(({ theme }) => ({\n '& div': {\n width: '100%',\n whiteSpace: 'pre-wrap',\n },\n '&.MuiChip-root': {\n backgroundColor: theme.palette.surface.primary,\n borderRadius: '4px',\n height: 'auto',\n width: '120px',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'flex-start',\n padding: '11px 0 13px 0',\n overflow: 'hidden',\n '&:hover': {\n span: {\n color: theme.palette.onSurface.os600,\n },\n },\n '&.Mui-checked': {\n backgroundColor: theme.palette.brand.quarternary,\n span: {\n color: theme.palette.brand.primary,\n },\n '&:hover': {\n span: {\n color: theme.palette.brandHover.primary,\n },\n },\n },\n '&.Mui-disabled': {\n backgroundColor: theme.palette.surface.primary,\n span: {\n color: theme.palette.disabled.primary,\n },\n },\n '&:active': {\n boxShadow: 'none',\n },\n '& > input': {\n display: 'none',\n },\n div: {\n display: 'flex',\n flexGrow: 1,\n },\n span: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '400',\n color: theme.palette.onSurface.os800,\n width: '100%',\n padding: '0 10px',\n },\n '& img': {\n width: '100%',\n height: '68px',\n objectFit: 'cover',\n marginBottom: '2px',\n },\n },\n}));\n//# sourceMappingURL=chipImage.js.map"],"names":["ChipImage","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","_a","_ref","componentProps","__rest","_jsxs","Object","assign","_jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","ClassNaming","selected","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"kWAaY,MAACA,EAAYC,GAAW,CAACC,EAAOC,KACxC,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,MAAEA,EAAKC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAASC,SAAEA,EAAQC,KAAEA,EAAIC,GAAEA,EAAK,cAAcC,KAAKC,SAAad,GAC3Ie,EAAgBC,GAAoBC,GAAS,GAC9CC,EAAqBC,IACrBC,EAAoBC,IAClBX,GACAA,EAASW,GAAMZ,EAClB,EAECa,EAAiBC,GAAaC,IAChCR,GAAiB,GACbd,GACAA,EAAOsB,EACV,GACF,CAACtB,IACEuB,EAAkBF,GAAY,KAC5BL,GACAA,EAAmBQ,QAAQC,OAC9B,GACF,IACGC,EAAyBL,GAAY,KACvCP,GAAiB,EAAK,GACvB,IACGa,EAAiB9B,GAAW,CAAC+B,EAAIC,KAChC,IAA+BC,EAAiBC,EAAOH,EAAI,CAAC,aAC/D,OAAQI,EAAM,MAAOC,OAAOC,OAAO,CAAE,EAAEJ,EAAgB,CAAE/B,IAAK8B,EAAM5B,SAAU,CAACkC,EAAK,QAAS,CAAEpC,IAAKiB,EAAoBR,SAAUU,EAAkBkB,KAAM,WAAY1B,GAAIA,EAAID,KAAMA,EAAM4B,MAAO3B,EAAI4B,QAAS/B,EAAWgC,UAAU,IAASJ,EAAK,MAAO,CAAEK,IAAKnC,EAAUoC,IAAKnC,IAAa6B,EAAK,MAAO,CAAElC,SAAUkC,EAAK,OAAQ,CAAElC,SAAUA,GAAYC,SAAkB,IAE9W,OAAQiC,EAAKO,EAAwB,CAAEC,aAAc9B,EAAgBT,QAASA,EAASH,SAAUkC,EAAKS,EAAiB,CAAE7C,IAAKA,EAAK8C,UAAWlB,EAAgBzB,MAAOA,EAAOC,SAAUA,EAAU2C,QAASvB,EAAiBwB,UAAWxC,EAAYyC,EAAYC,SAAW,GAAIC,eAAgBxB,EAAwB1B,OAAQoB,EAAgBhB,QAAS,SAAU+C,MAAO5C,EAAY,UAAY,aAAiB,IAK7YqC,EAAkBQ,EAAOC,EAAPD,EAAgB,EAAGE,YAAa,CACpD,QAAS,CACLC,MAAO,OACPC,WAAY,YAEhB,iBAAkB,CACdC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACPC,KAAM,CACFlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGvC,gBAAiB,CACbd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACFlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE/B,UAAW,CACPS,KAAM,CACFlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAI5C,iBAAkB,CACdH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACFlB,MAAOG,EAAMI,QAAQvD,SAASyD,UAGtC,WAAY,CACRe,UAAW,QAEf,YAAa,CACTZ,QAAS,QAEba,IAAK,CACDb,QAAS,OACTc,SAAU,GAEdR,KAAM,CACFN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEb,QAAS,CACLZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiSelectChip.js","sources":["../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"multiSelectChip.js","sources":["../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useMemo, useState } from 'react';\nimport MuiChip from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport { ClickAwayListener } from '@mui/material';\nimport MenuContainer from '../../common/menuContainer';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n */\nexport const MultiSelectChip = forwardRef((_a, ref) => {\n var { variant, label, disabled, icon } = _a, props = __rest(_a, [\"variant\", \"label\", \"disabled\", \"icon\"]);\n const [focusVisibled, setFocusVisible] = useState(false);\n const [selected, setSelected] = useState(false);\n const [isOpen, setIsOpen] = useState(false);\n const onClickCloseHandler = useCallback((e) => {\n e.stopPropagation();\n props.reactHook.setState([]);\n }, [props.reactHook]);\n const Count = useMemo(() => {\n return (_jsxs(_Fragment, { children: [label, props.reactHook.state.length > 0 && (_jsx(\"span\", { className: \"count\", children: _jsx(\"span\", { children: props.reactHook.state.length }) })), (props.reactHook.state.length > 0 && (_jsx(Icon, { color: \"inherit\", className: \"ballotx\", fontSize: \"small\", onClick: onClickCloseHandler }))) || _jsx(Icon, { color: \"inherit\", className: `chevron-down ${isOpen ? 'isOpen' : ''}`, fontSize: \"small\" })] }));\n }, [isOpen, label, onClickCloseHandler, props.reactHook.state.length]);\n const onBlur = useCallback((e) => {\n setFocusVisible(false);\n if (props.onBlur)\n props.onBlur(e);\n }, [props]);\n const onSelectHandler = useCallback(() => {\n setIsOpen((curr) => !curr);\n setSelected((curr) => !curr);\n }, []);\n const handleClickAway = useCallback(() => {\n setIsOpen(false);\n setSelected(false);\n }, []);\n const onFocusVisibleHandler = useCallback(() => {\n setFocusVisible(true);\n }, []);\n return (_jsx(_Fragment, { children: _jsx(ClickAwayListener, { onClickAway: handleClickAway, children: _jsxs(\"span\", { children: [_jsx(\"div\", { children: _jsx(ChipFocusVisibleStyled, { focusVisible: focusVisibled, variant: variant, children: _jsx(MultiSelectChipStyled, { className: variant === 'shadow' && 'MuiChip-shadow', ref: ref, variant: 'filled', icon: icon ? _jsx(Icon, { className: `${icon}` }) : undefined, label: Count, disabled: disabled, onClick: onSelectHandler, color: selected || props.reactHook.state.length ? 'primary' : 'default', onFocusVisible: onFocusVisibleHandler, onBlur: onBlur, count: props.reactHook.state.length, isOpen: isOpen }) }) }), _jsx(MenuContainer, { disabled: disabled, isOpen: isOpen, items: props.items, hasIcon: props.hasIcon, multipleSelection: true, groupToggleSelection: props.groupToggleSelection, groupLabel: props.groupLabel, reactHook: props.reactHook, width: 182, marginTop: 14, setIsOpen: setIsOpen, toggleLabel: props.toggleLabel })] }) }) }));\n});\n/**\n * @description Chip styling definition based on props\n */\nconst MultiSelectChipStyled = styled(MuiChip, {\n shouldForwardProp: (prop) => prop !== 'isOpen',\n})(({ theme }) => {\n const flowColors = theme.palette;\n const stateStyle = {};\n // if (count > 0) {\n // \tstateStyle = {\n // \t\t'&.MuiChip-root': {\n // \t\t\tbackgroundColor: flowColors.brand.quarternary,\n // \t\t\tcolor: flowColors.brand.primary,\n // \t\t\t'& .MuiIcon-root': {\n // \t\t\t\tcolor: flowColors.brand.primary,\n // \t\t\t},\n // \t\t\t'&: hover': {\n // \t\t\t\tcolor: flowColors.brandHover.primary,\n // \t\t\t\t'& .MuiIcon-root': {\n // \t\t\t\t\tcolor: flowColors.brandHover.primary,\n // \t\t\t\t},\n // \t\t\t\t'& .count': {\n // \t\t\t\t\tbackgroundColor: flowColors.brandHover.primary,\n // \t\t\t\t},\n // \t\t\t},\n // \t\t\t'&.Mui-disabled': {\n // \t\t\t\tbackgroundColor: flowColors.transparent.primary,\n // \t\t\t},\n // \t\t},\n // \t};\n // } else {\n // \tstateStyle = {};\n // }\n let style = {\n '& .chevron-down': {\n color: 'inherit',\n marginLeft: '8px',\n transform: 'rotate(0deg)',\n top: '4px',\n transition: 'transform 0.6s',\n '&.isOpen': {\n transform: 'rotate(180deg) translateY(2px)',\n transformOrigin: '50%',\n },\n },\n '& .ballotx': {\n color: 'inherit',\n },\n '& .count': {\n color: flowColors.onSurface.os0,\n borderRadius: '50%',\n backgroundColor: flowColors.brand.primary,\n minWidth: '20px',\n height: '20px',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '700',\n margin: '0 8px',\n padding: '0 4px',\n },\n };\n style = Object.assign(Object.assign({}, style), stateStyle);\n return style;\n});\n//# sourceMappingURL=multiSelectChip.js.map"],"names":["MultiSelectChip","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","_Fragment","children","state","length","_jsx","className","Icon","color","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"mbAeY,MAACA,EAAkBC,GAAW,CAACC,EAAIC,KAC3C,IAAIC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,KAAEA,GAASL,EAAIM,EAAQC,EAAOP,EAAI,CAAC,UAAW,QAAS,WAAY,SACjG,MAAOQ,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,IAClCG,EAAQC,GAAaJ,GAAS,GAC/BK,EAAsBC,GAAaC,IACrCA,EAAEC,kBACFZ,EAAMa,UAAUC,SAAS,GAAG,GAC7B,CAACd,EAAMa,YACJE,EAAQC,GAAQ,IACVC,EAAMC,EAAW,CAAEC,SAAU,CAACtB,EAAOG,EAAMa,UAAUO,MAAMC,OAAS,GAAMC,EAAK,OAAQ,CAAEC,UAAW,QAASJ,SAAUG,EAAK,OAAQ,CAAEH,SAAUnB,EAAMa,UAAUO,MAAMC,WAAgBrB,EAAMa,UAAUO,MAAMC,OAAS,GAAMC,EAAKE,EAAM,CAAEC,MAAO,UAAWF,UAAW,UAAWG,SAAU,QAASC,QAASlB,KAA4Ba,EAAKE,EAAM,CAAEC,MAAO,UAAWF,UAAW,iBAAgBhB,EAAS,SAAW,IAAMmB,SAAU,cAC/a,CAACnB,EAAQV,EAAOY,EAAqBT,EAAMa,UAAUO,MAAMC,SACxDO,EAASlB,GAAaC,IACxBR,GAAgB,GACZH,EAAM4B,QACN5B,EAAM4B,OAAOjB,EAAE,GACpB,CAACX,IACE6B,EAAkBnB,GAAY,KAChCF,GAAWsB,IAAUA,IACrBxB,GAAawB,IAAUA,GAAK,GAC7B,IACGC,EAAkBrB,GAAY,KAChCF,GAAU,GACVF,GAAY,EAAM,GACnB,IACG0B,EAAwBtB,GAAY,KACtCP,GAAgB,EAAK,GACtB,IACH,OAAQmB,EAAKJ,EAAW,CAAEC,SAAUG,EAAKW,EAAmB,CAAEC,YAAaH,EAAiBZ,SAAUF,EAAM,OAAQ,CAAEE,SAAU,CAACG,EAAK,MAAO,CAAEH,SAAUG,EAAKa,EAAwB,CAAEC,aAAclC,EAAeN,QAASA,EAASuB,SAAUG,EAAKe,EAAuB,CAAEd,UAAuB,WAAZ3B,GAAwB,iBAAkBD,IAAKA,EAAKC,QAAS,SAAUG,KAAMA,EAAOuB,EAAKE,EAAM,CAAED,UAAW,GAAGxB,WAAYuC,EAAWzC,MAAOkB,EAAOjB,SAAUA,EAAU6B,QAASE,EAAiBJ,MAAOpB,GAAYL,EAAMa,UAAUO,MAAMC,OAAS,UAAY,UAAWkB,eAAgBP,EAAuBJ,OAAQA,EAAQY,MAAOxC,EAAMa,UAAUO,MAAMC,OAAQd,OAAQA,QAAiBe,EAAKmB,EAAe,CAAE3C,SAAUA,EAAUS,OAAQA,EAAQmC,MAAO1C,EAAM0C,MAAOC,QAAS3C,EAAM2C,QAASC,mBAAmB,EAAMC,qBAAsB7C,EAAM6C,qBAAsBC,WAAY9C,EAAM8C,WAAYjC,UAAWb,EAAMa,UAAWkC,MAAO,IAAKC,UAAW,GAAIxC,UAAWA,EAAWyC,YAAajD,EAAMiD,oBAA0B,IAKj+BZ,EAAwBa,EAAOC,EAAS,CAC1CC,kBAAoBC,GAAkB,WAATA,GADHH,EAE3B,EAAGI,YACF,MAAMC,EAAaD,EAAME,QA2BzB,IAAIC,EAAQ,CACR,kBAAmB,CACfhC,MAAO,UACPiC,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACRF,UAAW,iCACXG,gBAAiB,QAGzB,aAAc,CACVrC,MAAO,WAEX,WAAY,CACRA,MAAO8B,EAAWQ,UAAUC,IAC5BC,aAAc,MACdC,gBAAiBX,EAAWY,MAAMC,QAClCC,SAAU,OACVC,OAAQ,OACRC,QAAS,cACTC,WAAY,SACZC,eAAgB,SAChB/C,SAAU,OACVgD,WAAY,OACZC,WAAY,MACZC,OAAQ,QACRC,QAAS,UAIjB,OADApB,EAAQqB,OAAOC,OAAOD,OAAOC,OAAO,GAAItB,GAzDrB,CAAA,GA0DZA,CAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.js","sources":["../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"chip.js","sources":["../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useEffect, useState } from 'react';\nimport MuiChip from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n */\nexport const Chip = (_a) => {\n var { variant, label, disabled, isSelected = false, icon, onClickCallback } = _a, props = __rest(_a, [\"variant\", \"label\", \"disabled\", \"isSelected\", \"icon\", \"onClickCallback\"]);\n const [focusVisibled, setFocusVisible] = useState(false);\n const [selected, setSelected] = useState(false);\n useEffect(() => {\n setSelected(isSelected);\n }, [isSelected]);\n const onBlur = (e) => {\n setFocusVisible(false);\n if (props.onBlur)\n props.onBlur(e);\n };\n const onSelect = (e) => {\n setSelected(!selected);\n onClickCallback && onClickCallback(e, !selected);\n };\n return (_jsx(ChipFocusVisibleStyled, { variant: variant, focusVisible: focusVisibled, children: _jsx(ChipStyled, { className: variant === 'shadow' && 'MuiChip-shadow', variant: 'filled', icon: icon ? _jsx(Icon, { className: `${icon} beforeLabel`, fontSize: \"small\" }) : undefined, label: label, disabled: disabled, onClick: (e) => onSelect(e), color: selected ? 'primary' : 'default', onFocusVisible: () => setFocusVisible(true), onBlur: onBlur }) }));\n};\n/**\n * @description Chip styling defintion based on props\n */\nconst ChipStyled = styled(MuiChip) ``;\n//# sourceMappingURL=chip.js.map"],"names":["Chip","_a","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","children","ChipStyled","className","Icon","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur","styled","MuiChip"],"mappings":"6RAcY,MAACA,EAAQC,IACjB,IAAIC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,KAAEA,EAAIC,gBAAEA,GAAoBN,EAAIO,EAAQC,EAAOR,EAAI,CAAC,UAAW,QAAS,WAAY,aAAc,OAAQ,oBAC5J,MAAOS,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,GACzCG,GAAU,KACND,EAAYT,EAAW,GACxB,CAACA,IAUJ,OAAQW,EAAKC,EAAwB,CAAEf,QAASA,EAASgB,aAAcR,EAAeS,SAAUH,EAAKI,EAAY,CAAEC,UAAuB,WAAZnB,GAAwB,iBAAkBA,QAAS,SAAUI,KAAMA,EAAOU,EAAKM,EAAM,CAAED,UAAW,GAAGf,gBAAoBiB,SAAU,eAAaC,EAAWrB,MAAOA,EAAOC,SAAUA,EAAUqB,QAAUC,GAJpT,CAACA,IACdZ,GAAaD,GACbN,GAAmBA,EAAgBmB,GAAIb,EAAS,EAEuRc,CAASD,GAAIE,MAAOf,EAAW,UAAY,UAAWgB,eAAgB,IAAMlB,GAAgB,GAAOmB,OAT9ZJ,IACZf,GAAgB,GACZH,EAAMsB,QACNtB,EAAMsB,OAAOJ,EAAE,KAM6a,EAKlcN,EAAaW,EAAOC,EAAS"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { IconButton } from '@mui/material';\nimport { Icon } from '../icon';\nexport const CloseDialogButton = (props) => {\n return (_jsx(IconButton, Object.assign({ size: \"small\", color: \"inherit\" }, props, { children: _jsx(Icon, { className: \"ballotx\", fontSize: \"medium\" }) })));\n};\n//# sourceMappingURL=index.js.map"],"names":["CloseDialogButton","props","_jsx","IconButton","Object","assign","size","color","children","Icon","className","fontSize"],"mappings":"0HAGY,MAACA,EAAqBC,GACtBC,EAAKC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,QAASC,MAAO,WAAaN,EAAO,CAAEO,SAAUN,EAAKO,EAAM,CAAEC,UAAW,UAAWC,SAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helperText.js","sources":["../../../src/components/common/helperText.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"helperText.js","sources":["../../../src/components/common/helperText.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { HelperTextContent } from '../helperTextContent';\nconst HelperText = ({ helpText, maxChars, currentValue, type }) => {\n return (_jsx(HelperTextContent, { textLeft: helpText, textRight: type !== 'number' && maxChars && maxChars > 0 ? `${currentValue.toString().length}/${maxChars}` : undefined }));\n};\nexport default HelperText;\n//# sourceMappingURL=helperText.js.map"],"names":["HelperText","helpText","maxChars","currentValue","type","_jsx","HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"0GAEK,MAACA,EAAa,EAAGC,WAAUC,WAAUC,eAAcC,UAC5CC,EAAKC,EAAmB,CAAEC,SAAUN,EAAUO,UAAoB,WAATJ,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,EAAaM,WAAWC,UAAUR,SAAaS"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"backdrop.js","sources":["../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"backdrop.js","sources":["../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":["import { useState } from 'react';\nconst useBackdrop = () => {\n const [openBackdrop, setOpenBackdrop] = useState(false);\n const handleCloseBackdrop = () => {\n setOpenBackdrop(false);\n };\n const handleOpenBackdrop = () => {\n setOpenBackdrop(true);\n };\n const handleToggleBackdrop = () => {\n setOpenBackdrop(!openBackdrop);\n };\n return {\n openBackdrop,\n setOpenBackdrop,\n handleCloseBackdrop,\n handleOpenBackdrop,\n handleToggleBackdrop,\n };\n};\nexport default useBackdrop;\n//# sourceMappingURL=backdrop.js.map"],"names":["useBackdrop","openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"iCACK,MAACA,EAAc,KAChB,MAAOC,EAAcC,GAAmBC,GAAS,GAUjD,MAAO,CACHF,eACAC,kBACAE,oBAZwB,KACxBF,GAAgB,EAAM,EAYtBG,mBAVuB,KACvBH,GAAgB,EAAK,EAUrBI,qBARyB,KACzBJ,GAAiBD,EAAa,EAQjC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useState as i,useEffect as e}from"react";import{customBreakpoints as n}from"../../../design/skoda/components/breakpoints.theme.js";function t(){const t="undefined"!=typeof window,[o,d]=i({width:t?1440:window.innerWidth,height:t?800:window.innerHeight,isMobile:!1});function r(){d({width:window.innerWidth,height:window.innerHeight,isMobile:window.innerWidth<n.values.md})}return e((()=>(r(),window.addEventListener("resize",r),()=>{r(),window.removeEventListener("resize",r)})),[]),o}export{t as default};
|
|
1
|
+
import{useState as i,useEffect as e}from"react";import{customBreakpoints as n}from"../../../design/skoda/components/layout/breakpoints.theme.js";function t(){const t="undefined"!=typeof window,[o,d]=i({width:t?1440:window.innerWidth,height:t?800:window.innerHeight,isMobile:!1});function r(){d({width:window.innerWidth,height:window.innerHeight,isMobile:window.innerWidth<n.values.md})}return e((()=>(r(),window.addEventListener("resize",r),()=>{r(),window.removeEventListener("resize",r)})),[]),o}export{t as default};
|
|
2
2
|
//# sourceMappingURL=useWindowSize.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useWindowSize.js","sources":["../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"useWindowSize.js","sources":["../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { customBreakpoints } from '../../../design/skoda/components/layout/breakpoints.theme';\nexport default function useWindowSize() {\n const isSSR = typeof window !== 'undefined';\n const [windowSize, setWindowSize] = useState({\n width: isSSR ? 1440 : window.innerWidth,\n height: isSSR ? 800 : window.innerHeight,\n isMobile: false,\n });\n function changeWindowSize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n isMobile: window.innerWidth < customBreakpoints.values['md'] ? true : false,\n });\n }\n useEffect(() => {\n changeWindowSize();\n window.addEventListener('resize', changeWindowSize);\n return () => {\n changeWindowSize();\n window.removeEventListener('resize', changeWindowSize);\n };\n }, []);\n return windowSize;\n}\n//# sourceMappingURL=useWindowSize.js.map"],"names":["useWindowSize","isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","customBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"iJAEe,SAASA,IACpB,MAAMC,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,EAAS,CACzCC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAEd,SAASC,IACLP,EAAc,CACVE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAkBC,OAAW,IAElE,CASD,OARAC,GAAU,KACNH,IACAT,OAAOa,iBAAiB,SAAUJ,GAC3B,KACHA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAE3D,IACIR,CACX"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"imageComponent.js","sources":["../../../src/components/common/imageComponent.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"imageComponent.js","sources":["../../../src/components/common/imageComponent.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useState } from 'react';\nconst ImageComponent = ({ image, alt, fallbackImage, height, width }) => {\n const [imgError, setImgError] = useState(false);\n const setImageError = useCallback(() => setImgError(true), []);\n if (!imgError) {\n return _jsx(\"img\", { src: image, height: height, width: width, alt: alt, onError: setImageError });\n }\n else {\n return _jsx(\"img\", { src: fallbackImage, alt: alt });\n }\n};\nexport default ImageComponent;\n//# sourceMappingURL=imageComponent.js.map"],"names":["ImageComponent","image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","onError"],"mappings":"0FAEK,MAACA,EAAiB,EAAGC,QAAOC,MAAKC,gBAAeC,SAAQC,YACzD,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAgBC,GAAY,IAAMH,GAAY,IAAO,IAC3D,OAIWI,EAAK,MAJXL,EAIkB,CAAEM,IAAKT,EAAeD,IAAKA,GAH3B,CAAEU,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,EAAKW,QAASJ,GAIrF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuContainer.js","sources":["../../../src/components/common/menuContainer.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"menuContainer.js","sources":["../../../src/components/common/menuContainer.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport emotionStyled from '@emotion/styled';\nimport { Menu } from '../menu';\nimport MenuEmpty from './menuEmpty';\nconst MenuContainer = (_a) => {\n var { setIsOpen, isEmptyMenu } = _a, props = __rest(_a, [\"setIsOpen\", \"isEmptyMenu\"]);\n return (_jsx(StyledDiv, { marginTop: props.marginTop + 'px', width: props.fullWidth ? '100%' : props.width + 'px', isOpen: props.isOpen, disabled: props.disabled, children: isEmptyMenu ? (_jsx(MenuEmpty, { children: props.children })) : (_jsx(Menu, { items: props.items, hasIcon: props.hasIcon, multipleSelection: props.multipleSelection, groupToggleSelection: props.groupToggleSelection, groupLabel: props.groupLabel, reactHook: props.reactHook, setIsOpen: setIsOpen, toggleLabel: props.toggleLabel })) }));\n};\nconst StyledDiv = emotionStyled.div((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let styles = {};\n styles = {\n width: args.width,\n marginTop: args.marginTop,\n transition: '0.3s ease-out',\n display: 'inline-block',\n position: 'absolute',\n zIndex: '10',\n };\n if (args.isOpen && !args.disabled) {\n styles = Object.assign(Object.assign({}, styles), { visibility: 'visible', opacity: '100%' });\n }\n else {\n styles = Object.assign(Object.assign({}, styles), { visibility: 'hidden', opacity: '0%' });\n }\n return styles;\n});\nexport default MenuContainer;\n//# sourceMappingURL=menuContainer.js.map"],"names":["MenuContainer","_a","setIsOpen","isEmptyMenu","props","__rest","_jsx","StyledDiv","marginTop","width","fullWidth","isOpen","disabled","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel","emotionStyled","div","args","styles","transition","display","position","zIndex","Object","assign","visibility","opacity"],"mappings":"wLAKK,MAACA,EAAiBC,IACnB,IAAIC,UAAEA,EAASC,YAAEA,GAAgBF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,YAAa,gBACtE,OAAQK,EAAKC,EAAW,CAAEC,UAAWJ,EAAMI,UAAY,KAAMC,MAAOL,EAAMM,UAAY,OAASN,EAAMK,MAAQ,KAAME,OAAQP,EAAMO,OAAQC,SAAUR,EAAMQ,SAAUC,SAAUV,EAAeG,EAAKQ,EAAW,CAAED,SAAUT,EAAMS,WAAgBP,EAAKS,EAAM,CAAEC,MAAOZ,EAAMY,MAAOC,QAASb,EAAMa,QAASC,kBAAmBd,EAAMc,kBAAmBC,qBAAsBf,EAAMe,qBAAsBC,WAAYhB,EAAMgB,WAAYC,UAAWjB,EAAMiB,UAAWnB,UAAWA,EAAWoB,YAAalB,EAAMkB,eAAoB,EAE1ff,EAAYgB,EAAcC,KAAKvB,IAC9B,IAAiBwB,EAAOpB,EAAOJ,EAAI,CAAC,UACvC,IAAIyB,EAAS,CAAA,EAeb,OAdAA,EAAS,CACLjB,MAAOgB,EAAKhB,MACZD,UAAWiB,EAAKjB,UAChBmB,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAGRJ,EADAD,EAAKd,SAAWc,EAAKb,SACZmB,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEN,GAAS,CAAEO,WAAY,UAAWC,QAAS,SAG3EH,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEN,GAAS,CAAEO,WAAY,SAAUC,QAAS,OAEhFR,CAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuEmpty.js","sources":["../../../src/components/common/menuEmpty.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"menuEmpty.js","sources":["../../../src/components/common/menuEmpty.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MuiPaper from '@mui/material/Paper';\n/**\n * @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n */\nexport const MenuEmpty = forwardRef((_a, ref) => {\n var props = __rest(_a, []);\n return (_jsx(PaperStyled, Object.assign({}, props, { ref: ref, children: props.children })));\n});\n/**\n * @description Menu styling defintion based on props\n */\nconst PaperStyled = styled(MuiPaper)(() => {\n let styles = {};\n const itemStyles = {\n height: '48px',\n padding: '0px 24px',\n };\n styles = Object.assign(Object.assign({}, styles), { '& .MuiMenuItem-root': itemStyles });\n return styles;\n});\nexport default MenuEmpty;\n//# sourceMappingURL=menuEmpty.js.map"],"names":["MenuEmpty","forwardRef","_a","ref","props","__rest","_jsx","PaperStyled","Object","assign","children","styled","MuiPaper","styles","height","padding"],"mappings":"2LAWY,MAACA,EAAYC,GAAW,CAACC,EAAIC,KACrC,IAAIC,EAAQC,EAAOH,EAAI,IACvB,OAAQI,EAAKC,EAAaC,OAAOC,OAAO,CAAE,EAAEL,EAAO,CAAED,IAAKA,EAAKO,SAAUN,EAAMM,WAAc,IAK3FH,EAAcI,EAAOC,EAAPD,EAAiB,KACjC,IAAIE,EAAS,CAAA,EAMb,OADAA,EAASL,OAAOC,OAAOD,OAAOC,OAAO,GAAII,GAAS,CAAE,sBAJjC,CACfC,OAAQ,OACRC,QAAS,cAGNF,CAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizableSliderInput.js","sources":["../../../src/components/common/resizableSliderInput.tsx"],"sourcesContent":[null],"names":["ResizableSliderInput","value","values","onChange","onBlur","isCurrencyInFront","textDescription","labelText","className","id","thumb","disabled","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","clickCounter","setClickCounter","useState","lostFocus","setLostFocus","background","setBackground","inputRef","useRef","onChangeHandler","useCallback","e","onClickHandler","curr","onBlurHandler","getFormattedString","num","toFixed","replace","getInputValue","useEffect","current","style","width","length","_jsxs","SliderValuesStyled","onMouseEnter","onMouseLeave","children","_jsx","htmlFor","ref","onClick","styled","shouldForwardProp","prop","theme","palette","surface","primary","display","padding","borderRadius","minWidth","fontWeight","fontSize","color","onSurface","os700","flexDirection","paddingTop","paddingRight"],"mappings":"
|
|
1
|
+
{"version":3,"file":"resizableSliderInput.js","sources":["../../../src/components/common/resizableSliderInput.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { styled } from '@mui/material/styles';\nconst ResizableSliderInput = ({ value: values, onChange, onBlur, isCurrencyInFront, textDescription = '', labelText = '', className = '', id = '', thumb = -1, disabled = false, thousandsSeparator = '.', decimalSeparator = '.', hiddenDecimalSeparator, }) => {\n const [clickCounter, setClickCounter] = useState(0);\n const [lostFocus, setLostFocus] = useState(true);\n const [background, setBackground] = useState('light');\n const inputRef = useRef(null);\n const onChangeHandler = useCallback((e) => {\n setClickCounter(() => 2);\n setLostFocus(() => false);\n onChange(e, thumb);\n }, [onChange, thumb]);\n const onClickHandler = useCallback(() => {\n setClickCounter((curr) => curr + 1);\n setLostFocus(() => false);\n setBackground('dark');\n }, []);\n const onBlurHandler = useCallback((e) => {\n setClickCounter(() => 0);\n setLostFocus(() => true);\n setBackground('light');\n onBlur === null || onBlur === void 0 ? void 0 : onBlur(e, thumb);\n }, []);\n const getFormattedString = useCallback((num) => {\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 }, [decimalSeparator, hiddenDecimalSeparator, thousandsSeparator]);\n const getInputValue = useCallback(() => {\n if (clickCounter === 1)\n return '';\n if (lostFocus && values === -1)\n return getFormattedString(0);\n if (lostFocus)\n return getFormattedString(+values);\n return values !== -1 ? values : '';\n }, [clickCounter, getFormattedString, lostFocus, values]);\n const onMouseEnterHandler = () => {\n setBackground('dark');\n };\n const onMouseLeaveHandler = () => {\n lostFocus && setBackground('light');\n };\n useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n if (values <= 0 || !values)\n inputRef.current.style.width = '4ch';\n if (hiddenDecimalSeparator)\n inputRef.current.style.width = getFormattedString(+values).length + 1 + 'ch';\n else\n inputRef.current.style.width = getFormattedString(+values).length + 'ch';\n }, [clickCounter, getFormattedString, getInputValue, hiddenDecimalSeparator, values]);\n return (_jsxs(SliderValuesStyled, { className: \"single-value-input\", isCurrencyInFront: isCurrencyInFront, background: background, onMouseEnter: onMouseEnterHandler, onMouseLeave: onMouseLeaveHandler, children: [_jsx(\"label\", { htmlFor: id, children: labelText }), _jsxs(\"div\", { children: [textDescription && _jsxs(\"span\", { children: [textDescription, \" \"] }), _jsx(\"input\", { id: id, ref: inputRef, value: getInputValue(), onBlur: onBlurHandler, onClick: onClickHandler, onChange: onChangeHandler, className: className, disabled: disabled })] })] }));\n};\nconst SliderValuesStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'isCurrencyInFront',\n})(({ theme, isCurrencyInFront }) => {\n return {\n background: theme.palette.surface.primary,\n display: 'inline-block',\n padding: '4px 12px',\n borderRadius: '4px',\n minWidth: '60px',\n '& span, label, input': {\n fontWeight: 500,\n },\n '& span, input': {\n fontSize: '14px',\n color: theme.palette.onSurface.os700,\n },\n '& > div': {\n display: 'inline-flex',\n flexDirection: isCurrencyInFront ? 'row' : 'row-reverse',\n '& > input': {\n paddingTop: '2px',\n },\n '& > span': {\n paddingRight: isCurrencyInFront ? '2px' : '0px',\n },\n },\n };\n});\nexport default ResizableSliderInput;\n//# sourceMappingURL=resizableSliderInput.js.map"],"names":["ResizableSliderInput","value","values","onChange","onBlur","isCurrencyInFront","textDescription","labelText","className","id","thumb","disabled","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","clickCounter","setClickCounter","useState","lostFocus","setLostFocus","background","setBackground","inputRef","useRef","onChangeHandler","useCallback","e","onClickHandler","curr","onBlurHandler","getFormattedString","num","toFixed","replace","getInputValue","useEffect","current","style","width","length","_jsxs","SliderValuesStyled","onMouseEnter","onMouseLeave","children","_jsx","htmlFor","ref","onClick","styled","shouldForwardProp","prop","theme","palette","surface","primary","display","padding","borderRadius","minWidth","fontWeight","fontSize","color","onSurface","os700","flexDirection","paddingTop","paddingRight"],"mappings":"6KAGK,MAACA,EAAuB,EAAGC,MAAOC,EAAQC,WAAUC,SAAQC,oBAAmBC,kBAAkB,GAAIC,YAAY,GAAIC,YAAY,GAAIC,KAAK,GAAIC,SAAQ,EAAIC,YAAW,EAAOC,qBAAqB,IAAKC,mBAAmB,IAAKC,6BAC/N,MAAOC,EAAcC,GAAmBC,EAAS,IAC1CC,EAAWC,GAAgBF,GAAS,IACpCG,EAAYC,GAAiBJ,EAAS,SACvCK,EAAWC,EAAO,MAClBC,EAAkBC,GAAaC,IACjCV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBhB,EAASuB,EAAGhB,EAAM,GACnB,CAACP,EAAUO,IACRiB,EAAiBF,GAAY,KAC/BT,GAAiBY,GAASA,EAAO,IACjCT,GAAa,KAAM,IACnBE,EAAc,OAAO,GACtB,IACGQ,EAAgBJ,GAAaC,IAC/BV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBE,EAAc,SACdjB,SAAgDA,EAAOsB,EAAGhB,EAAM,GACjE,IACGoB,EAAqBL,GAAaM,GAChCjB,EACOiB,EAAIC,UAAUC,QAAQ,wBAAyBrB,GACnDmB,EACFC,QAAQ,GACRC,QAAQ,IAAKpB,GACboB,QAAQ,wBAAyBrB,IACvC,CAACC,EAAkBC,EAAwBF,IACxCsB,EAAgBT,GAAY,IACT,IAAjBV,EACO,GACPG,IAAyB,IAAZhB,EACN4B,EAAmB,GAC1BZ,EACOY,GAAoB5B,IACZ,IAAZA,EAAgBA,EAAS,IACjC,CAACa,EAAce,EAAoBZ,EAAWhB,IAiBjD,OAVAiC,GAAU,MAGFjC,GAAU,IAAMA,KAChBoB,EAASc,QAAQC,MAAMC,MAAQ,OAE/BhB,EAASc,QAAQC,MAAMC,MADvBxB,EAC+BgB,GAAoB5B,GAAQqC,OAAS,EAAI,KAEzCT,GAAoB5B,GAAQqC,OAAS,IAAI,GAC7E,CAACxB,EAAce,EAAoBI,EAAepB,EAAwBZ,IACrEsC,EAAMC,EAAoB,CAAEjC,UAAW,qBAAsBH,kBAAmBA,EAAmBe,WAAYA,EAAYsB,aAhBvG,KACxBrB,EAAc,OAAO,EAe6IsB,aAb1I,KACxBzB,GAAaG,EAAc,QAAQ,EAYkKuB,SAAU,CAACC,EAAK,QAAS,CAAEC,QAASrC,EAAImC,SAAUrC,IAAciC,EAAM,MAAO,CAAEI,SAAU,CAACtC,GAAmBkC,EAAM,OAAQ,CAAEI,SAAU,CAACtC,EAAiB,OAASuC,EAAK,QAAS,CAAEpC,GAAIA,EAAIsC,IAAKzB,EAAUrB,MAAOiC,IAAiB9B,OAAQyB,EAAemB,QAASrB,EAAgBxB,SAAUqB,EAAiBhB,UAAWA,EAAWG,SAAUA,SAAqB,EAExiB8B,EAAqBQ,EAAO,MAAO,CACrCC,kBAAoBC,GAAkB,sBAATA,GADNF,EAExB,EAAGG,QAAO/C,wBACF,CACHe,WAAYgC,EAAMC,QAAQC,QAAQC,QAClCC,QAAS,eACTC,QAAS,WACTC,aAAc,MACdC,SAAU,OACV,uBAAwB,CACpBC,WAAY,KAEhB,gBAAiB,CACbC,SAAU,OACVC,MAAOV,EAAMC,QAAQU,UAAUC,OAEnC,UAAW,CACPR,QAAS,cACTS,cAAe5D,EAAoB,MAAQ,cAC3C,YAAa,CACT6D,WAAY,OAEhB,WAAY,CACRC,aAAc9D,EAAoB,MAAQ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttonFocusVisibleStyled.js","sources":["../../../../src/components/common/styled/buttonFocusVisibleStyled.tsx"],"sourcesContent":[null],"names":["ButtonFocusVisibleStyled","styled","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","StylesDefinition","focusVisibleColor","undefined","width"],"mappings":"
|
|
1
|
+
{"version":3,"file":"buttonFocusVisibleStyled.js","sources":["../../../../src/components/common/styled/buttonFocusVisibleStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StylesDefinition } from '../../../design/skoda/theme.constants';\nconst ButtonFocusVisibleStyled = styled('div')(({ focusVisible, isNavigationVariant, fullWidth }) => {\n return {\n display: 'inline-flex',\n padding: 1,\n borderRadius: isNavigationVariant ? 4 : 50,\n transition: 'none',\n boxShadow: focusVisible ? `0 0 0 2px ${StylesDefinition.focusVisibleColor}` : undefined,\n width: fullWidth ? '100%' : null,\n };\n});\nexport default ButtonFocusVisibleStyled;\n//# sourceMappingURL=buttonFocusVisibleStyled.js.map"],"names":["ButtonFocusVisibleStyled","styled","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","StylesDefinition","focusVisibleColor","undefined","width"],"mappings":"2GAEK,MAACA,EAA2BC,EAAO,MAAPA,EAAc,EAAGC,eAAcC,sBAAqBC,gBAC1E,CACHC,QAAS,cACTC,QAAS,EACTC,aAAcJ,EAAsB,EAAI,GACxCK,WAAY,OACZC,UAAWP,EAAe,aAAaQ,EAAiBC,yBAAsBC,EAC9EC,MAAOT,EAAY,OAAS"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formControlLabelStyled.js","sources":["../../../../src/components/common/styled/formControlLabelStyled.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"formControlLabelStyled.js","sources":["../../../../src/components/common/styled/formControlLabelStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MuiFormControlLabel from '@mui/material/FormControlLabel';\nconst FormControlLabelStyled = styled(MuiFormControlLabel, {\n shouldForwardProp: (prop) => prop !== 'error',\n})(({ theme, error }) => {\n return {\n color: error ? theme.palette.alert['main'] : undefined,\n };\n});\nexport default FormControlLabelStyled;\n//# sourceMappingURL=formControlLabelStyled.js.map"],"names":["FormControlLabelStyled","styled","MuiFormControlLabel","shouldForwardProp","prop","theme","error","color","palette","alert","undefined"],"mappings":"6EAEK,MAACA,EAAyBC,EAAOC,EAAqB,CACvDC,kBAAoBC,GAAkB,UAATA,GADFH,EAE5B,EAAGI,QAAOC,YACF,CACHC,MAAOD,EAAQD,EAAMG,QAAQC,MAAY,UAAIC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sliderValuesStyled.js","sources":["../../../../src/components/common/styled/sliderValuesStyled.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"sliderValuesStyled.js","sources":["../../../../src/components/common/styled/sliderValuesStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nconst SliderValuesStyled = styled('div')(({ theme, disabled }) => {\n const colorDisabled = theme.palette.disabled.primary;\n return {\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n fontSize: '14px',\n fontWeight: 'normal',\n lineHeight: '20px',\n '& input': {\n outline: 'none',\n border: '0px',\n background: 'transparent',\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n paddingTop: '0 !important',\n },\n '& span': {\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n },\n '& .range-values': {\n display: 'flex',\n '& .middle-side': {\n flexGrow: 1,\n },\n },\n '& label': {\n display: 'block',\n color: disabled ? colorDisabled : theme.palette.onSurface.os500,\n fontSize: '12px',\n lineHeight: '16px',\n },\n };\n});\nexport default SliderValuesStyled;\n//# sourceMappingURL=sliderValuesStyled.js.map"],"names":["SliderValuesStyled","styled","theme","disabled","colorDisabled","palette","primary","color","onSurface","os700","fontSize","fontWeight","lineHeight","outline","border","background","paddingTop","display","flexGrow","os500"],"mappings":"+BACK,MAACA,EAAqBC,EAAO,MAAPA,EAAc,EAAGC,QAAOC,eAC/C,MAAMC,EAAgBF,EAAMG,QAAQF,SAASG,QAC7C,MAAO,CACHC,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DC,SAAU,OACVC,WAAY,SACZC,WAAY,OACZ,UAAW,CACPC,QAAS,OACTC,OAAQ,MACRC,WAAY,cACZR,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DO,WAAY,gBAEhB,SAAU,CACNT,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,OAE9D,kBAAmB,CACfQ,QAAS,OACT,iBAAkB,CACdC,SAAU,IAGlB,UAAW,CACPD,QAAS,QACTV,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUW,MAC1DT,SAAU,OACVE,WAAY,QAEnB"}
|
|
@@ -4,7 +4,7 @@ import { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';
|
|
|
4
4
|
*/
|
|
5
5
|
declare const TextFieldStyled: import("@emotion/styled").StyledComponent<{
|
|
6
6
|
variant?: import("@mui/material/TextField").TextFieldVariants;
|
|
7
|
-
} & Omit<import("@mui/material/TextField").
|
|
7
|
+
} & Omit<import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & (MuiTextFieldProps & {
|
|
8
8
|
isSelect?: boolean;
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
hasError?: boolean;
|