@skodaflow/web-library 4.1.0 → 4.2.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/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.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.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.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.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/mobileStepper.js.map +1 -1
- package/cjs/components/modal/contentDiv.js.map +1 -1
- 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.js.map +1 -1
- package/cjs/components/snackbar/snackbar.js.map +1 -1
- package/cjs/components/snackbar/snackbarMessage.js.map +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.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.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/breakpoints.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/container.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.theme.js.map +1 -1
- package/cjs/design/skoda/components/dialogActions.theme.js.map +1 -1
- package/cjs/design/skoda/components/dialogTitle.theme.js.map +1 -1
- 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/filledInput.theme.js.map +1 -1
- package/cjs/design/skoda/components/formControl.theme.js.map +1 -1
- package/cjs/design/skoda/components/formControlLabel.theme.js.map +1 -1
- package/cjs/design/skoda/components/formHelperText.theme.js.map +1 -1
- package/cjs/design/skoda/components/formLabel.theme.js.map +1 -1
- package/cjs/design/skoda/components/grid.theme.js.map +1 -1
- 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/input.theme.js.map +1 -1
- package/cjs/design/skoda/components/inputAdornment.theme.js.map +1 -1
- package/cjs/design/skoda/components/inputBase.theme.js.map +1 -1
- package/cjs/design/skoda/components/inputLabel.theme.js.map +1 -1
- 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.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/radio.theme.js.map +1 -1
- package/cjs/design/skoda/components/select.theme.js +1 -1
- package/cjs/design/skoda/components/select.theme.js.map +1 -1
- package/cjs/design/skoda/components/slider.theme.js.map +1 -1
- package/cjs/design/skoda/components/snackbar.theme.js.map +1 -1
- package/cjs/design/skoda/components/stepper.theme.js.map +1 -1
- package/cjs/design/skoda/components/switch.theme.js.map +1 -1
- 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/textField.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.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 +20 -5
- 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.js.map +1 -1
- package/cjs/layout/Footer/FooterIconButton.js.map +1 -1
- package/cjs/layout/Footer/FooterNavItem.js.map +1 -1
- package/cjs/layout/Footer/PredefinedFooterIconButtons.js.map +1 -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/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/cjs/production/Button.d.ts +1 -1
- package/cjs/production/Button.js.map +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.js.map +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.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.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.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.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/mobileStepper.js.map +1 -1
- package/components/modal/contentDiv.js.map +1 -1
- 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.js.map +1 -1
- package/components/snackbar/snackbar.js.map +1 -1
- package/components/snackbar/snackbarMessage.js.map +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.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.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/breakpoints.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/container.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.theme.js.map +1 -1
- package/design/skoda/components/dialogActions.theme.js.map +1 -1
- package/design/skoda/components/dialogTitle.theme.js.map +1 -1
- package/design/skoda/components/divider.theme.js.map +1 -1
- package/design/skoda/components/drawer.theme.js.map +1 -1
- package/design/skoda/components/filledInput.theme.js.map +1 -1
- package/design/skoda/components/formControl.theme.js.map +1 -1
- package/design/skoda/components/formControlLabel.theme.js.map +1 -1
- package/design/skoda/components/formHelperText.theme.js.map +1 -1
- package/design/skoda/components/formLabel.theme.js.map +1 -1
- package/design/skoda/components/grid.theme.js.map +1 -1
- package/design/skoda/components/icon.theme.js.map +1 -1
- package/design/skoda/components/iconButton.theme.js.map +1 -1
- package/design/skoda/components/input.theme.js.map +1 -1
- package/design/skoda/components/inputAdornment.theme.js.map +1 -1
- package/design/skoda/components/inputBase.theme.js.map +1 -1
- package/design/skoda/components/inputLabel.theme.js.map +1 -1
- 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.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/radio.theme.js.map +1 -1
- package/design/skoda/components/select.theme.js +1 -1
- package/design/skoda/components/select.theme.js.map +1 -1
- package/design/skoda/components/slider.theme.js.map +1 -1
- package/design/skoda/components/snackbar.theme.js.map +1 -1
- package/design/skoda/components/stepper.theme.js.map +1 -1
- package/design/skoda/components/switch.theme.js.map +1 -1
- 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/textField.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.map +1 -1
- package/design/skoda/theme.typography.js.map +1 -1
- package/index.js +1 -1
- package/layout/Error/ErrorContent.d.ts +20 -5
- 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.js.map +1 -1
- package/layout/Footer/FooterIconButton.js.map +1 -1
- package/layout/Footer/FooterNavItem.js.map +1 -1
- package/layout/Footer/PredefinedFooterIconButtons.js.map +1 -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/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/production/Button.d.ts +1 -1
- package/production/Button.js.map +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.js.map +1 -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/Header/HeaderNavigationItem.d.ts +0 -16
- package/cjs/layout/Header/HeaderNavigationItem.js +0 -2
- package/cjs/layout/Header/HeaderNavigationItem.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/Header/HeaderNavigationItem.d.ts +0 -16
- package/layout/Header/HeaderNavigationItem.js +0 -2
- package/layout/Header/HeaderNavigationItem.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/iconButton/index.tsx"],"sourcesContent":[null],"names":["IconButton","styled","MuiIconButton","_a","theme","args","__rest","style","variant","color","border","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/iconButton/index.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { IconButton as MuiIconButton, styled } from '@mui/material';\nexport const IconButton = styled(MuiIconButton)((_a) => {\n var _b;\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const style = {};\n const { variant = 'filled', color = 'primary' } = args;\n if (variant === 'outlined' && color !== 'inherit') {\n style.border = '2px solid ' + ((_b = theme.palette[color]) === null || _b === void 0 ? void 0 : _b.main);\n if (color === 'secondary') {\n style['&:focus'] = { background: theme.palette.transparent.primary };\n style['&:hover'] = { background: theme.palette.transparent.primary };\n }\n }\n if (variant === 'outlined' && color === 'inherit') {\n style.border = '2px solid currentColor';\n }\n if (variant === 'filled' && color === 'secondary') {\n style.color = theme.palette.secondary.contrastText;\n style.background = theme.palette.secondary.main;\n style['&:focus'] = { background: theme.palette.secondary.main };\n style['&:hover'] = {\n background: theme.palette.secondary.light,\n '&:focus': { background: theme.palette.secondary.light },\n };\n }\n if (variant === 'filled' && color === 'primary') {\n style.color = theme.palette.text.primary;\n style.background = theme.palette.brand.secondary;\n style['&:focus'] = { background: theme.palette.brand.secondary };\n style['&:hover'] = {\n background: theme.palette.brandHover.secondary,\n '&:focus': { background: theme.palette.brandHover.secondary },\n };\n }\n if (variant === 'filled' && color === 'inherit') {\n style.background = theme.palette.transparent.secondary;\n style['&:focus'] = { background: theme.palette.transparent.secondary };\n style['&:hover'] = {\n background: theme.palette.transparent.primary,\n '&:focus': { background: theme.palette.transparent.primary },\n };\n }\n return style;\n});\n//# sourceMappingURL=index.js.map"],"names":["IconButton","styled","MuiIconButton","_a","_b","theme","args","__rest","style","variant","color","border","palette","main","background","transparent","primary","secondary","contrastText","light","text","brand","brandHover"],"mappings":"sFAEY,MAACA,EAAaC,EAAOC,EAAPD,EAAuBE,IAC7C,IAAIC,GACAC,MAAEA,GAAUF,EAAIG,EAAOC,EAAOJ,EAAI,CAAC,UACvC,MAAMK,EAAQ,CAAA,GACRC,QAAEA,EAAU,SAAQC,MAAEA,EAAQ,WAAcJ,EAqClD,MApCgB,aAAZG,GAAoC,YAAVC,IAC1BF,EAAMG,OAAS,cAAgD,QAA/BP,EAAKC,EAAMO,QAAQF,UAA2B,IAAPN,OAAgB,EAASA,EAAGS,MACrF,cAAVH,IACAF,EAAM,WAAa,CAAEM,WAAYT,EAAMO,QAAQG,YAAYC,SAC3DR,EAAM,WAAa,CAAEM,WAAYT,EAAMO,QAAQG,YAAYC,WAGnD,aAAZP,GAAoC,YAAVC,IAC1BF,EAAMG,OAAS,0BAEH,WAAZF,GAAkC,cAAVC,IACxBF,EAAME,MAAQL,EAAMO,QAAQK,UAAUC,aACtCV,EAAMM,WAAaT,EAAMO,QAAQK,UAAUJ,KAC3CL,EAAM,WAAa,CAAEM,WAAYT,EAAMO,QAAQK,UAAUJ,MACzDL,EAAM,WAAa,CACfM,WAAYT,EAAMO,QAAQK,UAAUE,MACpC,UAAW,CAAEL,WAAYT,EAAMO,QAAQK,UAAUE,SAGzC,WAAZV,GAAkC,YAAVC,IACxBF,EAAME,MAAQL,EAAMO,QAAQQ,KAAKJ,QACjCR,EAAMM,WAAaT,EAAMO,QAAQS,MAAMJ,UACvCT,EAAM,WAAa,CAAEM,WAAYT,EAAMO,QAAQS,MAAMJ,WACrDT,EAAM,WAAa,CACfM,WAAYT,EAAMO,QAAQU,WAAWL,UACrC,UAAW,CAAEH,WAAYT,EAAMO,QAAQU,WAAWL,aAG1C,WAAZR,GAAkC,YAAVC,IACxBF,EAAMM,WAAaT,EAAMO,QAAQG,YAAYE,UAC7CT,EAAM,WAAa,CAAEM,WAAYT,EAAMO,QAAQG,YAAYE,WAC3DT,EAAM,WAAa,CACfM,WAAYT,EAAMO,QAAQG,YAAYC,QACtC,UAAW,CAAEF,WAAYT,EAAMO,QAAQG,YAAYC,WAGpDR,CAAK"}
|
package/components/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"indicator.js","sources":["../../../src/components/indicator/indicator.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"indicator.js","sources":["../../../src/components/indicator/indicator.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { forwardRef } from 'react';\n/**\n * @description Styled SkodaFlow Indicator component\n * @param props IndicatorProps\n * @returns React Functional Component\n */\nexport const Indicator = forwardRef((_a, ref) => {\n var { children, label, variant = 'positive' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n const text = label ? label : children;\n return (_jsx(IndicatorStyled, Object.assign({}, props, { ref: ref, className: \"disclamer\", variant: variant, \"data-testid\": \"Indicator\", children: text })));\n});\n/**\n * Indicator styling defintion\n */\nconst IndicatorStyled = styled.div `\r\n --flow-indicator-color: ${(props) => {\n switch (props.variant) {\n case 'alert':\n return flowColors.alert['main'];\n case 'warning':\n return flowColors.warning['main'];\n case 'positive':\n return flowColors.positive['main'];\n case 'neutral':\n return flowColors.onSurface.os200;\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : props.variant;\n }\n}};\r\n color: ${flowColors.text.primary};\r\n font-weight: 300;\r\n line-height: 20px;\r\n letter-spacing: 0.2px;\r\n &::before {\r\n content: '';\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n margin-right: 8px;\r\n margin-top: -2px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n background-color: var(--flow-indicator-color);\r\n }\r\n`;\n//# sourceMappingURL=indicator.js.map"],"names":["Indicator","forwardRef","_a","ref","children","label","variant","props","__rest","text","_jsx","IndicatorStyled","Object","assign","className","styled","div","flowColors","alert","warning","positive","onSurface","os200","primary"],"mappings":"0MAUY,MAACA,EAAYC,GAAW,CAACC,EAAIC,KACrC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAeJ,EAAIK,EAAQC,EAAON,EAAI,CAAC,WAAY,QAAS,YAC7F,MAAMO,EAAOJ,GAAgBD,EAC7B,OAAQM,EAAKC,EAAiBC,OAAOC,OAAO,CAAA,EAAIN,EAAO,CAAEJ,IAAKA,EAAKW,UAAW,YAAaR,QAASA,EAAS,cAAe,YAAaF,SAAUK,IAAU,IAK3JE,EAAkBI,EAAOC,GAAI;4BACNT,IACzB,OAAQA,EAAMD,SACV,IAAK,QACD,OAAOW,EAAWC,MAAY,KAClC,IAAK,UACD,OAAOD,EAAWE,QAAc,KACpC,IAAK,WACD,OAAOF,EAAWG,SAAe,KACrC,IAAK,UACD,OAAOH,EAAWI,UAAUC,MAChC,QACI,OAAOL,EAAWV,EAAMD,SAAWW,EAAWV,EAAMD,SAAWC,EAAMD,QAC5E;WAEMW,EAAWR,KAAKc;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.js","sources":["../../../src/components/label/label.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"label.js","sources":["../../../src/components/label/label.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { forwardRef, useEffect } from 'react';\n/**\n * @description SkodaFlow Label component.\n * @param props LabelProps\n * @returns React Functional component\n */\nexport const Label = forwardRef((_a, ref) => {\n var { label, children } = _a, props = __rest(_a, [\"label\", \"children\"]);\n const text = label ? label : children;\n useEffect(() => { }, [props]);\n return (_jsx(LabelStyled, Object.assign({}, props, { ref: ref, \"data-testid\": \"Label\", children: text })));\n});\n/**\n * @description Label styling definition\n */\nconst LabelStyled = styled.span `\r\n font-size: 11px;\r\n line-height: 12px;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n font-weight: 900;\r\n margin: 0px 15px;\r\n white-space: nowrap;\r\n text-rendering: geometricPrecision;\r\n color: ${flowColors.onSurface.os500};\r\n`;\n//# sourceMappingURL=label.js.map"],"names":["Label","forwardRef","_a","ref","label","children","props","__rest","text","useEffect","_jsx","LabelStyled","Object","assign","styled","span","flowColors","onSurface","os500"],"mappings":"yNAUY,MAACA,EAAQC,GAAW,CAACC,EAAIC,KACjC,IAAIC,MAAEA,EAAKC,SAAEA,GAAaH,EAAII,EAAQC,EAAOL,EAAI,CAAC,QAAS,aAC3D,MAAMM,EAAOJ,GAAgBC,EAE7B,OADAI,GAAU,QAAW,CAACH,IACdI,EAAKC,EAAaC,OAAOC,OAAO,CAAA,EAAIP,EAAO,CAAEH,IAAKA,EAAK,cAAe,QAASE,SAAUG,IAAU,IAKzGG,EAAcG,EAAOC,IAAK;;;;;;;;;WASrBC,EAAWC,UAAUC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labelCO2.js","sources":["../../../src/components/labelCO2/labelCO2.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"labelCO2.js","sources":["../../../src/components/labelCO2/labelCO2.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { ternaryCondition } from '../../utils/utilities';\nconst darkGreen = '#016703';\nconst green = '#019A01';\nconst lightGreen = '#69CC00';\nconst yellow = '#FFCC01';\nconst yellowOrange = '#F99601';\nconst orange = '#FE6501';\nconst red = '#FF3100';\nconst colorMap = { B: green, C: lightGreen, D: yellow, E: yellowOrange, F: orange, G: red };\nexport const LabelCO2 = forwardRef(({ variant = 'A+++', size = 'large' }, ref) => {\n return (_jsx(LabelCO2Styled, { className: 'labelCO2', variant: variant, size: size, ref: ref, children: _jsx(\"span\", { className: 'labelCO2Main', children: variant }) }));\n});\nconst LabelCO2Styled = styled('div')(({ variant, size, theme }) => {\n let styles = {};\n const getColor = (_variant) => colorMap[_variant] || darkGreen;\n styles = {\n display: 'inline-flex',\n flexWrap: 'no-wrap',\n flexDirection: 'row',\n '& .labelCO2Main': {\n alignItems: 'center',\n backgroundColor: getColor(variant),\n boxSizing: 'border-box',\n color: theme.palette.surface.tertiary,\n display: 'inline-flex',\n fontSize: ternaryCondition(size, 'large', '14px', '12px'),\n fontWeight: 700,\n height: ternaryCondition(size, 'large', '22px', '18px'),\n justifyContent: 'flex-start',\n padding: '0 5px',\n position: 'relative',\n },\n '&::after': {\n content: '\"\"',\n display: 'flex',\n width: 0,\n height: 0,\n borderStyle: 'solid',\n borderWidth: ternaryCondition(size, 'large', '11px 0 11px 8px', '9px 0 9px 7px'),\n borderColor: `transparent transparent transparent ${getColor(variant)}`,\n },\n [theme.breakpoints.up('lg')]: Object.assign(Object.assign({}, styles), { '& .labelCO2Main': {\n fontSize: ternaryCondition(size, 'large', '14px', '12px'),\n height: ternaryCondition(size, 'large', '22px', '20px'),\n } }),\n };\n return styles;\n});\n//# sourceMappingURL=labelCO2.js.map"],"names":["colorMap","B","C","D","E","F","G","LabelCO2","forwardRef","variant","size","ref","_jsx","LabelCO2Styled","className","children","styled","theme","styles","getColor","_variant","display","flexWrap","flexDirection","alignItems","backgroundColor","boxSizing","color","palette","surface","tertiary","fontSize","ternaryCondition","fontWeight","height","justifyContent","padding","position","content","width","borderStyle","borderWidth","borderColor","breakpoints","up","Object","assign"],"mappings":"qLAIA,MAOMA,EAAW,CAAEC,EANL,UAMeC,EALV,UAKyBC,EAJ7B,UAIwCC,EAHlC,UAGmDC,EAFzD,UAEoEC,EADvE,WAECC,EAAWC,GAAW,EAAGC,UAAU,OAAQC,OAAO,SAAWC,IAC9DC,EAAKC,EAAgB,CAAEC,UAAW,WAAYL,QAASA,EAASC,KAAMA,EAAMC,IAAKA,EAAKI,SAAUH,EAAK,OAAQ,CAAEE,UAAW,eAAgBC,SAAUN,QAE1JI,EAAiBG,EAAO,MAAPA,EAAc,EAAGP,UAASC,OAAMO,YACnD,IAAIC,EAAS,CAAA,EACb,MAAMC,EAAYC,GAAapB,EAASoB,IAb1B,UA6Cd,OA/BAF,EAAS,CACLG,QAAS,cACTC,SAAU,UACVC,cAAe,MACf,kBAAmB,CACfC,WAAY,SACZC,gBAAiBN,EAASV,GAC1BiB,UAAW,aACXC,MAAOV,EAAMW,QAAQC,QAAQC,SAC7BT,QAAS,cACTU,SAAUC,EAAiBtB,EAAM,QAAS,OAAQ,QAClDuB,WAAY,IACZC,OAAQF,EAAiBtB,EAAM,QAAS,OAAQ,QAChDyB,eAAgB,aAChBC,QAAS,QACTC,SAAU,YAEd,WAAY,CACRC,QAAS,KACTjB,QAAS,OACTkB,MAAO,EACPL,OAAQ,EACRM,YAAa,QACbC,YAAaT,EAAiBtB,EAAM,QAAS,kBAAmB,iBAChEgC,YAAa,uCAAuCvB,EAASV,MAEjE,CAACQ,EAAM0B,YAAYC,GAAG,OAAQC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAI5B,GAAS,CAAE,kBAAmB,CACpFa,SAAUC,EAAiBtB,EAAM,QAAS,OAAQ,QAClDwB,OAAQF,EAAiBtB,EAAM,QAAS,OAAQ,YAGrDQ,CAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labelFeature.js","sources":["../../../src/components/labelFeature/labelFeature.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"labelFeature.js","sources":["../../../src/components/labelFeature/labelFeature.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../label';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { VariantType } from '../../utils/enum';\n/**\n * @description Styled SkodaFlow LabelFeature component.\n * @param props LabelFeatureProps\n * @returns React Function Component\n */\nexport const LabelFeature = forwardRef((_a, ref) => {\n var { children, label, variant = 'primary' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n return (_jsx(LabelFeatureStyled, Object.assign({}, props, { ref: ref, variant: variant, label: label, children: children })));\n});\n/**\n * @description LabelFeature styling defintion\n */\nconst LabelFeatureStyled = styled(Label) `\r\n --flow-label-color: ${(props) => {\n switch (props.variant) {\n case VariantType.PRIMARY:\n return flowColors.brand.tertiary;\n case VariantType.NEUTRAL:\n return flowColors.onSurface.os500;\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : flowColors.brand.secondary;\n }\n}};\r\n color: ${flowColors.onSurface.os0};\r\n background-color: var(--flow-label-color);\r\n padding: 4px 8px 4px 10px;\r\n border-radius: 2px;\r\n display: inline;\r\n`;\n//# sourceMappingURL=labelFeature.js.map"],"names":["LabelFeature","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelFeatureStyled","Object","assign","styled","Label","VariantType","PRIMARY","flowColors","brand","tertiary","NEUTRAL","onSurface","os500","secondary","os0"],"mappings":"sSAYY,MAACA,EAAeC,GAAW,CAACC,EAAIC,KACxC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,WAAcJ,EAAIK,EAAQC,EAAON,EAAI,CAAC,WAAY,QAAS,YAC5F,OAAQO,EAAKC,EAAoBC,OAAOC,OAAO,CAAE,EAAEL,EAAO,CAAEJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAAOD,SAAUA,IAAc,IAK5HM,EAAqBG,EAAOC,EAAO;wBAChBP,IACrB,OAAQA,EAAMD,SACV,KAAKS,EAAYC,QACb,OAAOC,EAAWC,MAAMC,SAC5B,KAAKJ,EAAYK,QACb,OAAOH,EAAWI,UAAUC,MAChC,QACI,OAAOL,EAAWV,EAAMD,SAAWW,EAAWV,EAAMD,SAAWW,EAAWC,MAAMK,UACvF;WAEMN,EAAWI,UAAUG;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labelPromotional.js","sources":["../../../src/components/labelPromotional/labelPromotional.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"labelPromotional.js","sources":["../../../src/components/labelPromotional/labelPromotional.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { styled } from '@mui/material';\n/**\n * @description Styled SkodaFlow labelPromotional component.\n * @param props labelPromotionalProps\n * @returns React Function Component\n */\nexport const LabelPromotional = (_a) => {\n var { label, variant } = _a, props = __rest(_a, [\"label\", \"variant\"]);\n return (_jsx(LabelPromotionalStyled, Object.assign({}, props, { variant: variant, label: label, \"data-testid\": \"LabelPromotional\", children: _jsx(\"div\", { className: \"promoLabelContainer\", children: _jsx(\"div\", { className: \"promoLabelText\", children: label }) }) })));\n};\n/**\n * @description labelPromotional styling definition\n */\nexport const LabelPromotionalStyled = styled('div')((_a) => {\n var { theme } = _a, props = __rest(_a, [\"theme\"]);\n const positiveSkew = 'skew(21deg, 0deg)';\n const styles = {\n color: flowColors.brand.secondary,\n overflow: 'hidden',\n display: 'flex',\n borderRadius: '2px',\n '& .promoLabelContainer': {\n margin: '0 6px 0 -6px',\n transform: 'skew(-21deg, 0deg)',\n backgroundColor: flowColors.brand.tertiary,\n position: 'relative',\n borderRadius: '3px',\n display: 'inline-flex',\n justifyContent: 'center',\n zIndex: 100,\n },\n '& .promoLabelText': {\n letterSpacing: '1px',\n textTransform: 'uppercase',\n lineHeight: '12px',\n fontWeight: 'bold',\n transform: positiveSkew,\n },\n };\n switch (props.variant) {\n case 'small':\n return Object.assign(Object.assign({}, styles), { '& .promoLabelText': {\n fontSize: '12px',\n letterSpacing: '1px',\n textTransform: 'uppercase',\n lineHeight: '12px',\n fontWeight: 'bold',\n transform: positiveSkew,\n padding: '8px 10px 8px 16px',\n } });\n case 'large':\n default:\n return Object.assign(Object.assign({}, styles), { '& .promoLabelText': {\n fontSize: '14px',\n letterSpacing: '1px',\n textTransform: 'uppercase',\n lineHeight: '12px',\n fontWeight: 'bold',\n transform: positiveSkew,\n padding: '10px 14px 10px 20px',\n } });\n }\n});\n//# sourceMappingURL=labelPromotional.js.map"],"names":["LabelPromotional","_a","label","variant","props","__rest","_jsx","LabelPromotionalStyled","Object","assign","children","className","styled","positiveSkew","styles","color","flowColors","brand","secondary","overflow","display","borderRadius","margin","transform","backgroundColor","tertiary","position","justifyContent","zIndex","letterSpacing","textTransform","lineHeight","fontWeight","fontSize","padding"],"mappings":"+KASY,MAACA,EAAoBC,IAC7B,IAAIC,MAAEA,EAAKC,QAAEA,GAAYF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,QAAS,YAC1D,OAAQK,EAAKC,EAAwBC,OAAOC,OAAO,CAAE,EAAEL,EAAO,CAAED,QAASA,EAASD,MAAOA,EAAO,cAAe,mBAAoBQ,SAAUJ,EAAK,MAAO,CAAEK,UAAW,sBAAuBD,SAAUJ,EAAK,MAAO,CAAEK,UAAW,iBAAkBD,SAAUR,QAAiB,EAKpQK,EAAyBK,EAAO,MAAPA,EAAeX,IAC9C,IAAiBG,EAAQC,EAAOJ,EAAI,CAAC,UACxC,MAAMY,EAAe,oBACfC,EAAS,CACXC,MAAOC,EAAWC,MAAMC,UACxBC,SAAU,SACVC,QAAS,OACTC,aAAc,MACd,yBAA0B,CACtBC,OAAQ,eACRC,UAAW,qBACXC,gBAAiBR,EAAWC,MAAMQ,SAClCC,SAAU,WACVL,aAAc,MACdD,QAAS,cACTO,eAAgB,SAChBC,OAAQ,KAEZ,oBAAqB,CACjBC,cAAe,MACfC,cAAe,YACfC,WAAY,OACZC,WAAY,OACZT,UAAWV,IAGnB,MACS,UADDT,EAAMD,QAECK,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIK,GAAS,CAAE,oBAAqB,CAC/DmB,SAAU,OACVJ,cAAe,MACfC,cAAe,YACfC,WAAY,OACZC,WAAY,OACZT,UAAWV,EACXqB,QAAS,uBAIV1B,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIK,GAAS,CAAE,oBAAqB,CAC/DmB,SAAU,OACVJ,cAAe,MACfC,cAAe,YACfC,WAAY,OACZC,WAAY,OACZT,UAAWV,EACXqB,QAAS,wBAExB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labelStatus.js","sources":["../../../src/components/labelStatus/labelStatus.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"labelStatus.js","sources":["../../../src/components/labelStatus/labelStatus.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../label';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/**\n * @description Styled SkodaFlow LabelStatus component\n * @param props LabelStatusProps\n * @returns React Functional Component\n */\nexport const LabelStatus = forwardRef((_a, ref) => {\n var { children, label, variant = 'positive' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n return (_jsx(LabelStatusStyled, Object.assign({ className: 'labelStatus' }, props, { ref: ref, variant: variant, label: label, \"data-testid\": \"LabelStatus\", children: children })));\n});\n/**\n * LabelStatus styling defintion\n */\nconst LabelStatusStyled = styled(Label) `\r\n --flow-label-color: ${(props) => {\n switch (props.variant) {\n case 'alert':\n return flowColors.alert['main'];\n case 'warning':\n return flowColors.warning['main'];\n case 'positive':\n return flowColors.positive['main'];\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : props.variant;\n }\n}};\r\n color: ${flowColors.text.primary};\r\n &::before {\r\n content: '';\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n margin-right: 8px;\r\n margin-top: -2px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n background-color: var(--flow-label-color);\r\n }\r\n`;\n//# sourceMappingURL=labelStatus.js.map"],"names":["LabelStatus","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelStatusStyled","Object","assign","className","styled","Label","flowColors","alert","warning","positive","text","primary"],"mappings":"oPAWY,MAACA,EAAcC,GAAW,CAACC,EAAIC,KACvC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAeJ,EAAIK,EAAQC,EAAON,EAAI,CAAC,WAAY,QAAS,YAC7F,OAAQO,EAAKC,EAAmBC,OAAOC,OAAO,CAAEC,UAAW,eAAiBN,EAAO,CAAEJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAAO,cAAe,cAAeD,SAAUA,IAAc,IAKnLM,EAAoBI,EAAOC,EAAO;wBACfR,IACrB,OAAQA,EAAMD,SACV,IAAK,QACD,OAAOU,EAAWC,MAAY,KAClC,IAAK,UACD,OAAOD,EAAWE,QAAc,KACpC,IAAK,WACD,OAAOF,EAAWG,SAAe,KACrC,QACI,OAAOH,EAAWT,EAAMD,SAAWU,EAAWT,EAAMD,SAAWC,EAAMD,QAC5E;WAEMU,EAAWI,KAAKC;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logo.js","sources":["../../../src/components/logo/Logo.tsx"],"sourcesContent":[null],"names":["Logo","props","variant","color","width","height","LogoIcon","useMemo","SymbolLogoIcon","VerticalLogoIcon","HorizontalLogoIcon","_jsx","Box","sx","theme","palette","primary","dark","children","SvgIcon","viewBox","fill","d","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Logo.js","sources":["../../../src/components/logo/Logo.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, SvgIcon } from '@mui/material';\nimport { useMemo } from 'react';\n/**\n * Component that renders Skoda logo. There are several variants of the logo. Design can be found here https://www.figma.com/file/8ct8rVAKCJyZmDmpjJuVlv/FLOW---Web-%2F-UI-1.10.0?node-id=9546%3A14370&mode=dev\n */\nexport const Logo = (props) => {\n const { variant, color, width, height } = props;\n const LogoIcon = useMemo(() => {\n if (variant === 'symbol') {\n return SymbolLogoIcon;\n }\n if (variant === 'vertical') {\n return VerticalLogoIcon;\n }\n return HorizontalLogoIcon;\n }, [variant]);\n return (_jsx(Box, { \"data-testid\": \"Logo\", sx: {\n width: width !== null && width !== void 0 ? width : '100%',\n height: height !== null && height !== void 0 ? height : '100%',\n color: (theme) => color !== null && color !== void 0 ? color : theme.palette.primary.dark,\n }, children: _jsx(LogoIcon, {}) }));\n};\nconst SymbolLogoIcon = () => (_jsx(SvgIcon, { viewBox: \"0 0 32 32\", sx: { width: '100%', height: '100%', fill: 'currentColor' }, \"data-testid\": \"Logo.symbol\", children: _jsx(\"path\", { d: \"M16 0C7.16345 0 0 7.16345 0 16C0 24.8366 7.16345 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16345 24.8366 0 16 0ZM16 30.6181C7.92664 30.6181 1.38188 24.0734 1.38188 16C1.38188 7.92664 7.92664 1.38188 16 1.38188C24.0734 1.38188 30.6181 7.92664 30.6181 16C30.6181 24.0734 24.0734 30.6181 16 30.6181ZM22.9186 20.9748L22.5599 21.9432H21.2481C21.5987 20.998 26.0191 10.4529 17.3331 3.30067C15.5096 3.10748 13.666 3.31141 11.9289 3.89843C12.2186 4.1318 15.2275 6.60184 16.6453 9.65167L16.2293 9.76367C15.4478 8.91211 12.6085 5.78599 9.90293 4.7799C8.44709 5.57356 7.15898 6.64201 6.10992 7.92608C7.3806 8.57612 10.7008 10.5592 11.9627 12.0997C11.8904 12.1322 11.6067 12.285 11.6067 12.285C9.29207 10.5258 5.18018 9.61266 4.97001 9.56732C4.1056 11.0449 3.54923 12.6821 3.33443 14.3804C9.70223 15.6621 11.4168 18.6091 11.7101 21.9432H10.504L8.43136 21.0398C8.32338 20.9993 8.2099 20.9754 8.09477 20.9689H4.23562C4.84653 22.4112 5.7173 23.7288 6.80453 24.8563H8.44907C8.59079 24.8563 8.7148 24.8386 8.8388 24.7677L10.504 23.9174H22.5599L22.9186 24.8859C24.4165 24.7132 25.8066 24.0213 26.8475 22.9303C25.8066 21.8394 24.4165 21.1475 22.9186 20.9748ZM18.2763 20.4696C17.9639 20.4696 17.6585 20.3769 17.3987 20.2033C17.1389 20.0298 16.9365 19.7831 16.8169 19.4944C16.6974 19.2058 16.6661 18.8881 16.727 18.5817C16.788 18.2753 16.9384 17.9938 17.1593 17.7729C17.3803 17.552 17.6617 17.4015 17.9682 17.3406C18.2746 17.2796 18.5922 17.3109 18.8808 17.4305C19.1695 17.55 19.4162 17.7525 19.5898 18.0123C19.7634 18.2721 19.856 18.5775 19.856 18.8899C19.856 19.3088 19.6896 19.7106 19.3933 20.0069C19.0971 20.3031 18.6953 20.4696 18.2763 20.4696Z\" }) }));\nconst VerticalLogoIcon = () => (_jsxs(SvgIcon, { viewBox: \"0 0 138 130\", sx: { width: '100%', height: '100%', fill: 'currentcolor' }, \"data-testid\": \"Logo.vertical\", children: [_jsx(\"path\", { d: \"M66 21C51.6406 21 40 32.6406 40 47C40 61.3594 51.6406 73 66 73C80.3594 73 92 61.3594 92 47C92 32.6406 80.3594 21 66 21ZM66 70.7544C52.8808 70.7544 42.2456 60.1192 42.2456 47C42.2456 33.8808 52.8808 23.2456 66 23.2456C79.1192 23.2456 89.7544 33.8808 89.7544 47C89.7544 60.1192 79.1192 70.7544 66 70.7544ZM77.2427 55.084L76.6598 56.6578H74.5282C75.0979 55.1218 82.281 37.9859 68.1662 26.3636C65.2032 26.0497 62.2073 26.381 59.3845 27.335C59.8553 27.7142 64.7448 31.728 67.0487 36.684L66.3727 36.866C65.1026 35.4822 60.4889 30.4023 56.0923 28.7673C53.7265 30.057 51.6333 31.7933 49.9286 33.8799C51.9935 34.9361 57.3888 38.1586 59.4393 40.6619C59.3219 40.7147 58.8608 40.9631 58.8608 40.9631C55.0996 38.1043 48.4178 36.6205 48.0763 36.5469C46.6716 38.9479 45.7675 41.6084 45.4184 44.3681C55.7661 46.4509 58.5524 51.2397 59.0289 56.6578H57.069L53.701 55.1897C53.5255 55.1239 53.3411 55.0851 53.154 55.0745H46.8829C47.8756 57.4181 49.2906 59.5594 51.0574 61.3915H53.7297C53.95 61.4023 54.1691 61.3525 54.363 61.2476L57.069 59.8658H76.6598L77.2427 61.4396C79.6768 61.1589 81.9357 60.0345 83.6271 58.2618C81.9357 56.4891 79.6768 55.3647 77.2427 55.084ZM69.699 54.263C69.1913 54.263 68.695 54.1125 68.2729 53.8304C67.8508 53.5483 67.5218 53.1474 67.3275 52.6784C67.1332 52.2093 67.0824 51.6932 67.1814 51.1953C67.2805 50.6973 67.5249 50.24 67.8839 49.881C68.2429 49.522 68.7003 49.2775 69.1982 49.1785C69.6962 49.0794 70.2123 49.1302 70.6814 49.3245C71.1504 49.5188 71.5513 49.8478 71.8334 50.27C72.1154 50.6921 72.266 51.1884 72.266 51.6961C72.266 52.3769 71.9955 53.0298 71.5141 53.5112C71.0327 53.9926 70.3798 54.263 69.699 54.263H69.699Z\" }), _jsx(\"path\", { d: \"M10 101L12.1675 97.6125H24.739C25.4511 97.6125 25.9156 97.1587 25.9156 96.4631V94.4971H15.1091C11.8888 94.4971 10.4645 93.1059 10.4645 90.0208V88.69C10.4645 86.3913 11.8579 85 14.0563 85H14.304V89.9603C14.304 90.6559 14.7685 91.1096 15.4807 91.1096H25.9466C28.3308 91.1096 29.7552 92.5009 29.7552 94.7694V96.5236C29.7552 99.5179 28.2379 101 25.1105 101L10 101ZM85.3338 97.552H95.0565C96.6666 97.552 97.6885 96.5841 97.6885 95.0718V90.9282C97.6885 89.4159 96.6666 88.448 95.0565 88.448H85.3338V97.552ZM81.4323 101V85H95.1494C99.2367 85 101.59 87.2987 101.59 91.1096V94.8903C101.59 98.7013 99.2367 101 95.1494 101H81.4323ZM62.5252 97.552H70.7308C72.217 97.552 73.1769 96.6446 73.1769 95.2231V90.7769C73.1769 89.3554 72.217 88.448 70.7308 88.448H62.5252C61.039 88.448 60.0791 89.3554 60.0791 90.7769V95.223C60.0791 96.6446 61.039 97.552 62.5252 97.552ZM70.8236 101H62.4324C58.469 101 56.1776 98.7618 56.1776 95.0416V90.9584C56.1776 87.2382 58.4689 85 62.4324 85H70.8236C74.787 85 77.0784 87.2382 77.0784 90.9584V95.0416C77.0784 98.7618 74.7871 101 70.8236 101ZM103.189 101L112.385 85H117.804L127 101H122.541L120.962 98.2476H113.128L111.022 94.9811L107.554 101H103.189ZM111.115 94.7996H118.98L115.048 87.9943L111.115 94.7996ZM18.1436 88.327L15.9142 85H29.3836L27.2161 88.327H18.1436ZM34.0483 101V85H37.9498V91.2306H43.1208L49.8401 85H55.0111L46.465 92.9546L55.1659 101H49.6852L42.966 94.6786H37.9498V101H34.0483Z\" })] }));\nconst HorizontalLogoIcon = () => (_jsx(SvgIcon, { viewBox: \"0 0 120 48\", sx: { width: '100%', height: '100%', fill: 'currentcolor' }, \"data-testid\": \"Logo.horizontal\", children: _jsx(\"path\", { d: \"M0 32L2.22307 28.6125H15.1169C15.8473 28.6125 16.3237 28.1587 16.3237 27.4631V25.4971H5.24009C1.93724 25.4971 0.4764 24.1059 0.4764 21.0208V19.69C0.4764 17.3913 1.90549 16 4.16032 16H4.41438V20.9603C4.41438 21.6559 4.89078 22.1096 5.6212 22.1096H16.3554C18.8008 22.1096 20.2617 23.5009 20.2617 25.7694V27.5236C20.2617 30.5179 18.7055 32 15.498 32L0 32ZM77.2654 28.552H87.2374C88.8889 28.552 89.9369 27.5841 89.9369 26.0718V21.9282C89.9369 20.4159 88.8889 19.448 87.2374 19.448H77.2654V28.552ZM73.2639 32V16H87.3328C91.5248 16 93.9385 18.2987 93.9385 22.1096V25.8903C93.9385 29.7013 91.5248 32 87.3328 32H73.2639ZM53.872 28.552H62.288C63.8123 28.552 64.7968 27.6446 64.7968 26.2231V21.7769C64.7968 20.3554 63.8123 19.448 62.288 19.448H53.872C52.3477 19.448 51.3632 20.3554 51.3632 21.7769V26.223C51.3632 27.6446 52.3477 28.552 53.872 28.552ZM62.3832 32H53.7768C49.7118 32 47.3616 29.7618 47.3616 26.0416V21.9584C47.3616 18.2382 49.7117 16 53.7768 16H62.3832C66.4482 16 68.7984 18.2382 68.7984 21.9584V26.0416C68.7984 29.7618 66.4483 32 62.3832 32ZM95.578 32L105.01 16H110.568L120 32H115.427L113.807 29.2476H105.772L103.613 25.9811L100.056 32H95.578ZM103.708 25.7996H111.775L107.741 18.9943L103.708 25.7996ZM8.3524 19.327L6.06581 16H19.8806L17.6575 19.327H8.3524ZM24.6649 32V16H28.6665V22.2306H33.9701L40.8616 16H46.1652L37.4 23.9546L46.324 32H40.7028L33.8113 25.6786H28.6665V32H24.6649Z\" }) }));\n//# sourceMappingURL=Logo.js.map"],"names":["Logo","props","variant","color","width","height","LogoIcon","useMemo","SymbolLogoIcon","VerticalLogoIcon","HorizontalLogoIcon","_jsx","Box","sx","theme","palette","primary","dark","children","SvgIcon","viewBox","fill","d","_jsxs"],"mappings":"mIAMY,MAACA,EAAQC,IACjB,MAAMC,QAAEA,EAAOC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,GAAWJ,EACpCK,EAAWC,GAAQ,IACL,WAAZL,EACOM,EAEK,aAAZN,EACOO,EAEJC,GACR,CAACR,IACJ,OAAQS,EAAKC,EAAK,CAAE,cAAe,OAAQC,GAAI,CACvCT,MAAOA,QAAqCA,EAAQ,OACpDC,OAAQA,QAAuCA,EAAS,OACxDF,MAAQW,GAAUX,QAAqCA,EAAQW,EAAMC,QAAQC,QAAQC,MACtFC,SAAUP,EAAKL,EAAU,CAAE,IAAM,EAEtCE,EAAiB,IAAOG,EAAKQ,EAAS,CAAEC,QAAS,YAAaP,GAAI,CAAET,MAAO,OAAQC,OAAQ,OAAQgB,KAAM,gBAAkB,cAAe,cAAeH,SAAUP,EAAK,OAAQ,CAAEW,EAAG,mmDACrLb,EAAmB,IAAOc,EAAMJ,EAAS,CAAEC,QAAS,cAAeP,GAAI,CAAET,MAAO,OAAQC,OAAQ,OAAQgB,KAAM,gBAAkB,cAAe,gBAAiBH,SAAU,CAACP,EAAK,OAAQ,CAAEW,EAAG,qmDAAumDX,EAAK,OAAQ,CAAEW,EAAG,w4CACtzDZ,EAAqB,IAAOC,EAAKQ,EAAS,CAAEC,QAAS,aAAcP,GAAI,CAAET,MAAO,OAAQC,OAAQ,OAAQgB,KAAM,gBAAkB,cAAe,kBAAmBH,SAAUP,EAAK,OAAQ,CAAEW,EAAG"}
|
package/components/menu/menu.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e}from"tslib";import{jsxs as t,jsx as o,Fragment as i}from"react/jsx-runtime";import{forwardRef as r,useState as l,useCallback as n,useEffect as a}from"react";import{styled as p}from"@mui/material/styles";import c from"@mui/material/MenuItem";import m from"@mui/material/MenuList";import g from"@mui/material/Paper";import s from"@mui/material/ListItemText";import u from"@mui/material/ListItemIcon";import{Checkbox as d}from"../checkbox/checkbox.js";import{ToggleSwitch as h}from"../toggleSwitch/toggleSwitch.js";import{Icon as f}from"../icon/icon.js";import
|
|
1
|
+
import{__rest as e}from"tslib";import{jsxs as t,jsx as o,Fragment as i}from"react/jsx-runtime";import{forwardRef as r,useState as l,useCallback as n,useEffect as a}from"react";import{styled as p}from"@mui/material/styles";import c from"@mui/material/MenuItem";import m from"@mui/material/MenuList";import g from"@mui/material/Paper";import s from"@mui/material/ListItemText";import u from"@mui/material/ListItemIcon";import{Checkbox as d}from"../checkbox/checkbox.js";import{ToggleSwitch as h}from"../toggleSwitch/toggleSwitch.js";import{Icon as f}from"../icon/icon.js";import x from"@mui/material/Divider";import{Typography as b}from"@mui/material";import{Flag as S}from"../flag/flag.js";const v=r(((r,p)=>{var{setIsOpen:g,reactHook:v,items:M,hasIcon:L,multipleSelection:j,groupToggleSelection:k,groupLabel:y="",toggleLabel:T}=r,O=e(r,["setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel"]);const{state:w,setState:R}=v,[C,W]=l(!1),H=n((()=>{((e,t,o,i)=>{const r=!e;o((()=>r?[...t]:[])),i(r)})(C,M,R,W)}),[M,R,C]),D=n(((e,t)=>{((e,t,o,i,r,l)=>{const n=e?i.includes(o):i.find((e=>e.value.toString()===o)),a=e?[o]:l.filter((e=>e.value.toString()===o));r(t?n?i.filter((t=>e?t!==o:t.value.toString()!==o)):e=>[...a,...e]:n?[]:a)})(t,j,e.currentTarget.id,w,R,M)}),[M,w,j,R]),N=n(((e,i)=>{const r=e?w.includes(i):w.some((e=>e.value===i.value)),l=e?i:i.title,n=e?i:i.value;return t(c,{id:n,selected:r,onClick:t=>D(t,e),children:[L&&!e&&o(u,{children:o(S,{flag:i.flag,title:i.title})}),o(s,{children:o(b,{noWrap:!0,children:l})}),j&&o(d,{checked:r})]},n)}),[w,L,j,D]);return a((()=>{((e,t,o,i,r)=>{e&&t&&(i.length===o.length&&r(!0),i.length<o.length&&r(!1))})(j,k,M,w,W)}),[k,M,w,j]),t(I,Object.assign({},O,{ref:p,groupLabel:y,groupToggleSelection:k,multipleSelection:j.toString(),sx:y||k&&j?{paddingTop:"0px"}:{},children:[y.length>0&&t(i,{children:[t(c,{children:[o(s,{children:o(b,{noWrap:!0,children:y})}),o(u,{onClick:()=>g(!1),children:o(f,{className:"ballotx"})})]}),o(x,{variant:"middle"})]}),j&&k&&o(i,{children:t(c,{className:"menu-select-all",children:[o(s,{children:T||"Select all"}),o(h,{onClick:H,checked:C})]})}),o(m,{children:M.map((e=>N("string"==typeof e,e)))})]}))})),I=p(g,{shouldForwardProp:e=>"multipleSelection"!==e&&"groupLabel"!==e&&"groupToggleSelection"!==e})((t=>{var{theme:o}=t;const i=e(t,["theme"]);let r={};const l={height:"48px",padding:"0px 24px"};return"true"===i.multipleSelection&&(l.paddingRight="16px"),r=Object.assign(Object.assign({},r),{boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)","& .MuiList-root":{maxHeight:"240px",overflow:"overlay",padding:"0px",borderRadius:"4px"},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px"},"& li > .MuiListItemIcon-root":{minWidth:"0px",marginRight:"16px"},"& .MuiDivider-root":{marginTop:"0px",marginBottom:"0px"},"& li.menu-select-all":{"& .MuiTypography-root":{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},"&:hover":{backgroundColor:o.palette.onSurface.os0}},"& .MuiMenuItem-root":l}),i.groupLabel&&i.groupLabel.length>0?r=Object.assign(Object.assign({},r),{"& > .MuiMenuItem-root:first-of-type":{borderRadius:"4px",paddingRight:"21px","& .MuiTypography-root":{fontWeight:"700"},"& .MuiListItemIcon-root":{marginRight:"0px",color:o.palette.onSurface.os900,"& .MuiIcon-root:before":{position:"relative",top:"-3px"}},"&:hover":{backgroundColor:`${o.palette.background.primary}`}}}):i.multipleSelection&&i.groupToggleSelection&&(r=Object.assign(Object.assign({},r),{"& > .MuiMenuItem-root:first-of-type":{borderRadius:"4px"}})),r}));export{v as Menu};
|
|
2
2
|
//# sourceMappingURL=menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":[null],"names":["Menu","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","props","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","MenuItem","onClick","_jsx","ListItemIcon","children","Flag","flag","ListItemText","Typography","noWrap","Checkbox","checked","useEffect","length","PaperStyled","Object","assign","sx","paddingTop","Icon","className","Divider","variant","_Fragment","ToggleSwitch","MenuList","map","styled","MuiPaper","shouldForwardProp","prop","theme","styles","itemStyles","height","padding","paddingRight","boxShadow","maxHeight","overflow","borderRadius","width","border","fontSize","lineHeight","color","palette","onSurface","os900","fontWeight","minWidth","marginRight","marginTop","marginBottom","textOverflow","whiteSpace","backgroundColor","os0","position","top","background","primary"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MenuItem from '@mui/material/MenuItem';\nimport MenuList from '@mui/material/MenuList';\nimport MuiPaper from '@mui/material/Paper';\nimport ListItemText from '@mui/material/ListItemText';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport { Checkbox } from '../checkbox';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { Icon } from '../icon';\nimport Divider from '@mui/material/Divider';\nimport { Typography } from '@mui/material';\nimport { Flag } from '../flag';\n/**\n * @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n */\n/**\n * @function onToggleClickHandler\n * @description Set itemsstate and toggle checked on toggle click.\n */\nconst onToggleClickHandler = (currToggleChecked, initItems, setItems, setToggle) => {\n const expectedFutureToggleCheckedState = !currToggleChecked;\n setItems(() => (expectedFutureToggleCheckedState ? [...initItems] : []));\n setToggle(expectedFutureToggleCheckedState);\n};\n/**\n * @function onMenuItemClickHandler\n * @description Set itemsstate on menu item click.\n */\nconst onMenuItemClickHandler = (isString, multipleSelection, id, itemsState, setItemsState, initItems) => {\n const itemExist = isString ? itemsState.includes(id) : itemsState.find((item) => item.value.toString() === id);\n const newItem = isString\n ? [id]\n : initItems.filter((item) => item.value.toString() === id);\n //if the menu is not multiple selection\n if (!multipleSelection) {\n //if the item is already selected (itemExist === true): return an empty array (deselect item)\n //else return the new item selected (object or string depending on the array of items passed)\n if (itemExist) {\n setItemsState([]);\n }\n else {\n setItemsState(newItem);\n }\n }\n //if the menu is multiple selection\n else {\n if (itemExist) {\n const listWithoutItem = itemsState.filter((item) => (isString ? item !== id : item.value.toString() !== id));\n setItemsState(listWithoutItem);\n }\n else {\n setItemsState((prevArr) => [...newItem, ...prevArr]);\n }\n }\n};\n/**\n * @function setToggle\n * @description Set toggle based on menu items change.\n */\nconst setToggle = (multipleSelection, groupToggleSelection, initItems, itemsState, setToggleChecked) => {\n if (multipleSelection && groupToggleSelection) {\n if (itemsState.length === initItems.length)\n setToggleChecked(true);\n if (itemsState.length < initItems.length)\n setToggleChecked(false);\n }\n};\nexport const Menu = forwardRef((_a, ref) => {\n var { setIsOpen, reactHook, items, hasIcon, multipleSelection, groupToggleSelection, groupLabel = '', toggleLabel } = _a, props = __rest(_a, [\"setIsOpen\", \"reactHook\", \"items\", \"hasIcon\", \"multipleSelection\", \"groupToggleSelection\", \"groupLabel\", \"toggleLabel\"]);\n const { state: itemsState, setState: setItemsState } = reactHook;\n const [toggleChecked, setToggleChecked] = useState(false);\n const onToggleClickHandlerWithUseCallback = useCallback(() => {\n onToggleClickHandler(toggleChecked, items, setItemsState, setToggleChecked);\n }, [items, setItemsState, toggleChecked]);\n //callback fired when an item in the menu list is clicked\n const onMenuItemClickHandlerWithUseCallback = useCallback((e, isString) => {\n onMenuItemClickHandler(isString, multipleSelection, e.currentTarget.id, itemsState, setItemsState, items);\n }, [items, itemsState, multipleSelection, setItemsState]);\n //Return the menuItem depending on the type of the item (string or MenuItemObject)\n const handleTypeItem = useCallback((isString, item) => {\n const selected = isString\n ? itemsState.includes(item)\n : itemsState.some((itemState) => itemState.value === item.value);\n const title = isString ? item : item.title;\n const id = isString ? item : item.value;\n return (_jsxs(MenuItem, { id: id, selected: selected, onClick: (e) => onMenuItemClickHandlerWithUseCallback(e, isString), children: [hasIcon && !isString && (_jsx(ListItemIcon, { children: _jsx(Flag, { flag: item.flag, title: item.title }) })), _jsx(ListItemText, { children: _jsx(Typography, { noWrap: true, children: title }) }), multipleSelection && _jsx(Checkbox, { checked: selected })] }, id));\n }, [itemsState, hasIcon, multipleSelection, onMenuItemClickHandlerWithUseCallback]);\n useEffect(() => {\n setToggle(multipleSelection, groupToggleSelection, items, itemsState, setToggleChecked);\n }, [groupToggleSelection, items, itemsState, multipleSelection]);\n return (_jsxs(PaperStyled, Object.assign({}, props, { ref: ref, groupLabel: groupLabel, groupToggleSelection: groupToggleSelection, multipleSelection: multipleSelection.toString(), sx: groupLabel || (groupToggleSelection && multipleSelection) ? { paddingTop: '0px' } : {}, children: [groupLabel.length > 0 && (_jsxs(_Fragment, { children: [_jsxs(MenuItem, { children: [_jsx(ListItemText, { children: _jsx(Typography, { noWrap: true, children: groupLabel }) }), _jsx(ListItemIcon, { onClick: () => setIsOpen(false), children: _jsx(Icon, { className: \"ballotx\" }) })] }), _jsx(Divider, { variant: \"middle\" })] })), multipleSelection && groupToggleSelection && (_jsx(_Fragment, { children: _jsxs(MenuItem, { className: \"menu-select-all\", children: [_jsx(ListItemText, { children: toggleLabel ? toggleLabel : 'Select all' }), _jsx(ToggleSwitch, { onClick: onToggleClickHandlerWithUseCallback, checked: toggleChecked })] }) })), _jsx(MenuList, { children: items.map((item) => {\n const isString = typeof item === 'string';\n return handleTypeItem(isString, item);\n }) })] })));\n});\n/**\n * @description Menu styling defintion based on props\n */\nconst PaperStyled = styled(MuiPaper, {\n shouldForwardProp: (prop) => prop !== 'multipleSelection' && prop !== 'groupLabel' && prop !== 'groupToggleSelection',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const props = args;\n let styles = {};\n const hasmultipleSelection = props.multipleSelection === 'true';\n const itemStyles = {\n height: '48px',\n padding: '0px 24px',\n };\n if (hasmultipleSelection)\n itemStyles.paddingRight = '16px';\n styles = Object.assign(Object.assign({}, styles), { boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)', '& .MuiList-root': {\n maxHeight: '240px',\n overflow: 'overlay',\n padding: '0px',\n borderRadius: '4px',\n }, '& .MuiTypography-root': {\n fontSize: '16px',\n lineHeight: '24px',\n color: theme.palette.onSurface.os900,\n fontWeight: '500',\n paddingRight: '16px',\n }, '& li > .MuiListItemIcon-root': {\n minWidth: '0px',\n marginRight: '16px',\n }, '& .MuiDivider-root': {\n marginTop: '0px',\n marginBottom: '0px',\n }, '& li.menu-select-all': {\n '& .MuiTypography-root': {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n },\n '&:hover': {\n backgroundColor: theme.palette.onSurface.os0,\n },\n }, '& .MuiMenuItem-root': itemStyles });\n if (props.groupLabel && props.groupLabel.length > 0) {\n styles = Object.assign(Object.assign({}, styles), { '& > .MuiMenuItem-root:first-of-type': {\n borderRadius: '4px',\n paddingRight: '21px',\n '& .MuiTypography-root': {\n fontWeight: '700',\n },\n '& .MuiListItemIcon-root': {\n marginRight: '0px',\n color: theme.palette.onSurface.os900,\n '& .MuiIcon-root:before': {\n position: 'relative',\n top: '-3px',\n },\n },\n '&:hover': {\n backgroundColor: `${theme.palette.background.primary}`,\n },\n } });\n }\n else if (props.multipleSelection && props.groupToggleSelection) {\n styles = Object.assign(Object.assign({}, styles), { '& > .MuiMenuItem-root:first-of-type': {\n borderRadius: '4px',\n } });\n }\n return styles;\n});\n//# sourceMappingURL=menu.js.map"],"names":["Menu","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","props","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","MenuItem","onClick","children","_jsx","ListItemIcon","Flag","flag","ListItemText","Typography","noWrap","Checkbox","checked","useEffect","length","PaperStyled","Object","assign","sx","paddingTop","_Fragment","Icon","className","Divider","variant","ToggleSwitch","MenuList","map","styled","MuiPaper","shouldForwardProp","prop","theme","styles","itemStyles","height","padding","paddingRight","boxShadow","maxHeight","overflow","borderRadius","fontSize","lineHeight","color","palette","onSurface","os900","fontWeight","minWidth","marginRight","marginTop","marginBottom","textOverflow","whiteSpace","backgroundColor","os0","position","top","background","primary"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuItem.js","sources":["../../../src/components/menuItem/menuItem.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"menuItem.js","sources":["../../../src/components/menuItem/menuItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport MuiMenuItem from '@mui/material/MenuItem';\nimport { ListItemText, Typography } from '@mui/material';\n/**\n * @description SkodaFlow MenuItem component.\n * @param props MenuItemProps\n * @returns React Functional component\n */\nexport const MenuItem = (_a) => {\n var { key, id, value, children } = _a, props = __rest(_a, [\"key\", \"id\", \"value\", \"children\"]);\n return (_jsx(MuiMenuItem, Object.assign({ id: id, value: value }, props, { children: _jsx(ListItemText, { children: _jsx(Typography, { noWrap: true, children: children }) }) }), key));\n};\n//# sourceMappingURL=menuItem.js.map"],"names":["MenuItem","_a","key","id","value","children","props","__rest","_jsx","MuiMenuItem","Object","assign","ListItemText","Typography","noWrap"],"mappings":"0KASY,MAACA,EAAYC,IACrB,IAAIC,IAAEA,EAAGC,GAAEA,EAAEC,MAAEA,EAAKC,SAAEA,GAAaJ,EAAIK,EAAQC,EAAON,EAAI,CAAC,MAAO,KAAM,QAAS,aACjF,OAAQO,EAAKC,EAAaC,OAAOC,OAAO,CAAER,GAAIA,EAAIC,MAAOA,GAASE,EAAO,CAAED,SAAUG,EAAKI,EAAc,CAAEP,SAAUG,EAAKK,EAAY,CAAEC,QAAQ,EAAMT,SAAUA,QAAmBH,EAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mobileStepper.js","sources":["../../../src/components/mobileStepper/mobileStepper.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"mobileStepper.js","sources":["../../../src/components/mobileStepper/mobileStepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useEffect, useState } from 'react';\nimport MuiMobileStepper from '@mui/material/MobileStepper';\nimport { Icon, styled } from '@mui/material';\nimport { flowColors } from '../../design/skoda/palette.theme';\nexport const MobileStepper = (_a) => {\n var { steps, activeStep, variant, backButton, nextButton, prevButtonLabel, nextButtonLabel, LinearProgressProps, sx } = _a, props = __rest(_a, [\"steps\", \"activeStep\", \"variant\", \"backButton\", \"nextButton\", \"prevButtonLabel\", \"nextButtonLabel\", \"LinearProgressProps\", \"sx\"]);\n const [currentStep, setCurrentStep] = useState(activeStep);\n const isStepValid = (stepNumber, _steps) => {\n return stepNumber >= 0 && stepNumber < _steps ? true : false;\n };\n const colorp = {\n color: flowColors.onSurface.os900,\n };\n if (currentStep <= 0) {\n colorp.color = flowColors.disabled.primary;\n }\n const colorn = {\n color: flowColors.onSurface.os900,\n };\n if (currentStep >= steps - 1) {\n colorn.color = flowColors.disabled.primary;\n }\n // change current step on change of active step\n useEffect(() => {\n setCurrentStep(activeStep);\n }, [activeStep]);\n const previousArrow = (_prevButtonLabel) => (_jsx(_Fragment, { children: _jsxs(\"div\", { className: \"controllerContainer\", \"data-testid\": \"MobileStepper.prevBtn\", style: colorp, onClick: () => {\n isStepValid(currentStep - 1, steps) && setCurrentStep(currentStep - 1);\n }, children: [_jsx(\"span\", { className: 'MuiButton-startIcon', children: _jsx(Icon, { fontSize: 'small', style: colorp, className: 'arrow-left' }) }), _jsx(\"span\", { className: \"arrowLabel\", children: _prevButtonLabel })] }) }));\n const nextArrow = (_nextButtonLabel) => (_jsx(_Fragment, { children: _jsxs(\"div\", { className: \"controllerContainer\", \"data-testid\": \"MobileStepper.nextBtn\", style: colorn, onClick: () => {\n isStepValid(currentStep + 1, steps) && setCurrentStep(currentStep + 1);\n }, children: [_jsx(\"span\", { className: \"arrowLabel\", children: _nextButtonLabel }), _jsx(\"span\", { className: 'MuiButton-endIcon', children: _jsx(Icon, { fontSize: 'small', style: colorn, className: 'arrow-right' }) })] }) }));\n const mobileStepper = () => (_jsx(\"div\", { children: _jsx(MuiMobileStepper, Object.assign({}, props, { steps: steps, activeStep: currentStep, variant: variant, sx: {\n maxWidth: 380,\n display: 'flex',\n alignItems: 'center',\n position: 'static',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n letterSpacing: '0.02em',\n }, backButton: _jsx(_Fragment, { children: previousArrow(prevButtonLabel) }), nextButton: _jsx(_Fragment, { children: nextArrow(nextButtonLabel) }), \"data-testid\": \"MobileStepper\" })) }));\n return _jsx(MobileStepperStyle, { children: mobileStepper() });\n};\nconst MobileStepperStyle = styled('div')(() => {\n let style = {};\n const SKODA_NEXT = 'SKODA Next';\n style = {\n '& .controllerContainer': {\n display: 'flex',\n alignItems: 'center',\n fontFamily: SKODA_NEXT,\n fontStyle: 'normal',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n '& .MuiButton-endIcon, .MuiButton-startIcon': {\n marginTop: '0px',\n fontWeight: '400',\n fontSize: '17px',\n lineHeight: '19px',\n },\n },\n };\n return style;\n});\n//# sourceMappingURL=mobileStepper.js.map"],"names":["MobileStepper","_a","steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx","props","__rest","currentStep","setCurrentStep","useState","isStepValid","stepNumber","_steps","colorp","color","flowColors","onSurface","os900","disabled","primary","colorn","useEffect","_jsx","MobileStepperStyle","children","MuiMobileStepper","Object","assign","maxWidth","display","alignItems","position","fontWeight","fontSize","lineHeight","letterSpacing","_Fragment","_prevButtonLabel","_jsxs","className","style","onClick","Icon","_nextButtonLabel","styled","fontFamily","fontStyle","marginTop"],"mappings":"4SAMY,MAACA,EAAiBC,IAC1B,IAAIC,MAAEA,EAAKC,WAAEA,EAAUC,QAAEA,EAAOC,WAAEA,EAAUC,WAAEA,EAAUC,gBAAEA,EAAeC,gBAAEA,EAAeC,oBAAEA,EAAmBC,GAAEA,GAAOT,EAAIU,EAAQC,EAAOX,EAAI,CAAC,QAAS,aAAc,UAAW,aAAc,aAAc,kBAAmB,kBAAmB,sBAAuB,OAC3Q,MAAOY,EAAaC,GAAkBC,EAASZ,GACzCa,EAAc,CAACC,EAAYC,IACtBD,GAAc,GAAKA,EAAaC,EAErCC,EAAS,CACXC,MAAOC,EAAWC,UAAUC,OAE5BV,GAAe,IACfM,EAAOC,MAAQC,EAAWG,SAASC,SAEvC,MAAMC,EAAS,CACXN,MAAOC,EAAWC,UAAUC,OAE5BV,GAAeX,EAAQ,IACvBwB,EAAON,MAAQC,EAAWG,SAASC,SAGvCE,GAAU,KACNb,EAAeX,EAAW,GAC3B,CAACA,IAiBJ,OAAOyB,EAAKC,EAAoB,CAAEC,SAVLF,EAAK,MAAO,CAAEE,SAAUF,EAAKG,EAAkBC,OAAOC,OAAO,CAAA,EAAItB,EAAO,CAAET,MAAOA,EAAOC,WAAYU,EAAaT,QAASA,EAASM,GAAI,CACxJwB,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,SAAU,SACVC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,cAAe,UAChBpC,WAAYuB,EAAKc,EAAW,CAAEZ,UAflBa,EAe0CpC,EAfpBqB,EAAKc,EAAW,CAAEZ,SAAUc,EAAM,MAAO,CAAEC,UAAW,sBAAuB,cAAe,wBAAyBC,MAAO3B,EAAQ4B,QAAS,KAC9K/B,EAAYH,EAAc,EAAGX,IAAUY,EAAeD,EAAc,EAAE,EACvEiB,SAAU,CAACF,EAAK,OAAQ,CAAEiB,UAAW,sBAAuBf,SAAUF,EAAKoB,EAAM,CAAET,SAAU,QAASO,MAAO3B,EAAQ0B,UAAW,iBAAoBjB,EAAK,OAAQ,CAAEiB,UAAW,aAAcf,SAAUa,YAa3HrC,WAAYsB,EAAKc,EAAW,CAAEZ,UAZjGmB,EAYqHzC,EAZ/FoB,EAAKc,EAAW,CAAEZ,SAAUc,EAAM,MAAO,CAAEC,UAAW,sBAAuB,cAAe,wBAAyBC,MAAOpB,EAAQqB,QAAS,KAC1K/B,EAAYH,EAAc,EAAGX,IAAUY,EAAeD,EAAc,EAAE,EACvEiB,SAAU,CAACF,EAAK,OAAQ,CAAEiB,UAAW,aAAcf,SAAUmB,IAAqBrB,EAAK,OAAQ,CAAEiB,UAAW,oBAAqBf,SAAUF,EAAKoB,EAAM,CAAET,SAAU,QAASO,MAAOpB,EAAQmB,UAAW,0BAUnD,cAAe,uBATtJ,IAHHI,EAHIN,CAgBuC,EAE5Dd,EAAqBqB,EAAO,MAAPA,EAAc,KACrC,IAAIJ,EAAQ,CAAA,EAmBZ,OAjBAA,EAAQ,CACJ,yBAA0B,CACtBX,QAAS,OACTC,WAAY,SACZe,WALW,aAMXC,UAAW,SACXd,WAAY,MACZC,SAAU,OACVC,WAAY,OACZ,6CAA8C,CAC1Ca,UAAW,MACXf,WAAY,MACZC,SAAU,OACVC,WAAY,UAIjBM,CAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contentDiv.js","sources":["../../../src/components/modal/contentDiv.tsx"],"sourcesContent":[null],"names":["ContentDiv","children","setIsOverFlowing","className","modalLoadedCallback","ref","useRef","scrollbarVisible","useCallback","element","scrollHeight","clientHeight","useEffect","current","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"contentDiv.js","sources":["../../../src/components/modal/contentDiv.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef } from 'react';\n/**\n * @description SkodaFlow ContentDiv component\n * @param props ContentDivProps\n * @returns React Functional Component\n */\nexport const ContentDiv = ({ children, setIsOverFlowing, className, modalLoadedCallback }) => {\n const ref = useRef(null);\n const scrollbarVisible = useCallback((element) => {\n return element.scrollHeight > element.clientHeight;\n }, []);\n useEffect(() => {\n if (ref.current)\n setIsOverFlowing(scrollbarVisible(ref.current));\n }, [ref, scrollbarVisible, setIsOverFlowing]);\n useEffect(() => {\n modalLoadedCallback && modalLoadedCallback(true);\n return () => modalLoadedCallback && modalLoadedCallback(false);\n }, [modalLoadedCallback]);\n return (_jsx(\"div\", { ref: ref, className: className, children: children }));\n};\n//# sourceMappingURL=contentDiv.js.map"],"names":["ContentDiv","children","setIsOverFlowing","className","modalLoadedCallback","ref","useRef","scrollbarVisible","useCallback","element","scrollHeight","clientHeight","useEffect","current","_jsx"],"mappings":"uGAOY,MAACA,EAAa,EAAGC,WAAUC,mBAAkBC,YAAWC,0BAChE,MAAMC,EAAMC,EAAO,MACbC,EAAmBC,GAAaC,GAC3BA,EAAQC,aAAeD,EAAQE,cACvC,IASH,OARAC,GAAU,KACFP,EAAIQ,SACJX,EAAiBK,EAAiBF,EAAIQ,SAAS,GACpD,CAACR,EAAKE,EAAkBL,IAC3BU,GAAU,KACNR,GAAuBA,GAAoB,GACpC,IAAMA,GAAuBA,GAAoB,KACzD,CAACA,IACIU,EAAK,MAAO,CAAET,IAAKA,EAAKF,UAAWA,EAAWF,SAAUA,GAAa"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as t}from"tslib";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{forwardRef as i,useState as n,useEffect as e,useCallback as d}from"react";import{styled as l}from"@mui/material/styles";import r from"@mui/material/Modal";import{Button as
|
|
1
|
+
import{__rest as t}from"tslib";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{forwardRef as i,useState as n,useEffect as e,useCallback as d}from"react";import{styled as l}from"@mui/material/styles";import r from"@mui/material/Modal";import{Button as m}from"../button/button.js";import{Icon as s}from"../icon/icon.js";import{ContentDiv as c}from"./contentDiv.js";import{useTheme as p}from"@mui/material";const u=i(((i,l)=>{var{children:r,open:u,handleClose:h,onClickTopButton:b,onClickBottomButton:g,ariaLabelledby:B,ariaDescribedBy:f,firstButton:v,secondButton:C,hasCloseButton:k,size:w,firstButtonVariant:W,secondButtonVariant:y,secondButtonVisible:M,defaultButtonSection:T=!0,maxWidth:z,modalLoadedCallback:V}=i,j=t(i,["children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback"]);const[F,L]=n(!1),[O,D]=n(!1),N=p();e((()=>{const t=window.matchMedia(`(min-width: ${N.breakpoints.values.md}px)`);D(t.matches)}),[N.breakpoints.values.md]);const S=d((()=>{if(O&&"large"===(w||"large"))return!1}),[O,w]);return a(x,Object.assign({},j,{ref:l,open:u,size:w,onClose:h,isOverFlowing:F,"aria-labelledby":B,"aria-describedby":f,compactButtons:S(),maxWidth:z,"data-testid":"Modal",children:o("div",{className:"modal-container","data-testid":"Modal.container",children:[k&&a("button",{onClick:h,"data-testid":"Modal.close",children:a(s,{className:"ballotx",fontSize:"medium"})}),a(c,{setIsOverFlowing:L,className:"modal-container--content",modalLoadedCallback:V,"data-testid":"Modal.content",children:r}),T&&o("div",{className:"modal-container--action-buttons","data-testid":"Modal.buttons",children:[a(m,{label:v,onClick:b,fullWidth:!0,variant:W,compact:S(),"data-testid":"Modal.button1","data-variant":W}),M&&a(m,{label:C,onClick:g,fullWidth:!0,variant:y,compact:S(),"data-testid":"Modal.button2","data-variant":y})]})]})}))})),x=l(r,{shouldForwardProp:t=>"compactButtons"!==t&&"isOverFlowing"!==t&&"maxWidth"!==t})((a=>{var{theme:o}=a,i=t(a,["theme"]);const n=i.compactButtons?"16px":"24px",e=i.maxWidth?i.maxWidth:"calc(100% - 40px)",d="large"===(i.size||"large"),l=i.size&&"full-width"===i.size,r=d?{maxWidth:"624px",marginTop:"40px",padding:"40px"}:l?{maxWidth:e,marginTop:"40px",padding:"40px"}:{maxWidth:"408px",marginTop:"48px",padding:"24px 40px 40px 40px"};return{"& .modal-container":{maxHeight:"calc(100vh - 64px)",minHeight:"300px",display:"flex",flexDirection:"column","&--content":{overflowX:"hidden",overflowY:"overlay",marginTop:"48px",padding:"0px 24px"},"&--action-buttons":{padding:"32px 24px",paddingBottom:n,boxShadow:i.isOverFlowing?"0px 0px 32px rgba(0, 0, 0, 0.15)":null,"div:first-of-type":{marginBottom:"15px"}}},[o.breakpoints.up("md")]:{"& .modal-container":{maxHeight:"calc(100vh - 160px)",margin:"0px",width:"100%",maxWidth:r.maxWidth,"&--content":{marginTop:r.marginTop,padding:"0px 40px"},"&--action-buttons":{padding:r.padding,paddingBottom:n}}}}}));export{u as Modal};
|
|
2
2
|
//# sourceMappingURL=modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sources":["../../../src/components/modal/modal.tsx"],"sourcesContent":[null],"names":["Modal","forwardRef","_a","ref","children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","props","__rest","isOverFlowing","setIsOverFlowing","useState","desktopView","setDesktopView","theme","useTheme","useEffect","mq","window","matchMedia","breakpoints","values","md","matches","isCompactButton","useCallback","_jsx","ModalStyled","Object","assign","onClose","compactButtons","_jsxs","className","onClick","Icon","fontSize","ContentDiv","Button","label","fullWidth","variant","compact","styled","MuiModal","shouldForwardProp","prop","args","bottomButtonPadding","fullWidthModal","isModalLarge","isModalFullWidth","sizeBasedStyles","marginTop","padding","maxHeight","minHeight","display","flexDirection","overflowX","overflowY","paddingBottom","boxShadow","marginBottom","up","margin","width"
|
|
1
|
+
{"version":3,"file":"modal.js","sources":["../../../src/components/modal/modal.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MuiModal from '@mui/material/Modal';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ContentDiv } from './contentDiv';\nimport { useTheme } from '@mui/material';\n/**\n * @description Styled SkodaFlow Modal component\n * @param props ModalProps\n * @returns React Functional Component\n */\nexport const Modal = forwardRef((_a, ref) => {\n var { children, open, handleClose, onClickTopButton, onClickBottomButton, ariaLabelledby, ariaDescribedBy, firstButton, secondButton, hasCloseButton, size, firstButtonVariant, secondButtonVariant, secondButtonVisible, defaultButtonSection = true, maxWidth, modalLoadedCallback } = _a, props = __rest(_a, [\"children\", \"open\", \"handleClose\", \"onClickTopButton\", \"onClickBottomButton\", \"ariaLabelledby\", \"ariaDescribedBy\", \"firstButton\", \"secondButton\", \"hasCloseButton\", \"size\", \"firstButtonVariant\", \"secondButtonVariant\", \"secondButtonVisible\", \"defaultButtonSection\", \"maxWidth\", \"modalLoadedCallback\"]);\n const [isOverFlowing, setIsOverFlowing] = useState(false);\n const [desktopView, setDesktopView] = useState(false);\n const theme = useTheme();\n useEffect(() => {\n const mq = window.matchMedia(`(min-width: ${theme.breakpoints.values.md}px)`);\n setDesktopView(mq.matches);\n }, [theme.breakpoints.values.md]);\n const isCompactButton = useCallback(() => {\n const isModalLarge = (size || 'large') === 'large';\n if (desktopView && isModalLarge)\n return false;\n }, [desktopView, size]);\n return (_jsx(ModalStyled, Object.assign({}, props, { ref: ref, open: open, size: size, onClose: handleClose, isOverFlowing: isOverFlowing, \"aria-labelledby\": ariaLabelledby, \"aria-describedby\": ariaDescribedBy, compactButtons: isCompactButton(), maxWidth: maxWidth, \"data-testid\": \"Modal\", children: _jsxs(\"div\", { className: \"modal-container\", \"data-testid\": \"Modal.container\", children: [hasCloseButton && (_jsx(\"button\", { onClick: handleClose, \"data-testid\": \"Modal.close\", children: _jsx(Icon, { className: \"ballotx\", fontSize: \"medium\" }) })), _jsx(ContentDiv, { setIsOverFlowing: setIsOverFlowing, className: \"modal-container--content\", modalLoadedCallback: modalLoadedCallback, \"data-testid\": \"Modal.content\", children: children }), defaultButtonSection && (_jsxs(\"div\", { className: \"modal-container--action-buttons\", \"data-testid\": \"Modal.buttons\", children: [_jsx(Button, { label: firstButton, onClick: onClickTopButton, fullWidth: true, variant: firstButtonVariant, compact: isCompactButton(), \"data-testid\": \"Modal.button1\", \"data-variant\": firstButtonVariant }), secondButtonVisible && (_jsx(Button, { label: secondButton, onClick: onClickBottomButton, fullWidth: true, variant: secondButtonVariant, compact: isCompactButton(), \"data-testid\": \"Modal.button2\", \"data-variant\": secondButtonVariant }))] }))] }) })));\n});\n/**\n * @description Modal styling definition\n */\nconst ModalStyled = styled(MuiModal, {\n shouldForwardProp: (prop) => prop !== 'compactButtons' && prop !== 'isOverFlowing' && prop !== 'maxWidth',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const bottomButtonPadding = args.compactButtons ? '16px' : '24px';\n const smallModalWidth = '408px';\n const largeModalWidth = '624px';\n const fullWidthModal = args.maxWidth ? args.maxWidth : 'calc(100% - 40px)';\n const isModalLarge = (args.size || 'large') === 'large';\n const isModalFullWidth = args.size && args.size === 'full-width';\n const sizeBasedStyles = isModalLarge\n ? { maxWidth: largeModalWidth, marginTop: '40px', padding: '40px' }\n : isModalFullWidth\n ? { maxWidth: fullWidthModal, marginTop: '40px', padding: '40px' }\n : {\n maxWidth: smallModalWidth,\n marginTop: '48px',\n padding: '24px 40px 40px 40px',\n };\n return {\n '& .modal-container': {\n maxHeight: 'calc(100vh - 64px)',\n minHeight: '300px',\n display: 'flex',\n flexDirection: 'column',\n '&--content': {\n overflowX: 'hidden',\n overflowY: 'overlay',\n marginTop: '48px',\n padding: '0px 24px',\n },\n '&--action-buttons': {\n padding: '32px 24px',\n paddingBottom: bottomButtonPadding,\n boxShadow: args.isOverFlowing ? '0px 0px 32px rgba(0, 0, 0, 0.15)' : null,\n 'div:first-of-type': {\n marginBottom: '15px',\n },\n },\n },\n [theme.breakpoints.up('md')]: {\n '& .modal-container': {\n maxHeight: 'calc(100vh - 160px)',\n margin: '0px',\n width: '100%',\n maxWidth: sizeBasedStyles.maxWidth,\n '&--content': {\n marginTop: sizeBasedStyles.marginTop,\n padding: '0px 40px',\n },\n '&--action-buttons': {\n padding: sizeBasedStyles.padding,\n paddingBottom: bottomButtonPadding,\n },\n },\n },\n };\n});\n//# sourceMappingURL=modal.js.map"],"names":["Modal","forwardRef","_a","ref","children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","props","__rest","isOverFlowing","setIsOverFlowing","useState","desktopView","setDesktopView","theme","useTheme","useEffect","mq","window","matchMedia","breakpoints","values","md","matches","isCompactButton","useCallback","_jsx","ModalStyled","Object","assign","onClose","compactButtons","_jsxs","className","onClick","Icon","fontSize","ContentDiv","Button","label","fullWidth","variant","compact","styled","MuiModal","shouldForwardProp","prop","args","bottomButtonPadding","fullWidthModal","isModalLarge","isModalFullWidth","sizeBasedStyles","marginTop","padding","maxHeight","minHeight","display","flexDirection","overflowX","overflowY","paddingBottom","boxShadow","marginBottom","up","margin","width"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalTitle.js","sources":["../../../src/components/modal/modalTitle.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"modalTitle.js","sources":["../../../src/components/modal/modalTitle.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled, Typography } from '@mui/material';\nconst ModalTitleBase = (props) => _jsx(Typography, Object.assign({}, props, { variant: 'h3' }));\nModalTitleBase.defaultProps = {\n gutterBottom: true,\n};\nexport const ModalTitle = styled(ModalTitleBase)((props) => ({\n '&&': {\n marginTop: '0px',\n fontSize: '20px',\n lineHeight: '30px',\n marginBottom: props.gutterBottom ? '1rem' : 'inherit',\n },\n}));\n//# sourceMappingURL=modalTitle.js.map"],"names":["ModalTitleBase","props","_jsx","Typography","Object","assign","variant","defaultProps","gutterBottom","ModalTitle","styled","marginTop","fontSize","lineHeight","marginBottom"],"mappings":"+FAEA,MAAMA,EAAkBC,GAAUC,EAAKC,EAAYC,OAAOC,OAAO,CAAE,EAAEJ,EAAO,CAAEK,QAAS,QACvFN,EAAeO,aAAe,CAC1BC,cAAc,GAEN,MAACC,EAAaC,EAAOV,EAAPU,EAAwBT,IAAW,CACzD,KAAM,CACFU,UAAW,MACXC,SAAU,OACVC,WAAY,OACZC,aAAcb,EAAMO,aAAe,OAAS"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numbering.js","sources":["../../../src/components/numbering/numbering.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"numbering.js","sources":["../../../src/components/numbering/numbering.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material/styles';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/**\n * @description SkodaFlow Numbering component.\n * @param props NumberingProps\n * @returns React Functional Component\n */\nexport const Numbering = (_a) => {\n var props = __rest(_a, []);\n return (_jsxs(NumberingStyled, Object.assign({}, props, { style: props.customStyle, \"data-testid\": \"Numbering\", children: [_jsxs(\"span\", { className: \"index-container\", \"data-testid\": \"Numbering.index\", children: [props.index, ' '] }), _jsxs(\"span\", { className: \"separator-container\", \"data-testid\": \"Numbering.separator\", children: [props.customSeparator ? props.customSeparator : '/', ' '] }), _jsx(\"span\", { className: \"total-container\", \"data-testid\": \"Numbering.total\", children: props.total })] })));\n};\n/**\n * @description Controls styling definition based on props\n */\nconst NumberingStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'customSeparator' && prop !== 'colorTheme',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let styles = {};\n styles = {\n fontFamily: 'SKODA Next',\n fontStyle: 'normal',\n fontWeight: '700',\n fontSize: args.size === NumberingSizes.LARGE ? '18px' : '16px',\n lineHeight: args.size === NumberingSizes.LARGE ? '28px' : '24px',\n letterSpacing: '0.02em',\n '& .index-container': {\n color: args.colorTheme === NumberingColors.DARK ? flowColors.text.primary : flowColors.onSurface.os0,\n },\n '& .separator-container': {\n color: flowColors.onSurface.os600,\n },\n '& .total-container': {\n color: flowColors.onSurface.os600,\n },\n };\n return styles;\n});\n//# sourceMappingURL=numbering.js.map"],"names":["Numbering","_a","props","__rest","_jsxs","NumberingStyled","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","total","styled","shouldForwardProp","prop","args","styles","fontFamily","fontStyle","fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","flowColors","text","primary","onSurface","os0","os600"],"mappings":"0QAUY,MAACA,EAAaC,IACtB,IAAIC,EAAQC,EAAOF,EAAI,IACvB,OAAQG,EAAMC,EAAiBC,OAAOC,OAAO,CAAE,EAAEL,EAAO,CAAEM,MAAON,EAAMO,YAAa,cAAe,YAAaC,SAAU,CAACN,EAAM,OAAQ,CAAEO,UAAW,kBAAmB,cAAe,kBAAmBD,SAAU,CAACR,EAAMU,MAAO,OAASR,EAAM,OAAQ,CAAEO,UAAW,sBAAuB,cAAe,sBAAuBD,SAAU,CAACR,EAAMW,gBAAkBX,EAAMW,gBAAkB,IAAK,OAASC,EAAK,OAAQ,CAAEH,UAAW,kBAAmB,cAAe,kBAAmBD,SAAUR,EAAMa,WAAe,EAKzfV,EAAkBW,EAAO,MAAO,CAClCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADvCF,EAEpBf,IACG,IAAiBkB,EAAOhB,EAAOF,EAAI,CAAC,UACvC,IAAImB,EAAS,CAAA,EAkBb,OAjBAA,EAAS,CACLC,WAAY,aACZC,UAAW,SACXC,WAAY,MACZC,SAAUL,EAAKM,OAASC,EAAeC,MAAQ,OAAS,OACxDC,WAAYT,EAAKM,OAASC,EAAeC,MAAQ,OAAS,OAC1DE,cAAe,SACf,qBAAsB,CAClBC,MAAOX,EAAKY,aAAeC,EAAgBC,KAAOC,EAAWC,KAAKC,QAAUF,EAAWG,UAAUC,KAErG,yBAA0B,CACtBR,MAAOI,EAAWG,UAAUE,OAEhC,qBAAsB,CAClBT,MAAOI,EAAWG,UAAUE,QAG7BnB,CAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.js","sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":[null],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","IconButton","variant","children","_jsx","Icon","className","Pagination","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","ternaryCondition","components","first","fontSize","last","previous","_Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","flowColors","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"pagination.js","sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport MuiPagination from '@mui/material/Pagination';\nimport MuiPaginationItem from '@mui/material/PaginationItem';\nimport TextField from '@mui/material/TextField';\nimport { styled } from '@mui/material/styles';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ternaryCondition } from '../../utils/utilities';\nimport { IconButton } from '../iconButton';\nimport { Icon } from '../icon';\n/**\n * @description SkodaFlow Pagination component.\n * Properties are inherited from HTML div Attribetes element.\n * @param props PaginationProps\n * @returns React Functional Component\n */\nconst isPageNumberValid = (pageNumber, count) => {\n return (pageNumber === '' ||\n (typeof pageNumber === 'number' && pageNumber - 1 > 0 && pageNumber + 1 <= count) ||\n (typeof parseInt(pageNumber) === 'number' && parseInt(pageNumber) > 0 && parseInt(pageNumber) <= count));\n};\nconst mobileIconButton = (muiIcon, onClick, disabled, direction, hideLabel, label) => (_jsxs(IconButton, { variant: \"standard\", onClick: onClick, disabled: disabled, children: [direction === 'forward' && !hideLabel && label, _jsx(Icon, { className: muiIcon }), direction === 'back' && !hideLabel && label] }));\nexport const Pagination = forwardRef((_a, ref) => {\n var { count, isDisabled, page, prevButtonLabel, nextButtonLabel, defaultPage, hideNextButton, hidePrevButton, hideFirstButton, hideLastButton, hideLabels, onValueChange } = _a, props = __rest(_a, [\"count\", \"isDisabled\", \"page\", \"prevButtonLabel\", \"nextButtonLabel\", \"defaultPage\", \"hideNextButton\", \"hidePrevButton\", \"hideFirstButton\", \"hideLastButton\", \"hideLabels\", \"onValueChange\"]);\n const initialPage = defaultPage || 1;\n const [currentPageNumber, setCurrentPageNumber] = useState(initialPage);\n const [isFirstMount, setIsFirstMount] = useState(true);\n const [prevStatePageNumber, setPrevStatePageNumber] = useState();\n useEffect(() => {\n currentPageNumber && onValueChange && onValueChange(currentPageNumber);\n }, [currentPageNumber, onValueChange]);\n useEffect(() => {\n isFirstMount ? setIsFirstMount(false) : page && !isDisabled && setCurrentPageNumber(page);\n }, [isDisabled, isFirstMount, page]);\n const handleChange = useCallback((event, pageNumber) => {\n setCurrentPageNumber(pageNumber);\n }, []);\n const handleValueChange = (payload) => {\n if (payload === '') {\n setPrevStatePageNumber(currentPageNumber);\n setCurrentPageNumber(payload);\n }\n const castToNum = parseInt(payload);\n if (typeof castToNum === 'number' && isPageNumberValid(castToNum, count)) {\n setPrevStatePageNumber(castToNum);\n setCurrentPageNumber(castToNum);\n }\n };\n const mobilePagination = () => (_jsx(\"div\", { style: { display: 'flex', flexDirection: 'column' }, className: `mobileView ${isDisabled ? 'paginationDisabled' : ''}`, children: _jsxs(\"div\", { className: \"mobileContainer\", children: [mobileIconButton('chevron-previous', () => isPageNumberValid(currentPageNumber - 1, count) && setCurrentPageNumber(1), !isPageNumberValid(currentPageNumber - 1, count)), mobileIconButton('cehvron-left', () => isPageNumberValid(currentPageNumber - 1, count) && setCurrentPageNumber(currentPageNumber - 1), !isPageNumberValid(currentPageNumber - 1, count), 'back', hideLabels, prevButtonLabel), _jsx(TextField, { className: \"textFieldContainer\", value: currentPageNumber, inputProps: { inputMode: 'numeric', pattern: `[1-${count}]*` }, onChange: (val) => handleValueChange(val.target.value), onBlur: () => currentPageNumber === '' && setCurrentPageNumber(prevStatePageNumber) }), mobileIconButton('chevron-right', () => isPageNumberValid(currentPageNumber + 1, count) && setCurrentPageNumber(currentPageNumber + 1), !isPageNumberValid(currentPageNumber + 1, count), 'forward', hideLabels, nextButtonLabel), mobileIconButton('chevron-next', () => isPageNumberValid(currentPageNumber + 1, count) && setCurrentPageNumber(count), !isPageNumberValid(currentPageNumber + 1, count))] }) }));\n const desktopPagination = () => (_jsx(MuiPagination, Object.assign({ className: \"desktopView\" }, props, { shape: \"rounded\", count: count, disabled: isDisabled, page: currentPageNumber, hideNextButton: hideNextButton, hidePrevButton: hidePrevButton, showFirstButton: !hideFirstButton, showLastButton: !hideLastButton, ref: ref, onChange: handleChange, renderItem: (item) => (_jsx(MuiPaginationItem, Object.assign({ className: ternaryCondition(hidePrevButton, false, 'MuiPagination-prev', ''), components: {\n first: () => _jsx(Icon, { className: 'play-previous', fontSize: \"small\" }),\n last: () => _jsx(Icon, { className: 'play-next', fontSize: \"small\" }),\n previous: () => (_jsxs(_Fragment, { children: [_jsx(Icon, { className: 'cehvron-left', fontSize: \"small\" }), _jsx(_Fragment, { children: prevButtonLabel })] })),\n next: () => (_jsxs(_Fragment, { children: [_jsx(_Fragment, { children: nextButtonLabel }), _jsx(Icon, { className: 'chevron-right', fontSize: \"small\" })] })),\n } }, item))) })));\n return (_jsxs(PaginationStyled, { \"data-testid\": \"Pagination-wrapper\", children: [desktopPagination(), \" \", mobilePagination()] }));\n});\n/**\n * @description Pagination styling definition based on props\n */\nconst PaginationStyled = styled('div')(({ theme }) => {\n let style = {};\n const flexStyle = {\n alignItems: 'center',\n display: 'flex',\n justifyContent: 'center',\n width: '100%',\n };\n style = {\n [theme.breakpoints.up('md')]: {\n '& .mobileView': {\n display: 'none!important',\n },\n },\n [theme.breakpoints.down('md')]: {\n '& .desktopView': {\n display: 'none!important',\n },\n },\n '& .desktopView': {\n '& .MuiButton-startIcon': {\n marginRight: '8px',\n display: 'inline-flex',\n },\n '& .MuiButton-endIcon': {\n marginLeft: '8px',\n display: 'inline-flex',\n },\n },\n '& .mobileView': Object.assign(Object.assign({}, flexStyle), { flexDirection: 'column', flexWrap: 'nowrap', '& .mobileContainer': Object.assign(Object.assign({}, flexStyle), { flexWrap: 'nowrap' }), '& .textFieldContainer': {\n height: '36px',\n margin: '0 34px',\n '& input, fieldset': {\n backgroundColor: flowColors.transparent.primary,\n border: 0,\n borderRadius: '4px',\n fontSize: '16px',\n fontWeight: '400',\n height: '36px',\n lineHeight: '36px',\n minWidth: '44px',\n maxWidth: '50px',\n padding: '0 4px',\n textAlign: 'center',\n color: flowColors.text.primary,\n },\n '& fieldset': {\n visibility: 'hidden',\n },\n '& div': {\n '&::before': {\n borderBottom: 0,\n },\n '&::after': {\n borderBottom: 0,\n },\n },\n }, '& .controllerContainer': {\n '& .arrowLabel': {\n color: flowColors.text.primary,\n fontSize: '16px',\n fontWeight: '400',\n lineHeight: '16px',\n },\n '& .MuiButton-startIcon': {\n marginRight: '8px',\n display: 'inline-flex',\n },\n '& .MuiButton-endIcon': {\n marginLeft: '8px',\n display: 'inline-flex',\n },\n '& .MuiIcon-root': {\n fontSize: '16px',\n width: '20px',\n height: '20px',\n },\n }, '& .counter_label': {\n color: flowColors.text.primary,\n fontSize: '12px',\n fontWeight: '400',\n lineHeight: '24px',\n marginTop: '4px',\n }, '&.paginationDisabled': {\n pointerEvents: 'none',\n '& .counter_label, .MuiIcon-root,.arrowLabel, input, fieldset': {\n color: flowColors.disabled.primary,\n },\n } }),\n };\n return style;\n});\n//# sourceMappingURL=pagination.js.map"],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","IconButton","variant","children","_jsx","Icon","className","Pagination","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","ternaryCondition","components","first","fontSize","last","previous","_Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","flowColors","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.js","sources":["../../../../src/components/progressBar/components/loader.tsx"],"sourcesContent":[null],"names":["Loader","forwardRef","_a","ref","state","errorMessage","successMessage","loaderSize","loadingPercentage","loadingPercentageDescribeText","props","__rest","_jsxs","StyledProgressBarMessage","hasJustifyContent","_jsx","Icon","className","fontSize","iconStyle","
|
|
1
|
+
{"version":3,"file":"loader.js","sources":["../../../../src/components/progressBar/components/loader.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../icon';\nimport { StyledProgressBarMessage } from './styledProgressBarMessage';\nexport const Loader = forwardRef((_a, ref) => {\n var { state, errorMessage, successMessage, loaderSize, loadingPercentage, loadingPercentageDescribeText } = _a, props = __rest(_a, [\"state\", \"errorMessage\", \"successMessage\", \"loaderSize\", \"loadingPercentage\", \"loadingPercentageDescribeText\"]);\n if (state === 'error')\n return (_jsxs(StyledProgressBarMessage, { state: state, hasJustifyContent: true, \"data-testid\": \"Loader\", children: [_jsx(Icon, { className: \"circle-multiply\", fontSize: \"medium\", iconStyle: \"filled\" }), _jsx(\"span\", { className: \"message\", children: errorMessage })] }));\n if (state === 'success')\n return (_jsxs(StyledProgressBarMessage, { state: state, hasJustifyContent: true, \"data-testid\": \"Loader\", children: [_jsx(Icon, { className: \"circle-check\", fontSize: \"medium\", iconStyle: \"filled\", color: \"primary\" }), _jsx(\"span\", { className: \"message\", children: successMessage })] }));\n return (_jsxs(StyledLoader, Object.assign({ loaderSize: loaderSize, loadingPercentage: loadingPercentage }, props, { ref: ref, \"data-testid\": \"Loader\", children: [(Boolean(loadingPercentage) || loadingPercentage === 0) && (_jsx(\"span\", { className: \"loading-text\", \"data-testid\": \"Loader.percentage\", children: loadingPercentageDescribeText\n ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n : `${loadingPercentage} %` })), _jsx(\"div\", { className: \"bar\", children: _jsx(\"div\", { className: \"mainBar\" }) })] })));\n});\nconst StyledLoader = styled('div', {\n shouldForwardProp: (prop) => prop !== 'loaderSize' && prop !== 'loadingPercentage',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const height = args.loaderSize === 'small' ? '4px' : '8px';\n const mainBarStyles = {\n width: '100%',\n maxWidth: '0',\n height: height,\n background: theme.palette.brand.primary,\n animation: 'animate 8s infinite',\n transition: null,\n };\n if (args.loadingPercentage || args.loadingPercentage === 0) {\n mainBarStyles.maxWidth = `${args.loadingPercentage}%`;\n mainBarStyles.animation = null;\n mainBarStyles.transition = 'max-width 1s';\n }\n let styles = {};\n styles = {\n fontSize: '14px',\n lineHeight: '20px',\n color: theme.palette.onSurface.os900,\n display: 'flex',\n flexDirection: 'column',\n fontWeight: 500,\n '& .loading-text': {\n alignSelf: 'flex-end',\n marginBottom: '4px',\n fontSize: '14px',\n lineHeight: '20px',\n color: theme.palette.onSurface.os900,\n },\n '@keyframes animate': {\n ' 0%': {\n maxWidth: '0%',\n },\n '20%': {\n maxWidth: '20%',\n },\n '50%': {\n maxWidth: '50%',\n },\n '100%': {\n maxWidth: '100%',\n },\n },\n '& .bar': {\n width: ' 100%',\n height: height,\n overflow: 'hidden',\n background: theme.palette.onSurface.os100,\n display: 'inline-block',\n '& > .mainBar': mainBarStyles,\n },\n };\n return styles;\n});\n//# sourceMappingURL=loader.js.map"],"names":["Loader","forwardRef","_a","ref","state","errorMessage","successMessage","loaderSize","loadingPercentage","loadingPercentageDescribeText","props","__rest","_jsxs","StyledProgressBarMessage","hasJustifyContent","children","_jsx","Icon","className","fontSize","iconStyle","color","StyledLoader","Object","assign","Boolean","styled","shouldForwardProp","prop","theme","args","height","mainBarStyles","width","maxWidth","background","palette","brand","primary","animation","transition","styles","lineHeight","onSurface","os900","display","flexDirection","fontWeight","alignSelf","marginBottom","overflow","os100"],"mappings":"8QAMY,MAACA,EAASC,GAAW,CAACC,EAAIC,KAClC,IAAIC,MAAEA,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,kBAAEA,EAAiBC,8BAAEA,GAAkCP,EAAIQ,EAAQC,EAAOT,EAAI,CAAC,QAAS,eAAgB,iBAAkB,aAAc,oBAAqB,kCAClN,MAAc,UAAVE,EACQQ,EAAMC,EAA0B,CAAET,MAAOA,EAAOU,mBAAmB,EAAM,cAAe,SAAUC,SAAU,CAACC,EAAKC,EAAM,CAAEC,UAAW,kBAAmBC,SAAU,SAAUC,UAAW,WAAaJ,EAAK,OAAQ,CAAEE,UAAW,UAAWH,SAAUV,OACjP,YAAVD,EACQQ,EAAMC,EAA0B,CAAET,MAAOA,EAAOU,mBAAmB,EAAM,cAAe,SAAUC,SAAU,CAACC,EAAKC,EAAM,CAAEC,UAAW,eAAgBC,SAAU,SAAUC,UAAW,SAAUC,MAAO,YAAcL,EAAK,OAAQ,CAAEE,UAAW,UAAWH,SAAUT,OACtQM,EAAMU,EAAcC,OAAOC,OAAO,CAAEjB,WAAYA,EAAYC,kBAAmBA,GAAqBE,EAAO,CAAEP,IAAKA,EAAK,cAAe,SAAUY,SAAU,EAAEU,QAAQjB,IAA4C,IAAtBA,IAA6BQ,EAAK,OAAQ,CAAEE,UAAW,eAAgB,cAAe,oBAAqBH,SAAUN,EACrS,GAAGA,KAAiCD,MACpC,GAAGA,QAA2BQ,EAAK,MAAO,CAAEE,UAAW,MAAOH,SAAUC,EAAK,MAAO,CAAEE,UAAW,iBAAsB,IAEvII,EAAeI,EAAO,MAAO,CAC/BC,kBAAoBC,GAAkB,eAATA,GAAkC,sBAATA,GADrCF,EAEjBxB,IACA,IAAI2B,MAAEA,GAAU3B,EAAI4B,EAAOnB,EAAOT,EAAI,CAAC,UACvC,MAAM6B,EAA6B,UAApBD,EAAKvB,WAAyB,MAAQ,MAC/CyB,EAAgB,CAClBC,MAAO,OACPC,SAAU,IACVH,OAAQA,EACRI,WAAYN,EAAMO,QAAQC,MAAMC,QAChCC,UAAW,sBACXC,WAAY,OAEZV,EAAKtB,mBAAgD,IAA3BsB,EAAKtB,qBAC/BwB,EAAcE,SAAW,GAAGJ,EAAKtB,qBACjCwB,EAAcO,UAAY,KAC1BP,EAAcQ,WAAa,gBAE/B,IAAIC,EAAS,CAAA,EAsCb,OArCAA,EAAS,CACLtB,SAAU,OACVuB,WAAY,OACZrB,MAAOQ,EAAMO,QAAQO,UAAUC,MAC/BC,QAAS,OACTC,cAAe,SACfC,WAAY,IACZ,kBAAmB,CACfC,UAAW,WACXC,aAAc,MACd9B,SAAU,OACVuB,WAAY,OACZrB,MAAOQ,EAAMO,QAAQO,UAAUC,OAEnC,qBAAsB,CAClB,MAAO,CACHV,SAAU,MAEd,MAAO,CACHA,SAAU,OAEd,MAAO,CACHA,SAAU,OAEd,OAAQ,CACJA,SAAU,SAGlB,SAAU,CACND,MAAO,QACPF,OAAQA,EACRmB,SAAU,SACVf,WAAYN,EAAMO,QAAQO,UAAUQ,MACpCN,QAAS,eACT,eAAgBb,IAGjBS,CAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","sources":["../../../../src/components/progressBar/components/spinner.tsx"],"sourcesContent":[null],"names":["Spinner","forwardRef","_a","ref","state","errorMessage","successMessage","loadingPercentage","loadingPercentageDescribeText","spinnerControlledAnimation","props","__rest","_jsxs","StyledProgressBarMessage","_jsx","Icon","className","fontSize","iconStyle","
|
|
1
|
+
{"version":3,"file":"spinner.js","sources":["../../../../src/components/progressBar/components/spinner.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { styled } from '@mui/material';\nimport { Icon } from '../../icon';\nimport { StyledProgressBarMessage } from './styledProgressBarMessage';\nexport const Spinner = forwardRef((_a, ref) => {\n var { state, errorMessage, successMessage, loadingPercentage, loadingPercentageDescribeText, spinnerControlledAnimation } = _a, props = __rest(_a, [\"state\", \"errorMessage\", \"successMessage\", \"loadingPercentage\", \"loadingPercentageDescribeText\", \"spinnerControlledAnimation\"]);\n if (state === 'error')\n return (_jsxs(StyledProgressBarMessage, { state: state, \"data-testid\": \"Spinner\", children: [_jsx(Icon, { className: \"circle-multiply\", fontSize: \"medium\", iconStyle: \"filled\" }), _jsx(\"span\", { className: \"message\", children: errorMessage })] }));\n if (state === 'success')\n return (_jsxs(StyledProgressBarMessage, { state: state, \"data-testid\": \"Spinner\", children: [_jsx(Icon, { className: \"circle-check\", fontSize: \"medium\", iconStyle: \"filled\", color: \"primary\" }), _jsx(\"span\", { className: \"message\", children: successMessage })] }));\n return (_jsxs(StyledSpinner, Object.assign({}, props, { ref: ref, spinnerControlledAnimation: spinnerControlledAnimation, loadingPercentage: loadingPercentage, \"data-testid\": \"Spinner\", children: [_jsx(\"svg\", { viewBox: \"0 0 50 50\", width: \"24\", height: \"24\", children: _jsx(\"circle\", { cx: \"25\", cy: \"25\", r: \"22.5\" }) }), (Boolean(loadingPercentage) || loadingPercentage === 0) && (_jsx(\"span\", { className: \"loading-text\", \"data-testid\": \"Spinner.percentage\", children: loadingPercentageDescribeText\n ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n : `${loadingPercentage} %` }))] })));\n});\nconst StyledSpinner = styled('div', {\n shouldForwardProp: (prop) => prop !== 'spinnerControlledAnimation' && prop !== 'loaderSize' && prop !== 'loadingPercentage',\n})((_a) => {\n var { theme } = _a, props = __rest(_a, [\"theme\"]);\n const strokeDashOffset = '137.130521355';\n const strokeDashArray = 141.3716715;\n const animationStyles = !props.spinnerControlledAnimation || props.spinnerControlledAnimation === 'infinite'\n ? {\n animationCircle: '2s ease-in-out infinite both spinner-circle',\n animationSpinner: '2s linear infinite spinner',\n strokeLinecap: 'square',\n strokeDashoffset: null,\n }\n : {\n animationCircle: null,\n animationSpinner: null,\n strokeDashoffset: strokeDashArray - (strokeDashArray / 100) * props.loadingPercentage,\n strokeLinecap: null,\n };\n let styles = {};\n styles = {\n transitionProperty: 'opacity',\n transitionDuration: '0.3s',\n transitionTimingFunction: 'ease-in-out',\n backgroundColor: 'transparent',\n fontSize: '14px',\n lineHeight: '20px',\n width: '100%',\n display: 'flex',\n color: theme.palette.onSurface.os900,\n alignItems: 'center',\n fontWeight: 400,\n '& .loading-text': {\n marginLeft: '8px',\n },\n '& circle': {\n animation: animationStyles.animationCircle,\n display: 'block',\n fill: 'transparent',\n stroke: theme.palette.brand.primary,\n strokeLinecap: animationStyles.strokeLinecap,\n strokeDasharray: strokeDashArray,\n strokeDashoffset: animationStyles.strokeDashoffset,\n strokeWidth: '10px',\n transformOrigin: '50% 50%',\n },\n '& svg': {\n background: `radial-gradient(ellipse at center, transparent 0%,transparent 48%,${theme.palette.onSurface.os100} 49%,${theme.palette.onSurface.os100} 100%)`,\n borderRadius: '50%',\n animation: animationStyles.animationSpinner,\n },\n '& .initial-spinner.-done': {\n opacity: '0',\n pointerEvents: 'none',\n },\n '@keyframes spinner': {\n '0%': { transform: 'rotateZ(0)' },\n '100%': { transform: 'rotateZ(360deg)' },\n },\n '@keyframes spinner-circle': {\n '0%': {\n strokeDashoffset: strokeDashOffset,\n transform: 'rotate(0)',\n },\n '25%': {\n strokeDashoffset: strokeDashOffset,\n transform: 'rotate(0)',\n },\n '50%': {},\n '75%': {\n strokeDashoffset: '35.342917875',\n transform: 'rotate(45deg)',\n },\n '100%': {\n strokeDashoffset: strokeDashOffset,\n transform: 'rotate(360deg)',\n },\n },\n };\n return styles;\n});\n//# sourceMappingURL=spinner.js.map"],"names":["Spinner","forwardRef","_a","ref","state","errorMessage","successMessage","loadingPercentage","loadingPercentageDescribeText","spinnerControlledAnimation","props","__rest","_jsxs","StyledProgressBarMessage","children","_jsx","Icon","className","fontSize","iconStyle","color","StyledSpinner","Object","assign","viewBox","width","height","cx","cy","r","Boolean","styled","shouldForwardProp","prop","theme","strokeDashOffset","strokeDashArray","animationStyles","animationCircle","animationSpinner","strokeDashoffset","strokeLinecap","styles","transitionProperty","transitionDuration","transitionTimingFunction","backgroundColor","lineHeight","display","palette","onSurface","os900","alignItems","fontWeight","marginLeft","animation","fill","stroke","brand","primary","strokeDasharray","strokeWidth","transformOrigin","background","os100","borderRadius","opacity","pointerEvents","transform"],"mappings":"8QAMY,MAACA,EAAUC,GAAW,CAACC,EAAIC,KACnC,IAAIC,MAAEA,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,kBAAEA,EAAiBC,8BAAEA,EAA6BC,2BAAEA,GAA+BP,EAAIQ,EAAQC,EAAOT,EAAI,CAAC,QAAS,eAAgB,iBAAkB,oBAAqB,gCAAiC,+BACrP,MAAc,UAAVE,EACQQ,EAAMC,EAA0B,CAAET,MAAOA,EAAO,cAAe,UAAWU,SAAU,CAACC,EAAKC,EAAM,CAAEC,UAAW,kBAAmBC,SAAU,SAAUC,UAAW,WAAaJ,EAAK,OAAQ,CAAEE,UAAW,UAAWH,SAAUT,OACzN,YAAVD,EACQQ,EAAMC,EAA0B,CAAET,MAAOA,EAAO,cAAe,UAAWU,SAAU,CAACC,EAAKC,EAAM,CAAEC,UAAW,eAAgBC,SAAU,SAAUC,UAAW,SAAUC,MAAO,YAAcL,EAAK,OAAQ,CAAEE,UAAW,UAAWH,SAAUR,OAC9OM,EAAMS,EAAeC,OAAOC,OAAO,CAAA,EAAIb,EAAO,CAAEP,IAAKA,EAAKM,2BAA4BA,EAA4BF,kBAAmBA,EAAmB,cAAe,UAAWO,SAAU,CAACC,EAAK,MAAO,CAAES,QAAS,YAAaC,MAAO,KAAMC,OAAQ,KAAMZ,SAAUC,EAAK,SAAU,CAAEY,GAAI,KAAMC,GAAI,KAAMC,EAAG,YAAeC,QAAQvB,IAA4C,IAAtBA,IAA6BQ,EAAK,OAAQ,CAAEE,UAAW,eAAgB,cAAe,qBAAsBH,SAAUN,EACvc,GAAGA,KAAiCD,MACpC,GAAGA,WAAgC,IAEnDc,EAAgBU,EAAO,MAAO,CAChCC,kBAAoBC,GAAkB,+BAATA,GAAkD,eAATA,GAAkC,sBAATA,GAD7EF,EAElB7B,IACA,IAAIgC,MAAEA,GAAUhC,EAAIQ,EAAQC,EAAOT,EAAI,CAAC,UACxC,MAAMiC,EAAmB,gBACnBC,EAAkB,YAClBC,EAAmB3B,EAAMD,4BAAmE,aAArCC,EAAMD,2BAO7D,CACE6B,gBAAiB,KACjBC,iBAAkB,KAClBC,iBAAkBJ,EAAkB,mBAA0B1B,EAAMH,kBACpEkC,cAAe,MAVjB,CACEH,gBAAiB,8CACjBC,iBAAkB,6BAClBE,cAAe,SACfD,iBAAkB,MAQ1B,IAAIE,EAAS,CAAA,EA4Db,OA3DAA,EAAS,CACLC,mBAAoB,UACpBC,mBAAoB,OACpBC,yBAA0B,cAC1BC,gBAAiB,cACjB5B,SAAU,OACV6B,WAAY,OACZtB,MAAO,OACPuB,QAAS,OACT5B,MAAOc,EAAMe,QAAQC,UAAUC,MAC/BC,WAAY,SACZC,WAAY,IACZ,kBAAmB,CACfC,WAAY,OAEhB,WAAY,CACRC,UAAWlB,EAAgBC,gBAC3BU,QAAS,QACTQ,KAAM,cACNC,OAAQvB,EAAMe,QAAQS,MAAMC,QAC5BlB,cAAeJ,EAAgBI,cAC/BmB,gBAAiBxB,EACjBI,iBAAkBH,EAAgBG,iBAClCqB,YAAa,OACbC,gBAAiB,WAErB,QAAS,CACLC,WAAY,qEAAqE7B,EAAMe,QAAQC,UAAUc,aAAa9B,EAAMe,QAAQC,UAAUc,cAC9IC,aAAc,MACdV,UAAWlB,EAAgBE,kBAE/B,2BAA4B,CACxB2B,QAAS,IACTC,cAAe,QAEnB,qBAAsB,CAClB,KAAM,CAAEC,UAAW,cACnB,OAAQ,CAAEA,UAAW,oBAEzB,4BAA6B,CACzB,KAAM,CACF5B,iBAAkBL,EAClBiC,UAAW,aAEf,MAAO,CACH5B,iBAAkBL,EAClBiC,UAAW,aAEf,MAAO,CAAE,EACT,MAAO,CACH5B,iBAAkB,eAClB4B,UAAW,iBAEf,OAAQ,CACJ5B,iBAAkBL,EAClBiC,UAAW,oBAIhB1B,CAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styledProgressBarMessage.js","sources":["../../../../src/components/progressBar/components/styledProgressBarMessage.tsx"],"sourcesContent":[null],"names":["StyledProgressBarMessage","styled","shouldForwardProp","prop","_a","theme","args","__rest","color","state","palette","alert","text","primary","fontSize","lineHeight","width","display","justifyContent","hasJustifyContent","alignItems","fontWeight","marginLeft","brand"],"mappings":"
|
|
1
|
+
{"version":3,"file":"styledProgressBarMessage.js","sources":["../../../../src/components/progressBar/components/styledProgressBarMessage.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { styled } from '@mui/material';\nexport const StyledProgressBarMessage = styled('div', {\n shouldForwardProp: (prop) => prop !== 'hasJustifyContent',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n return {\n color: args.state === 'error' ? theme.palette.alert['main'] : theme.palette.text.primary,\n fontSize: '14px',\n lineHeight: '20px',\n width: '100%',\n display: 'flex',\n justifyContent: args.hasJustifyContent ? 'center' : null,\n alignItems: 'center',\n fontWeight: 500,\n '& .message': {\n marginLeft: '8px',\n },\n '& .MuiIcon-root': {\n color: args.state === 'error' ? theme.palette.alert['main'] : theme.palette.brand.primary,\n },\n };\n});\n//# sourceMappingURL=styledProgressBarMessage.js.map"],"names":["StyledProgressBarMessage","styled","shouldForwardProp","prop","_a","theme","args","__rest","color","state","palette","alert","text","primary","fontSize","lineHeight","width","display","justifyContent","hasJustifyContent","alignItems","fontWeight","marginLeft","brand"],"mappings":"sEAEY,MAACA,EAA2BC,EAAO,MAAO,CAClDC,kBAAoBC,GAAkB,sBAATA,GADOF,EAEpCG,IACA,IAAIC,MAAEA,GAAUD,EAAIE,EAAOC,EAAOH,EAAI,CAAC,UACvC,MAAO,CACHI,MAAsB,UAAfF,EAAKG,MAAoBJ,EAAMK,QAAQC,MAAY,KAAIN,EAAMK,QAAQE,KAAKC,QACjFC,SAAU,OACVC,WAAY,OACZC,MAAO,OACPC,QAAS,OACTC,eAAgBZ,EAAKa,kBAAoB,SAAW,KACpDC,WAAY,SACZC,WAAY,IACZ,aAAc,CACVC,WAAY,OAEhB,kBAAmB,CACfd,MAAsB,UAAfF,EAAKG,MAAoBJ,EAAMK,QAAQC,MAAY,KAAIN,EAAMK,QAAQa,MAAMV,SAEzF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progressBar.js","sources":["../../../src/components/progressBar/progressBar.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"progressBar.js","sources":["../../../src/components/progressBar/progressBar.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback } from 'react';\nimport { Loader } from './components/loader';\nimport { Spinner } from './components/spinner';\nexport const ProgressBar = forwardRef((_a, ref) => {\n var { variant } = _a, props = __rest(_a, [\"variant\"]);\n const validatePercentage = useCallback(() => {\n if (!props.loadingPercentage || props.loadingPercentage === 0)\n return props.loadingPercentage;\n if (props.loadingPercentage < 0)\n return 0;\n if (props.loadingPercentage > 100)\n return 100;\n return props.loadingPercentage;\n }, [props.loadingPercentage]);\n return (_jsxs(_Fragment, { children: [' ', variant === 'loader' ? (_jsx(Loader, Object.assign({}, props, { loadingPercentage: validatePercentage(), ref: ref }))) : (_jsx(Spinner, Object.assign({}, props, { loadingPercentage: validatePercentage(), ref: ref }))), ' '] }));\n});\n//# sourceMappingURL=progressBar.js.map"],"names":["ProgressBar","forwardRef","_a","ref","variant","props","__rest","validatePercentage","useCallback","loadingPercentage","_jsxs","_Fragment","children","_jsx","Loader","Spinner","Object","assign"],"mappings":"qPAKY,MAACA,EAAcC,GAAW,CAACC,EAAIC,KACvC,IAAIC,QAAEA,GAAYF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,YAC1C,MAAMK,EAAqBC,GAAY,IAC9BH,EAAMI,mBAAiD,IAA5BJ,EAAMI,kBAElCJ,EAAMI,kBAAoB,EACnB,EACPJ,EAAMI,kBAAoB,IACnB,IACJJ,EAAMI,kBALFJ,EAAMI,mBAMlB,CAACJ,EAAMI,oBACV,OAAQC,EAAMC,EAAW,CAAEC,SAAU,CAAC,IAA6BC,EAAZ,WAAZT,EAA6BU,EAAkGC,EAA1FC,OAAOC,OAAO,CAAE,EAAEZ,EAAO,CAAEI,kBAAmBF,IAAsBJ,IAAKA,KAA6G,MAAS"}
|