@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
package/cjs/utils/enum.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"enum.js","sources":["
|
|
1
|
+
{"version":3,"file":"enum.js","sources":["../../../src/utils/enum.tsx"],"sourcesContent":["export var NumberingColors;\n(function (NumberingColors) {\n NumberingColors[\"LIGHT\"] = \"light\";\n NumberingColors[\"DARK\"] = \"dark\";\n})(NumberingColors || (NumberingColors = {}));\nexport var NumberingSizes;\n(function (NumberingSizes) {\n NumberingSizes[\"SMALL\"] = \"small\";\n NumberingSizes[\"LARGE\"] = \"large\";\n})(NumberingSizes || (NumberingSizes = {}));\nexport var Placement;\n(function (Placement) {\n Placement[\"AUTO_END\"] = \"auto-end\";\n Placement[\"AUTO_START\"] = \"auto-start\";\n Placement[\"AUTO\"] = \"auto\";\n Placement[\"BOTTOM_END\"] = \"bottom-end\";\n Placement[\"BOTTOM_START\"] = \"bottom-start\";\n Placement[\"BOTTOM\"] = \"bottom\";\n Placement[\"LEFT_END\"] = \"left-end\";\n Placement[\"LEFT_START\"] = \"left-start\";\n Placement[\"LEFT\"] = \"left\";\n Placement[\"RIGHT_END\"] = \"right-end\";\n Placement[\"RIGHT_START\"] = \"right-start\";\n Placement[\"RIGHT\"] = \"right\";\n Placement[\"TOP_END\"] = \"top-end\";\n Placement[\"TOP_START\"] = \"top-start\";\n Placement[\"TOP\"] = \"top\";\n})(Placement || (Placement = {}));\nexport var VariantType;\n(function (VariantType) {\n VariantType[\"PRIMARY\"] = \"primary\";\n VariantType[\"SECONDARY\"] = \"secondary\";\n VariantType[\"TERTIARY\"] = \"tertiary\";\n VariantType[\"NEUTRAL\"] = \"neutral\";\n})(VariantType || (VariantType = {}));\nexport var ColourSheme;\n(function (ColourSheme) {\n ColourSheme[\"DARK_MODE\"] = \"dark\";\n ColourSheme[\"LIGHT_MODE\"] = \"white\";\n})(ColourSheme || (ColourSheme = {}));\n//# sourceMappingURL=enum.js.map"],"names":["NumberingColors","NumberingSizes","Placement","VariantType","ColourSheme"],"mappings":"aACA,IAAWA,EAKAC,EAKAC,EAkBAC,EAOAC,EApCAJ,QAAgBA,qBAAA,GAChBA,EAGRA,0BAAoBA,QAAAA,gBAAkB,CAAE,IAFhB,MAAI,QAC3BA,EAAsB,KAAI,OAEnBC,QAAeA,oBAAA,GACfA,EAGRA,yBAAmBA,QAAAA,eAAiB,CAAE,IAFf,MAAI,QAC1BA,EAAsB,MAAI,QAEnBC,QAAUA,eAAA,GACVA,EAgBRA,oBAAcA,QAAAA,UAAY,CAAE,IAfP,SAAI,WACxBA,EAAsB,WAAI,aAC1BA,EAAgB,KAAI,OACpBA,EAAsB,WAAI,aAC1BA,EAAwB,aAAI,eAC5BA,EAAkB,OAAI,SACtBA,EAAoB,SAAI,WACxBA,EAAsB,WAAI,aAC1BA,EAAgB,KAAI,OACpBA,EAAqB,UAAI,YACzBA,EAAuB,YAAI,cAC3BA,EAAiB,MAAI,QACrBA,EAAmB,QAAI,UACvBA,EAAqB,UAAI,YACzBA,EAAe,IAAI,MAEZC,QAAYA,iBAAA,GACZA,EAKRA,sBAAgBA,QAAAA,YAAc,CAAE,IAJV,QAAI,UACzBA,EAAuB,UAAI,YAC3BA,EAAsB,SAAI,WAC1BA,EAAqB,QAAI,UAElBC,QAAYA,iBAAA,GACZA,EAGRA,QAAWA,cAAKA,oBAAc,CAAA,IAFN,UAAI,OAC3BA,EAAwB,WAAI"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Format bytes as human-readable text.
|
|
3
|
+
* NOTE: Kudos to https://stackoverflow.com/users/65387/mpen for providing this function
|
|
4
|
+
*
|
|
5
|
+
* @param bytes Size in bytes
|
|
6
|
+
* @param si Switch between metric (SI) units (powers of 1000) or binary (IEC) units (powers of 1024)
|
|
7
|
+
* @param dp Number of decimal places to display.
|
|
8
|
+
*
|
|
9
|
+
* @return Formatted string.
|
|
10
|
+
*/
|
|
11
|
+
export declare function formatFileSize(bytes: number, dp?: number, si?: boolean): string;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";exports.formatFileSize=function(B,t=1,i=!1){const e=i?1e3:1024;if(Math.abs(B)<e)return B+" B";const n=i?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let o=-1;const r=10**t;do{B/=e,++o}while(Math.round(Math.abs(B)*r)/r>=e&&o<n.length-1);return B.toFixed(t)+" "+n[o]};
|
|
2
|
+
//# sourceMappingURL=formatFileSize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formatFileSize.js","sources":["../../../../src/utils/formatFileSize/formatFileSize.ts"],"sourcesContent":["/**\n * Format bytes as human-readable text.\n * NOTE: Kudos to https://stackoverflow.com/users/65387/mpen for providing this function\n *\n * @param bytes Size in bytes\n * @param si Switch between metric (SI) units (powers of 1000) or binary (IEC) units (powers of 1024)\n * @param dp Number of decimal places to display.\n *\n * @return Formatted string.\n */\nexport function formatFileSize(bytes, dp = 1, si = false) {\n const thresh = si ? 1000 : 1024;\n if (Math.abs(bytes) < thresh) {\n return bytes + ' B';\n }\n const units = si\n ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];\n let u = -1;\n const r = 10 ** dp;\n do {\n bytes /= thresh;\n ++u;\n } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);\n return bytes.toFixed(dp) + ' ' + units[u];\n}\n//# sourceMappingURL=formatFileSize.js.map"],"names":["bytes","dp","si","thresh","Math","abs","units","u","r","round","length","toFixed"],"mappings":"oCAUO,SAAwBA,EAAOC,EAAK,EAAGC,GAAK,GAC/C,MAAMC,EAASD,EAAK,IAAO,KAC3B,GAAIE,KAAKC,IAAIL,GAASG,EAClB,OAAOH,EAAQ,KAEnB,MAAMM,EAAQJ,EACR,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAC3C,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OACxD,IAAIK,GAAK,EACT,MAAMC,EAAI,IAAMP,EAChB,GACID,GAASG,IACPI,QACGH,KAAKK,MAAML,KAAKC,IAAIL,GAASQ,GAAKA,GAAKL,GAAUI,EAAID,EAAMI,OAAS,GAC7E,OAAOV,EAAMW,QAAQV,GAAM,IAAMK,EAAMC,EAC3C"}
|
package/cjs/utils/icons.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sources":["
|
|
1
|
+
{"version":3,"file":"icons.js","sources":["../../../src/utils/icons.ts"],"sourcesContent":["export const getIconName = (icon) => {\n let iconClass = '';\n if (icon && icon.indexOf('-filled') > -1) {\n iconClass = 'filled ';\n icon = icon.replace('-filled', '');\n }\n return iconClass + (icon.indexOf('sa-i') ? icon : `sa-i ${icon}`);\n};\n//# sourceMappingURL=icons.js.map"],"names":["icon","iconClass","indexOf","replace"],"mappings":"iCAA4BA,IACxB,IAAIC,EAAY,GAKhB,OAJID,GAAQA,EAAKE,QAAQ,YAAc,IACnCD,EAAY,UACZD,EAAOA,EAAKG,QAAQ,UAAW,KAE5BF,GAAaD,EAAKE,QAAQ,QAAUF,EAAO,QAAQA,IAAO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClosure.js","sources":["
|
|
1
|
+
{"version":3,"file":"useClosure.js","sources":["../../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n/**\n * @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n */\nexport const useClosure = (initiallyOpen) => {\n const [isOpen, setOpen] = useState(initiallyOpen !== null && initiallyOpen !== void 0 ? initiallyOpen : false);\n const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n const onOpen = useCallback(() => setOpen(true), [setOpen]);\n const onClose = useCallback(() => setOpen(false), [setOpen]);\n return {\n isOpen,\n setOpen,\n onToggle,\n onOpen,\n onClose,\n };\n};\n//# sourceMappingURL=useClosure.js.map"],"names":["initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"uDAK2BA,IACvB,MAAOC,EAAQC,GAAWC,EAAQA,SAACH,SAAqDA,GAClFI,EAAWC,eAAY,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,EAAAA,aAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,EAAAA,aAAY,IAAMH,GAAQ,IAAQ,CAACA,IACnD,MAAO,CACHD,SACAC,UACAE,WACAE,SACAC,UACH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utilities.js","sources":["
|
|
1
|
+
{"version":3,"file":"utilities.js","sources":["../../../src/utils/utilities.ts"],"sourcesContent":["import { createElement } from 'react';\n/**\n * This method is needed if we need to trunc text inside an HTML element.\n * We get all the nodes inside of it and trunc its content accordingly.\n * @param text\n * @param maxChar\n */\nfunction handleMaxCharsInHTML(text, maxChar) {\n const isHtml = RegExp.prototype.test.bind(/(<([^>]+)>)/i);\n if (isHtml(text)) {\n const parser = new DOMParser();\n const docChildren = parser.parseFromString(text, 'text/html').body;\n const editNodes = (nodeList, idx = 0, remainingCharacters = maxChar) => {\n const node = nodeList.item(idx);\n if (node !== null) {\n if (remainingCharacters <= 0) {\n return nodeList;\n }\n node.textContent = handleMaxChars(node.textContent, remainingCharacters);\n return editNodes(nodeList, idx + 1, remainingCharacters - node.textContent.length);\n }\n else\n return nodeList;\n };\n editNodes(docChildren.childNodes.item(0).childNodes);\n return createElement('div', {\n dangerouslySetInnerHTML: {\n __html: docChildren.innerHTML.toString(),\n },\n });\n }\n return handleMaxChars(text, maxChar);\n}\nfunction handleMaxChars(text, maxChar) {\n return text.length > maxChar ? `${text.substring(0, maxChar)}...` : text;\n}\nfunction opacityLayerSwitchLightStatement(property, returnProps) {\n switch (property) {\n case 'opacity25':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;\n case 'opacity50':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;\n case 'opacity75':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;\n default:\n return '';\n }\n}\nfunction opacityLayerSwitchDarkStatement(property, returnProps) {\n switch (property) {\n case 'opacity25':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;\n case 'opacity50':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;\n case 'opacity75':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;\n default:\n return '';\n }\n}\nexport { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };\nexport const ternaryCondition = (props, value, trueValue, falseValue) => {\n if (props === value) {\n return trueValue;\n }\n else {\n return falseValue;\n }\n};\n//# sourceMappingURL=utilities.js.map"],"names":["handleMaxChars","text","maxChar","length","substring","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","property","returnProps","props","value","trueValue","falseValue"],"mappings":"oCAiCA,SAASA,EAAeC,EAAMC,GAC1B,OAAOD,EAAKE,OAASD,EAAU,GAAGD,EAAKG,UAAU,EAAGF,QAAgBD,CACxE,uDA5BA,SAA8BA,EAAMC,GAEhC,GADeG,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAOR,GAAO,CACd,MACMS,GADS,IAAIC,WACQC,gBAAgBX,EAAM,aAAaY,KACxDC,EAAY,CAACC,EAAUC,EAAM,EAAGC,EAAsBf,KACxD,MAAMgB,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACID,GAAuB,EAChBF,GAEXG,EAAKE,YAAcpB,EAAekB,EAAKE,YAAaH,GAC7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYjB,SAGpEY,CAAQ,EAGvB,OADAD,EAAUJ,EAAYW,WAAWF,KAAK,GAAGE,YAClCC,EAAAA,cAAc,MAAO,CACxBC,wBAAyB,CACrBC,OAAQd,EAAYe,UAAUC,aAGzC,CACD,OAAO1B,EAAeC,EAAMC,EAChC,0CAgBA,SAAyCyB,EAAUC,GAC/C,OAAQD,GACJ,IAAK,YACD,MAAO,GAAGC,qFACd,IAAK,YACD,MAAO,GAAGA,oFACd,IAAK,YACD,MAAO,GAAGA,qFACd,QACI,MAAO,GAEnB,2CAvBA,SAA0CD,EAAUC,GAChD,OAAQD,GACJ,IAAK,YACD,MAAO,GAAGC,iGACd,IAAK,YACD,MAAO,GAAGA,gGACd,IAAK,YACD,MAAO,GAAGA,iGACd,QACI,MAAO,GAEnB,2BAcgC,CAACC,EAAOC,EAAOC,EAAWC,IAClDH,IAAUC,EACHC,EAGAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":[null],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","controlRef","useRef","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","current","controlBtn","querySelector","addEventListener","e","preventDefault","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","handlePreviewContent","content","handleMaxChars","getTransitionProps","useMemo","timeout","TransitionProps","_jsx","StyledContainerDiv","children","map","isContentTypeString","_createElement","AccordionStyled","key","className","expanded","disableGutters","square","_jsxs","AccordionSummary","expandIcon","Controller","controlType","title","previewContent","AccordionDetails","emotionStyled","div","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","styled","MuiAccordion","shouldForwardProp","prop","args","style","maxHeight","overflowY"],"mappings":"
|
|
1
|
+
{"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createElement as _createElement } from \"react\";\nimport emotionStyled from '@emotion/styled';\nimport { AccordionDetails, AccordionSummary } from '@mui/material';\nimport MuiAccordion from '@mui/material/Accordion';\nimport { styled } from '@mui/material/styles';\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState, } from 'react';\nimport { handleMaxChars } from '../../utils/utilities';\nimport { Controller } from '../controls';\nexport const Accordion = forwardRef((_a, ref) => {\n var { items, onChange, disableAnimation, accordionContainerProps, accordionPanelMaxHeight, allowMultipleExpand } = _a, props = __rest(_a, [\"items\", \"onChange\", \"disableAnimation\", \"accordionContainerProps\", \"accordionPanelMaxHeight\", \"allowMultipleExpand\"]);\n const [expand, setExpanded] = useState(false);\n const controlRef = useRef(null);\n useEffect(() => {\n if (!allowMultipleExpand) {\n let id;\n const firstDefaultExpandedItem = items.find((item, index) => {\n if (item.isDefaultExpanded) {\n id = index;\n return item;\n }\n return undefined;\n });\n if (firstDefaultExpandedItem) {\n setExpanded(firstDefaultExpandedItem.id || `panel${id}`);\n }\n }\n else {\n const expandItems = {};\n for (let index = 0; index < items.length; index++) {\n const itemId = items[index].id || `panel${index}`;\n expandItems[itemId] = !!items[index].isDefaultExpanded;\n }\n setExpanded(() => expandItems);\n }\n }, [allowMultipleExpand, items]);\n //disable black rounded circle on icon controller click\n useEffect(() => {\n if (controlRef && controlRef.current) {\n const controlBtn = controlRef.current.querySelector('button');\n if (controlBtn) {\n controlBtn.addEventListener('focusin', (e) => {\n e.preventDefault();\n });\n }\n }\n }, [controlRef]);\n const handleChange = useCallback((panel) => (_, isExpanded) => {\n onChange && onChange(panel, isExpanded);\n if (!allowMultipleExpand) {\n setExpanded(isExpanded ? panel : false);\n }\n else {\n setExpanded((curr) => {\n return Object.assign(Object.assign({}, curr), { [panel]: isExpanded });\n });\n }\n }, [allowMultipleExpand, onChange]);\n const handlePreviewContent = useCallback((content) => {\n if (typeof content === 'string')\n return handleMaxChars(content, 100);\n return content;\n }, []);\n const getTransitionProps = useMemo(() => {\n if (disableAnimation)\n return { timeout: 0 };\n else\n return props.TransitionProps;\n }, [disableAnimation, props.TransitionProps]);\n return (_jsx(StyledContainerDiv, Object.assign({ ref: ref }, accordionContainerProps, { \"data-testid\": \"Accordion\", children: items.map((item, index) => {\n const panel = item.id || `panel${index}`;\n const isExpanded = allowMultipleExpand ? !!expand[panel] : expand === panel;\n const isContentTypeString = typeof item.content === 'string';\n return (_createElement(AccordionStyled, Object.assign({}, props, { id: panel, key: panel, className: panel, TransitionProps: getTransitionProps, expanded: isExpanded, onChange: handleChange(panel), isContentTypeString: isContentTypeString, disableGutters: true, accordionPanelMaxHeight: accordionPanelMaxHeight, square: true, \"data-testid\": \"Accordion.item\" }),\n _jsxs(AccordionSummary, { className: \"subheadline\", \"aria-controls\": `${panel}d-content`, id: `${panel}d-header`, expandIcon: _jsx(Controller, { controlType: 'plus', ref: controlRef, \"data-testid\": \"Accordion.btn\" }), \"data-testid\": \"Accordion.summary\", children: [_jsx(\"div\", { className: \"accordion-panel-title\", children: item.title }), props.previewContent && isContentTypeString && !isExpanded && (_jsx(\"div\", { className: \"accordion-panel-title--sneak-peak\", \"data-testid\": \"Accordion.peek\", children: handlePreviewContent(item.content) }))] }),\n _jsx(AccordionDetails, { \"data-testid\": \"Accordion.content\", children: _jsx(\"div\", { className: \"text\", children: item.content }) })));\n }) })));\n});\nconst StyledContainerDiv = emotionStyled.div(() => {\n return {\n '& > .MuiDivider-root': {\n borderRadius: '6px',\n },\n '& .MuiPaper-root:first-of-type': {\n borderTopLeftRadius: '6px',\n borderTopRightRadius: '6px',\n },\n '& .MuiPaper-root:last-of-type': {\n borderBottomLeftRadius: '6px',\n borderBottomRightRadius: '6px',\n },\n };\n});\nconst AccordionStyled = styled(MuiAccordion, {\n shouldForwardProp: (prop) => prop !== 'previewContent' &&\n prop !== 'expandIcon' &&\n prop !== 'isContentTypeString' &&\n prop !== 'accordionPanelMaxHeight',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let style = {};\n if (args.accordionPanelMaxHeight) {\n style = Object.assign(Object.assign({}, style), { '& .text': {\n maxHeight: args.accordionPanelMaxHeight,\n overflowY: 'auto',\n } });\n }\n return style;\n});\n//# sourceMappingURL=accordion.js.map"],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","controlRef","useRef","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","current","controlBtn","querySelector","addEventListener","e","preventDefault","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","handlePreviewContent","content","handleMaxChars","getTransitionProps","useMemo","timeout","TransitionProps","_jsx","StyledContainerDiv","children","map","isContentTypeString","_createElement","AccordionStyled","key","className","expanded","disableGutters","square","_jsxs","AccordionSummary","expandIcon","Controller","controlType","title","previewContent","AccordionDetails","emotionStyled","div","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","styled","MuiAccordion","shouldForwardProp","prop","args","style","maxHeight","overflowY"],"mappings":"wfAUY,MAACA,EAAYC,GAAW,CAACC,EAAIC,KACrC,IAAIC,MAAEA,EAAKC,SAAEA,EAAQC,iBAAEA,EAAgBC,wBAAEA,EAAuBC,wBAAEA,EAAuBC,oBAAEA,GAAwBP,EAAIQ,EAAQC,EAAOT,EAAI,CAAC,QAAS,WAAY,mBAAoB,0BAA2B,0BAA2B,wBAC1O,MAAOU,EAAQC,GAAeC,GAAS,GACjCC,EAAaC,EAAO,MAC1BC,GAAU,KACN,GAAKR,EAaA,CACD,MAAMS,EAAc,CAAA,EACpB,IAAK,IAAIC,EAAQ,EAAGA,EAAQf,EAAMgB,OAAQD,IAAS,CAC/C,MAAME,EAASjB,EAAMe,GAAOG,IAAM,QAAQH,IAC1CD,EAAYG,KAAYjB,EAAMe,GAAOI,iBACxC,CACDV,GAAY,IAAMK,GACrB,KApByB,CACtB,IAAII,EACJ,MAAME,EAA2BpB,EAAMqB,MAAK,CAACC,EAAMP,KAC/C,GAAIO,EAAKH,kBAEL,OADAD,EAAKH,EACEO,CAEK,IAEhBF,GACAX,EAAYW,EAAyBF,IAAM,QAAQA,IAE1D,CAQA,GACF,CAACb,EAAqBL,IAEzBa,GAAU,KACN,GAAIF,GAAcA,EAAWY,QAAS,CAClC,MAAMC,EAAab,EAAWY,QAAQE,cAAc,UAChDD,GACAA,EAAWE,iBAAiB,WAAYC,IACpCA,EAAEC,gBAAgB,GAG7B,IACF,CAACjB,IACJ,MAAMkB,EAAeC,GAAaC,GAAU,CAACC,EAAGC,KAC5ChC,GAAYA,EAAS8B,EAAOE,GAKxBxB,EAJCJ,EAIY6B,GACFC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,GAAO,CAAEH,CAACA,GAAQE,MAJjDA,GAAaF,EAM5B,GACF,CAAC1B,EAAqBJ,IACnBoC,EAAuBP,GAAaQ,GACf,iBAAZA,EACAC,EAAeD,EAAS,KAC5BA,GACR,IACGE,EAAqBC,GAAQ,IAC3BvC,EACO,CAAEwC,QAAS,GAEXpC,EAAMqC,iBAClB,CAACzC,EAAkBI,EAAMqC,kBAC5B,OAAQC,EAAKC,EAAoBV,OAAOC,OAAO,CAAErC,IAAKA,GAAOI,EAAyB,CAAE,cAAe,YAAa2C,SAAU9C,EAAM+C,KAAI,CAACzB,EAAMP,KACvI,MAAMgB,EAAQT,EAAKJ,IAAM,QAAQH,IAC3BkB,EAAa5B,IAAwBG,EAAOuB,GAASvB,IAAWuB,EAChEiB,EAA8C,iBAAjB1B,EAAKgB,QACxC,OAAQW,EAAeC,EAAiBf,OAAOC,OAAO,CAAA,EAAI9B,EAAO,CAAEY,GAAIa,EAAOoB,IAAKpB,EAAOqB,UAAWrB,EAAOY,gBAAiBH,EAAoBa,SAAUpB,EAAYhC,SAAU4B,EAAaE,GAAQiB,oBAAqBA,EAAqBM,gBAAgB,EAAMlD,wBAAyBA,EAAyBmD,QAAQ,EAAM,cAAe,mBACjVC,EAAMC,EAAkB,CAAEL,UAAW,cAAe,gBAAiB,GAAGrB,aAAkBb,GAAI,GAAGa,YAAiB2B,WAAYd,EAAKe,EAAY,CAAEC,YAAa,OAAQ7D,IAAKY,EAAY,cAAe,kBAAoB,cAAe,oBAAqBmC,SAAU,CAACF,EAAK,MAAO,CAAEQ,UAAW,wBAAyBN,SAAUxB,EAAKuC,QAAUvD,EAAMwD,gBAAkBd,IAAwBf,GAAeW,EAAK,MAAO,CAAEQ,UAAW,oCAAqC,cAAe,iBAAkBN,SAAUT,EAAqBf,EAAKgB,cACthBM,EAAKmB,EAAkB,CAAE,cAAe,oBAAqBjB,SAAUF,EAAK,MAAO,CAAEQ,UAAW,OAAQN,SAAUxB,EAAKgB,YAAgB,MACvI,IAEVO,EAAqBmB,EAAcC,KAAI,KAClC,CACH,uBAAwB,CACpBC,aAAc,OAElB,iCAAkC,CAC9BC,oBAAqB,MACrBC,qBAAsB,OAE1B,gCAAiC,CAC7BC,uBAAwB,MACxBC,wBAAyB,WAI/BpB,EAAkBqB,EAAOC,EAAc,CACzCC,kBAAoBC,GAAkB,mBAATA,GAChB,eAATA,GACS,wBAATA,GACS,4BAATA,GAJgBH,EAKpBzE,IACG,IAAiB6E,EAAOpE,EAAOT,EAAI,CAAC,UACvC,IAAI8E,EAAQ,CAAA,EAOZ,OANID,EAAKvE,0BACLwE,EAAQzC,OAAOC,OAAOD,OAAOC,OAAO,GAAIwC,GAAQ,CAAE,UAAW,CACrDC,UAAWF,EAAKvE,wBAChB0E,UAAW,WAGhBF,CAAK"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
import 'ag-grid-community/styles/ag-grid.css';
|
|
3
|
-
import 'ag-grid-community/styles/ag-theme-material.css';
|
|
1
|
+
/// <reference types="react" />
|
|
4
2
|
import { AgGridReact, AgGridReactProps } from 'ag-grid-react';
|
|
5
3
|
export type AgGridProps = Omit<AgGridReactProps, 'domLayout'> & {
|
|
6
4
|
height?: number | string | 'autoHeight';
|
|
7
5
|
};
|
|
8
|
-
export declare const AgGrid:
|
|
6
|
+
export declare const AgGrid: import("react").ForwardRefExoticComponent<Omit<AgGridReactProps<any>, "domLayout"> & {
|
|
9
7
|
height?: number | string | 'autoHeight';
|
|
10
|
-
} &
|
|
8
|
+
} & import("react").RefAttributes<AgGridReact<any>>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{AgGridStyled as r}from"./agGridStyled.js";import{merge as s}from"lodash";import{Box as a}from"@mui/material";const i=o(((o,i)=>{const{defaultColDef:l,height:m="autoHeight",suppressCellFocus:u=!0}=o,p=e(o,["defaultColDef","height","suppressCellFocus"]),f=s({},{suppressMovable:!0},l);return t(a,{sx:{height:"autoHeight"===m?"100%":m},children:t(r,Object.assign({className:"ag-theme-material",ref:i},p,{suppressCellFocus:u,domLayout:"autoHeight"===m?"autoHeight":"normal",defaultColDef:f}))})}));export{i as AgGrid};
|
|
2
2
|
//# sourceMappingURL=agGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"agGrid.js","sources":["../../../src/components/agGrid/agGrid.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"agGrid.js","sources":["../../../src/components/agGrid/agGrid.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { AgGridStyled } from './agGridStyled';\nimport { merge } from 'lodash';\nimport { Box } from '@mui/material';\nexport const AgGrid = forwardRef((props, ref) => {\n const { defaultColDef, height = 'autoHeight', suppressCellFocus = true } = props, rest = __rest(props, [\"defaultColDef\", \"height\", \"suppressCellFocus\"]);\n const defaultColDefFinal = merge({}, {\n suppressMovable: true,\n }, defaultColDef);\n return (_jsx(Box, { sx: { height: height === 'autoHeight' ? '100%' : height }, children: _jsx(AgGridStyled, Object.assign({ className: \"ag-theme-material\", ref: ref }, rest, { suppressCellFocus: suppressCellFocus, domLayout: height === 'autoHeight' ? 'autoHeight' : 'normal', defaultColDef: defaultColDefFinal })) }));\n});\n//# sourceMappingURL=agGrid.js.map"],"names":["AgGrid","forwardRef","props","ref","defaultColDef","height","suppressCellFocus","rest","__rest","defaultColDefFinal","merge","suppressMovable","_jsx","Box","sx","children","AgGridStyled","Object","assign","className","domLayout"],"mappings":"8NAMY,MAACA,EAASC,GAAW,CAACC,EAAOC,KACrC,MAAMC,cAAEA,EAAaC,OAAEA,EAAS,aAAYC,kBAAEA,GAAoB,GAASJ,EAAOK,EAAOC,EAAON,EAAO,CAAC,gBAAiB,SAAU,sBAC7HO,EAAqBC,EAAM,GAAI,CACjCC,iBAAiB,GAClBP,GACH,OAAQQ,EAAKC,EAAK,CAAEC,GAAI,CAAET,OAAmB,eAAXA,EAA0B,OAASA,GAAUU,SAAUH,EAAKI,EAAcC,OAAOC,OAAO,CAAEC,UAAW,oBAAqBhB,IAAKA,GAAOI,EAAM,CAAED,kBAAmBA,EAAmBc,UAAsB,eAAXf,EAA0B,aAAe,SAAUD,cAAeK,MAA2B"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { AgGridReact } from 'ag-grid-react';
|
|
3
|
+
import 'ag-grid-community/styles/ag-grid.css';
|
|
4
|
+
import 'ag-grid-community/styles/ag-theme-material.css';
|
|
3
5
|
export declare const AgGridStyled: import("@emotion/styled").StyledComponent<(import("ag-grid-react").AgGridReactProps<unknown> | import("ag-grid-react").AgReactUiProps<unknown>) & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {
|
|
4
6
|
ref?: import("react").Ref<AgGridReact<unknown>>;
|
|
5
7
|
}>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{styled as r}from"@mui/material";import{AgGridReact as a}from"ag-grid-react";const e=r(a)((({theme:r})=>({"&.ag-theme-material":{width:"100%",height:"100%","--ag-font-family":"SKODA Next","--ag-font-size":"16px","--ag-material-primary-color":r.palette.primary.main,"--ag-material-accent-color":r.palette.secondary.main,"--ag-foreground-color":r.palette.text.primary,"--ag-data-color":r.palette.text.primary,"--ag-header-foreground-color":r.palette.text.primary,"--ag-background-color":"transparent","--ag-header-background-color":"transparent","--ag-subheader-background-color":"transparent","--ag-subheader-toolbar-background-color":"transparent","--ag-secondary-foreground-color":r.palette.onSurface.os500,"--ag-disabled-foreground-color":r.palette.disabled.tertiary,"--ag-selected-row-background-color":r.palette.common.white,"--ag-odd-row-background-color":"transparent","--ag-column-hover-color":"transparent","--ag-header-cell-hover-background-color":"transparent","--ag-row-hover-color":r.palette.surface.primary,"--ag-row-border-color":r.palette.surface.secondary,"--ag-border-radius":"8px","--ag-checkbox-checked-color":r.palette.brand.primary,"--ag-checkbox-indeterminate-color":r.palette.brand.primary,"--ag-cell-horizontal-padding":"16px","--ag-cell-vertical-padding":"17px","--ag-row-height":"54px","--ag-header-height":"54px","--ag-header-column-separator-display":"block","--ag-header-column-separator-height":"20px","--ag-header-column-separator-color":r.palette.surface.secondary,"--ag-header-column-resize-handle-color":r.palette.surface.secondary,"--ag-header-column-resize-handle-display":"block","--ag-header-column-resize-handle-height":"20px",".ag-root-wrapper":{border:"1px solid",borderColor:r.palette.surface.secondary,borderRadius:"8px"},".ag-row-last":{borderBottom:"none"},".ag-row-hover":{backgroundColor:"var(--ag-row-hover-color) !important"},".ag-center-cols-container":{minWidth:"100%"},".ag-paging-panel":{border:"none",position:"relative","&:before":{display:"block",content:"''",height:"1px",background:r.palette.surface.secondary,position:"absolute",top:"0",left:"24px",right:"24px"}}}})));export{e as AgGridStyled};
|
|
1
|
+
import{styled as r}from"@mui/material";import{AgGridReact as a}from"ag-grid-react";import"ag-grid-community/styles/ag-grid.css";import"ag-grid-community/styles/ag-theme-material.css";const e=r(a)((({theme:r})=>({"&.ag-theme-material":{width:"100%",height:"100%","--ag-font-family":"SKODA Next","--ag-font-size":"16px","--ag-material-primary-color":r.palette.primary.main,"--ag-material-accent-color":r.palette.secondary.main,"--ag-foreground-color":r.palette.text.primary,"--ag-data-color":r.palette.text.primary,"--ag-header-foreground-color":r.palette.text.primary,"--ag-background-color":"transparent","--ag-header-background-color":"transparent","--ag-subheader-background-color":"transparent","--ag-subheader-toolbar-background-color":"transparent","--ag-secondary-foreground-color":r.palette.onSurface.os500,"--ag-disabled-foreground-color":r.palette.disabled.tertiary,"--ag-selected-row-background-color":r.palette.common.white,"--ag-odd-row-background-color":"transparent","--ag-column-hover-color":"transparent","--ag-header-cell-hover-background-color":"transparent","--ag-row-hover-color":r.palette.surface.primary,"--ag-row-border-color":r.palette.surface.secondary,"--ag-border-radius":"8px","--ag-checkbox-checked-color":r.palette.brand.primary,"--ag-checkbox-indeterminate-color":r.palette.brand.primary,"--ag-cell-horizontal-padding":"16px","--ag-cell-vertical-padding":"17px","--ag-row-height":"54px","--ag-header-height":"54px","--ag-header-column-separator-display":"block","--ag-header-column-separator-height":"20px","--ag-header-column-separator-color":r.palette.surface.secondary,"--ag-header-column-resize-handle-color":r.palette.surface.secondary,"--ag-header-column-resize-handle-display":"block","--ag-header-column-resize-handle-height":"20px",".ag-root-wrapper":{border:"1px solid",borderColor:r.palette.surface.secondary,borderRadius:"8px"},".ag-row-last":{borderBottom:"none"},".ag-row-hover":{backgroundColor:"var(--ag-row-hover-color) !important"},".ag-center-cols-container":{minWidth:"100%"},".ag-paging-panel":{border:"none",position:"relative","&:before":{display:"block",content:"''",height:"1px",background:r.palette.surface.secondary,position:"absolute",top:"0",left:"24px",right:"24px"}}}})));export{e as AgGridStyled};
|
|
2
2
|
//# sourceMappingURL=agGridStyled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"agGridStyled.js","sources":["../../../src/components/agGrid/agGridStyled.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"agGridStyled.js","sources":["../../../src/components/agGrid/agGridStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material';\nimport { AgGridReact } from 'ag-grid-react';\nimport 'ag-grid-community/styles/ag-grid.css';\nimport 'ag-grid-community/styles/ag-theme-material.css';\nexport const AgGridStyled = styled(AgGridReact)(({ theme }) => ({\n '&.ag-theme-material': {\n width: '100%',\n height: '100%',\n '--ag-font-family': 'SKODA Next',\n '--ag-font-size': '16px',\n '--ag-material-primary-color': theme.palette.primary.main,\n '--ag-material-accent-color': theme.palette.secondary.main,\n '--ag-foreground-color': theme.palette.text.primary,\n '--ag-data-color': theme.palette.text.primary,\n '--ag-header-foreground-color': theme.palette.text.primary,\n '--ag-background-color': 'transparent',\n '--ag-header-background-color': 'transparent',\n '--ag-subheader-background-color': 'transparent',\n '--ag-subheader-toolbar-background-color': 'transparent',\n '--ag-secondary-foreground-color': theme.palette.onSurface.os500,\n '--ag-disabled-foreground-color': theme.palette.disabled.tertiary,\n '--ag-selected-row-background-color': theme.palette.common.white,\n '--ag-odd-row-background-color': 'transparent',\n '--ag-column-hover-color': 'transparent',\n '--ag-header-cell-hover-background-color': 'transparent',\n '--ag-row-hover-color': theme.palette.surface.primary,\n '--ag-row-border-color': theme.palette.surface.secondary,\n '--ag-border-radius': '8px',\n '--ag-checkbox-checked-color': theme.palette.brand.primary,\n '--ag-checkbox-indeterminate-color': theme.palette.brand.primary,\n '--ag-cell-horizontal-padding': '16px',\n '--ag-cell-vertical-padding': '17px',\n '--ag-row-height': '54px',\n '--ag-header-height': '54px',\n '--ag-header-column-separator-display': 'block',\n '--ag-header-column-separator-height': '20px',\n '--ag-header-column-separator-color': theme.palette.surface.secondary,\n '--ag-header-column-resize-handle-color': theme.palette.surface.secondary,\n '--ag-header-column-resize-handle-display': 'block',\n '--ag-header-column-resize-handle-height': '20px',\n '.ag-root-wrapper': {\n border: '1px solid',\n borderColor: theme.palette.surface.secondary,\n borderRadius: '8px',\n },\n '.ag-row-last': {\n borderBottom: 'none',\n },\n '.ag-row-hover': {\n backgroundColor: 'var(--ag-row-hover-color) !important',\n },\n '.ag-center-cols-container': {\n minWidth: '100%',\n },\n '.ag-paging-panel': {\n border: 'none',\n position: 'relative',\n '&:before': {\n display: 'block',\n content: \"''\",\n height: '1px',\n background: theme.palette.surface.secondary,\n position: 'absolute',\n top: '0',\n left: '24px',\n right: '24px',\n },\n },\n },\n}));\n//# sourceMappingURL=agGridStyled.js.map"],"names":["AgGridStyled","styled","AgGridReact","theme","width","height","palette","primary","main","secondary","text","onSurface","os500","disabled","tertiary","common","white","surface","brand","border","borderColor","borderRadius","borderBottom","backgroundColor","minWidth","position","display","content","background","top","left","right"],"mappings":"uLAIY,MAACA,EAAeC,EAAOC,EAAPD,EAAoB,EAAGE,YAAa,CAC5D,sBAAuB,CACnBC,MAAO,OACPC,OAAQ,OACR,mBAAoB,aACpB,iBAAkB,OAClB,8BAA+BF,EAAMG,QAAQC,QAAQC,KACrD,6BAA8BL,EAAMG,QAAQG,UAAUD,KACtD,wBAAyBL,EAAMG,QAAQI,KAAKH,QAC5C,kBAAmBJ,EAAMG,QAAQI,KAAKH,QACtC,+BAAgCJ,EAAMG,QAAQI,KAAKH,QACnD,wBAAyB,cACzB,+BAAgC,cAChC,kCAAmC,cACnC,0CAA2C,cAC3C,kCAAmCJ,EAAMG,QAAQK,UAAUC,MAC3D,iCAAkCT,EAAMG,QAAQO,SAASC,SACzD,qCAAsCX,EAAMG,QAAQS,OAAOC,MAC3D,gCAAiC,cACjC,0BAA2B,cAC3B,0CAA2C,cAC3C,uBAAwBb,EAAMG,QAAQW,QAAQV,QAC9C,wBAAyBJ,EAAMG,QAAQW,QAAQR,UAC/C,qBAAsB,MACtB,8BAA+BN,EAAMG,QAAQY,MAAMX,QACnD,oCAAqCJ,EAAMG,QAAQY,MAAMX,QACzD,+BAAgC,OAChC,6BAA8B,OAC9B,kBAAmB,OACnB,qBAAsB,OACtB,uCAAwC,QACxC,sCAAuC,OACvC,qCAAsCJ,EAAMG,QAAQW,QAAQR,UAC5D,yCAA0CN,EAAMG,QAAQW,QAAQR,UAChE,2CAA4C,QAC5C,0CAA2C,OAC3C,mBAAoB,CAChBU,OAAQ,YACRC,YAAajB,EAAMG,QAAQW,QAAQR,UACnCY,aAAc,OAElB,eAAgB,CACZC,aAAc,QAElB,gBAAiB,CACbC,gBAAiB,wCAErB,4BAA6B,CACzBC,SAAU,QAEd,mBAAoB,CAChBL,OAAQ,OACRM,SAAU,WACV,WAAY,CACRC,QAAS,QACTC,QAAS,KACTtB,OAAQ,MACRuB,WAAYzB,EAAMG,QAAQW,QAAQR,UAClCgB,SAAU,WACVI,IAAK,IACLC,KAAM,OACNC,MAAO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":[null],"names":["Alert","type","children","actions","width","direction","_jsxs","Box","dir","sx","padding","paddingLeft","paddingRight","background","theme","palette","brand","tertiary","borderRadius","color","onSurface","os0","display","alignItems","gap","minWidth","maxWidth","height","flexDirection","justifyContent","_jsx","src","successIcon","errorIcon","warningIcon","flexGrow","undefined","borderLeft","os600","borderRight","alignSelf"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Alert.js","sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport successIcon from './assets/successIcon.svg';\nimport warningIcon from './assets/warningIcon.svg';\nimport errorIcon from './assets/errorIcon.svg';\nexport const Alert = ({ type, children, actions, width, direction = 'ltr' }) => {\n return (_jsxs(Box, { dir: direction !== null && direction !== void 0 ? direction : 'ltr', sx: {\n padding: 1,\n paddingLeft: direction === 'ltr' ? 2 : 1,\n paddingRight: direction === 'rtl' ? 2 : 1,\n background: (theme) => theme.palette.brand.tertiary,\n borderRadius: 1,\n color: (theme) => theme.palette.onSurface.os0,\n display: 'flex',\n alignItems: 'center',\n gap: '11px',\n minWidth: '300px',\n maxWidth: width !== null && width !== void 0 ? width : '624px',\n width: width !== null && width !== void 0 ? width : 'auto',\n }, \"data-testid\": \"Alert\", children: [type && (_jsxs(Box, { sx: {\n height: '40px',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n }, \"data-testid\": \"Alert.icon\", children: [type === 'success' && _jsx(\"img\", { src: successIcon }), type === 'error' && _jsx(\"img\", { src: errorIcon }), type === 'warning' && _jsx(\"img\", { src: warningIcon })] })), _jsx(Box, { sx: {\n flexGrow: 1,\n }, \"data-testid\": \"Alert.content\", children: children }), actions && (_jsx(Box, { sx: {\n paddingLeft: direction === 'ltr' ? '11px' : undefined,\n paddingRight: direction === 'rtl' ? '11px' : undefined,\n borderLeft: (theme) => `${direction === 'ltr' ? '1px' : '0px'} solid ${theme.palette.onSurface.os600}`,\n borderRight: (theme) => `${direction === 'rtl' ? '1px' : '0px'} solid ${theme.palette.onSurface.os600}`,\n alignSelf: 'stretch',\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n }, \"data-testid\": \"Alert.actions\", children: actions }))] }));\n};\n//# sourceMappingURL=Alert.js.map"],"names":["Alert","type","children","actions","width","direction","_jsxs","Box","dir","sx","padding","paddingLeft","paddingRight","background","theme","palette","brand","tertiary","borderRadius","color","onSurface","os0","display","alignItems","gap","minWidth","maxWidth","height","flexDirection","justifyContent","_jsx","src","successIcon","errorIcon","warningIcon","flexGrow","undefined","borderLeft","os600","borderRight","alignSelf"],"mappings":"qNAKY,MAACA,EAAQ,EAAGC,OAAMC,WAAUC,UAASC,QAAOC,YAAY,SACxDC,EAAMC,EAAK,CAAEC,IAAKH,QAA6CA,EAAY,MAAOI,GAAI,CACtFC,QAAS,EACTC,YAA2B,QAAdN,EAAsB,EAAI,EACvCO,aAA4B,QAAdP,EAAsB,EAAI,EACxCQ,WAAaC,GAAUA,EAAMC,QAAQC,MAAMC,SAC3CC,aAAc,EACdC,MAAQL,GAAUA,EAAMC,QAAQK,UAAUC,IAC1CC,QAAS,OACTC,WAAY,SACZC,IAAK,OACLC,SAAU,QACVC,SAAUtB,QAAqCA,EAAQ,QACvDA,MAAOA,QAAqCA,EAAQ,QACrD,cAAe,QAASF,SAAU,CAACD,GAASK,EAAMC,EAAK,CAAEE,GAAI,CACpDkB,OAAQ,OACRL,QAAS,OACTM,cAAe,SACfC,eAAgB,UACjB,cAAe,aAAc3B,SAAU,CAAU,YAATD,GAAsB6B,EAAK,MAAO,CAAEC,IAAKC,IAAyB,UAAT/B,GAAoB6B,EAAK,MAAO,CAAEC,IAAKE,IAAuB,YAAThC,GAAsB6B,EAAK,MAAO,CAAEC,IAAKG,OAAqBJ,EAAKvB,EAAK,CAAEE,GAAI,CACnO0B,SAAU,GACX,cAAe,gBAAiBjC,SAAUA,IAAaC,GAAY2B,EAAKvB,EAAK,CAAEE,GAAI,CAClFE,YAA2B,QAAdN,EAAsB,YAAS+B,EAC5CxB,aAA4B,QAAdP,EAAsB,YAAS+B,EAC7CC,WAAavB,GAAU,GAAiB,QAAdT,EAAsB,MAAQ,eAAeS,EAAMC,QAAQK,UAAUkB,QAC/FC,YAAczB,GAAU,GAAiB,QAAdT,EAAsB,MAAQ,eAAeS,EAAMC,QAAQK,UAAUkB,QAChGE,UAAW,UACXlB,QAAS,OACTM,cAAe,MACfL,WAAY,UACb,cAAe,gBAAiBrB,SAAUC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertButton.js","sources":["../../../src/components/alert/AlertButton.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"AlertButton.js","sources":["../../../src/components/alert/AlertButton.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Button as MuiButton } from '@mui/base';\nimport { styled } from '@mui/material';\nexport function AlertButton(props) {\n return _jsx(Button, Object.assign({}, props));\n}\nconst Button = styled(MuiButton)(({ theme }) => ({\n padding: '8px 16px',\n appearance: 'none',\n background: 'transparent',\n cursor: 'pointer',\n border: 'none',\n color: theme.palette.onSurface.os0,\n fontWeight: 700,\n fontSize: '14px',\n lineHeight: '16px',\n}));\n//# sourceMappingURL=AlertButton.js.map"],"names":["AlertButton","props","_jsx","Button","Object","assign","styled","MuiButton","theme","padding","appearance","background","cursor","border","color","palette","onSurface","os0","fontWeight","fontSize","lineHeight"],"mappings":"kHAGO,SAASA,EAAYC,GACxB,OAAOC,EAAKC,EAAQC,OAAOC,OAAO,CAAE,EAAEJ,GAC1C,CACA,MAAME,EAASG,EAAOC,EAAPD,EAAkB,EAAGE,YAAa,CAC7CC,QAAS,WACTC,WAAY,OACZC,WAAY,cACZC,OAAQ,UACRC,OAAQ,OACRC,MAAON,EAAMO,QAAQC,UAAUC,IAC/BC,WAAY,IACZC,SAAU,OACVC,WAAY"}
|
|
@@ -1,11 +1,35 @@
|
|
|
1
1
|
import { AvatarProps as MuiAvatarProps } from '@mui/material';
|
|
2
2
|
export type AvatarProps = Omit<MuiAvatarProps, 'variant'> & {
|
|
3
|
+
/**
|
|
4
|
+
* Set size of rendered avatar
|
|
5
|
+
* @default md
|
|
6
|
+
*/
|
|
3
7
|
size?: 'sm' | 'md' | 'lg';
|
|
8
|
+
/**
|
|
9
|
+
* Set color of the text
|
|
10
|
+
* @default light
|
|
11
|
+
*/
|
|
4
12
|
color?: 'light' | 'dark';
|
|
13
|
+
/**
|
|
14
|
+
* Set background color
|
|
15
|
+
* @default undefined
|
|
16
|
+
*/
|
|
5
17
|
background?: string;
|
|
6
18
|
};
|
|
7
19
|
export declare const Avatar: import("@emotion/styled").StyledComponent<Omit<MuiAvatarProps, "variant"> & {
|
|
20
|
+
/**
|
|
21
|
+
* Set size of rendered avatar
|
|
22
|
+
* @default md
|
|
23
|
+
*/
|
|
8
24
|
size?: 'sm' | 'md' | 'lg';
|
|
25
|
+
/**
|
|
26
|
+
* Set color of the text
|
|
27
|
+
* @default light
|
|
28
|
+
*/
|
|
9
29
|
color?: 'light' | 'dark';
|
|
30
|
+
/**
|
|
31
|
+
* Set background color
|
|
32
|
+
* @default undefined
|
|
33
|
+
*/
|
|
10
34
|
background?: string;
|
|
11
35
|
} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Avatar as MuiAvatar, styled } from '@mui/material';\nconst AvatarBase = (props) => _jsx(MuiAvatar, Object.assign({ variant: \"circular\" }, props));\nexport const Avatar = styled(AvatarBase, {\n shouldForwardProp: (propName) => !['size', 'color', 'background'].includes(propName),\n})(({ size, color, background, theme }) => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ fontWeight: 700, letterSpacing: '0.02em' }, (background && { backgroundColor: background })), ((!color || color === 'light') && {\n color: theme.palette.common.white,\n})), (color === 'dark' && {\n color: theme.palette.common.black,\n})), (size === 'sm' && {\n width: 24,\n height: 24,\n fontSize: 10,\n})), ((!size || size === 'md') && {\n width: 40,\n height: 40,\n fontSize: 14,\n})), (size === 'lg' && {\n width: 56,\n height: 56,\n fontSize: 20,\n}))));\n//# sourceMappingURL=Avatar.js.map"],"names":["Avatar","styled","props","_jsx","MuiAvatar","Object","assign","variant","shouldForwardProp","propName","includes","size","color","background","theme","fontWeight","letterSpacing","backgroundColor","palette","common","white","black","width","height","fontSize"],"mappings":"2FAEA,MACaA,EAASC,GADFC,GAAUC,EAAKC,EAAWC,OAAOC,OAAO,CAAEC,QAAS,YAAcL,KAC5C,CACrCM,kBAAoBC,IAAc,CAAC,OAAQ,QAAS,cAAcC,SAASD,IADzDR,EAEnB,EAAGU,OAAMC,QAAOC,aAAYC,WAAaT,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAO,CAAES,WAAY,IAAKC,cAAe,UAAaH,GAAc,CAAEI,gBAAiBJ,MAAmBD,GAAmB,UAAVA,IAAsB,CAC9PA,MAAOE,EAAMI,QAAQC,OAAOC,QAChB,SAAVR,GAAoB,CACtBA,MAAOE,EAAMI,QAAQC,OAAOE,QACjB,OAATV,GAAiB,CACnBW,MAAO,GACPC,OAAQ,GACRC,SAAU,OACNb,GAAiB,OAATA,IAAkB,CAC9BW,MAAO,GACPC,OAAQ,GACRC,SAAU,KACC,OAATb,GAAiB,CACnBW,MAAO,GACPC,OAAQ,GACRC,SAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"backdrop.js","sources":["../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":[null],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","backgroundColor","flowColors","transparent","backdrop","backdropFilter"],"mappings":"
|
|
1
|
+
{"version":3,"file":"backdrop.js","sources":["../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect } from 'react';\nimport MuiBackdrop from '@mui/material/Backdrop';\nimport { styled } from '@mui/material/styles';\nimport useBackdrop from '../common/hook/backdrop';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/**\n * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead\n */\nexport const Backdrop = forwardRef((_a, ref) => {\n var { open, onClose } = _a, props = __rest(_a, [\"open\", \"onClose\"]);\n const { openBackdrop, handleCloseBackdrop, setOpenBackdrop } = useBackdrop();\n const handleClose = () => {\n handleCloseBackdrop();\n onClose && onClose(false);\n };\n useEffect(() => {\n setOpenBackdrop(open);\n }, [open, setOpenBackdrop]);\n return (_jsx(BackdropStyled, { ref: ref, classes: props.classes, open: openBackdrop, onClick: handleClose, invisible: props.invisible, sx: props.sx, transitionDuration: props.transitionDuration, children: props.children }));\n});\nconst BackdropStyled = styled(MuiBackdrop)((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n if (args.invisible)\n return {\n backgroundColor: flowColors.transparent.backdrop,\n backdropFilter: 'blur(0px)',\n };\n return null;\n});\n//# sourceMappingURL=backdrop.js.map"],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","backgroundColor","flowColors","transparent","backdrop","backdropFilter"],"mappings":"wTAUY,MAACA,EAAWC,GAAW,CAACC,EAAIC,KACpC,IAAIC,KAAEA,EAAIC,QAAEA,GAAYH,EAAII,EAAQC,EAAOL,EAAI,CAAC,OAAQ,YACxD,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,IAQ/D,OAHAC,GAAU,KACNF,EAAgBN,EAAK,GACtB,CAACA,EAAMM,IACFG,EAAKC,EAAgB,CAAEX,IAAKA,EAAKY,QAAST,EAAMS,QAASX,KAAMI,EAAcQ,QAPjE,KAChBP,IACAJ,GAAWA,GAAQ,EAAM,EAK8EY,UAAWX,EAAMW,UAAWC,GAAIZ,EAAMY,GAAIC,mBAAoBb,EAAMa,mBAAoBC,SAAUd,EAAMc,UAAa,IAE9NN,EAAiBO,EAAOC,EAAPD,EAAqBnB,GACbK,EAAOL,EAAI,CAAC,UAC9Be,UACE,CACHM,gBAAiBC,EAAWC,YAAYC,SACxCC,eAAgB,aAEjB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":[null],"names":["Banner","forwardRef","_a","ref","props","__rest","isBannerVisible","setIsBannerVisible","useState","useEffect","isVisible","onClickButtons","ev","btnType","
|
|
1
|
+
{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useEffect, useState, forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Icon } from '../../components/icon';\nimport { Button } from '../../components/button';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ColourSheme } from '../../utils/enum';\nexport const Banner = forwardRef((_a, ref) => {\n var props = __rest(_a, []);\n const [isBannerVisible, setIsBannerVisible] = useState(true);\n useEffect(() => {\n if (props.isVisible || props.isVisible === false) {\n setIsBannerVisible(props.isVisible);\n }\n }, [props.isVisible]);\n const onClickButtons = (ev, btnType) => {\n var _a, _b, _c;\n if (btnType === 'additional') {\n (_a = props.additionalButtonCallback) === null || _a === void 0 ? void 0 : _a.call(props, ev);\n }\n else {\n (_b = props.buttonCallback) === null || _b === void 0 ? void 0 : _b.call(props, ev);\n }\n (_c = props.analyticsCallback) === null || _c === void 0 ? void 0 : _c.call(props, ev);\n setIsBannerVisible(false);\n };\n const isFilled = props.iconIsFilled ? ' filled' : '';\n const buttonVariantMain = props.buttonVariant;\n const buttonVariantAdditional = props.additionalButtonVariant;\n return (_jsx(_Fragment, { children: isBannerVisible && (_jsx(BannerStyled, { className: props.variant, variant: props.variant, ref: ref, \"data-testid\": \"Banner\", children: _jsxs(\"div\", { className: \"bannerWrapper\", children: [_jsxs(\"div\", { className: \"bannerHeader\", children: [props.icon && (_jsx(Icon, { fontSize: \"medium\", className: `${props.icon} ${isFilled}`, \"data-testid\": \"Banner.icon\" })), _jsx(\"p\", { className: \"body\", \"data-testid\": \"Banner.body\", children: props.textContent })] }), _jsxs(\"div\", { className: \"bannerBtnContainer\", children: [props.additionalButton && (_jsx(Button, { variant: buttonVariantAdditional, compact: true, label: props.additionalButtonLabel, onClick: (ev) => onClickButtons(ev, 'additional'), \"data-testid\": \"Banner.btn2\" })), props.variant === 'secondary' ? (_jsx(Button, { variant: buttonVariantMain, colourScheme: ColourSheme.LIGHT_MODE, compact: true, label: props.additionalButtonLabel, onClick: (ev) => onClickButtons(ev, 'main'), \"data-testid\": \"Banner.btn1\" })) : (_jsx(Button, { variant: buttonVariantMain, compact: true, label: props.buttonLabel, onClick: (ev) => onClickButtons(ev, 'main'), \"data-testid\": \"Banner.btn1\" }))] })] }) })) }));\n});\nconst BannerStyled = styled.div((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const props = args;\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { '& > .bannerWrapper': {\n boxSizing: 'border-box',\n padding: '16px',\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'nowrap',\n width: '100%',\n [theme.breakpoints.up('md')]: {\n padding: '7px 16px',\n flexDirection: 'row',\n },\n '& *': {\n boxSizing: 'border-box',\n },\n }, '& .bannerHeader': {\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'flex-items',\n width: '100%',\n marginBottom: '16px',\n [theme.breakpoints.up('md')]: {\n alignItems: 'center',\n marginBottom: '0',\n },\n '& .MuiIcon-root': {\n color: flowColors.brand.tertiary,\n fontSize: '20px',\n },\n }, '& .body': {\n margin: '0 0 0 8px',\n fontSize: '14px',\n fontWeight: '400',\n letterSpacing: '0.05px',\n }, '& .bannerBtnContainer': {\n display: 'flex',\n width: '100%',\n justifyContent: 'flex-start',\n [theme.breakpoints.up('md')]: {\n justifyContent: 'flex-end',\n },\n '& > div + div': {\n marginLeft: '16px',\n },\n } });\n switch (props.variant) {\n case 'primary':\n styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.brand.secondary, color: flowColors.onSurface.os900 });\n case 'secondary':\n styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.brand.tertiary, color: flowColors.onSurface.os0, '& .bannerHeader .MuiIcon-root': {\n color: flowColors.brand.secondary,\n } });\n case 'tertiary':\n styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.surface.secondary, color: flowColors.onSurface.os800, '& .bannerHeader .MuiIcon-root': {\n color: flowColors.brand.primary,\n } });\n }\n return styles;\n});\n//# sourceMappingURL=banner.js.map"],"names":["Banner","forwardRef","_a","ref","props","__rest","isBannerVisible","setIsBannerVisible","useState","useEffect","isVisible","onClickButtons","ev","btnType","_b","_c","additionalButtonCallback","call","buttonCallback","analyticsCallback","isFilled","iconIsFilled","buttonVariantMain","buttonVariant","buttonVariantAdditional","additionalButtonVariant","_jsx","_Fragment","children","BannerStyled","className","variant","_jsxs","icon","Icon","fontSize","textContent","additionalButton","Button","compact","label","additionalButtonLabel","onClick","colourScheme","ColourSheme","LIGHT_MODE","buttonLabel","styled","div","theme","styles","Object","assign","boxSizing","padding","display","flexDirection","flexWrap","width","breakpoints","up","alignItems","justifyContent","marginBottom","color","flowColors","brand","tertiary","margin","fontWeight","letterSpacing","marginLeft","backgroundColor","secondary","onSurface","os900","os0","surface","os800","primary"],"mappings":"qYAQY,MAACA,EAASC,GAAW,CAACC,EAAIC,KAClC,IAAIC,EAAQC,EAAOH,EAAI,IACvB,MAAOI,EAAiBC,GAAsBC,GAAS,GACvDC,GAAU,MACFL,EAAMM,YAAiC,IAApBN,EAAMM,YACzBH,EAAmBH,EAAMM,UAC5B,GACF,CAACN,EAAMM,YACV,MAAMC,EAAiB,CAACC,EAAIC,KACxB,IAAIX,EAAIY,EAAIC,EACI,eAAZF,EAC0C,QAAzCX,EAAKE,EAAMY,gCAA6C,IAAPd,GAAyBA,EAAGe,KAAKb,EAAOQ,GAG1D,QAA/BE,EAAKV,EAAMc,sBAAmC,IAAPJ,GAAyBA,EAAGG,KAAKb,EAAOQ,GAEjD,QAAlCG,EAAKX,EAAMe,yBAAsC,IAAPJ,GAAyBA,EAAGE,KAAKb,EAAOQ,GACnFL,GAAmB,EAAM,EAEvBa,EAAWhB,EAAMiB,aAAe,UAAY,GAC5CC,EAAoBlB,EAAMmB,cAC1BC,EAA0BpB,EAAMqB,wBACtC,OAAQC,EAAKC,EAAW,CAAEC,SAAUtB,GAAoBoB,EAAKG,EAAc,CAAEC,UAAW1B,EAAM2B,QAASA,QAAS3B,EAAM2B,QAAS5B,IAAKA,EAAK,cAAe,SAAUyB,SAAUI,EAAM,MAAO,CAAEF,UAAW,gBAAiBF,SAAU,CAACI,EAAM,MAAO,CAAEF,UAAW,eAAgBF,SAAU,CAACxB,EAAM6B,MAASP,EAAKQ,EAAM,CAAEC,SAAU,SAAUL,UAAW,GAAG1B,EAAM6B,QAAQb,IAAY,cAAe,gBAAmBM,EAAK,IAAK,CAAEI,UAAW,OAAQ,cAAe,cAAeF,SAAUxB,EAAMgC,iBAAoBJ,EAAM,MAAO,CAAEF,UAAW,qBAAsBF,SAAU,CAACxB,EAAMiC,kBAAqBX,EAAKY,EAAQ,CAAEP,QAASP,EAAyBe,SAAS,EAAMC,MAAOpC,EAAMqC,sBAAuBC,QAAU9B,GAAOD,EAAeC,EAAI,cAAe,cAAe,gBAAqC,cAAlBR,EAAM2B,QAA2BL,EAAKY,EAAQ,CAAEP,QAAST,EAAmBqB,aAAcC,EAAYC,WAAYN,SAAS,EAAMC,MAAOpC,EAAMqC,sBAAuBC,QAAU9B,GAAOD,EAAeC,EAAI,QAAS,cAAe,gBAAqBc,EAAKY,EAAQ,CAAEP,QAAST,EAAmBiB,SAAS,EAAMC,MAAOpC,EAAM0C,YAAaJ,QAAU9B,GAAOD,EAAeC,EAAI,QAAS,cAAe,yBAAkC,IAEvqCiB,EAAekB,EAAOC,KAAK9C,IAC7B,IAAI+C,MAAEA,GAAU/C,EAChB,MAAME,EADqBC,EAAOH,EAAI,CAAC,UAEvC,IAAIgD,EAAS,CAAA,EA6Cb,OA5CAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,qBAAsB,CAClEG,UAAW,aACXC,QAAS,OACTC,QAAS,OACTC,cAAe,SACfC,SAAU,SACVC,MAAO,OACP,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC1BN,QAAS,WACTE,cAAe,OAEnB,MAAO,CACHH,UAAW,eAEhB,kBAAmB,CAClBE,QAAS,OACTM,WAAY,aACZC,eAAgB,aAChBJ,MAAO,OACPK,aAAc,OACd,CAACd,EAAMU,YAAYC,GAAG,OAAQ,CAC1BC,WAAY,SACZE,aAAc,KAElB,kBAAmB,CACfC,MAAOC,EAAWC,MAAMC,SACxBhC,SAAU,SAEf,UAAW,CACViC,OAAQ,YACRjC,SAAU,OACVkC,WAAY,MACZC,cAAe,UAChB,wBAAyB,CACxBf,QAAS,OACTG,MAAO,OACPI,eAAgB,aAChB,CAACb,EAAMU,YAAYC,GAAG,OAAQ,CAC1BE,eAAgB,YAEpB,gBAAiB,CACbS,WAAY,WAGhBnE,EAAM2B,SACV,IAAK,UACDmB,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,GAAS,CAAEsB,gBAAiBP,EAAWC,MAAMO,UAAWT,MAAOC,EAAWS,UAAUC,QACjI,IAAK,YACDzB,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,GAAS,CAAEsB,gBAAiBP,EAAWC,MAAMC,SAAUH,MAAOC,EAAWS,UAAUE,IAAK,gCAAiC,CAC1JZ,MAAOC,EAAWC,MAAMO,aAEpC,IAAK,WACDvB,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,GAAS,CAAEsB,gBAAiBP,EAAWY,QAAQJ,UAAWT,MAAOC,EAAWS,UAAUI,MAAO,gCAAiC,CAC/Jd,MAAOC,EAAWC,MAAMa,WAGxC,OAAO7B,CAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":[null],"names":["ButtonVariants","Button","forwardRef","_a","ref","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","getButtonVariant","buttonColor","getButtonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","ButtonStyled","Object","assign","color","startIcon","Icon","className","undefined","endIcon","size","onFocusVisible","onBlur","e","ternaryCondition","ColourSheme","LIGHT_MODE","
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useMemo, useState } from 'react';\nimport MuiButton from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport { ColourSheme } from '../../utils/enum';\nimport { ternaryCondition } from '../../utils/utilities';\nimport merge from 'lodash/merge';\n/**\n * @type ButtonVariants\n * @description The variants of the Button component.\n */\nexport var ButtonVariants;\n(function (ButtonVariants) {\n ButtonVariants[\"PRIMARY\"] = \"primary\";\n ButtonVariants[\"SECONDARY\"] = \"secondary\";\n ButtonVariants[\"GHOST\"] = \"ghost\";\n ButtonVariants[\"TERTIARY\"] = \"tertiary\";\n ButtonVariants[\"NAVIGATION\"] = \"navigation\";\n})(ButtonVariants || (ButtonVariants = {}));\n/**\n * @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated Use Button component from '@mui/material' module instead.\n */\nexport const Button = forwardRef((_a, ref) => {\n var _b;\n var { variant = ButtonVariants.PRIMARY, colourScheme, direction = 'back', label, icon, compact, disabled } = _a, props = __rest(_a, [\"variant\", \"colourScheme\", \"direction\", \"label\", \"icon\", \"compact\", \"disabled\"]);\n const [focusVisibled, setFocusVisible] = useState(false);\n const buttonVariantResolved = useMemo(() => getButtonVariant(variant), [variant]);\n const buttonColor = useMemo(() => getButtonColor(variant), [variant]);\n const onBlur = (e) => {\n setFocusVisible(false);\n if (props.onBlur)\n props.onBlur(e);\n };\n const isNavigationVariant = variant === 'navigation';\n const isDirectionForward = isNavigationVariant && direction === 'forward';\n const isDirectionBack = isNavigationVariant && direction === 'back';\n return (_jsx(ButtonFocusVisibleStyled, { focusVisible: focusVisibled, isNavigationVariant: isNavigationVariant, fullWidth: props.fullWidth, children: _jsx(ButtonStyled, Object.assign({}, props, { ref: ref, variant: buttonVariantResolved, color: buttonColor, startIcon: (icon && !isNavigationVariant) || isDirectionBack ? (_jsx(Icon, { className: isDirectionBack ? 'arrow-left' : icon })) : undefined, endIcon: isDirectionForward ? _jsx(Icon, { className: \"arrow-right\" }) : undefined, disabled: disabled, size: compact ? 'small' : undefined, onFocusVisible: () => setFocusVisible(true), onBlur: onBlur, className: ternaryCondition(colourScheme, ColourSheme.LIGHT_MODE, 'MuiButton-white', ''), children: (_b = props.children) !== null && _b !== void 0 ? _b : label })) }));\n});\n/**\n * @description Button styling defintion based on props\n */\nconst ButtonStyled = styled(MuiButton)((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const props = args;\n const isNavigationVariant = props.variant === 'navigation';\n const styles = {};\n if (!props.children && props.startIcon) {\n merge(styles, {\n width: 44,\n padding: 0,\n '& .MuiButton-startIcon': {\n margin: '-4px 0 0 0',\n fontSize: '16px',\n '.MuiIcon-root': {\n paddingTop: 3,\n '&::before': {\n marginLeft: 1,\n },\n },\n },\n });\n }\n if (isNavigationVariant) {\n merge(styles, {\n '& .MuiButton-endIcon': {\n marginTop: '2px',\n },\n '& .MuiButton-startIcon': {\n marginTop: '2px',\n },\n });\n }\n return styles;\n});\nconst getButtonVariant = (variant) => {\n switch (variant) {\n case ButtonVariants.PRIMARY:\n return 'contained';\n case ButtonVariants.GHOST:\n return 'outlined';\n case ButtonVariants.NAVIGATION:\n return 'navigation';\n case ButtonVariants.SECONDARY:\n return 'contained';\n case ButtonVariants.TERTIARY:\n return 'text';\n default:\n return 'contained';\n }\n};\nconst getButtonColor = (variant) => {\n switch (variant) {\n case ButtonVariants.PRIMARY:\n return 'primary';\n case ButtonVariants.GHOST:\n return 'secondary';\n case ButtonVariants.NAVIGATION:\n return 'secondary';\n case ButtonVariants.SECONDARY:\n return 'secondary';\n case ButtonVariants.TERTIARY:\n return 'secondary';\n default:\n return 'primary';\n }\n};\n//# sourceMappingURL=button.js.map"],"names":["ButtonVariants","Button","forwardRef","_a","ref","_b","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","getButtonVariant","buttonColor","getButtonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","ButtonStyled","Object","assign","color","startIcon","Icon","className","undefined","endIcon","size","onFocusVisible","onBlur","e","ternaryCondition","ColourSheme","LIGHT_MODE","styled","MuiButton","styles","merge","width","padding","margin","fontSize","paddingTop","marginLeft","marginTop","GHOST","NAVIGATION","SECONDARY","TERTIARY"],"mappings":"ocAcU,IAACA,GACX,SAAWA,GACPA,EAAwB,QAAI,UAC5BA,EAA0B,UAAI,YAC9BA,EAAsB,MAAI,QAC1BA,EAAyB,SAAI,WAC7BA,EAA2B,WAAI,YAClC,CAND,CAMGA,IAAmBA,EAAiB,CAAE,IAQ7B,MAACC,EAASC,GAAW,CAACC,EAAIC,KAClC,IAAIC,GACAC,QAAEA,EAAUN,EAAeO,QAAOC,aAAEA,EAAYC,UAAEA,EAAY,OAAMC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,GAAaV,EAAIW,EAAQC,EAAOZ,EAAI,CAAC,UAAW,eAAgB,YAAa,QAAS,OAAQ,UAAW,aACzM,MAAOa,EAAeC,GAAmBC,GAAS,GAC5CC,EAAwBC,GAAQ,IAAMC,EAAiBf,IAAU,CAACA,IAClEgB,EAAcF,GAAQ,IAAMG,EAAejB,IAAU,CAACA,IAMtDkB,EAAkC,eAAZlB,EACtBmB,EAAqBD,GAAqC,YAAdf,EAC5CiB,EAAkBF,GAAqC,SAAdf,EAC/C,OAAQkB,EAAKC,EAA0B,CAAEC,aAAcb,EAAeQ,oBAAqBA,EAAqBM,UAAWhB,EAAMgB,UAAWC,SAAUJ,EAAKK,EAAcC,OAAOC,OAAO,CAAE,EAAEpB,EAAO,CAAEV,IAAKA,EAAKE,QAASa,EAAuBgB,MAAOb,EAAac,UAAYzB,IAASa,GAAwBE,EAAmBC,EAAKU,EAAM,CAAEC,UAAWZ,EAAkB,aAAef,SAAW4B,EAAWC,QAASf,EAAqBE,EAAKU,EAAM,CAAEC,UAAW,qBAAmBC,EAAW1B,SAAUA,EAAU4B,KAAM7B,EAAU,aAAU2B,EAAWG,eAAgB,IAAMzB,GAAgB,GAAO0B,OAR3jBC,IACZ3B,GAAgB,GACZH,EAAM6B,QACN7B,EAAM6B,OAAOC,EAAE,EAKokBN,UAAWO,EAAiBrC,EAAcsC,EAAYC,WAAY,kBAAmB,IAAKhB,SAAoC,QAAzB1B,EAAKS,EAAMiB,gBAA6B,IAAP1B,EAAgBA,EAAKK,MAAc,IAKlwBsB,EAAegB,EAAOC,EAAPD,EAAmB7C,IAEpC,MAAMW,EADqBC,EAAOZ,EAAI,CAAC,UAEjCqB,EAAwC,eAAlBV,EAAMR,QAC5B4C,EAAS,CAAA,EA2Bf,OA1BKpC,EAAMiB,UAAYjB,EAAMsB,WACzBe,EAAMD,EAAQ,CACVE,MAAO,GACPC,QAAS,EACT,yBAA0B,CACtBC,OAAQ,aACRC,SAAU,OACV,gBAAiB,CACbC,WAAY,EACZ,YAAa,CACTC,WAAY,OAM5BjC,GACA2B,EAAMD,EAAQ,CACV,uBAAwB,CACpBQ,UAAW,OAEf,yBAA0B,CACtBA,UAAW,SAIhBR,CAAM,IAEX7B,EAAoBf,IACtB,OAAQA,GACJ,KAAKN,EAAeO,QAChB,MAAO,YACX,KAAKP,EAAe2D,MAChB,MAAO,WACX,KAAK3D,EAAe4D,WAChB,MAAO,aACX,KAAK5D,EAAe6D,UAChB,MAAO,YACX,KAAK7D,EAAe8D,SAChB,MAAO,OACX,QACI,MAAO,YACd,EAECvC,EAAkBjB,IACpB,OAAQA,GACJ,KAAKN,EAAeO,QAChB,MAAO,UACX,KAAKP,EAAe2D,MAEpB,KAAK3D,EAAe4D,WAEpB,KAAK5D,EAAe6D,UAEpB,KAAK7D,EAAe8D,SAChB,MAAO,YACX,QACI,MAAO,UACd"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardContainer.js","sources":["../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"cardContainer.js","sources":["../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ternaryCondition } from '../../utils/utilities';\nexport const CardContainer = forwardRef((_a, ref) => {\n var { children, isClickable, onClickCallback, isClicked: isClickedFromOutsideState, padding = '10px', isGreyVariant = false } = _a, props = __rest(_a, [\"children\", \"isClickable\", \"onClickCallback\", \"isClicked\", \"padding\", \"isGreyVariant\"]);\n const [isClicked, setIsClicked] = useState(false);\n useEffect(() => {\n if (!isClickable)\n return;\n setIsClicked(() => isClickedFromOutsideState);\n }, [isClickable, isClickedFromOutsideState]);\n const isClickedHandler = useCallback(() => {\n if (!isClickable)\n return;\n setIsClicked((curr) => {\n onClickCallback && onClickCallback(!curr);\n return !curr;\n });\n }, [isClickable, onClickCallback]);\n return (_jsx(StyledCardContainer, Object.assign({ style: { padding: padding } }, props, { ref: ref, onClick: isClickedHandler, isClicked: isClicked, isClickable: isClickable, isGreyVariant: isGreyVariant, \"data-state\": isClicked ? 'clicked' : 'idle', \"data-testid\": \"CardContainer\", children: _jsx(\"div\", { children: children }) })));\n});\nconst StyledCardContainer = styled.div((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const defaultBoxShadow = `inset 0 0 0 1px ${flowColors.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`;\n const stylesBasedOnClick = args.isClicked\n ? {\n boxShadow: `inset 0 0 0 1px ${flowColors.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n '&:hover': {\n boxShadow: `inset 0 0 0 1px ${flowColors.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n },\n }\n : { boxShadow: defaultBoxShadow };\n const stylesBasedOnIsClickable = args.isClickable\n ? Object.assign({ cursor: 'pointer' }, stylesBasedOnClick) : { boxShadow: defaultBoxShadow };\n let styles = {};\n styles = Object.assign({ display: 'inline-block', boxSizing: 'border-box', borderRadius: '8px', background: ternaryCondition(args.isGreyVariant, true, flowColors.surface.primary, flowColors.surface.tertiary), '&:hover': {\n border: '',\n boxShadow: `inset 0 0 0 1px ${flowColors.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n } }, stylesBasedOnIsClickable);\n return styles;\n});\n//# sourceMappingURL=cardContainer.js.map"],"names":["CardContainer","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","styled","div","args","defaultBoxShadow","flowColors","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"oTAMY,MAACA,EAAgBC,GAAW,CAACC,EAAIC,KACzC,IAAIC,SAAEA,EAAQC,YAAEA,EAAWC,gBAAEA,EAAiBC,UAAWC,EAAyBC,QAAEA,EAAU,OAAMC,cAAEA,GAAgB,GAAUR,EAAIS,EAAQC,EAAOV,EAAI,CAAC,WAAY,cAAe,kBAAmB,YAAa,UAAW,kBAC9N,MAAOK,EAAWM,GAAgBC,GAAS,GAC3CC,GAAU,KACDV,GAELQ,GAAa,IAAML,GAA0B,GAC9C,CAACH,EAAaG,IACjB,MAAMQ,EAAmBC,GAAY,KAC5BZ,GAELQ,GAAcK,IACVZ,GAAmBA,GAAiBY,IAC5BA,IACV,GACH,CAACb,EAAaC,IACjB,OAAQa,EAAKC,EAAqBC,OAAOC,OAAO,CAAEC,MAAO,CAAEd,QAASA,IAAaE,EAAO,CAAER,IAAKA,EAAKqB,QAASR,EAAkBT,UAAWA,EAAWF,YAAaA,EAAaK,cAAeA,EAAe,aAAcH,EAAY,UAAY,OAAQ,cAAe,gBAAiBH,SAAUe,EAAK,MAAO,CAAEf,SAAUA,MAAiB,IAE5UgB,EAAsBK,EAAOC,KAAKxB,IACjC,IAAiByB,EAAOf,EAAOV,EAAI,CAAC,UACvC,MAAM0B,EAAmB,mBAAmBC,EAAWC,QAAQC,6CACzDC,EAAqBL,EAAKpB,UAC1B,CACE0B,UAAW,mBAAmBJ,EAAWK,MAAMC,2CAC/C,UAAW,CACPF,UAAW,mBAAmBJ,EAAWO,WAAWD,6CAG1D,CAAEF,UAAWL,GACbS,EAA2BV,EAAKtB,YAChCgB,OAAOC,OAAO,CAAEgB,OAAQ,WAAaN,GAAsB,CAAEC,UAAWL,GAC9E,IAAIW,EAAS,CAAA,EAKb,OAJAA,EAASlB,OAAOC,OAAO,CAAEkB,QAAS,eAAgBC,UAAW,aAAcC,aAAc,MAAOC,WAAYC,EAAiBjB,EAAKjB,eAAe,EAAMmB,EAAWC,QAAQK,QAASN,EAAWC,QAAQe,UAAW,UAAW,CACpNC,OAAQ,GACRb,UAAW,mBAAmBJ,EAAWkB,UAAUC,2CAClDX,GACFE,CAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardMenu.js","sources":["../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"cardMenu.js","sources":["../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { List, ListItem, ListItemIcon, ListItemText, MenuItem, ClickAwayListener } from '@mui/material';\nimport { Divider } from '../divider/divider';\nimport { Icon } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\nexport const CardMenu = forwardRef(({ items, setItems, open, header, anchorRef, allowMultiselect, hasToggleSelection, onItemClick, onClose, sx, classes, placement, toggleLabel, rounded, }, ref) => {\n const { isMobile } = useWindowSize();\n const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(items, allowMultiselect, setItems, onItemClick, onClose);\n return (_jsx(_Fragment, { children: isMobile ? (_jsxs(DrawerStyled, { open: open, onClose: onClose, anchor: \"bottom\", sx: sx, ref: ref, classes: classes, hasHeader: !!header, \"data-testid\": \"CardMenu\", children: [header && (_jsx(\"div\", { className: \"drawer-header\", \"data-testid\": \"CardMenu.header\", children: header })), _jsx(List, { children: items.map((item) => {\n return (_jsxs(React.Fragment, { children: [_jsxs(ListItem, { button: true, disabled: item.disabled, onClick: () => onClickHandler(item), \"data-testid\": \"CardMenu.item\", \"data-state\": item.disabled ? 'disabled' : undefined, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { className: item.icon, fontSize: \"small\" }) })), _jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: item.text }), allowMultiselect && (_jsx(Checkbox, { checked: item.isChecked, disabled: item.disabled, \"data-testid\": \"CardMenu.check\" }))] }), _jsx(Divider, { variant: \"middle\" })] }, item.text));\n }) })] })) : (_jsx(PopperStyled, { open: open, anchorEl: anchorRef.current, placement: placement, ref: ref, rounded: rounded, \"data-testid\": \"CardMenu\", children: _jsx(ClickAwayListener, { onClickAway: onClose, children: _jsxs(MenuListStyled, { allowMultiselect: allowMultiselect, sx: sx, classes: classes, children: [header && (_jsxs(MenuItem, { className: \"menu-item-header\", \"data-testid\": \"CardMenu.header\", children: [_jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: header }), _jsx(ListItemIcon, { onClick: onClose, \"data-testid\": \"CardMenu.close\", children: _jsx(Icon, { className: \"ballotx\", fontSize: \"small\" }) })] })), header && _jsx(Divider, { variant: \"middle\", className: \"menu-item-divider\" }), allowMultiselect && hasToggleSelection && (_jsxs(MenuItem, { className: \"menu-select-all\", \"data-testid\": \"CardMenu.toggle\", children: [_jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: toggleLabel ? toggleLabel : 'Select all' }), _jsx(ToggleSwitch, { onChange: onToggleChange, checked: isToggleChecked, compact: true })] })), _jsx(\"div\", { className: \"menu-content-items\", children: items.map((item) => {\n return (_jsxs(MenuItem, { disabled: item.disabled, onClick: () => onClickHandler(item), \"data-testid\": \"CardMenu.item\", \"data-state\": item.disabled ? 'disabled' : undefined, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { className: item.icon, fontSize: \"small\" }) })), _jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: item.text }), allowMultiselect && (_jsx(Checkbox, { checked: item.isChecked, disabled: item.disabled, \"data-testid\": \"CardMenu.check\" }))] }, item.text));\n }) })] }) }) })) }));\n});\n//# sourceMappingURL=cardMenu.js.map"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","button","disabled","onClick","undefined","icon","ListItemIcon","Icon","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"2rBAYY,MAACA,EAAWC,GAAW,EAAGC,QAAOC,WAAUC,OAAMC,SAAQC,YAAWC,mBAAkBC,qBAAoBC,cAAaC,UAASC,KAAIC,UAASC,YAAWC,cAAaC,WAAYC,KACzL,MAAMC,SAAEA,GAAaC,KACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAAYpB,EAAOK,EAAkBJ,EAAUM,EAAaC,GACxH,OAAQa,EAAKC,EAAW,CAAEC,SAAUR,EAAYS,EAAMC,EAAc,CAAEvB,KAAMA,EAAMM,QAASA,EAASkB,OAAQ,SAAUjB,GAAIA,EAAIK,IAAKA,EAAKJ,QAASA,EAASiB,YAAaxB,EAAQ,cAAe,WAAYoB,SAAU,CAACpB,GAAWkB,EAAK,MAAO,CAAEO,UAAW,gBAAiB,cAAe,kBAAmBL,SAAUpB,IAAYkB,EAAKQ,EAAM,CAAEN,SAAUvB,EAAM8B,KAAKC,GACxUP,EAAMQ,EAAMC,SAAU,CAAEV,SAAU,CAACC,EAAMU,EAAU,CAAEC,QAAQ,EAAMC,SAAUL,EAAKK,SAAUC,QAAS,IAAMnB,EAAea,GAAO,cAAe,gBAAiB,aAAcA,EAAKK,SAAW,gBAAaE,EAAWf,SAAU,CAACQ,EAAKQ,MAASlB,EAAKmB,EAAc,CAAEjB,SAAUF,EAAKoB,EAAM,CAAEb,UAAWG,EAAKQ,KAAMG,SAAU,YAAgBrB,EAAKsB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASf,EAAKgB,OAAS1C,GAAqBgB,EAAK2B,EAAU,CAAEC,QAASlB,EAAKmB,UAAWd,SAAUL,EAAKK,SAAU,cAAe,sBAA0Bf,EAAK8B,EAAS,CAAEC,QAAS,aAAgBrB,EAAKgB,aAC/kB1B,EAAKgC,EAAc,CAAEnD,KAAMA,EAAMoD,SAAUlD,EAAUmD,QAAS5C,UAAWA,EAAWG,IAAKA,EAAKD,QAASA,EAAS,cAAe,WAAYU,SAAUF,EAAKmC,EAAmB,CAAEC,YAAajD,EAASe,SAAUC,EAAMkC,EAAgB,CAAErD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAASa,SAAU,CAACpB,GAAWqB,EAAMmC,EAAU,CAAE/B,UAAW,mBAAoB,cAAe,kBAAmBL,SAAU,CAACF,EAAKsB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS3C,IAAWkB,EAAKmB,EAAc,CAAEH,QAAS7B,EAAS,cAAe,iBAAkBe,SAAUF,EAAKoB,EAAM,CAAEb,UAAW,UAAWc,SAAU,eAAoBvC,GAAUkB,EAAK8B,EAAS,CAAEC,QAAS,SAAUxB,UAAW,sBAAwBvB,GAAoBC,GAAuBkB,EAAMmC,EAAU,CAAE/B,UAAW,kBAAmB,cAAe,kBAAmBL,SAAU,CAACF,EAAKsB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASlC,GAA4B,eAAiBS,EAAKuC,EAAc,CAAEC,SAAU1C,EAAgB8B,QAAShC,EAAiB6C,SAAS,OAAczC,EAAK,MAAO,CAAEO,UAAW,qBAAsBL,SAAUvB,EAAM8B,KAAKC,GAC1mCP,EAAMmC,EAAU,CAAEvB,SAAUL,EAAKK,SAAUC,QAAS,IAAMnB,EAAea,GAAO,cAAe,gBAAiB,aAAcA,EAAKK,SAAW,gBAAaE,EAAWf,SAAU,CAACQ,EAAKQ,MAASlB,EAAKmB,EAAc,CAAEjB,SAAUF,EAAKoB,EAAM,CAAEb,UAAWG,EAAKQ,KAAMG,SAAU,YAAgBrB,EAAKsB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASf,EAAKgB,OAAS1C,GAAqBgB,EAAK2B,EAAU,CAAEC,QAASlB,EAAKmB,UAAWd,SAAUL,EAAKK,SAAU,cAAe,qBAAyBL,EAAKgB,kBAC7e"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCardMenu.js","sources":["../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"useCardMenu.js","sources":["../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nexport const useCardMenu = (items, allowMultiselect, setItems, onItemClick, onClose) => {\n const [isToggleChecked, setIsToggleChecked] = useState(false);\n const onToggleChange = useCallback((_, checkedState) => {\n setItems((curr) => curr.map((item) => {\n if (item.disabled)\n return item;\n return Object.assign(Object.assign({}, item), { isChecked: checkedState });\n }));\n }, [setItems]);\n const updateItems = useCallback((textItem) => {\n setItems((curr) => curr.map((item) => {\n if (item.text === textItem) {\n return Object.assign(Object.assign({}, item), { isChecked: !item.isChecked });\n }\n return item;\n }));\n }, [setItems]);\n const onClickHandler = useCallback((item) => {\n if (item.url) {\n window.open(item.url, item.target || '_blank');\n }\n if (onItemClick)\n onItemClick(item.text);\n if (item.callback)\n item.callback();\n if (!allowMultiselect)\n onClose();\n else\n updateItems(item.text);\n }, [allowMultiselect, onClose, onItemClick, updateItems]);\n useEffect(() => {\n const areAllChecked = !items.find((item) => !item.isChecked && !item.disabled);\n setIsToggleChecked(areAllChecked);\n }, [items]);\n return {\n onClickHandler,\n onToggleChange,\n isToggleChecked,\n };\n};\n//# sourceMappingURL=useCardMenu.js.map"],"names":["useCardMenu","items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"iEACY,MAACA,EAAc,CAACC,EAAOC,EAAkBC,EAAUC,EAAaC,KACxE,MAAOC,EAAiBC,GAAsBC,GAAS,GACjDC,EAAiBC,GAAY,CAACC,EAAGC,KACnCT,GAAUU,GAASA,EAAKC,KAAKC,GACrBA,EAAKC,SACED,EACJE,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIH,GAAO,CAAEI,UAAWP,OAC5D,GACJ,CAACT,IACEiB,EAAcV,GAAaW,IAC7BlB,GAAUU,GAASA,EAAKC,KAAKC,GACrBA,EAAKO,OAASD,EACPJ,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEH,GAAO,CAAEI,WAAYJ,EAAKI,YAE9DJ,KACR,GACJ,CAACZ,IACEoB,EAAiBb,GAAaK,IAC5BA,EAAKS,KACLC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAErCvB,GACAA,EAAYW,EAAKO,MACjBP,EAAKa,UACLb,EAAKa,WACJ1B,EAGDkB,EAAYL,EAAKO,MAFjBjB,GAEsB,GAC3B,CAACH,EAAkBG,EAASD,EAAagB,IAK5C,OAJAS,GAAU,KACN,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WACrET,EAAmBuB,EAAc,GAClC,CAAC7B,IACG,CACHsB,iBACAd,iBACAH,kBACH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawerStyled.js","sources":["../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"drawerStyled.js","sources":["../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Drawer from '@mui/material/Drawer';\nexport const DrawerStyled = styled(Drawer, {\n shouldForwardProp: (prop) => prop !== 'hasHeader',\n})(({ theme, hasHeader }) => {\n return {\n '& .MuiPaper-root > .MuiList-root': {\n fontSize: '16px',\n fontWeight: 400,\n paddingBottom: '32px',\n listStyleType: 'none',\n maxHeight: '201px',\n marginTop: hasHeader ? '9px' : '0px',\n '& > .MuiListItem-root': {\n lineHeight: '24px',\n padding: '23px 16px 11px 16px',\n display: 'flex',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '8px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '& > .MuiTypography-root': {\n flex: 1,\n },\n },\n },\n '.MuiPaper-root > .drawer-header': {\n padding: '16px 16px 0px 16px',\n fontWeight: 'bold',\n lineHeight: '24px',\n fontSize: '20px',\n wordBreak: 'break-all',\n },\n '& > .MuiPaper-root': {\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n },\n };\n});\n//# sourceMappingURL=drawerStyled.js.map"],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"mEAEY,MAACA,EAAeC,EAAOC,EAAQ,CACvCC,kBAAoBC,GAAkB,cAATA,GADLH,EAEzB,EAAGI,QAAOC,gBACF,CACH,mCAAoC,CAChCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACrBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACPC,WAAYX,EAAMY,QAAQC,QAAQC,SAEtC,4BAA6B,CACzBJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACjBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGjB,0BAA2B,CACvBU,KAAM,KAIlB,kCAAmC,CAC/BX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEf,qBAAsB,CAClBC,oBAAqB,OACrBC,qBAAsB"}
|
|
@@ -1,21 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const MenuListStyled: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
autoFocus?: boolean;
|
|
4
|
-
autoFocusItem?: boolean;
|
|
5
|
-
children?: import("react").ReactNode;
|
|
6
|
-
disabledItemsFocusable?: boolean;
|
|
7
|
-
disableListWrap?: boolean;
|
|
8
|
-
variant?: "menu" | "selectedMenu";
|
|
9
|
-
} & {
|
|
10
|
-
children?: import("react").ReactNode;
|
|
11
|
-
classes?: Partial<import("@mui/material").ListClasses>;
|
|
12
|
-
dense?: boolean;
|
|
13
|
-
disablePadding?: boolean;
|
|
14
|
-
subheader?: import("react").ReactNode;
|
|
15
|
-
sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
|
|
16
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
|
|
2
|
+
export declare const MenuListStyled: import("@emotion/styled").StyledComponent<import("@mui/material/MenuList").MenuListOwnProps & import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
|
|
17
3
|
ref?: import("react").Ref<HTMLUListElement>;
|
|
18
|
-
}, keyof import("@mui/material/OverridableComponent").CommonProps | "
|
|
4
|
+
}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "autoFocus" | "variant" | "dense" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "disablePadding" | "subheader"> & {
|
|
19
5
|
theme?: import("@emotion/react").Theme;
|
|
20
6
|
} & {
|
|
21
7
|
theme?: any;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"@emotion/styled";import i from"@mui/material/MenuList";import{flowColors as o}from"../../../design/skoda/palette.theme.js";const
|
|
1
|
+
import t from"@emotion/styled";import i from"@mui/material/MenuList";import{flowColors as o}from"../../../design/skoda/palette.theme.js";const e=t(i,{shouldForwardProp:t=>"allowMultiselect"!==t})((({theme:t,allowMultiselect:i})=>{const e=i?{marginRight:"16px",marginRightCross:"3px",padding:"12px 12px 12px 24px"}:{marginRight:"0px",marginRightCross:"0px",padding:"12px 24px"};let r={};return r={boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)",background:t.palette.background.white,padding:"0px",minWidth:"105px",maxWidth:"222px","& > .menu-item-divider":{margin:"0px !important"},"& > .menu-content-items":{maxHeight:"240px",overflowY:"overlay","& .MuiCheckbox-root":{marginRight:"4px"}},"& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root":{color:t.palette.onSurface.os900,whiteSpace:"nowrap",padding:e.padding,"&.Mui-disabled":{color:o.disabled.primary,opacity:1,"& .MuiIcon-root":{color:`${o.disabled.primary}!important`}},"&:hover":{background:o.surface.primary},"& > .MuiListItemText-root":{marginRight:e.marginRight},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},"& > .MuiListItemIcon-root":{display:"inline-block",lineHeight:"21px",minWidth:"unset",width:"20px",marginRight:"16px","& > .MuiIcon-root":{color:t.palette.text.primary,display:"inline"}},"&.menu-item-header":{padding:"12px 12px 12px 24px","& .MuiTypography-root":{fontWeight:"700",lineHeight:"20px"},"&:hover":{background:t.palette.background.primary,cursor:"default"},"& .MuiListItemIcon-root":{color:t.palette.onSurface.os900,marginRight:e.marginRightCross,cursor:"pointer"},"& > .MuiListItemText-root":{marginRight:"15px"}},"&.menu-select-all":{"&:hover":{background:t.palette.background.primary,cursor:"default"}}}},r}));export{e as MenuListStyled};
|
|
2
2
|
//# sourceMappingURL=menuListStyled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuListStyled.js","sources":["../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"menuListStyled.js","sources":["../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MenuList from '@mui/material/MenuList';\nimport { flowColors } from '../../../design/skoda/palette.theme';\nexport const MenuListStyled = styled(MenuList, {\n shouldForwardProp: (prop) => prop !== 'allowMultiselect',\n})(({ theme, allowMultiselect }) => {\n const conditionalStyles = allowMultiselect\n ? { marginRight: '16px', marginRightCross: '3px', padding: '12px 12px 12px 24px' }\n : { marginRight: '0px', marginRightCross: '0px', padding: '12px 24px' };\n let style = {};\n style = {\n boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)',\n background: theme.palette.background.white,\n padding: '0px',\n minWidth: '105px',\n maxWidth: '222px',\n '& > .menu-item-divider': {\n margin: '0px !important',\n },\n '& > .menu-content-items': {\n maxHeight: '240px',\n overflowY: 'overlay',\n '& .MuiCheckbox-root': {\n marginRight: '4px',\n },\n },\n '& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root': {\n color: theme.palette.onSurface.os900,\n whiteSpace: 'nowrap',\n padding: conditionalStyles.padding,\n '&.Mui-disabled': {\n color: flowColors.disabled.primary,\n opacity: 1,\n '& .MuiIcon-root': {\n color: `${flowColors.disabled.primary}!important`,\n },\n },\n '&:hover': {\n background: flowColors.surface.primary,\n },\n '& > .MuiListItemText-root': {\n marginRight: conditionalStyles.marginRight,\n },\n '& .MuiTypography-root': {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '16px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '&.menu-item-header': {\n padding: '12px 12px 12px 24px',\n '& .MuiTypography-root': {\n fontWeight: '700',\n lineHeight: '20px',\n },\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n '& .MuiListItemIcon-root': {\n color: theme.palette.onSurface.os900,\n marginRight: conditionalStyles.marginRightCross,\n cursor: 'pointer',\n },\n '& > .MuiListItemText-root': {\n marginRight: '15px',\n },\n },\n '&.menu-select-all': {\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n },\n },\n };\n return style;\n});\n//# sourceMappingURL=menuListStyled.js.map"],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","flowColors","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"yIAGY,MAACA,EAAiBC,EAAOC,EAAU,CAC3CC,kBAAoBC,GAAkB,qBAATA,GADHH,EAE3B,EAAGI,QAAOC,uBACT,MAAMC,EAAoBD,EACpB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAC9D,IAAIC,EAAQ,CAAA,EA6EZ,OA5EAA,EAAQ,CACJC,UAAW,kCACXC,WAAYR,EAAMS,QAAQD,WAAWE,MACrCL,QAAS,MACTM,SAAU,QACVC,SAAU,QACV,yBAA0B,CACtBC,OAAQ,kBAEZ,0BAA2B,CACvBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACnBZ,YAAa,QAGrB,mEAAoE,CAChEa,MAAOhB,EAAMS,QAAQQ,UAAUC,MAC/BC,WAAY,SACZd,QAASH,EAAkBG,QAC3B,iBAAkB,CACdW,MAAOI,EAAWC,SAASC,QAC3BC,QAAS,EACT,kBAAmB,CACfP,MAAO,GAAGI,EAAWC,SAASC,sBAGtC,UAAW,CACPd,WAAYY,EAAWI,QAAQF,SAEnC,4BAA6B,CACzBnB,YAAaD,EAAkBC,aAEnC,wBAAyB,CACrBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEhB,4BAA6B,CACzBC,QAAS,eACTF,WAAY,OACZf,SAAU,QACVkB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACjBa,MAAOhB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGjB,qBAAsB,CAClBvB,QAAS,sBACT,wBAAyB,CACrBsB,WAAY,MACZD,WAAY,QAEhB,UAAW,CACPlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEZ,0BAA2B,CACvBf,MAAOhB,EAAMS,QAAQQ,UAAUC,MAC/Bf,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEZ,4BAA6B,CACzB5B,YAAa,SAGrB,oBAAqB,CACjB,UAAW,CACPK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAKjBzB,CAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popperStyled.js","sources":["../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"popperStyled.js","sources":["../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Popper } from '@mui/base';\nexport const PopperStyled = styled(Popper, {\n shouldForwardProp: (propName) => propName !== 'rounded',\n})(({ theme, rounded }) => {\n return {\n zIndex: '100',\n background: theme.palette.background.primary,\n '& > *': {\n borderRadius: rounded ? '4px' : undefined,\n },\n };\n});\n//# sourceMappingURL=popperStyled.js.map"],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"kEAEY,MAACA,EAAeC,EAAOC,EAAQ,CACvCC,kBAAoBC,GAA0B,YAAbA,GADTH,EAEzB,EAAGI,QAAOC,cACF,CACHC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACLC,aAAcL,EAAU,WAAQM"}
|