@skodaflow/web-library 6.0.0 → 7.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -48
- package/cjs/components/backdrop/backdrop.js +1 -1
- package/cjs/components/backdrop/backdrop.js.map +1 -1
- package/cjs/components/banner/banner.d.ts +3 -0
- package/cjs/components/banner/banner.js +1 -1
- package/cjs/components/banner/banner.js.map +1 -1
- package/cjs/components/button/button.js +1 -1
- package/cjs/components/button/button.js.map +1 -1
- package/cjs/components/cardContainer/cardContainer.js +1 -1
- package/cjs/components/cardContainer/cardContainer.js.map +1 -1
- package/cjs/components/cardMenu/cardMenu.d.ts +1 -0
- package/cjs/components/cardMenu/cardMenu.js.map +1 -1
- package/cjs/components/cardMenu/styled/menuListStyled.js +1 -1
- package/cjs/components/cardMenu/styled/menuListStyled.js.map +1 -1
- package/cjs/components/common/styled/textFieldStyled.js +1 -1
- package/cjs/components/common/styled/textFieldStyled.js.map +1 -1
- package/cjs/components/controls/controls.js +1 -1
- package/cjs/components/controls/controls.js.map +1 -1
- package/cjs/components/icon/icon.d.ts +8 -9
- package/cjs/components/icon/icon.definitions.d.ts +8 -846
- package/cjs/components/icon/icon.definitions.js +1 -1
- package/cjs/components/icon/icon.definitions.js.map +1 -1
- package/cjs/components/icon/icon.js +1 -1
- package/cjs/components/icon/icon.js.map +1 -1
- package/cjs/components/index.d.ts +0 -3
- package/cjs/components/indicator/indicator.js +1 -1
- package/cjs/components/indicator/indicator.js.map +1 -1
- package/cjs/components/label/label.js +3 -3
- package/cjs/components/label/label.js.map +1 -1
- package/cjs/components/labelFeature/labelFeature.js +4 -4
- package/cjs/components/labelFeature/labelFeature.js.map +1 -1
- package/cjs/components/labelPromotional/labelPromotional.js +1 -1
- package/cjs/components/labelPromotional/labelPromotional.js.map +1 -1
- package/cjs/components/labelStatus/labelStatus.js +4 -4
- package/cjs/components/labelStatus/labelStatus.js.map +1 -1
- package/cjs/components/numbering/numbering.js +1 -1
- package/cjs/components/numbering/numbering.js.map +1 -1
- package/cjs/components/pagination/pagination.js +1 -1
- package/cjs/components/pagination/pagination.js.map +1 -1
- package/cjs/components/selectInput/formControlSelectStyled.js +1 -1
- package/cjs/components/selectInput/formControlSelectStyled.js.map +1 -1
- package/cjs/components/selectInput/selectInput.js +1 -1
- package/cjs/components/selectInput/selectInput.js.map +1 -1
- package/cjs/components/stepper/stepper.js +1 -1
- package/cjs/components/stepper/stepper.js.map +1 -1
- package/cjs/components/textArea/textArea.js +1 -1
- package/cjs/components/textArea/textArea.js.map +1 -1
- package/cjs/components/textInput/textInput.js +1 -1
- package/cjs/components/textInput/textInput.js.map +1 -1
- package/cjs/design/skoda/SkodaThemeProvider.d.ts +8 -1
- package/cjs/design/skoda/SkodaThemeProvider.js +1 -1
- package/cjs/design/skoda/SkodaThemeProvider.js.map +1 -1
- package/cjs/design/skoda/SkodaThemeWidgetProvider.d.ts +5 -7
- package/cjs/design/skoda/SkodaThemeWidgetProvider.js +1 -1
- package/cjs/design/skoda/SkodaThemeWidgetProvider.js.map +1 -1
- package/cjs/design/skoda/components/accordion/accordion.theme.js +1 -1
- package/cjs/design/skoda/components/accordion/accordion.theme.js.map +1 -1
- package/cjs/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
- package/cjs/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
- package/cjs/design/skoda/components/autocomplete.theme.js +1 -1
- package/cjs/design/skoda/components/autocomplete.theme.js.map +1 -1
- package/cjs/design/skoda/components/backdrop.theme.js +1 -1
- package/cjs/design/skoda/components/backdrop.theme.js.map +1 -1
- package/cjs/design/skoda/components/baseline.theme.d.ts +3 -3
- package/cjs/design/skoda/components/baseline.theme.js +1 -1
- package/cjs/design/skoda/components/baseline.theme.js.map +1 -1
- package/cjs/design/skoda/components/breadcrumbs.theme.js +1 -1
- package/cjs/design/skoda/components/breadcrumbs.theme.js.map +1 -1
- package/cjs/design/skoda/components/checkbox.theme.js +1 -1
- package/cjs/design/skoda/components/checkbox.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/divider.theme.js +1 -1
- package/cjs/design/skoda/components/divider.theme.js.map +1 -1
- package/cjs/design/skoda/components/drawer.theme.js +1 -1
- package/cjs/design/skoda/components/drawer.theme.js.map +1 -1
- package/cjs/design/skoda/components/form/radio.theme.js +1 -1
- package/cjs/design/skoda/components/form/radio.theme.js.map +1 -1
- package/cjs/design/skoda/components/form/select.theme.js +1 -1
- package/cjs/design/skoda/components/form/select.theme.js.map +1 -1
- package/cjs/design/skoda/components/form/slider.theme.js +1 -1
- package/cjs/design/skoda/components/form/slider.theme.js.map +1 -1
- package/cjs/design/skoda/components/icon.theme.js +1 -1
- package/cjs/design/skoda/components/icon.theme.js.map +1 -1
- package/cjs/design/skoda/components/mobileStepper.theme.js +1 -1
- package/cjs/design/skoda/components/mobileStepper.theme.js.map +1 -1
- package/cjs/design/skoda/components/modal.theme.js +1 -1
- package/cjs/design/skoda/components/modal.theme.js.map +1 -1
- package/cjs/design/skoda/components/pagination.theme.js +1 -1
- package/cjs/design/skoda/components/pagination.theme.js.map +1 -1
- package/cjs/design/skoda/components/snackbar.theme.js +1 -1
- package/cjs/design/skoda/components/snackbar.theme.js.map +1 -1
- package/cjs/design/skoda/components/stepper/stepIcon/qontoStepIcon.js +1 -1
- package/cjs/design/skoda/components/stepper/stepIcon/qontoStepIcon.js.map +1 -1
- package/cjs/design/skoda/components/stepper/stepper.theme.js +1 -1
- package/cjs/design/skoda/components/stepper/stepper.theme.js.map +1 -1
- package/cjs/design/skoda/components/tabs/tab.theme.js +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/tooltip.theme.js +1 -1
- package/cjs/design/skoda/components/tooltip.theme.js.map +1 -1
- package/cjs/design/skoda/index.d.ts +1 -0
- package/cjs/design/skoda/{palette.theme.d.ts → paletteDark.theme.d.ts} +1 -1
- package/cjs/design/skoda/paletteDark.theme.js +2 -0
- package/cjs/design/skoda/paletteDark.theme.js.map +1 -0
- package/cjs/design/skoda/paletteLight.theme.d.ts +2 -0
- package/cjs/design/skoda/paletteLight.theme.js +2 -0
- package/cjs/design/skoda/paletteLight.theme.js.map +1 -0
- package/cjs/design/skoda/theme.constants.js +1 -1
- package/cjs/design/skoda/theme.constants.js.map +1 -1
- package/cjs/design/skoda/theme.d.ts +8 -2
- package/cjs/design/skoda/theme.js +1 -1
- package/cjs/design/skoda/theme.js.map +1 -1
- package/cjs/design/skoda/theme.typography.d.ts +10 -7
- package/cjs/design/skoda/theme.typography.js +1 -1
- package/cjs/design/skoda/theme.typography.js.map +1 -1
- package/cjs/index.js +1 -1
- package/cjs/layout/Header/HeaderButton.js +1 -1
- package/cjs/layout/Header/HeaderButton.js.map +1 -1
- package/cjs/layout/Header/HeaderNavigationLink.d.ts +1 -1
- package/cjs/layout/Header/HeaderNavigationLink.js +1 -1
- package/cjs/layout/Header/HeaderNavigationLink.js.map +1 -1
- package/cjs/layout/Header/HeaderNavigationMenu.d.ts +1 -0
- package/cjs/layout/Header/HeaderNavigationMenu.js +1 -1
- package/cjs/layout/Header/HeaderNavigationMenu.js.map +1 -1
- package/cjs/layout/container/container.js.map +1 -0
- package/cjs/layout/index.d.ts +1 -0
- package/cjs/organisms/cardPromoVehicle/cardPromoVehicleComponent.js +1 -1
- package/cjs/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map +1 -1
- package/cjs/organisms/carousel/carousel.d.ts +3 -0
- package/cjs/organisms/carousel/carousel.js.map +1 -1
- package/cjs/organisms/carousel/styledComponents/styledCarouselHorizontal.js +1 -1
- package/cjs/organisms/carousel/styledComponents/styledCarouselHorizontal.js.map +1 -1
- package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js +1 -1
- package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js.map +1 -1
- package/cjs/organisms/carousel2/cardCarousel/cardCarousel.d.ts +3 -0
- package/cjs/organisms/carousel2/cardCarousel/cardCarousel.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/galleryCarousel/galleryCarousel.d.ts +3 -0
- package/cjs/organisms/carousel2/galleryCarousel/galleryCarousel.js +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/galleryCarousel.js.map +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/galleryContext.js +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/galleryContext.js.map +1 -1
- package/cjs/organisms/carousel2/heroCarousel/heroCarousel.d.ts +3 -0
- 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 +1 -1
- package/cjs/organisms/carousel2/heroCarousel/heroCarouselContext.js.map +1 -1
- package/cjs/organisms/gallery/Gallery.js +1 -1
- package/cjs/organisms/gallery/Gallery.js.map +1 -1
- package/cjs/organisms/gallery/GalleryTrigger.js +1 -1
- package/cjs/organisms/gallery/GalleryTrigger.js.map +1 -1
- package/cjs/organisms/maps/mapComponents/mapComponent.d.ts +2 -2
- package/cjs/organisms/maps/mapComponents/mapComponent.js.map +1 -1
- package/cjs/organisms/maps/mapComponents/mapStyled.js +1 -1
- package/cjs/organisms/maps/mapComponents/mapStyled.js.map +1 -1
- package/cjs/organisms/notification/Notification.js +1 -1
- package/cjs/organisms/notification/Notification.js.map +1 -1
- package/cjs/organisms/tile/tile.js +1 -1
- package/cjs/organisms/tile/tile.js.map +1 -1
- package/cjs/utils/copyToClipboard/copyToClipboard.d.ts +6 -0
- package/cjs/utils/useClosure/useClosure.d.ts +1 -0
- package/cjs/utils/useClosure/useClosure.js.map +1 -1
- package/cjs/utils/useDebounce/useDebounce.d.ts +12 -0
- package/cjs/utils/useFeatureFlag/useFeatureFlag.d.ts +26 -0
- package/cjs/utils/useFeatureFlag/useFeatureFlag.js +2 -0
- package/cjs/utils/useFeatureFlag/useFeatureFlag.js.map +1 -0
- package/components/backdrop/backdrop.js +1 -1
- package/components/backdrop/backdrop.js.map +1 -1
- package/components/banner/banner.d.ts +3 -0
- package/components/banner/banner.js +1 -1
- package/components/banner/banner.js.map +1 -1
- package/components/button/button.js +1 -1
- package/components/button/button.js.map +1 -1
- package/components/cardContainer/cardContainer.js +1 -1
- package/components/cardContainer/cardContainer.js.map +1 -1
- package/components/cardMenu/cardMenu.d.ts +1 -0
- package/components/cardMenu/cardMenu.js.map +1 -1
- package/components/cardMenu/styled/menuListStyled.js +1 -1
- package/components/cardMenu/styled/menuListStyled.js.map +1 -1
- package/components/common/styled/textFieldStyled.js +1 -1
- package/components/common/styled/textFieldStyled.js.map +1 -1
- package/components/controls/controls.js +1 -1
- package/components/controls/controls.js.map +1 -1
- package/components/icon/icon.d.ts +8 -9
- package/components/icon/icon.definitions.d.ts +8 -846
- package/components/icon/icon.definitions.js +1 -1
- package/components/icon/icon.definitions.js.map +1 -1
- package/components/icon/icon.js +1 -1
- package/components/icon/icon.js.map +1 -1
- package/components/index.d.ts +0 -3
- package/components/indicator/indicator.js +1 -1
- package/components/indicator/indicator.js.map +1 -1
- package/components/label/label.js +2 -2
- package/components/label/label.js.map +1 -1
- package/components/labelFeature/labelFeature.js +1 -1
- package/components/labelFeature/labelFeature.js.map +1 -1
- package/components/labelPromotional/labelPromotional.js +1 -1
- package/components/labelPromotional/labelPromotional.js.map +1 -1
- package/components/labelStatus/labelStatus.js +1 -1
- package/components/labelStatus/labelStatus.js.map +1 -1
- package/components/numbering/numbering.js +1 -1
- package/components/numbering/numbering.js.map +1 -1
- package/components/pagination/pagination.js +1 -1
- package/components/pagination/pagination.js.map +1 -1
- package/components/selectInput/formControlSelectStyled.js +1 -1
- package/components/selectInput/formControlSelectStyled.js.map +1 -1
- package/components/selectInput/selectInput.js +1 -1
- package/components/selectInput/selectInput.js.map +1 -1
- package/components/stepper/stepper.js +1 -1
- package/components/stepper/stepper.js.map +1 -1
- package/components/textArea/textArea.js +1 -1
- package/components/textArea/textArea.js.map +1 -1
- package/components/textInput/textInput.js +1 -1
- package/components/textInput/textInput.js.map +1 -1
- package/design/skoda/SkodaThemeProvider.d.ts +8 -1
- package/design/skoda/SkodaThemeProvider.js +1 -1
- package/design/skoda/SkodaThemeProvider.js.map +1 -1
- package/design/skoda/SkodaThemeWidgetProvider.d.ts +5 -7
- package/design/skoda/SkodaThemeWidgetProvider.js +1 -1
- package/design/skoda/SkodaThemeWidgetProvider.js.map +1 -1
- package/design/skoda/components/accordion/accordion.theme.js +1 -1
- package/design/skoda/components/accordion/accordion.theme.js.map +1 -1
- package/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
- package/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
- package/design/skoda/components/autocomplete.theme.js +1 -1
- package/design/skoda/components/autocomplete.theme.js.map +1 -1
- package/design/skoda/components/backdrop.theme.js +1 -1
- package/design/skoda/components/backdrop.theme.js.map +1 -1
- package/design/skoda/components/baseline.theme.d.ts +3 -3
- package/design/skoda/components/baseline.theme.js +1 -1
- package/design/skoda/components/baseline.theme.js.map +1 -1
- package/design/skoda/components/breadcrumbs.theme.js +1 -1
- package/design/skoda/components/breadcrumbs.theme.js.map +1 -1
- package/design/skoda/components/checkbox.theme.js +1 -1
- package/design/skoda/components/checkbox.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/divider.theme.js +1 -1
- package/design/skoda/components/divider.theme.js.map +1 -1
- package/design/skoda/components/drawer.theme.js +1 -1
- package/design/skoda/components/drawer.theme.js.map +1 -1
- package/design/skoda/components/form/radio.theme.js +1 -1
- package/design/skoda/components/form/radio.theme.js.map +1 -1
- package/design/skoda/components/form/select.theme.js +1 -1
- package/design/skoda/components/form/select.theme.js.map +1 -1
- package/design/skoda/components/form/slider.theme.js +1 -1
- package/design/skoda/components/form/slider.theme.js.map +1 -1
- package/design/skoda/components/icon.theme.js +1 -1
- package/design/skoda/components/icon.theme.js.map +1 -1
- package/design/skoda/components/mobileStepper.theme.js +1 -1
- package/design/skoda/components/mobileStepper.theme.js.map +1 -1
- package/design/skoda/components/modal.theme.js +1 -1
- package/design/skoda/components/modal.theme.js.map +1 -1
- package/design/skoda/components/pagination.theme.js +1 -1
- package/design/skoda/components/pagination.theme.js.map +1 -1
- package/design/skoda/components/snackbar.theme.js +1 -1
- package/design/skoda/components/snackbar.theme.js.map +1 -1
- package/design/skoda/components/stepper/stepIcon/qontoStepIcon.js +1 -1
- package/design/skoda/components/stepper/stepIcon/qontoStepIcon.js.map +1 -1
- package/design/skoda/components/stepper/stepper.theme.js +1 -1
- package/design/skoda/components/stepper/stepper.theme.js.map +1 -1
- package/design/skoda/components/tabs/tab.theme.js +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/tooltip.theme.js +1 -1
- package/design/skoda/components/tooltip.theme.js.map +1 -1
- package/design/skoda/index.d.ts +1 -0
- package/design/skoda/{palette.theme.d.ts → paletteDark.theme.d.ts} +1 -1
- package/design/skoda/paletteDark.theme.js +2 -0
- package/design/skoda/paletteDark.theme.js.map +1 -0
- package/design/skoda/paletteLight.theme.d.ts +2 -0
- package/design/skoda/paletteLight.theme.js +2 -0
- package/design/skoda/paletteLight.theme.js.map +1 -0
- package/design/skoda/theme.constants.js +1 -1
- package/design/skoda/theme.constants.js.map +1 -1
- package/design/skoda/theme.d.ts +8 -2
- package/design/skoda/theme.js +1 -1
- package/design/skoda/theme.js.map +1 -1
- package/design/skoda/theme.typography.d.ts +10 -7
- package/design/skoda/theme.typography.js +1 -1
- package/design/skoda/theme.typography.js.map +1 -1
- package/index.js +1 -1
- package/layout/Header/HeaderButton.js +1 -1
- package/layout/Header/HeaderButton.js.map +1 -1
- package/layout/Header/HeaderNavigationLink.d.ts +1 -1
- package/layout/Header/HeaderNavigationLink.js +1 -1
- package/layout/Header/HeaderNavigationLink.js.map +1 -1
- package/layout/Header/HeaderNavigationMenu.d.ts +1 -0
- package/layout/Header/HeaderNavigationMenu.js +1 -1
- package/layout/Header/HeaderNavigationMenu.js.map +1 -1
- package/layout/container/container.js.map +1 -0
- package/layout/index.d.ts +1 -0
- package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js +1 -1
- package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map +1 -1
- package/organisms/carousel/carousel.d.ts +3 -0
- package/organisms/carousel/carousel.js.map +1 -1
- package/organisms/carousel/styledComponents/styledCarouselHorizontal.js +1 -1
- package/organisms/carousel/styledComponents/styledCarouselHorizontal.js.map +1 -1
- package/organisms/carousel/styledComponents/styledCarouselVertical.js +1 -1
- package/organisms/carousel/styledComponents/styledCarouselVertical.js.map +1 -1
- package/organisms/carousel2/cardCarousel/cardCarousel.d.ts +3 -0
- package/organisms/carousel2/cardCarousel/cardCarousel.js.map +1 -1
- package/organisms/carousel2/components/NavButton.js +1 -1
- package/organisms/carousel2/components/NavButton.js.map +1 -1
- package/organisms/carousel2/galleryCarousel/galleryCarousel.d.ts +3 -0
- package/organisms/carousel2/galleryCarousel/galleryCarousel.js +1 -1
- package/organisms/carousel2/galleryCarousel/galleryCarousel.js.map +1 -1
- package/organisms/carousel2/galleryCarousel/galleryContext.js +1 -1
- package/organisms/carousel2/galleryCarousel/galleryContext.js.map +1 -1
- package/organisms/carousel2/heroCarousel/heroCarousel.d.ts +3 -0
- package/organisms/carousel2/heroCarousel/heroCarousel.js +1 -1
- package/organisms/carousel2/heroCarousel/heroCarousel.js.map +1 -1
- package/organisms/carousel2/heroCarousel/heroCarouselContext.js +1 -1
- package/organisms/carousel2/heroCarousel/heroCarouselContext.js.map +1 -1
- package/organisms/gallery/Gallery.js +1 -1
- package/organisms/gallery/Gallery.js.map +1 -1
- package/organisms/gallery/GalleryTrigger.js +1 -1
- package/organisms/gallery/GalleryTrigger.js.map +1 -1
- package/organisms/maps/mapComponents/mapComponent.d.ts +2 -2
- package/organisms/maps/mapComponents/mapComponent.js.map +1 -1
- package/organisms/maps/mapComponents/mapStyled.js +1 -1
- package/organisms/maps/mapComponents/mapStyled.js.map +1 -1
- package/organisms/notification/Notification.js +1 -1
- package/organisms/notification/Notification.js.map +1 -1
- package/organisms/tile/tile.js +1 -1
- package/organisms/tile/tile.js.map +1 -1
- package/package.json +1 -1
- package/utils/copyToClipboard/copyToClipboard.d.ts +6 -0
- package/utils/useClosure/useClosure.d.ts +1 -0
- package/utils/useClosure/useClosure.js.map +1 -1
- package/utils/useDebounce/useDebounce.d.ts +12 -0
- package/utils/useFeatureFlag/useFeatureFlag.d.ts +26 -0
- package/utils/useFeatureFlag/useFeatureFlag.js +2 -0
- package/utils/useFeatureFlag/useFeatureFlag.js.map +1 -0
- package/cjs/components/agGrid/CustomRenderer.d.ts +0 -1
- package/cjs/components/agGrid/ImageRenderer.d.ts +0 -1
- package/cjs/components/agGrid/agGrid.d.ts +0 -8
- package/cjs/components/agGrid/agGrid.js +0 -2
- package/cjs/components/agGrid/agGrid.js.map +0 -1
- package/cjs/components/agGrid/agGridStyled.d.ts +0 -7
- package/cjs/components/agGrid/agGridStyled.js +0 -2
- package/cjs/components/agGrid/agGridStyled.js.map +0 -1
- package/cjs/components/agGrid/index.d.ts +0 -1
- package/cjs/components/agGrid/mock.d.ts +0 -70
- package/cjs/components/container/container.js.map +0 -1
- package/cjs/components/tab/hook/useTabs.d.ts +0 -10
- package/cjs/components/tab/hook/useTabs.js +0 -2
- package/cjs/components/tab/hook/useTabs.js.map +0 -1
- package/cjs/components/tab/index.d.ts +0 -4
- package/cjs/components/tab/menuTab.d.ts +0 -37
- package/cjs/components/tab/menuTab.js +0 -2
- package/cjs/components/tab/menuTab.js.map +0 -1
- package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.d.ts +0 -29
- package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js +0 -2
- package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map +0 -1
- package/cjs/components/tab/secondaryNavigation/secondaryTabStyled.d.ts +0 -14
- package/cjs/components/tab/secondaryNavigation/secondaryTabStyled.js +0 -2
- package/cjs/components/tab/secondaryNavigation/secondaryTabStyled.js.map +0 -1
- package/cjs/components/tab/tab.d.ts +0 -50
- package/cjs/components/tab/tab.js +0 -2
- package/cjs/components/tab/tab.js.map +0 -1
- package/cjs/components/tab/tabPanel.d.ts +0 -21
- package/cjs/components/tab/tabPanel.js +0 -2
- package/cjs/components/tab/tabPanel.js.map +0 -1
- package/cjs/components/tab/tabStyled.d.ts +0 -20
- package/cjs/components/tab/tabStyled.js +0 -2
- package/cjs/components/tab/tabStyled.js.map +0 -1
- package/cjs/components/tab/tabs.d.ts +0 -56
- package/cjs/components/tab/tabs.js +0 -2
- package/cjs/components/tab/tabs.js.map +0 -1
- package/cjs/design/skoda/palette.theme.js +0 -2
- package/cjs/design/skoda/palette.theme.js.map +0 -1
- package/cjs/utils/icons.js +0 -2
- package/cjs/utils/icons.js.map +0 -1
- package/components/agGrid/CustomRenderer.d.ts +0 -1
- package/components/agGrid/ImageRenderer.d.ts +0 -1
- package/components/agGrid/agGrid.d.ts +0 -8
- package/components/agGrid/agGrid.js +0 -2
- package/components/agGrid/agGrid.js.map +0 -1
- package/components/agGrid/agGridStyled.d.ts +0 -7
- package/components/agGrid/agGridStyled.js +0 -2
- package/components/agGrid/agGridStyled.js.map +0 -1
- package/components/agGrid/index.d.ts +0 -1
- package/components/agGrid/mock.d.ts +0 -70
- package/components/container/container.js.map +0 -1
- package/components/tab/hook/useTabs.d.ts +0 -10
- package/components/tab/hook/useTabs.js +0 -2
- package/components/tab/hook/useTabs.js.map +0 -1
- package/components/tab/index.d.ts +0 -4
- package/components/tab/menuTab.d.ts +0 -37
- package/components/tab/menuTab.js +0 -2
- package/components/tab/menuTab.js.map +0 -1
- package/components/tab/secondaryNavigation/secondaryNavigationTabs.d.ts +0 -29
- package/components/tab/secondaryNavigation/secondaryNavigationTabs.js +0 -2
- package/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map +0 -1
- package/components/tab/secondaryNavigation/secondaryTabStyled.d.ts +0 -14
- package/components/tab/secondaryNavigation/secondaryTabStyled.js +0 -2
- package/components/tab/secondaryNavigation/secondaryTabStyled.js.map +0 -1
- package/components/tab/tab.d.ts +0 -50
- package/components/tab/tab.js +0 -2
- package/components/tab/tab.js.map +0 -1
- package/components/tab/tabPanel.d.ts +0 -21
- package/components/tab/tabPanel.js +0 -2
- package/components/tab/tabPanel.js.map +0 -1
- package/components/tab/tabStyled.d.ts +0 -20
- package/components/tab/tabStyled.js +0 -2
- package/components/tab/tabStyled.js.map +0 -1
- package/components/tab/tabs.d.ts +0 -56
- package/components/tab/tabs.js +0 -2
- package/components/tab/tabs.js.map +0 -1
- package/design/skoda/palette.theme.js +0 -2
- package/design/skoda/palette.theme.js.map +0 -1
- package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.ttf +0 -0
- package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff +0 -0
- package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2 +0 -0
- package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.ttf +0 -0
- package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff +0 -0
- package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2 +0 -0
- package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.ttf +0 -0
- package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff +0 -0
- package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2 +0 -0
- package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.ttf +0 -0
- package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff +0 -0
- package/theme/skoda/assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2 +0 -0
- package/theme/skoda/fonts/SKODANextIcons-Filled.eot +0 -0
- package/theme/skoda/fonts/SKODANextIcons-Filled.woff +0 -0
- package/theme/skoda/fonts/SKODANextIcons-Regular.eot +0 -0
- package/theme/skoda/fonts/SKODANextIcons-Regular.woff +0 -0
- package/theme/skoda/fonts.css +0 -1
- package/theme/skoda/globals.css +0 -1
- package/theme/skoda/icons.css +0 -1
- package/utils/icons.js +0 -2
- package/utils/icons.js.map +0 -1
- /package/cjs/{components → layout}/container/container.d.ts +0 -0
- /package/cjs/{components → layout}/container/container.js +0 -0
- /package/cjs/{components → layout}/container/index.d.ts +0 -0
- /package/{components → layout}/container/container.d.ts +0 -0
- /package/{components → layout}/container/container.js +0 -0
- /package/{components → layout}/container/index.d.ts +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menuTab.js","sources":["../../../../src/components/tab/menuTab.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useState, useContext, useEffect, useCallback, forwardRef } from 'react';\nimport { TabsContext } from './tabs';\nimport { ClickAwayListener, Fade, MenuItem, MenuList, Popper, styled } from '@mui/material';\nimport { Icon } from '../icon';\nimport TabStyled from './tabStyled';\nimport useTabs from './hook/useTabs';\n/**\n * @description SkodaFlow Tab component.\n * @param props TabProps\n * @returns React Functional Component\n * @deprecated use Tab component from @mui/material instead\n */\nexport const MenuTab = forwardRef(({ label, value, children }, ref) => {\n const { activeTab, updateActiveTab, smallSize } = useContext(TabsContext);\n const [isActive, setIsActive] = useState(false);\n const [open, setOpen] = useState(false);\n const [anchorEl, setAnchorEl] = useState(null);\n const [selectedLabel, setSelectedLabel] = useState(null);\n const { a11yProps } = useTabs();\n //On tab clicked: set the new activeTab selected\n //if is a menu tab: set the anchor element for the menu and set the width of the menu equal to the tab component\n //then call the onClick from outside\n const handleOnClick = useCallback((_props) => {\n if (!_props.href) {\n updateActiveTab(_props.value, true);\n }\n else {\n window.open(_props.href, _props.target);\n }\n setOpen(false);\n _props.onClick && _props.onClick(_props.value);\n _props.analyticsCallback && _props.analyticsCallback(_props.value);\n setSelectedLabel(_props.label);\n }, [updateActiveTab]);\n const handleOpenMenu = useCallback((e) => {\n setOpen(!open);\n setAnchorEl(e.currentTarget);\n }, [open]);\n //RETURNS ALL THE TABS OVERFLOWING AS MENU ITEMS\n const handleMenuItems = useCallback(() => {\n return React.Children.map(children, (child) => {\n return (_jsx(MenuItem, { style: { fontSize: '16px' }, onClick: () => handleOnClick(child.props), children: child.props.label }));\n });\n }, [children, handleOnClick]);\n //If the activeTab is equal to the current tab, set active\n useEffect(() => {\n if (activeTab === value) {\n setIsActive(true);\n }\n else {\n setIsActive(false);\n }\n }, [activeTab, isActive, value]);\n return (_jsxs(_Fragment, { children: [_jsx(TabStyled, Object.assign({ ref: ref, wrapped: true, onClick: handleOpenMenu, smallSize: smallSize, isActive: isActive, value: value, tabIndex: 1, label: selectedLabel || label }, a11yProps(value), { icon: _jsx(Icon, { name: open ? 'chevron-up' : 'chevron-down' }), iconPosition: \"end\", className: \"MuiTab-more\" })), _jsx(Popper, { open: open, anchorEl: anchorEl, placement: \"bottom\", transition: true, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: () => setOpen(false), children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(MenuStyled, { id: \"more-tabs-menu\", children: handleMenuItems() }) })) })) })] }));\n});\nconst MenuStyled = styled(MenuList)(() => {\n return {\n top: '13px',\n left: '27px',\n boxShadow: 'rgb(0 0 0 / 15%) 0px 3px 8px',\n borderRadius: '4px',\n padding: '0px',\n width: '131px',\n maxHeight: '240px',\n overflow: 'overlay',\n };\n});\n//# sourceMappingURL=menuTab.js.map"],"names":["MenuTab","forwardRef","label","value","children","ref","activeTab","updateActiveTab","smallSize","useContext","TabsContext","isActive","setIsActive","useState","open","setOpen","anchorEl","setAnchorEl","selectedLabel","setSelectedLabel","a11yProps","useTabs","handleOnClick","useCallback","_props","href","window","target","onClick","analyticsCallback","handleOpenMenu","e","currentTarget","handleMenuItems","React","default","Children","map","child","_jsx","MenuItem","style","fontSize","props","useEffect","_jsxs","jsxs","_Fragment","jsx","TabStyled","Object","assign","wrapped","tabIndex","icon","Icon","name","iconPosition","className","Popper","placement","transition","TransitionProps","ClickAwayListener","onClickAway","Fade","timeout","MenuStyled","id","styled","MenuList","top","left","boxShadow","borderRadius","padding","width","maxHeight","overflow"],"mappings":"sTAaY,MAACA,EAAUC,EAAUA,YAAC,EAAGC,QAAOC,QAAOC,YAAYC,KAC3D,MAAMC,UAAEA,EAASC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,WAAWC,EAAAA,cACtDC,EAAUC,GAAeC,EAAQA,UAAC,IAClCC,EAAMC,GAAWF,EAAQA,UAAC,IAC1BG,EAAUC,GAAeJ,EAAQA,SAAC,OAClCK,EAAeC,GAAoBN,EAAQA,SAAC,OAC7CO,UAAEA,GAAcC,EAAAA,UAIhBC,EAAgBC,eAAaC,IAC1BA,EAAOC,KAIRC,OAAOZ,KAAKU,EAAOC,KAAMD,EAAOG,QAHhCpB,EAAgBiB,EAAOrB,OAAO,GAKlCY,GAAQ,GACRS,EAAOI,SAAWJ,EAAOI,QAAQJ,EAAOrB,OACxCqB,EAAOK,mBAAqBL,EAAOK,kBAAkBL,EAAOrB,OAC5DgB,EAAiBK,EAAOtB,MAAM,GAC/B,CAACK,IACEuB,EAAiBP,eAAaQ,IAChChB,GAASD,GACTG,EAAYc,EAAEC,cAAc,GAC7B,CAAClB,IAEEmB,EAAkBV,EAAAA,aAAY,IACzBW,EAAKC,QAACC,SAASC,IAAIjC,GAAWkC,GACzBC,EAAAA,IAAKC,EAAAA,SAAU,CAAEC,MAAO,CAAEC,SAAU,QAAUd,QAAS,IAAMN,EAAcgB,EAAMK,OAAQvC,SAAUkC,EAAMK,MAAMzC,WAE5H,CAACE,EAAUkB,IAUd,OARAsB,EAAAA,WAAU,KAEFhC,EADAN,IAAcH,EAKjB,GACF,CAACG,EAAWK,EAAUR,IACjB0C,EAAKC,KAACC,WAAW,CAAE3C,SAAU,CAACmC,EAAIS,IAACC,UAAWC,OAAOC,OAAO,CAAE9C,IAAKA,EAAK+C,SAAS,EAAMxB,QAASE,EAAgBtB,UAAWA,EAAWG,SAAUA,EAAUR,MAAOA,EAAOkD,SAAU,EAAGnD,MAAOgB,GAAiBhB,GAASkB,EAAUjB,GAAQ,CAAEmD,KAAMf,MAAKgB,EAAAA,KAAM,CAAEC,KAAM1C,EAAO,aAAe,iBAAmB2C,aAAc,MAAOC,UAAW,iBAAmBnB,EAAIS,IAACW,SAAQ,CAAE7C,KAAMA,EAAME,SAAUA,EAAU4C,UAAW,SAAUC,YAAY,EAAMzD,SAAU,EAAG0D,qBAAuBvB,EAAIS,IAACe,oBAAmB,CAAEC,YAAa,IAAMjD,GAAQ,GAAQX,SAAUmC,EAAIS,IAACiB,EAAIA,KAAEf,OAAOC,OAAO,CAAE,EAAEW,EAAiB,CAAEI,QAAS,IAAK9D,SAAUmC,EAAIS,IAACmB,EAAY,CAAEC,GAAI,iBAAkBhE,SAAU6B,eAAqC,IAEtsBkC,EAAaE,EAAAA,OAAOC,EAAQA,SAAfD,EAAiB,KACzB,CACHE,IAAK,OACLC,KAAM,OACNC,UAAW,+BACXC,aAAc,MACdC,QAAS,MACTC,MAAO,QACPC,UAAW,QACXC,SAAU"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { FC, HTMLAttributes } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @interface AppBarProps
|
|
4
|
-
* @description Base definition of SkodaFlow Tabs component independent on core implementation.
|
|
5
|
-
*/
|
|
6
|
-
export interface AppBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'> {
|
|
7
|
-
/**
|
|
8
|
-
* Label to use for tab that wrap overlowing tabs
|
|
9
|
-
*/
|
|
10
|
-
labelMoreItem?: string;
|
|
11
|
-
/**
|
|
12
|
-
* the current active tab index to be activated on the screen
|
|
13
|
-
*/
|
|
14
|
-
currentActiveTab?: string | number;
|
|
15
|
-
/**
|
|
16
|
-
* @description Triggered when element is changed.
|
|
17
|
-
* @param e React original event object
|
|
18
|
-
* @param value Current changed value
|
|
19
|
-
*/
|
|
20
|
-
handleChange?: (newValue: any) => void;
|
|
21
|
-
setCurrentActiveTab?: (val: number | string) => void;
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* @description SkodaFlow Checkbox component.
|
|
25
|
-
* Properties are inherited from HTML Button element.
|
|
26
|
-
* @param props AppBarProps
|
|
27
|
-
* @returns React Functional Component
|
|
28
|
-
*/
|
|
29
|
-
export declare const SecondaryNavigationTabs: FC<AppBarProps>;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("@mui/material/AppBar"),i=require("@mui/material/Toolbar"),t=require("../../icon/icon.js");require("../../icon/icon.definitions.js");var a=require("./secondaryTabStyled.js"),n=require("@mui/material"),s=require("../../../design/skoda/palette.theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var p=l(r),d=l(o),c=l(i);const u=n.styled(n.Backdrop)((()=>({zIndex:2e3}))),x=n.styled(n.Popper)((()=>({transform:"unset !important",position:"static !important",zIndex:2e3}))),b=n.styled(n.MenuList)((({theme:e})=>({position:"absolute",bottom:"0",left:0,width:"100%",padding:"26px 0px 27px 0px",background:"white",boxSizing:"border-box",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",zIndex:2e3,boxShadow:"rgb(0 0 0 / 15%) 0px 3px 8px","& .MuiDivider-root":{display:"block",marginTop:"0px !important",marginBottom:"0px !important"},"& div:first-of-type":{"& > li":{borderTopLeftRadius:"16px",borderTopRightRadius:"16px"}},"& > div > li":{fontSize:"16px",fontWeight:"400",color:e.palette.onSurface.os900,paddingTop:"11px",paddingBottom:"11px"}}))),h=n.styled(d.default)((()=>({maxHeigth:"56px",padding:"0px",top:"auto",bottom:0,boxShadow:"none",borderTop:`1px solid ${s.flowColors.transparent.secondary}`,backgroundColor:s.flowColors.background.primary,"& > div.MuiToolbar-root":{maxHeight:"56px",padding:"0px","& > div":{width:"100%",justifyContent:"space-evenly","& > div":{"&> a":{padding:0,textDecoration:"none"}}}}})));exports.SecondaryNavigationTabs=({currentActiveTab:o,setCurrentActiveTab:i,children:s})=>{const[l,d]=r.useState(null),[m,g]=r.useState(null),[j,f]=r.useState(!1),[v,k]=r.useState(null),C=r.useCallback((e=>{i(e.value),e.onClick&&e.onClick()}),[i]),y=r.useCallback((e=>{f(!j),g(e.currentTarget)}),[j]),T=r.useCallback((r=>r.href?e.jsxs("a",{href:r.href,target:r.target||null,children:[e.jsx(t.Icon,{color:"inherit",name:r.icon||"more-horizontal"}),r.label]}):e.jsxs(e.Fragment,{children:[e.jsx(t.Icon,{color:"inherit",name:r.icon||"more-horizontal"}),r.label]})),[]),A=r.useCallback((e=>{k(e.label),e.href?window.open(e.href,e.target):i(e.value),f(!1),e.onClick&&e.onClick(e.value)}),[i]),w=r.useCallback((()=>l.slice(3).map(((r,o)=>e.jsxs("div",{children:[e.jsx(n.MenuItem,{onClick:()=>A(r.props),children:r.props.label},o),e.jsx(n.Divider,{orientation:"horizontal",textAlign:"center",variant:"middle"})]},r.props.label)))),[l,A]);return r.useEffect((()=>{d(p.default.Children.toArray(s))}),[s]),e.jsx(h,{position:"fixed",color:"transparent",children:e.jsx(c.default,{children:e.jsx(n.Box,{sx:{display:"flex"},children:l&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,Object.assign({},l[0].props,{isActive:o===l[0].props.value,onClick:()=>{C(l[0].props)},children:T(l[0].props)}),"secondary-tab-0"),e.jsx(a.default,Object.assign({},l[1].props,{isActive:o===l[1].props.value,onClick:()=>{C(l[1].props)},children:T(l[1].props)}),"secondary-tab-1"),e.jsx(a.default,Object.assign({},l[2].props,{isActive:o===l[2].props.value,onClick:()=>{C(l[2].props)},children:T(l[2].props)}),"secondary-tab-2"),l.length>4&&e.jsxs(e.Fragment,{children:[e.jsxs(a.default,{isActive:j,moreTab:!0,selectedMenuLabel:v,onClick:y,children:[e.jsx(t.Icon,{color:"inherit",name:"vertical"}),v]},"secondary-tab-more"),e.jsx(x,{open:j,anchorEl:m,placement:"top",transition:!0,disablePortal:!1,children:({TransitionProps:r})=>e.jsx(n.ClickAwayListener,{onClickAway:()=>f(!1),children:e.jsx(u,{open:j,onClick:()=>f(!1),children:e.jsx(n.Fade,Object.assign({},r,{timeout:350,children:e.jsx(b,{id:"more-tabs-menu",children:w()})}))})})})]}),l.length<=4&&e.jsx(a.default,Object.assign({},l[3].props,{isActive:o===l[3].props.value,onClick:()=>{C(l[3].props)},children:T(l[3].props)}),"secondary-tab-3")]})})})})};
|
|
2
|
-
//# sourceMappingURL=secondaryNavigationTabs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"secondaryNavigationTabs.js","sources":["../../../../../src/components/tab/secondaryNavigation/secondaryNavigationTabs.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { useCallback, useEffect, useState } from 'react';\nimport MuiAppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\nimport { Icon } from '../../icon';\nimport SecondaryTabStyled from './secondaryTabStyled';\nimport { MenuItem, ClickAwayListener, Fade, MenuList, Popper, styled, Box, Backdrop, Divider } from '@mui/material';\nimport { flowColors } from '../../../design/skoda/palette.theme';\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props AppBarProps\n * @returns React Functional Component\n */\nexport const SecondaryNavigationTabs = ({ currentActiveTab, setCurrentActiveTab, children }) => {\n const [childrenArr, setChildrenArr] = useState(null);\n const [anchorEl, setAnchorEl] = useState(null);\n const [open, setOpen] = useState(false);\n const [selectedMenuLabel, setSelectedMenuLabel] = useState(null);\n //handle the active tab selected\n const handleActiveTab = useCallback((_props) => {\n setCurrentActiveTab(_props.value);\n _props.onClick && _props.onClick();\n }, [setCurrentActiveTab]);\n //handle the click on tab of type menu\n const handleMenuTabClick = useCallback((e) => {\n setOpen(!open);\n setAnchorEl(e.currentTarget);\n }, [open]);\n //render a link tab or not based on type\n const handleRenderTabType = useCallback((_props) => {\n if (_props.href) {\n return (_jsxs(\"a\", { href: _props.href, target: _props.target || null, children: [_jsx(Icon, { color: \"inherit\", name: _props.icon || 'more-horizontal' }), _props.label] }));\n }\n else {\n return (_jsxs(_Fragment, { children: [_jsx(Icon, { color: \"inherit\", name: _props.icon || 'more-horizontal' }), _props.label] }));\n }\n }, []);\n //handle the event triggered on onclick based on tab type (link or tab)\n const onClickMenuItem = useCallback((_props) => {\n setSelectedMenuLabel(_props.label);\n if (!_props.href) {\n setCurrentActiveTab(_props.value);\n }\n else {\n window.open(_props.href, _props.target);\n }\n setOpen(false);\n _props.onClick && _props.onClick(_props.value);\n }, [setCurrentActiveTab]);\n //returns the list of menu items\n const handleMenuItems = useCallback(() => {\n const menuItems = childrenArr.slice(3);\n return menuItems.map((item, i) => {\n return (_jsxs(\"div\", { children: [_jsx(MenuItem, { onClick: () => onClickMenuItem(item.props), children: item.props.label }, i), _jsx(Divider, { orientation: \"horizontal\", textAlign: \"center\", variant: \"middle\" })] }, item.props.label));\n });\n }, [childrenArr, onClickMenuItem]);\n useEffect(() => {\n setChildrenArr(React.Children.toArray(children));\n }, [children]);\n return (_jsx(AppBarStyled, { position: \"fixed\", color: \"transparent\", children: _jsx(Toolbar, { children: _jsx(Box, { sx: { display: 'flex' }, children: childrenArr && (_jsxs(_Fragment, { children: [_jsx(SecondaryTabStyled, Object.assign({}, childrenArr[0].props, { isActive: currentActiveTab === childrenArr[0].props.value, onClick: () => {\n handleActiveTab(childrenArr[0].props);\n }, children: handleRenderTabType(childrenArr[0].props) }), `secondary-tab-0`), _jsx(SecondaryTabStyled, Object.assign({}, childrenArr[1].props, { isActive: currentActiveTab === childrenArr[1].props.value, onClick: () => {\n handleActiveTab(childrenArr[1].props);\n }, children: handleRenderTabType(childrenArr[1].props) }), `secondary-tab-1`), _jsx(SecondaryTabStyled, Object.assign({}, childrenArr[2].props, { isActive: currentActiveTab === childrenArr[2].props.value, onClick: () => {\n handleActiveTab(childrenArr[2].props);\n }, children: handleRenderTabType(childrenArr[2].props) }), `secondary-tab-2`), childrenArr.length > 4 && (_jsxs(_Fragment, { children: [_jsxs(SecondaryTabStyled, { isActive: open, moreTab: true, selectedMenuLabel: selectedMenuLabel, onClick: handleMenuTabClick, children: [_jsx(Icon, { color: \"inherit\", name: \"vertical\" }), selectedMenuLabel] }, `secondary-tab-more`), _jsx(PopperStyled, { open: open, anchorEl: anchorEl, placement: \"top\", transition: true, disablePortal: false, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: () => setOpen(false), children: _jsx(BackdropStyled, { open: open, onClick: () => setOpen(false), children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(MenuStyled, { id: \"more-tabs-menu\", children: handleMenuItems() }) })) }) })) })] })), childrenArr.length <= 4 && (_jsx(SecondaryTabStyled, Object.assign({}, childrenArr[3].props, { isActive: currentActiveTab === childrenArr[3].props.value, onClick: () => {\n handleActiveTab(childrenArr[3].props);\n }, children: handleRenderTabType(childrenArr[3].props) }), `secondary-tab-3`))] })) }) }) }));\n};\nconst BackdropStyled = styled(Backdrop)(() => {\n return {\n zIndex: 2000,\n };\n});\nconst PopperStyled = styled(Popper)(() => {\n const style = {\n transform: 'unset !important',\n position: 'static !important',\n zIndex: 2000,\n };\n return style;\n});\nconst MenuStyled = styled(MenuList)(({ theme }) => {\n return {\n position: 'absolute',\n bottom: '0',\n left: 0,\n width: '100%',\n padding: '26px 0px 27px 0px',\n background: 'white',\n boxSizing: 'border-box',\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n zIndex: 2000,\n boxShadow: 'rgb(0 0 0 / 15%) 0px 3px 8px',\n '& .MuiDivider-root': {\n display: 'block',\n marginTop: '0px !important',\n marginBottom: '0px !important',\n },\n '& div:first-of-type': {\n '& > li': {\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n },\n },\n '& > div > li': {\n fontSize: '16px',\n fontWeight: '400',\n color: theme.palette.onSurface.os900,\n paddingTop: '11px',\n paddingBottom: '11px',\n },\n };\n});\n/**\n * @description Tabs styling definition based on props\n */\nconst AppBarStyled = styled(MuiAppBar)(() => {\n return {\n maxHeigth: '56px',\n padding: '0px',\n top: 'auto',\n bottom: 0,\n boxShadow: 'none',\n borderTop: `1px solid ${flowColors.transparent.secondary}`,\n backgroundColor: flowColors.background.primary,\n '& > div.MuiToolbar-root': {\n maxHeight: '56px',\n padding: '0px',\n '& > div': {\n width: '100%',\n justifyContent: 'space-evenly',\n '& > div': {\n '&> a': {\n padding: 0,\n textDecoration: 'none',\n },\n },\n },\n },\n };\n});\n//# sourceMappingURL=secondaryNavigationTabs.js.map"],"names":["BackdropStyled","styled","Backdrop","zIndex","PopperStyled","Popper","transform","position","MenuStyled","MenuList","theme","bottom","left","width","padding","background","boxSizing","borderTopLeftRadius","borderTopRightRadius","boxShadow","display","marginTop","marginBottom","fontSize","fontWeight","color","palette","onSurface","os900","paddingTop","paddingBottom","AppBarStyled","MuiAppBar","default","maxHeigth","top","borderTop","flowColors","transparent","secondary","backgroundColor","primary","maxHeight","justifyContent","textDecoration","currentActiveTab","setCurrentActiveTab","children","childrenArr","setChildrenArr","useState","anchorEl","setAnchorEl","open","setOpen","selectedMenuLabel","setSelectedMenuLabel","handleActiveTab","useCallback","_props","value","onClick","handleMenuTabClick","e","currentTarget","handleRenderTabType","href","_jsxs","target","_jsx","Icon","name","icon","label","_Fragment","onClickMenuItem","window","handleMenuItems","slice","map","item","i","MenuItem","props","Divider","orientation","textAlign","variant","useEffect","React","Children","toArray","jsx","Toolbar","Box","sx","jsxs","SecondaryTabStyled","Object","assign","isActive","length","moreTab","placement","transition","disablePortal","TransitionProps","ClickAwayListener","onClickAway","Fade","timeout","id"],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Theme } from '@mui/material';
|
|
3
|
-
declare const SecondaryTabStyled: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme;
|
|
5
|
-
as?: import("react").ElementType<any>;
|
|
6
|
-
} & {
|
|
7
|
-
isActive?: boolean;
|
|
8
|
-
theme?: Theme;
|
|
9
|
-
href?: string;
|
|
10
|
-
key: string;
|
|
11
|
-
moreTab?: boolean;
|
|
12
|
-
selectedMenuLabel?: string;
|
|
13
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
|
-
export default SecondaryTabStyled;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled")).default("div")((({isActive:e,theme:t,href:o,moreTab:r,selectedMenuLabel:i})=>{let n={};return n=Object.assign(Object.assign({},n),{color:e?t.palette.brand.primary:t.palette.text.primary,cursor:"pointer",paddingLeft:"12px",paddingRight:"14px",fontSize:"10px",fontWeight:"normal",textTransform:"none",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",width:"25%",textAlign:"center",display:"flex",flexDirection:"column","& > span.MuiIcon-root":{color:e?t.palette.brand.primary:t.palette.text.primary,margin:"0 auto",marginTop:r||!i?"9px":0,display:"block",fontSize:"24px !Important",width:"24px",height:"25px",marginBottom:"-4px"}}),o&&(n=Object.assign(Object.assign({},n),{"& > a":{color:e?t.palette.brand.secondary:t.palette.text.primary,cursor:"pointer",display:"block",textDecoration:"none",paddingLeft:"12px",paddingRight:"14px",fontSize:"10px",fontWeight:"normal",textTransform:"none",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis","& > span.MuiIcon-root":{color:e?t.palette.brand.secondary:t.palette.text.primary,margin:"0 auto",display:"block",fontSize:"24px !Important",width:"24px",height:"25px"}}})),n}));exports.default=t;
|
|
2
|
-
//# sourceMappingURL=secondaryTabStyled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"secondaryTabStyled.js","sources":["../../../../../src/components/tab/secondaryNavigation/secondaryTabStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nconst SecondaryTabStyled = styled('div')(({ isActive, theme, href, moreTab, selectedMenuLabel }) => {\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { color: isActive ? theme.palette.brand.primary : theme.palette.text.primary, cursor: 'pointer', paddingLeft: '12px', paddingRight: '14px', fontSize: '10px', fontWeight: 'normal', textTransform: 'none', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', width: '25%', textAlign: 'center', display: 'flex', flexDirection: 'column', '& > span.MuiIcon-root': {\n color: isActive ? theme.palette.brand.primary : theme.palette.text.primary,\n margin: '0 auto',\n marginTop: moreTab || !selectedMenuLabel ? '9px' : 0,\n display: 'block',\n fontSize: '24px !Important',\n width: '24px',\n height: '25px',\n marginBottom: '-4px',\n } });\n if (href) {\n styles = Object.assign(Object.assign({}, styles), { '& > a': {\n color: isActive ? theme.palette.brand.secondary : theme.palette.text.primary,\n cursor: 'pointer',\n display: 'block',\n textDecoration: 'none',\n paddingLeft: '12px',\n paddingRight: '14px',\n fontSize: '10px',\n fontWeight: 'normal',\n textTransform: 'none',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n '& > span.MuiIcon-root': {\n color: isActive ? theme.palette.brand.secondary : theme.palette.text.primary,\n margin: '0 auto',\n display: 'block',\n fontSize: '24px !Important',\n width: '24px',\n height: '25px',\n },\n } });\n }\n return styles;\n});\nexport default SecondaryTabStyled;\n//# sourceMappingURL=secondaryTabStyled.js.map"],"names":["SecondaryTabStyled","styled","isActive","theme","href","moreTab","selectedMenuLabel","styles","Object","assign","color","palette","brand","primary","text","cursor","paddingLeft","paddingRight","fontSize","fontWeight","textTransform","whiteSpace","overflow","textOverflow","width","textAlign","display","flexDirection","margin","marginTop","height","marginBottom","secondary","textDecoration"],"mappings":"uHACK,MAACA,gCAAqBC,QAAO,MAAPA,EAAc,EAAGC,WAAUC,QAAOC,OAAMC,UAASC,wBACxE,IAAIC,EAAS,CAAA,EAmCb,OAlCAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEF,GAAS,CAAEG,MAAOR,EAAWC,EAAMQ,QAAQC,MAAMC,QAAUV,EAAMQ,QAAQG,KAAKD,QAASE,OAAQ,UAAWC,YAAa,OAAQC,aAAc,OAAQC,SAAU,OAAQC,WAAY,SAAUC,cAAe,OAAQC,WAAY,SAAUC,SAAU,SAAUC,aAAc,WAAYC,MAAO,MAAOC,UAAW,SAAUC,QAAS,OAAQC,cAAe,SAAU,wBAAyB,CAC/ZjB,MAAOR,EAAWC,EAAMQ,QAAQC,MAAMC,QAAUV,EAAMQ,QAAQG,KAAKD,QACnEe,OAAQ,SACRC,UAAWxB,IAAYC,EAAoB,MAAQ,EACnDoB,QAAS,QACTR,SAAU,kBACVM,MAAO,OACPM,OAAQ,OACRC,aAAc,UAElB3B,IACAG,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,QAAS,CACrDG,MAAOR,EAAWC,EAAMQ,QAAQC,MAAMoB,UAAY7B,EAAMQ,QAAQG,KAAKD,QACrEE,OAAQ,UACRW,QAAS,QACTO,eAAgB,OAChBjB,YAAa,OACbC,aAAc,OACdC,SAAU,OACVC,WAAY,SACZC,cAAe,OACfC,WAAY,SACZC,SAAU,SACVC,aAAc,WACd,wBAAyB,CACrBb,MAAOR,EAAWC,EAAMQ,QAAQC,MAAMoB,UAAY7B,EAAMQ,QAAQG,KAAKD,QACrEe,OAAQ,SACRF,QAAS,QACTR,SAAU,kBACVM,MAAO,OACPM,OAAQ,YAIjBvB,CAAM"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @interface TabProps
|
|
4
|
-
* @description Base definition of SkodaFlow Tabs component independent on core implementation.
|
|
5
|
-
*/
|
|
6
|
-
export interface TabProps {
|
|
7
|
-
/**
|
|
8
|
-
* Text shown as the tab title
|
|
9
|
-
*/
|
|
10
|
-
label?: string;
|
|
11
|
-
/**
|
|
12
|
-
* Value of the tab
|
|
13
|
-
*/
|
|
14
|
-
value: any;
|
|
15
|
-
/**
|
|
16
|
-
* href for the link tab
|
|
17
|
-
*/
|
|
18
|
-
href?: string;
|
|
19
|
-
/**
|
|
20
|
-
* target for the anchor tag
|
|
21
|
-
*/
|
|
22
|
-
target?: string;
|
|
23
|
-
/**
|
|
24
|
-
* ariaLabel applied to the tab component
|
|
25
|
-
*/
|
|
26
|
-
ariaLabel?: string;
|
|
27
|
-
/**
|
|
28
|
-
* icon shown when in secondary navigation
|
|
29
|
-
*/
|
|
30
|
-
icon?: string;
|
|
31
|
-
/**
|
|
32
|
-
* @description Triggered when element is changed.
|
|
33
|
-
* @param e React original event object
|
|
34
|
-
* @param value Current changed value
|
|
35
|
-
*/
|
|
36
|
-
onChange?: (event: React.SyntheticEvent, newValue: number) => void;
|
|
37
|
-
onClick?: (e: any) => void;
|
|
38
|
-
/**
|
|
39
|
-
* Callback for analytics
|
|
40
|
-
*/
|
|
41
|
-
analyticsCallback?: (payload?: any) => void;
|
|
42
|
-
children?: React.ReactNode;
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* @description SkodaFlow Tab component.
|
|
46
|
-
* @param props TabProps
|
|
47
|
-
* @returns React Functional Component
|
|
48
|
-
* @deprecated use Tab component from @mui/material instead
|
|
49
|
-
*/
|
|
50
|
-
export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),a=require("react"),t=require("./hook/useTabs.js"),l=require("./tabs.js"),r=require("./tabStyled.js");const s=a.forwardRef((({label:s,value:i,onClick:c,analyticsCallback:u,href:b,target:n,ariaLabel:o},d)=>{const{activeTab:f,updateActiveTab:j,smallSize:x}=a.useContext(l.TabsContext),[p,v]=a.useState(!1),{a11yProps:C}=t.default(),k=a.useCallback((e=>{j(i,!1),u&&u(e),c&&c(e)}),[i,c,j,u]),m=a.useCallback((()=>b?e.jsx(r.default,Object.assign({wrapped:!0,ref:d,smallSize:x,isActive:p,"aria-label":o,value:i,label:s,tabIndex:p?0:-1},C(i),{component:"a",href:b,target:n,onClick:e=>k(e)})):e.jsx(r.default,Object.assign({wrapped:!0,ref:d,"aria-label":o,tabIndex:p?0:-1,smallSize:x,isActive:p,onClick:e=>k(e),value:i,label:s},C(i)))),[b,x,p,n,i,s,C,o,k,d]);return a.useEffect((()=>{v(f===i)}),[f,i]),e.jsx(e.Fragment,{children:m()})}));exports.Tab=s;
|
|
2
|
-
//# sourceMappingURL=tab.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tab.js","sources":["../../../../src/components/tab/tab.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useState, useContext, useEffect, useCallback, forwardRef } from 'react';\nimport useTabs from './hook/useTabs';\nimport { TabsContext } from './tabs';\nimport TabStyled from './tabStyled';\n/**\n * @description SkodaFlow Tab component.\n * @param props TabProps\n * @returns React Functional Component\n * @deprecated use Tab component from @mui/material instead\n */\nexport const Tab = forwardRef(({ label, value, onClick, analyticsCallback, href, target, ariaLabel }, ref) => {\n const { activeTab, updateActiveTab, smallSize } = useContext(TabsContext);\n const [isActive, setIsActive] = useState(false);\n const { a11yProps } = useTabs();\n //On tab clicked: set the new activeTab selected\n //if is a menu tab: set the anchor element for the menu and set the width of the menu equal to the tab component\n //then call the onClick from outside\n const handleOnClick = useCallback((e) => {\n updateActiveTab(value, false);\n analyticsCallback && analyticsCallback(e);\n onClick && onClick(e);\n }, [value, onClick, updateActiveTab, analyticsCallback]);\n //IF href prop is present: render the Link Tab\n //Otherwise render the default tab\n const handleTabType = useCallback(() => {\n if (href) {\n return (_jsx(TabStyled, Object.assign({ wrapped: true, ref: ref, smallSize: smallSize, isActive: isActive, \"aria-label\": ariaLabel, value: value, label: label, tabIndex: isActive ? 0 : -1 }, a11yProps(value), { component: 'a', href: href, target: target, onClick: (e) => handleOnClick(e) })));\n }\n else {\n return (_jsx(TabStyled, Object.assign({ wrapped: true, ref: ref, \"aria-label\": ariaLabel, tabIndex: isActive ? 0 : -1, smallSize: smallSize, isActive: isActive, onClick: (e) => handleOnClick(e), value: value, label: label }, a11yProps(value))));\n }\n }, [href, smallSize, isActive, target, value, label, a11yProps, ariaLabel, handleOnClick, ref]);\n //If the activeTab is equal to the current tab, set active\n useEffect(() => {\n if (activeTab === value) {\n setIsActive(true);\n }\n else {\n setIsActive(false);\n }\n }, [activeTab, value]);\n return _jsx(_Fragment, { children: handleTabType() });\n});\n//# sourceMappingURL=tab.js.map"],"names":["Tab","forwardRef","label","value","onClick","analyticsCallback","href","target","ariaLabel","ref","activeTab","updateActiveTab","smallSize","useContext","TabsContext","isActive","setIsActive","useState","a11yProps","useTabs","handleOnClick","useCallback","e","handleTabType","_jsx","jsx","TabStyled","default","Object","assign","wrapped","tabIndex","component","useEffect","_Fragment","children"],"mappings":"qJAWY,MAACA,EAAMC,EAAUA,YAAC,EAAGC,QAAOC,QAAOC,UAASC,oBAAmBC,OAAMC,SAAQC,aAAaC,KAClG,MAAMC,UAAEA,EAASC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,WAAWC,EAAAA,cACtDC,EAAUC,GAAeC,EAAQA,UAAC,IACnCC,UAAEA,GAAcC,EAAAA,UAIhBC,EAAgBC,eAAaC,IAC/BX,EAAgBR,GAAO,GACvBE,GAAqBA,EAAkBiB,GACvClB,GAAWA,EAAQkB,EAAE,GACtB,CAACnB,EAAOC,EAASO,EAAiBN,IAG/BkB,EAAgBF,EAAAA,aAAY,IAC1Bf,EACQkB,EAAIC,IAACC,EAASC,QAAEC,OAAOC,OAAO,CAAEC,SAAS,EAAMrB,IAAKA,EAAKG,UAAWA,EAAWG,SAAUA,EAAU,aAAcP,EAAWL,MAAOA,EAAOD,MAAOA,EAAO6B,SAAUhB,EAAW,GAAK,GAAKG,EAAUf,GAAQ,CAAE6B,UAAW,IAAK1B,KAAMA,EAAMC,OAAQA,EAAQH,QAAUkB,GAAMF,EAAcE,MAGrRE,EAAAA,IAAKE,EAAAA,QAAWE,OAAOC,OAAO,CAAEC,SAAS,EAAMrB,IAAKA,EAAK,aAAcD,EAAWuB,SAAUhB,EAAW,GAAK,EAAGH,UAAWA,EAAWG,SAAUA,EAAUX,QAAUkB,GAAMF,EAAcE,GAAInB,MAAOA,EAAOD,MAAOA,GAASgB,EAAUf,MAEhP,CAACG,EAAMM,EAAWG,EAAUR,EAAQJ,EAAOD,EAAOgB,EAAWV,EAAWY,EAAeX,IAU1F,OARAwB,EAAAA,WAAU,KAEFjB,EADAN,IAAcP,EAKjB,GACF,CAACO,EAAWP,IACRqB,EAAAA,IAAKU,EAAAA,SAAW,CAAEC,SAAUZ,KAAkB"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @interface TabPanelProps
|
|
4
|
-
* @description Interface of TabPanel component.
|
|
5
|
-
*/
|
|
6
|
-
export interface TabPanelProps {
|
|
7
|
-
/**
|
|
8
|
-
* Content displayed inside the tab panel
|
|
9
|
-
*/
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* value of the tab panel equal to the tab selected
|
|
13
|
-
*/
|
|
14
|
-
value?: number | string;
|
|
15
|
-
/**
|
|
16
|
-
* index of the tab panel
|
|
17
|
-
*/
|
|
18
|
-
index?: number | string;
|
|
19
|
-
}
|
|
20
|
-
/** @deprecated use Tab component from @mui/material instead */
|
|
21
|
-
export declare const TabPanel: React.FC<TabPanelProps>;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("react/jsx-runtime");exports.TabPanel=r=>{const{children:a,value:l,index:n}=r,t=e.__rest(r,["children","value","index"]);return i.jsx("div",Object.assign({role:"tabpanel",hidden:l!==n,id:`simple-tabpanel-${n}`,"aria-labelledby":`simple-tab-${n}`},t,{children:l===n&&a}))};
|
|
2
|
-
//# sourceMappingURL=tabPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabPanel.js","sources":["../../../../src/components/tab/tabPanel.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/** @deprecated use Tab component from @mui/material instead */\nexport const TabPanel = (props) => {\n const { children, value, index } = props, other = __rest(props, [\"children\", \"value\", \"index\"]);\n return (_jsx(\"div\", Object.assign({ role: \"tabpanel\", hidden: value !== index, id: `simple-tabpanel-${index}`, \"aria-labelledby\": `simple-tab-${index}` }, other, { children: value === index && children })));\n};\n//# sourceMappingURL=tabPanel.js.map"],"names":["props","children","value","index","other","__rest","_jsx","jsx","Object","assign","role","hidden","id"],"mappings":"oFAGyBA,IACrB,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,GAAUH,EAAOI,EAAQC,EAAMA,OAACL,EAAO,CAAC,WAAY,QAAS,UACtF,OAAQM,EAAIC,IAAC,MAAOC,OAAOC,OAAO,CAAEC,KAAM,WAAYC,OAAQT,IAAUC,EAAOS,GAAI,mBAAmBT,IAAS,kBAAmB,cAAcA,KAAWC,EAAO,CAAEH,SAAUC,IAAUC,GAASF,IAAc"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/**
|
|
3
|
-
* @description Tabs styling definition based on props
|
|
4
|
-
* @deprecated use Tab component from @mui/material instead
|
|
5
|
-
*/
|
|
6
|
-
declare const TabStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Tab").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
7
|
-
ref?: import("react").Ref<HTMLDivElement>;
|
|
8
|
-
}, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "label" | "tabIndex" | "action" | "value" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "icon" | "iconPosition" | "wrapped"> & {
|
|
9
|
-
theme?: import("@emotion/react").Theme;
|
|
10
|
-
} & {
|
|
11
|
-
component?: import("react").ElementType<any>;
|
|
12
|
-
} & {
|
|
13
|
-
isActive?: boolean;
|
|
14
|
-
smallSize?: boolean;
|
|
15
|
-
href?: string;
|
|
16
|
-
component?: any;
|
|
17
|
-
target?: string;
|
|
18
|
-
theme?: any;
|
|
19
|
-
}, {}, {}>;
|
|
20
|
-
export default TabStyled;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled"),e=require("@mui/material/Tab");function o(t){return t&&t.__esModule?t:{default:t}}var i=o(t),r=o(e);const a=i.default(r.default,{shouldForwardProp:t=>"isActive"!==t&&"smallSize"!==t&&"ref"!==t})((({isActive:t,smallSize:e,theme:o})=>{let i={minWidth:"fit-content",fontWeight:"700",padding:0,color:o.palette.onSurface.os500,opacity:1,fontSize:"20px",textTransform:"none",transition:"color .3s ease-out",minHeight:"32px",maxHeight:"32px",marginTop:"4px",fontFamily:"SKODA Next",letterSpacing:"0.02857em","&:focus":{paddingLeft:"5px",paddingRight:"5px",border:`2px solid ${o.palette.text.primary}`,boxSizing:" border-box"},"&:hover":{color:o.palette.text.primary,position:"relative",overflow:"visible","& > .MuiIcon-root":{color:o.palette.text.primary},"&:after":{content:'""',display:"block",position:"absolute",height:"3px",backgroundColor:o.palette.brand.primary,width:"100%",bottom:"-12px",left:0}},"&:active":{color:o.palette.text.primary},"& > .MuiIcon-root":{fontSize:"20px !Important",width:"20px",height:"30px",color:o.palette.onSurface.os500}};return i=Object.assign(Object.assign({},i),{[o.breakpoints.down("sm")]:{fontSize:"14px",minWidth:"56px",marginTop:"6px"}}),t&&(i=Object.assign(Object.assign({},i),{color:o.palette.text.primary})),e&&(i=Object.assign(Object.assign({},i),{fontSize:"14px",minWidth:"56px",marginTop:"6px","& > .MuiIcon-root":{fontSize:"15px !important",width:"15px",height:"22px"}})),i}));exports.default=a;
|
|
2
|
-
//# sourceMappingURL=tabStyled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabStyled.js","sources":["../../../../src/components/tab/tabStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MuiTab from '@mui/material/Tab';\n/**\n * @description Tabs styling definition based on props\n * @deprecated use Tab component from @mui/material instead\n */\nconst TabStyled = styled(MuiTab, {\n shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'smallSize' && prop !== 'ref',\n})(({ isActive, smallSize, theme }) => {\n let styles = {\n minWidth: 'fit-content',\n fontWeight: '700',\n padding: 0,\n color: theme.palette.onSurface.os500,\n opacity: 1,\n fontSize: '20px',\n textTransform: 'none',\n transition: 'color .3s ease-out',\n minHeight: '32px',\n maxHeight: '32px',\n marginTop: '4px',\n fontFamily: 'SKODA Next',\n letterSpacing: '0.02857em',\n '&:focus': {\n paddingLeft: '5px',\n paddingRight: '5px',\n border: `2px solid ${theme.palette.text.primary}`,\n boxSizing: ' border-box',\n },\n '&:hover': {\n color: theme.palette.text.primary,\n position: 'relative',\n overflow: 'visible',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n },\n '&:after': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n height: '3px',\n backgroundColor: theme.palette.brand.primary,\n width: '100%',\n bottom: '-12px',\n left: 0,\n },\n },\n '&:active': {\n color: theme.palette.text.primary,\n },\n '& > .MuiIcon-root': {\n fontSize: '20px !Important',\n width: '20px',\n height: '30px',\n color: theme.palette.onSurface.os500,\n },\n };\n styles = Object.assign(Object.assign({}, styles), { [theme.breakpoints.down('sm')]: {\n fontSize: '14px',\n minWidth: '56px',\n marginTop: '6px',\n } });\n if (isActive) {\n styles = Object.assign(Object.assign({}, styles), { color: theme.palette.text.primary });\n }\n if (smallSize) {\n styles = Object.assign(Object.assign({}, styles), { fontSize: '14px', minWidth: '56px', marginTop: '6px', '& > .MuiIcon-root': {\n fontSize: '15px !important',\n width: '15px',\n height: '22px',\n } });\n }\n return styles;\n});\nexport default TabStyled;\n//# sourceMappingURL=tabStyled.js.map"],"names":["TabStyled","styled","default","MuiTab","shouldForwardProp","prop","isActive","smallSize","theme","styles","minWidth","fontWeight","padding","color","palette","onSurface","os500","opacity","fontSize","textTransform","transition","minHeight","maxHeight","marginTop","fontFamily","letterSpacing","paddingLeft","paddingRight","border","text","primary","boxSizing","position","overflow","content","display","height","backgroundColor","brand","width","bottom","left","Object","assign","breakpoints","down"],"mappings":"yMAMK,MAACA,EAAYC,EAAMC,QAACC,UAAQ,CAC7BC,kBAAoBC,GAAkB,aAATA,GAAgC,cAATA,GAAiC,QAATA,GAD9DJ,EAEf,EAAGK,WAAUC,YAAWC,YACvB,IAAIC,EAAS,CACTC,SAAU,cACVC,WAAY,MACZC,QAAS,EACTC,MAAOL,EAAMM,QAAQC,UAAUC,MAC/BC,QAAS,EACTC,SAAU,OACVC,cAAe,OACfC,WAAY,qBACZC,UAAW,OACXC,UAAW,OACXC,UAAW,MACXC,WAAY,aACZC,cAAe,YACf,UAAW,CACPC,YAAa,MACbC,aAAc,MACdC,OAAQ,aAAapB,EAAMM,QAAQe,KAAKC,UACxCC,UAAW,eAEf,UAAW,CACPlB,MAAOL,EAAMM,QAAQe,KAAKC,QAC1BE,SAAU,WACVC,SAAU,UACV,oBAAqB,CACjBpB,MAAOL,EAAMM,QAAQe,KAAKC,SAE9B,UAAW,CACPI,QAAS,KACTC,QAAS,QACTH,SAAU,WACVI,OAAQ,MACRC,gBAAiB7B,EAAMM,QAAQwB,MAAMR,QACrCS,MAAO,OACPC,OAAQ,QACRC,KAAM,IAGd,WAAY,CACR5B,MAAOL,EAAMM,QAAQe,KAAKC,SAE9B,oBAAqB,CACjBZ,SAAU,kBACVqB,MAAO,OACPH,OAAQ,OACRvB,MAAOL,EAAMM,QAAQC,UAAUC,QAkBvC,OAfAP,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAElC,GAAS,CAAE,CAACD,EAAMoC,YAAYC,KAAK,OAAQ,CAC5E3B,SAAU,OACVR,SAAU,OACVa,UAAW,SAEfjB,IACAG,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIlC,GAAS,CAAEI,MAAOL,EAAMM,QAAQe,KAAKC,WAE9EvB,IACAE,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAElC,GAAS,CAAES,SAAU,OAAQR,SAAU,OAAQa,UAAW,MAAO,oBAAqB,CACvHL,SAAU,kBACVqB,MAAO,OACPH,OAAQ,WAGb3B,CAAM"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import React, { FC, HTMLAttributes } from 'react';
|
|
2
|
-
import { Theme } from '@mui/material/styles';
|
|
3
|
-
import { SxProps } from '@mui/system';
|
|
4
|
-
export declare const TabsContext: React.Context<{
|
|
5
|
-
activeTab: any;
|
|
6
|
-
updateActiveTab: (...args: any[]) => void;
|
|
7
|
-
smallSize: boolean;
|
|
8
|
-
}>;
|
|
9
|
-
/**
|
|
10
|
-
* @interface TabsProps
|
|
11
|
-
* @description Base definition of SkodaFlow Tabs component independent on core implementation.
|
|
12
|
-
*/
|
|
13
|
-
export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'> {
|
|
14
|
-
/**
|
|
15
|
-
* Size of every single tab
|
|
16
|
-
*/
|
|
17
|
-
smallSize?: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Label to use for tab that wrap overlowing tabs
|
|
20
|
-
*/
|
|
21
|
-
labelMoreItem?: string;
|
|
22
|
-
/**
|
|
23
|
-
* the default active tab on mount
|
|
24
|
-
* @deprecated Use property `activeTab` instead
|
|
25
|
-
*/
|
|
26
|
-
defaultActiveTab?: string | number;
|
|
27
|
-
/** Specifies which tab is active */
|
|
28
|
-
activeTab?: string | number;
|
|
29
|
-
/**
|
|
30
|
-
* If true and on mobile view, tabs are rendered as mobile secondary navigation view
|
|
31
|
-
*/
|
|
32
|
-
variantSecondaryNavigation?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* @description Triggered when element is changed.
|
|
35
|
-
* @param e React original event object
|
|
36
|
-
* @param value Current changed value
|
|
37
|
-
*/
|
|
38
|
-
handleChange: (newValue: any) => void;
|
|
39
|
-
/**
|
|
40
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
41
|
-
* See the `sx` page for more details.
|
|
42
|
-
*/
|
|
43
|
-
sx?: SxProps<Theme>;
|
|
44
|
-
/**
|
|
45
|
-
* Override or extend the styles applied to the component. See CSS API below for more details.
|
|
46
|
-
*/
|
|
47
|
-
classes?: object;
|
|
48
|
-
}
|
|
49
|
-
/**
|
|
50
|
-
* @description SkodaFlow Checkbox component.
|
|
51
|
-
* Properties are inherited from HTML Button element.
|
|
52
|
-
* @param props TabsProps
|
|
53
|
-
* @returns React Functional Component
|
|
54
|
-
* @deprecated use Tab component from @mui/material instead
|
|
55
|
-
*/
|
|
56
|
-
export declare const Tabs: FC<TabsProps>;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material/Tabs"),r=require("@mui/material/styles"),s=require("./secondaryNavigation/secondaryNavigationTabs.js"),n=require("./menuTab.js"),l=require("./hook/useTabs.js"),o=require("@mui/material"),u=require("../../design/skoda/palette.theme.js"),d=require("lodash/noop");function c(e){return e&&e.__esModule?e:{default:e}}var b=c(t),v=c(i),f=c(d);const m=b.default.createContext({activeTab:null,updateActiveTab:f.default,smallSize:!1}),g=r.styled(v.default,{shouldForwardProp:e=>"variantSecondaryNavigation"!==e&&"smallSize"!==e&&"mouseDown"!==e})((a=>{var t=e.__rest(a,["isActive","theme"]);let i={};return i=Object.assign(Object.assign({},i),{boxSizing:"border-box","& *":{boxSizing:"border-box"},"& > div":{"& > div > .MuiTab-root:last-child":{marginRight:"10px"},"& > div":{marginLeft:"2px",width:"100%"},"& > .MuiTabs-indicator":{height:"3px",backgroundColor:u.flowColors.brand.primary},"& > div > .MuiTab-root":{marginLeft:"56px"}}}),t.smallSize&&(i=Object.assign(Object.assign({},i),{"& > div":{"& > div > .MuiTab-root:last-child":{marginRight:"10px"},"& > div":{marginLeft:"2px"},"& > div > .MuiTab-root":{marginLeft:"40px","&:after":{bottom:"-11px"}}},"& .MuiTabs-indicator":{backgroundColor:u.flowColors.brand.primary}})),t.mouseDown&&(i=Object.assign(Object.assign({},i),{"& > div":Object.assign(Object.assign({},i["& > div"]),{"& > div > .MuiTab-root":Object.assign(Object.assign({},i["& > div"]["& > div > .MuiTab-root"]),{"&:focus":{border:0,paddingLeft:0,paddingRight:0}})})})),i}));exports.Tabs=i=>{var{handleChange:r,defaultActiveTab:u,smallSize:d,variantSecondaryNavigation:c,children:v,sx:f,classes:h,labelMoreItem:T="More",activeTab:x}=i,j=e.__rest(i,["handleChange","defaultActiveTab","smallSize","variantSecondaryNavigation","children","sx","classes","labelMoreItem","activeTab"]);const[p,S]=t.useState(null!=x?x:u),[w,M]=t.useState(null),[y,C]=t.useState(!1),[q,z]=t.useState([]),[E,O]=t.useState(!1),[L,k]=t.useState(!1),A=t.useRef(null),N=t.useRef(null),{handleOverflowingTabs:_,handleIsMobileView:R}=l.default(),I=o.useTheme(),D=t.useCallback(((e,a)=>{k(a),S(e)}),[]),F=t.useCallback((()=>{R(c,y,C,M)}),[R,y,c]);return t.useEffect((()=>{S(null!=x?x:u)}),[x,u]),t.useEffect((()=>(F(),window.addEventListener("resize",F),()=>{window.removeEventListener("resize",F)}))),t.useEffect((()=>{r&&r(p)}),[p,r]),t.useEffect((()=>{z(b.default.Children.toArray(v))}),[v]),t.useEffect((()=>{A&&A.current&&_(N,w,v,z)}),[w,_,v]),t.useEffect((()=>{document.addEventListener("mousedown",(function(){O(!0)})),document.addEventListener("keydown",(function(){O(!1)}))}),[]),t.useEffect((()=>{}),[j]),a.jsx(a.Fragment,{children:c&&y?a.jsx(s.SecondaryNavigationTabs,{labelMoreItem:T,currentActiveTab:p,setCurrentActiveTab:e=>S(e),children:v}):a.jsx(m.Provider,{value:{activeTab:p,updateActiveTab:D,smallSize:d},children:a.jsxs(g,{ref:N,variant:w<=I.breakpoints.values.lg?"scrollable":"fullWidth",scrollButtons:!1,smallSize:d,value:L?"more":p,mouseDown:E,sx:f,classes:h,children:[v,a.jsx(n.MenuTab,{value:"more",ref:A,label:T,children:q})]})})})},exports.TabsContext=m;
|
|
2
|
-
//# sourceMappingURL=tabs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sources":["../../../../src/components/tab/tabs.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport MuiTabs from '@mui/material/Tabs';\nimport { styled } from '@mui/material/styles';\nimport { SecondaryNavigationTabs } from './secondaryNavigation/secondaryNavigationTabs';\nimport { MenuTab } from './menuTab';\nimport useTabs from './hook/useTabs';\nimport { useTheme } from '@mui/material';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport noop from 'lodash/noop';\nexport const TabsContext = React.createContext({\n activeTab: null,\n updateActiveTab: noop,\n smallSize: false,\n});\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props TabsProps\n * @returns React Functional Component\n * @deprecated use Tab component from @mui/material instead\n */\nexport const Tabs = (_a) => {\n var { handleChange, defaultActiveTab, smallSize, variantSecondaryNavigation, children, sx, classes, labelMoreItem = 'More', activeTab } = _a, props = __rest(_a, [\"handleChange\", \"defaultActiveTab\", \"smallSize\", \"variantSecondaryNavigation\", \"children\", \"sx\", \"classes\", \"labelMoreItem\", \"activeTab\"]);\n const [currentActiveTab, setCurrentActiveTab] = useState(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n const [windowWidth, setWindowWidth] = useState(null);\n const [isMobileView, setIsMobileView] = useState(false);\n const [menuChildren, setMenuChildren] = useState([]);\n const [mouseDown, setMouseDown] = useState(false);\n const [activeMenuItem, setActiveMenuItem] = useState(false);\n const moreBtnRef = useRef(null);\n const tabsRef = useRef(null);\n const { handleOverflowingTabs, handleIsMobileView } = useTabs();\n const theme = useTheme();\n const updateActiveTab = useCallback((value, fromMenu) => {\n setActiveMenuItem(fromMenu);\n setCurrentActiveTab(value);\n }, []);\n const handleMobileView = useCallback(() => {\n handleIsMobileView(variantSecondaryNavigation, isMobileView, setIsMobileView, setWindowWidth);\n }, [handleIsMobileView, isMobileView, variantSecondaryNavigation]);\n useEffect(() => {\n setCurrentActiveTab(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n }, [activeTab, defaultActiveTab]);\n useEffect(() => {\n handleMobileView();\n window.addEventListener('resize', handleMobileView);\n return () => {\n window.removeEventListener('resize', handleMobileView);\n };\n });\n useEffect(() => {\n handleChange && handleChange(currentActiveTab);\n }, [currentActiveTab, handleChange]);\n //Set the initial more btn menu list\n useEffect(() => {\n setMenuChildren(React.Children.toArray(children));\n }, [children]);\n //on screen resize: if the more btn is rendered, handle the more btn menu and the overflowing tabs\n useEffect(() => {\n if (moreBtnRef && moreBtnRef.current) {\n handleOverflowingTabs(tabsRef, windowWidth, children, setMenuChildren);\n }\n }, [windowWidth, handleOverflowingTabs, children]);\n useEffect(() => {\n document.addEventListener('mousedown', function () {\n setMouseDown(true);\n });\n document.addEventListener('keydown', function () {\n setMouseDown(false);\n });\n }, []);\n useEffect(() => { }, [props]);\n return (_jsx(_Fragment, { children: variantSecondaryNavigation && isMobileView ? (_jsx(SecondaryNavigationTabs, { labelMoreItem: labelMoreItem, currentActiveTab: currentActiveTab, setCurrentActiveTab: (val) => setCurrentActiveTab(val), children: children })) : (_jsx(TabsContext.Provider, { value: { activeTab: currentActiveTab, updateActiveTab, smallSize }, children: _jsxs(TabsStyled, { ref: tabsRef, variant: windowWidth <= theme.breakpoints.values.lg ? 'scrollable' : 'fullWidth', scrollButtons: false, smallSize: smallSize, value: activeMenuItem ? 'more' : currentActiveTab, mouseDown: mouseDown, sx: sx, classes: classes, children: [children, _jsx(MenuTab, { value: \"more\", ref: moreBtnRef, label: labelMoreItem, children: menuChildren })] }) })) }));\n};\n/**\n * @description Tabs styling definition based on props\n */\nconst TabsStyled = styled(MuiTabs, {\n shouldForwardProp: (prop) => prop !== 'variantSecondaryNavigation' && prop !== 'smallSize' && prop !== 'mouseDown',\n})((_a) => {\n var { isActive, theme } = _a, props = __rest(_a, [\"isActive\", \"theme\"]);\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { boxSizing: 'border-box', '& *': {\n boxSizing: 'border-box',\n }, '& > div': {\n '& > div > .MuiTab-root:last-child': {\n marginRight: '10px',\n },\n '& > div': {\n marginLeft: '2px',\n width: '100%',\n },\n '& > .MuiTabs-indicator': {\n height: '3px',\n backgroundColor: flowColors.brand.primary,\n },\n '& > div > .MuiTab-root': {\n marginLeft: '56px',\n },\n } });\n if (props.smallSize) {\n styles = Object.assign(Object.assign({}, styles), { '& > div': {\n '& > div > .MuiTab-root:last-child': {\n marginRight: '10px',\n },\n '& > div': {\n marginLeft: '2px',\n },\n '& > div > .MuiTab-root': {\n marginLeft: '40px',\n '&:after': {\n bottom: '-11px',\n },\n },\n }, '& .MuiTabs-indicator': {\n backgroundColor: flowColors.brand.primary,\n } });\n }\n if (props.mouseDown) {\n styles = Object.assign(Object.assign({}, styles), { '& > div': Object.assign(Object.assign({}, styles['& > div']), { '& > div > .MuiTab-root': Object.assign(Object.assign({}, styles['& > div']['& > div > .MuiTab-root']), { '&:focus': {\n border: 0,\n paddingLeft: 0,\n paddingRight: 0,\n } }) }) });\n }\n return styles;\n});\n//# sourceMappingURL=tabs.js.map"],"names":["TabsContext","React","default","createContext","activeTab","updateActiveTab","noop","smallSize","TabsStyled","styled","MuiTabs","shouldForwardProp","prop","_a","props","__rest","styles","Object","assign","boxSizing","marginRight","marginLeft","width","height","backgroundColor","flowColors","brand","primary","bottom","mouseDown","border","paddingLeft","paddingRight","handleChange","defaultActiveTab","variantSecondaryNavigation","children","sx","classes","labelMoreItem","currentActiveTab","setCurrentActiveTab","useState","windowWidth","setWindowWidth","isMobileView","setIsMobileView","menuChildren","setMenuChildren","setMouseDown","activeMenuItem","setActiveMenuItem","moreBtnRef","useRef","tabsRef","handleOverflowingTabs","handleIsMobileView","useTabs","theme","useTheme","useCallback","value","fromMenu","handleMobileView","useEffect","window","addEventListener","removeEventListener","Children","toArray","current","document","_jsx","_Fragment","jsx","SecondaryNavigationTabs","val","Provider","_jsxs","ref","variant","breakpoints","values","lg","scrollButtons","MenuTab","label"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";function r(r){return r&&r.__esModule?r:{default:r}}const a=r(require("@skodaflow/web-tokens/src/tokens.json")).default["flow-colors"],e={primary:{main:a["brand-primary"],light:a["brand-hover-primary"]},secondary:{main:a["on-surface700"],light:a["on-surface600"]},error:{main:a["semantic-alert"]},success:{main:a["semantic-positive"]},divider:a["surface-secondary"],brand:{primary:a["brand-primary"],secondary:a["brand-secondary"],tertiary:a["brand-tertiary"],quarternary:a["brand-quarternary"]},brandHover:{primary:a["brand-hover-primary"],secondary:a["brand-hover-secondary"]},disabled:{primary:a["disabled-primary"],secondary:a["disabled-secondary"],tertiary:a["disabled-tertiary"]},text:{primary:a["text-primary"],disabled:a["disabled-primary"]},background:{primary:a["background-primary"],paper:a["background-primary"],default:a["surface-secondary"]},transparent:{primary:a["transparent-primary"],secondary:a["transparent-secondary"],backdrop:a["transparent-backdrop"]},surface:{primary:a["surface-primary"],secondary:a["surface-secondary"],tertiary:a["surface-tertiary"],quarternary:a["surface-quarternary"]},onSurface:{os0:a["on-surface0"],os100:a["on-surface100"],os200:a["on-surface200"],os300:a["on-surface300"],os500:a["on-surface500"],os600:a["on-surface600"],os700:a["on-surface700"],os800:a["on-surface800"],os900:a["on-surface900"]},alert:{main:a["semantic-alert"]},warning:{main:a["semantic-warning"]},positive:{main:a["semantic-positive"]},info:{main:a["semantic-info"]}};exports.flowColors=e;
|
|
2
|
-
//# sourceMappingURL=palette.theme.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"palette.theme.js","sources":["../../../../src/design/skoda/palette.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nconst tokenColors = tokens['flow-colors'];\nexport const flowColors = {\n primary: {\n main: tokenColors['brand-primary'],\n light: tokenColors['brand-hover-primary'],\n },\n secondary: {\n main: tokenColors['on-surface700'],\n light: tokenColors['on-surface600'],\n },\n error: {\n main: tokenColors['semantic-alert'],\n },\n success: {\n main: tokenColors['semantic-positive'],\n },\n divider: tokenColors['surface-secondary'],\n brand: {\n primary: tokenColors['brand-primary'],\n secondary: tokenColors['brand-secondary'],\n tertiary: tokenColors['brand-tertiary'],\n quarternary: tokenColors['brand-quarternary'],\n },\n brandHover: {\n primary: tokenColors['brand-hover-primary'],\n secondary: tokenColors['brand-hover-secondary'],\n },\n disabled: {\n primary: tokenColors['disabled-primary'],\n secondary: tokenColors['disabled-secondary'],\n tertiary: tokenColors['disabled-tertiary'],\n },\n text: {\n primary: tokenColors['text-primary'],\n disabled: tokenColors['disabled-primary'],\n },\n background: {\n primary: tokenColors['background-primary'],\n paper: tokenColors['background-primary'],\n default: tokenColors['surface-secondary'],\n },\n transparent: {\n primary: tokenColors['transparent-primary'],\n secondary: tokenColors['transparent-secondary'],\n backdrop: tokenColors['transparent-backdrop'],\n },\n surface: {\n primary: tokenColors['surface-primary'],\n secondary: tokenColors['surface-secondary'],\n tertiary: tokenColors['surface-tertiary'],\n quarternary: tokenColors['surface-quarternary'],\n },\n onSurface: {\n os0: tokenColors['on-surface0'],\n os100: tokenColors['on-surface100'],\n os200: tokenColors['on-surface200'],\n os300: tokenColors['on-surface300'],\n os500: tokenColors['on-surface500'],\n os600: tokenColors['on-surface600'],\n os700: tokenColors['on-surface700'],\n os800: tokenColors['on-surface800'],\n os900: tokenColors['on-surface900'],\n },\n alert: {\n main: tokenColors['semantic-alert'],\n },\n warning: {\n main: tokenColors['semantic-warning'],\n },\n positive: {\n main: tokenColors['semantic-positive'],\n },\n info: {\n main: tokenColors['semantic-info'],\n },\n};\n//# sourceMappingURL=palette.theme.js.map"],"names":["tokenColors","tokens","flowColors","primary","main","light","secondary","error","success","divider","brand","tertiary","quarternary","brandHover","disabled","text","background","paper","default","transparent","backdrop","surface","onSurface","os0","os100","os200","os300","os500","os600","os700","os800","os900","alert","warning","positive","info"],"mappings":"gEACA,MAAMA,sDAAcC,QAAO,eACdC,EAAa,CACtBC,QAAS,CACLC,KAAMJ,EAAY,iBAClBK,MAAOL,EAAY,wBAEvBM,UAAW,CACPF,KAAMJ,EAAY,iBAClBK,MAAOL,EAAY,kBAEvBO,MAAO,CACHH,KAAMJ,EAAY,mBAEtBQ,QAAS,CACLJ,KAAMJ,EAAY,sBAEtBS,QAAST,EAAY,qBACrBU,MAAO,CACHP,QAASH,EAAY,iBACrBM,UAAWN,EAAY,mBACvBW,SAAUX,EAAY,kBACtBY,YAAaZ,EAAY,sBAE7Ba,WAAY,CACRV,QAASH,EAAY,uBACrBM,UAAWN,EAAY,0BAE3Bc,SAAU,CACNX,QAASH,EAAY,oBACrBM,UAAWN,EAAY,sBACvBW,SAAUX,EAAY,sBAE1Be,KAAM,CACFZ,QAASH,EAAY,gBACrBc,SAAUd,EAAY,qBAE1BgB,WAAY,CACRb,QAASH,EAAY,sBACrBiB,MAAOjB,EAAY,sBACnBkB,QAASlB,EAAY,sBAEzBmB,YAAa,CACThB,QAASH,EAAY,uBACrBM,UAAWN,EAAY,yBACvBoB,SAAUpB,EAAY,yBAE1BqB,QAAS,CACLlB,QAASH,EAAY,mBACrBM,UAAWN,EAAY,qBACvBW,SAAUX,EAAY,oBACtBY,YAAaZ,EAAY,wBAE7BsB,UAAW,CACPC,IAAKvB,EAAY,eACjBwB,MAAOxB,EAAY,iBACnByB,MAAOzB,EAAY,iBACnB0B,MAAO1B,EAAY,iBACnB2B,MAAO3B,EAAY,iBACnB4B,MAAO5B,EAAY,iBACnB6B,MAAO7B,EAAY,iBACnB8B,MAAO9B,EAAY,iBACnB+B,MAAO/B,EAAY,kBAEvBgC,MAAO,CACH5B,KAAMJ,EAAY,mBAEtBiC,QAAS,CACL7B,KAAMJ,EAAY,qBAEtBkC,SAAU,CACN9B,KAAMJ,EAAY,sBAEtBmC,KAAM,CACF/B,KAAMJ,EAAY"}
|
package/cjs/utils/icons.js
DELETED
package/cjs/utils/icons.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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 +0,0 @@
|
|
|
1
|
-
export declare function CustomRenderer(params: any): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function ImageRenderer(params: any): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { AgGridReact, AgGridReactProps } from 'ag-grid-react';
|
|
3
|
-
export type AgGridProps = Omit<AgGridReactProps, 'domLayout'> & {
|
|
4
|
-
height?: number | string | 'autoHeight';
|
|
5
|
-
};
|
|
6
|
-
export declare const AgGrid: import("react").ForwardRefExoticComponent<Omit<AgGridReactProps<any>, "domLayout"> & {
|
|
7
|
-
height?: number | string | 'autoHeight';
|
|
8
|
-
} & import("react").RefAttributes<AgGridReact<any>>>;
|
|
@@ -1,2 +0,0 @@
|
|
|
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
|
-
//# sourceMappingURL=agGrid.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
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';
|
|
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>, {}, {
|
|
6
|
-
ref?: import("react").Ref<AgGridReact<unknown>>;
|
|
7
|
-
}>;
|
|
@@ -1,2 +0,0 @@
|
|
|
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
|
-
//# sourceMappingURL=agGridStyled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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 +0,0 @@
|
|
|
1
|
-
export * from './agGrid';
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { CustomRenderer } from './CustomRenderer';
|
|
2
|
-
import { ImageRenderer } from './ImageRenderer';
|
|
3
|
-
import { AgGridReactProps } from 'ag-grid-react';
|
|
4
|
-
export declare const SimpleMock: AgGridReactProps;
|
|
5
|
-
export declare const SelectionMock: AgGridReactProps;
|
|
6
|
-
export declare const PagingMock: AgGridReactProps;
|
|
7
|
-
export declare const SortingMock: AgGridReactProps;
|
|
8
|
-
export declare const MOCK_DETAIL_GRID_OPTS: {
|
|
9
|
-
rowSelection: string;
|
|
10
|
-
suppressRowClickSelection: boolean;
|
|
11
|
-
enableRangeSelection: boolean;
|
|
12
|
-
pagination: boolean;
|
|
13
|
-
paginationAutoPageSize: boolean;
|
|
14
|
-
paginationPageSize: number;
|
|
15
|
-
columnDefs: ({
|
|
16
|
-
field: string;
|
|
17
|
-
headerCheckboxSelection: boolean;
|
|
18
|
-
checkboxSelection: boolean;
|
|
19
|
-
showDisabledCheckboxes: boolean;
|
|
20
|
-
wrapText?: undefined;
|
|
21
|
-
autoHeight?: undefined;
|
|
22
|
-
width?: undefined;
|
|
23
|
-
cellRenderer?: undefined;
|
|
24
|
-
valueFormatter?: undefined;
|
|
25
|
-
} | {
|
|
26
|
-
field: string;
|
|
27
|
-
wrapText: boolean;
|
|
28
|
-
autoHeight: boolean;
|
|
29
|
-
width: number;
|
|
30
|
-
headerCheckboxSelection?: undefined;
|
|
31
|
-
checkboxSelection?: undefined;
|
|
32
|
-
showDisabledCheckboxes?: undefined;
|
|
33
|
-
cellRenderer?: undefined;
|
|
34
|
-
valueFormatter?: undefined;
|
|
35
|
-
} | {
|
|
36
|
-
field: string;
|
|
37
|
-
cellRenderer: typeof ImageRenderer;
|
|
38
|
-
headerCheckboxSelection?: undefined;
|
|
39
|
-
checkboxSelection?: undefined;
|
|
40
|
-
showDisabledCheckboxes?: undefined;
|
|
41
|
-
wrapText?: undefined;
|
|
42
|
-
autoHeight?: undefined;
|
|
43
|
-
width?: undefined;
|
|
44
|
-
valueFormatter?: undefined;
|
|
45
|
-
} | {
|
|
46
|
-
field: string;
|
|
47
|
-
wrapText: boolean;
|
|
48
|
-
autoHeight: boolean;
|
|
49
|
-
cellRenderer: typeof CustomRenderer;
|
|
50
|
-
headerCheckboxSelection?: undefined;
|
|
51
|
-
checkboxSelection?: undefined;
|
|
52
|
-
showDisabledCheckboxes?: undefined;
|
|
53
|
-
width?: undefined;
|
|
54
|
-
valueFormatter?: undefined;
|
|
55
|
-
} | {
|
|
56
|
-
field: string;
|
|
57
|
-
valueFormatter: string;
|
|
58
|
-
headerCheckboxSelection?: undefined;
|
|
59
|
-
checkboxSelection?: undefined;
|
|
60
|
-
showDisabledCheckboxes?: undefined;
|
|
61
|
-
wrapText?: undefined;
|
|
62
|
-
autoHeight?: undefined;
|
|
63
|
-
width?: undefined;
|
|
64
|
-
cellRenderer?: undefined;
|
|
65
|
-
})[];
|
|
66
|
-
defaultColDef: {
|
|
67
|
-
sortable: boolean;
|
|
68
|
-
flex: number;
|
|
69
|
-
};
|
|
70
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","sources":["../../../src/components/container/container.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport MuiContainer from '@mui/material/Container';\n/**\n * @description SkodaFlow Container component.\n * Properties are inherited from HTML Container element.\n * @param props ContainerProps\n * @returns React Functional Component\n * @deprecated this Component is deprecated. Use Container from @mui/material instead\n */\nexport const Container = (props) => {\n return (_jsx(MuiContainer, Object.assign({}, props, { className: props.className + ' ' + (props.narrow && 'narrow'), \"data-testid\": \"Container\", children: props.children })));\n};\n//# sourceMappingURL=container.js.map"],"names":["Container","props","_jsx","MuiContainer","Object","assign","className","narrow","children"],"mappings":"+EASY,MAACA,EAAaC,GACdC,EAAKC,EAAcC,OAAOC,OAAO,CAAE,EAAEJ,EAAO,CAAEK,UAAWL,EAAMK,UAAY,KAAOL,EAAMM,QAAU,UAAW,cAAe,YAAaC,SAAUP,EAAMO"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/** @deprecated use Tab component from @mui/material instead */
|
|
2
|
-
declare const useTabs: () => {
|
|
3
|
-
handleOverflowingTabs: (tabsRef: any, windowWidth: any, children: any, setMenuChildren: any) => void;
|
|
4
|
-
handleIsMobileView: (variantSecondaryNavigation: any, isMobileView: any, setIsMobileView: any, setWindowWidth: any) => void;
|
|
5
|
-
a11yProps: (index: string | number) => {
|
|
6
|
-
id: string;
|
|
7
|
-
'aria-controls': string;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
export default useTabs;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{useTheme as e}from"@mui/material";import i,{useCallback as t}from"react";const o=()=>{const o=e();return{handleOverflowingTabs:t(((e,t,o,s)=>{const l=e.current.closest("div").querySelectorAll("div")[1],r=l.querySelectorAll(".MuiTab-root"),n=[...r].find((e=>"simple-tab-more"===e.id));r.forEach((e=>{e.style.display="inline-flex"}));const a=[],d=l.offsetWidth,f=[...r].filter((e=>"simple-tab-more"!==e.id)),p=n.offsetWidth+58;if(f.forEach((e=>{d<=e.offsetLeft+(e.offsetWidth+p)&&(e.style.display="none",a.push(e.id))})),a.length){const e=[];a.forEach((t=>{const s=i.Children.toArray(o).find((e=>t==="simple-tab-"+e.props.value));s&&e.push(s)})),s(e)}else n.style.display="none"}),[o.breakpoints.values.lg]),handleIsMobileView:t(((e,i,t,s)=>{s(window.innerWidth),e&&(window.innerWidth<=o.breakpoints.values.md&&!i?t(!0):window.innerWidth>o.breakpoints.values.md&&t(!1))}),[o.breakpoints.values.md]),a11yProps:t((e=>({id:`simple-tab-${e}`,"aria-controls":`simple-tabpanel-${e}`})),[])}};export{o as default};
|
|
2
|
-
//# sourceMappingURL=useTabs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTabs.js","sources":["../../../../src/components/tab/hook/useTabs.ts"],"sourcesContent":["import { useTheme } from '@mui/material';\nimport React, { useCallback } from 'react';\n/** @deprecated use Tab component from @mui/material instead */\nconst useTabs = () => {\n const theme = useTheme();\n //HANDLE THE RENDER OF THE MORE BTN TABS AND THE OVERFLOWING TABS THAT MUST BE SHOWN INSIDE THE DROPDOWN\n const handleOverflowingTabs = useCallback((tabsRef, windowWidth, children, setMenuChildren) => {\n const tabsListParent = tabsRef.current.closest('div');\n const tabsListContainer = tabsListParent.querySelectorAll('div')[1];\n const tabsList = tabsListContainer.querySelectorAll('.MuiTab-root');\n const moreBtn = [...tabsList].find((item) => item.id === 'simple-tab-more');\n tabsList.forEach((item) => {\n item.style.display = 'inline-flex';\n });\n //if the screen size is desktop view, handle more btn, else hide more btn\n const hiddenItems = [];\n const primaryWidth = tabsListContainer.offsetWidth;\n const primaryItems = [...tabsList].filter((item) => item.id !== 'simple-tab-more');\n const moreBtnWidth = moreBtn.offsetWidth + 58;\n //we are hiding tabs if the overflow the tabs container\n primaryItems.forEach((item) => {\n if (primaryWidth <= item.offsetLeft + (item.offsetWidth + moreBtnWidth)) {\n item.style.display = 'none';\n hiddenItems.push(item.id);\n }\n });\n // if there are hidden elements (overflowing) show the more tabs and add hidden elements inisde the menu list\n //else hide more button\n if (!hiddenItems.length) {\n moreBtn.style.display = 'none';\n }\n else {\n const arr = [];\n hiddenItems.forEach((item) => {\n const filteredChildren = React.Children.toArray(children).find((child) => item === 'simple-tab-' + child.props.value);\n if (filteredChildren) {\n arr.push(filteredChildren);\n }\n });\n setMenuChildren(arr);\n }\n }, [theme.breakpoints.values.lg]);\n const handleIsMobileView = useCallback((variantSecondaryNavigation, isMobileView, setIsMobileView, setWindowWidth) => {\n setWindowWidth(window.innerWidth);\n if (variantSecondaryNavigation) {\n if (window.innerWidth <= theme.breakpoints.values.md && !isMobileView) {\n setIsMobileView(true);\n }\n else if (window.innerWidth > theme.breakpoints.values.md) {\n setIsMobileView(false);\n }\n }\n }, [theme.breakpoints.values.md]);\n //Returns the id and the aria controls for the tab component\n const a11yProps = useCallback((index) => {\n return {\n id: `simple-tab-${index}`,\n 'aria-controls': `simple-tabpanel-${index}`,\n };\n }, []);\n return {\n handleOverflowingTabs,\n handleIsMobileView,\n a11yProps,\n };\n};\nexport default useTabs;\n//# sourceMappingURL=useTabs.js.map"],"names":["useTabs","theme","useTheme","handleOverflowingTabs","useCallback","tabsRef","windowWidth","children","setMenuChildren","tabsListContainer","current","closest","querySelectorAll","tabsList","moreBtn","find","item","id","forEach","style","display","hiddenItems","primaryWidth","offsetWidth","primaryItems","filter","moreBtnWidth","offsetLeft","push","length","arr","filteredChildren","React","Children","toArray","child","props","value","breakpoints","values","lg","handleIsMobileView","variantSecondaryNavigation","isMobileView","setIsMobileView","setWindowWidth","window","innerWidth","md","a11yProps","index"],"mappings":"gFAGK,MAACA,EAAU,KACZ,MAAMC,EAAQC,IAwDd,MAAO,CACHC,sBAvD0BC,GAAY,CAACC,EAASC,EAAaC,EAAUC,KACvE,MACMC,EADiBJ,EAAQK,QAAQC,QAAQ,OACNC,iBAAiB,OAAO,GAC3DC,EAAWJ,EAAkBG,iBAAiB,gBAC9CE,EAAU,IAAID,GAAUE,MAAMC,GAAqB,oBAAZA,EAAKC,KAClDJ,EAASK,SAASF,IACdA,EAAKG,MAAMC,QAAU,aAAa,IAGtC,MAAMC,EAAc,GACdC,EAAeb,EAAkBc,YACjCC,EAAe,IAAIX,GAAUY,QAAQT,GAAqB,oBAAZA,EAAKC,KACnDS,EAAeZ,EAAQS,YAAc,GAU3C,GARAC,EAAaN,SAASF,IACdM,GAAgBN,EAAKW,YAAcX,EAAKO,YAAcG,KACtDV,EAAKG,MAAMC,QAAU,OACrBC,EAAYO,KAAKZ,EAAKC,IACzB,IAIAI,EAAYQ,OAGZ,CACD,MAAMC,EAAM,GACZT,EAAYH,SAASF,IACjB,MAAMe,EAAmBC,EAAMC,SAASC,QAAQ3B,GAAUQ,MAAMoB,GAAUnB,IAAS,cAAgBmB,EAAMC,MAAMC,QAC3GN,GACAD,EAAIF,KAAKG,EACZ,IAELvB,EAAgBsB,EACnB,MAXGhB,EAAQK,MAAMC,QAAU,MAW3B,GACF,CAACnB,EAAMqC,YAAYC,OAAOC,KAqBzBC,mBApBuBrC,GAAY,CAACsC,EAA4BC,EAAcC,EAAiBC,KAC/FA,EAAeC,OAAOC,YAClBL,IACII,OAAOC,YAAc9C,EAAMqC,YAAYC,OAAOS,KAAOL,EACrDC,GAAgB,GAEXE,OAAOC,WAAa9C,EAAMqC,YAAYC,OAAOS,IAClDJ,GAAgB,GAEvB,GACF,CAAC3C,EAAMqC,YAAYC,OAAOS,KAWzBC,UATc7C,GAAa8C,IACpB,CACHjC,GAAI,cAAciC,IAClB,gBAAiB,mBAAmBA,OAEzC,IAKF"}
|