@fluentui/react-teaching-popover 9.1.8 → 9.1.10
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/CHANGELOG.md +37 -2
- package/lib/TeachingPopover.js.map +1 -1
- package/lib/TeachingPopoverBody.js.map +1 -1
- package/lib/TeachingPopoverCarousel.js.map +1 -1
- package/lib/TeachingPopoverCarouselCard.js.map +1 -1
- package/lib/TeachingPopoverCarouselFooter.js.map +1 -1
- package/lib/TeachingPopoverCarouselFooterButton.js.map +1 -1
- package/lib/TeachingPopoverCarouselNav.js.map +1 -1
- package/lib/TeachingPopoverCarouselNavButton.js.map +1 -1
- package/lib/TeachingPopoverCarouselPageCount.js.map +1 -1
- package/lib/TeachingPopoverFooter.js.map +1 -1
- package/lib/TeachingPopoverHeader.js.map +1 -1
- package/lib/TeachingPopoverSurface.js.map +1 -1
- package/lib/TeachingPopoverTitle.js.map +1 -1
- package/lib/TeachingPopoverTrigger.js.map +1 -1
- package/lib/components/TeachingPopover/TeachingPopover.js.map +1 -1
- package/lib/components/TeachingPopover/TeachingPopover.types.js +3 -1
- package/lib/components/TeachingPopover/TeachingPopover.types.js.map +1 -1
- package/lib/components/TeachingPopover/index.js.map +1 -1
- package/lib/components/TeachingPopover/renderTeachingPopover.js.map +1 -1
- package/lib/components/TeachingPopover/useTeachingPopover.js.map +1 -1
- package/lib/components/TeachingPopoverBody/TeachingPopoverBody.js.map +1 -1
- package/lib/components/TeachingPopoverBody/TeachingPopoverBody.types.js.map +1 -1
- package/lib/components/TeachingPopoverBody/index.js.map +1 -1
- package/lib/components/TeachingPopoverBody/renderTeachingPopoverBody.js.map +1 -1
- package/lib/components/TeachingPopoverBody/useTeachingPopoverBody.js.map +1 -1
- package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js +2 -0
- package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/Carousel/Carousel.js +1 -0
- package/lib/components/TeachingPopoverCarousel/Carousel/Carousel.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/Carousel/Carousel.types.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/Carousel/CarouselContext.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types.js +3 -1
- package/lib/components/TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/Carousel/CarouselItem/renderCarouselItem.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/Carousel/CarouselItem/useCarouselItem.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/Carousel/constants.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/Carousel/createCarouselStore.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/Carousel/useCarouselValues.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/Carousel/useCarouselWalker.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/TeachingPopoverCarousel.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.js +3 -1
- package/lib/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/index.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/renderTeachingPopoverCarousel.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarousel.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarouselContextValues.js.map +1 -1
- package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js +2 -0
- package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.types.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselCard/index.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselCard/renderTeachingPopoverCarouselCard.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCard.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js +2 -0
- package/lib/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.types.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselFooter/index.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselFooter/renderTeachingPopoverCarouselFooter.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooter.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js +2 -0
- package/lib/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types.js +3 -1
- package/lib/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselFooterButton/index.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselFooterButton/renderTeachingPopoverCarouselFooterButton.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButton.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js +2 -0
- package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNav/TeachingPopoverCarouselNav.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNav/TeachingPopoverCarouselNav.types.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNav/index.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNav/renderTeachingPopoverCarouselNav.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNav.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js +2 -0
- package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNav/valueIdContext.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.types.js +3 -1
- package/lib/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.types.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNavButton/index.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNavButton/renderTeachingPopoverCarouselNavButton.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButton.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js +12 -6
- package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselPageCount/TeachingPopoverCarouselPageCount.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselPageCount/TeachingPopoverCarouselPageCount.types.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselPageCount/index.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselPageCount/renderTeachingPopoverCarouselPageCount.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCount.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.js +2 -0
- package/lib/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverFooter/TeachingPopoverFooter.js.map +1 -1
- package/lib/components/TeachingPopoverFooter/TeachingPopoverFooter.types.js.map +1 -1
- package/lib/components/TeachingPopoverFooter/index.js.map +1 -1
- package/lib/components/TeachingPopoverFooter/renderTeachingPopoverFooter.js.map +1 -1
- package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooter.js.map +1 -1
- package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js +2 -0
- package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverHeader/TeachingPopoverHeader.js.map +1 -1
- package/lib/components/TeachingPopoverHeader/TeachingPopoverHeader.types.js.map +1 -1
- package/lib/components/TeachingPopoverHeader/index.js.map +1 -1
- package/lib/components/TeachingPopoverHeader/renderTeachingPopoverHeader.js.map +1 -1
- package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeader.js.map +1 -1
- package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js +2 -0
- package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverSurface/TeachingPopoverSurface.js.map +1 -1
- package/lib/components/TeachingPopoverSurface/TeachingPopoverSurface.types.js +3 -1
- package/lib/components/TeachingPopoverSurface/TeachingPopoverSurface.types.js.map +1 -1
- package/lib/components/TeachingPopoverSurface/index.js.map +1 -1
- package/lib/components/TeachingPopoverSurface/renderTeachingPopoverSurface.js.map +1 -1
- package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurface.js.map +1 -1
- package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +2 -0
- package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverTitle/TeachingPopoverTitle.js.map +1 -1
- package/lib/components/TeachingPopoverTitle/TeachingPopoverTitle.types.js +3 -1
- package/lib/components/TeachingPopoverTitle/TeachingPopoverTitle.types.js.map +1 -1
- package/lib/components/TeachingPopoverTitle/index.js.map +1 -1
- package/lib/components/TeachingPopoverTitle/renderTeachingPopoverTitle.js.map +1 -1
- package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitle.js.map +1 -1
- package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js +2 -0
- package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverTrigger/TeachingPopoverTrigger.js.map +1 -1
- package/lib/components/TeachingPopoverTrigger/TeachingPopoverTrigger.types.js +3 -1
- package/lib/components/TeachingPopoverTrigger/TeachingPopoverTrigger.types.js.map +1 -1
- package/lib/components/TeachingPopoverTrigger/index.js.map +1 -1
- package/lib/components/TeachingPopoverTrigger/renderTeachingPopoverTrigger.js.map +1 -1
- package/lib/components/TeachingPopoverTrigger/useTeachingPopoverTrigger.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/TeachingPopover.js.map +1 -1
- package/lib-commonjs/TeachingPopoverBody.js.map +1 -1
- package/lib-commonjs/TeachingPopoverCarousel.js.map +1 -1
- package/lib-commonjs/TeachingPopoverCarouselCard.js.map +1 -1
- package/lib-commonjs/TeachingPopoverCarouselFooter.js.map +1 -1
- package/lib-commonjs/TeachingPopoverCarouselFooterButton.js.map +1 -1
- package/lib-commonjs/TeachingPopoverCarouselNav.js.map +1 -1
- package/lib-commonjs/TeachingPopoverCarouselNavButton.js.map +1 -1
- package/lib-commonjs/TeachingPopoverCarouselPageCount.js.map +1 -1
- package/lib-commonjs/TeachingPopoverFooter.js.map +1 -1
- package/lib-commonjs/TeachingPopoverHeader.js.map +1 -1
- package/lib-commonjs/TeachingPopoverSurface.js.map +1 -1
- package/lib-commonjs/TeachingPopoverTitle.js.map +1 -1
- package/lib-commonjs/TeachingPopoverTrigger.js.map +1 -1
- package/lib-commonjs/components/TeachingPopover/TeachingPopover.js.map +1 -1
- package/lib-commonjs/components/TeachingPopover/TeachingPopover.types.js +3 -1
- package/lib-commonjs/components/TeachingPopover/TeachingPopover.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopover/index.js.map +1 -1
- package/lib-commonjs/components/TeachingPopover/renderTeachingPopover.js.map +1 -1
- package/lib-commonjs/components/TeachingPopover/useTeachingPopover.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverBody/TeachingPopoverBody.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverBody/TeachingPopoverBody.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverBody/index.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverBody/renderTeachingPopoverBody.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBody.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js +1 -0
- package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/Carousel.js +1 -0
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/Carousel.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/Carousel.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselContext.js +3 -3
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselContext.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types.js +3 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/renderCarouselItem.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/useCarouselItem.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/constants.js +3 -3
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/constants.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/createCarouselStore.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/useCarouselValues.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/useCarouselWalker.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/TeachingPopoverCarousel.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.js +3 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/index.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/renderTeachingPopoverCarousel.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarousel.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselContextValues.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js +1 -0
- package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselCard/index.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselCard/renderTeachingPopoverCarouselCard.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCard.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js +1 -0
- package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooter/index.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooter/renderTeachingPopoverCarouselFooter.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooter.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js +1 -0
- package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types.js +3 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/index.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/renderTeachingPopoverCarouselFooterButton.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButton.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js +1 -0
- package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNav/TeachingPopoverCarouselNav.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNav/TeachingPopoverCarouselNav.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNav/index.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNav/renderTeachingPopoverCarouselNav.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNav.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js +1 -0
- package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNav/valueIdContext.js +4 -4
- package/lib-commonjs/components/TeachingPopoverCarouselNav/valueIdContext.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.types.js +3 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNavButton/index.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNavButton/renderTeachingPopoverCarouselNavButton.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButton.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js +15 -5
- package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselPageCount/TeachingPopoverCarouselPageCount.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselPageCount/TeachingPopoverCarouselPageCount.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselPageCount/index.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselPageCount/renderTeachingPopoverCarouselPageCount.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCount.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.js +1 -0
- package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverFooter/TeachingPopoverFooter.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverFooter/TeachingPopoverFooter.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverFooter/index.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverFooter/renderTeachingPopoverFooter.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooter.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js +1 -0
- package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverHeader/TeachingPopoverHeader.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverHeader/TeachingPopoverHeader.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverHeader/index.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverHeader/renderTeachingPopoverHeader.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeader.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js +1 -0
- package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverSurface/TeachingPopoverSurface.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverSurface/TeachingPopoverSurface.types.js +3 -1
- package/lib-commonjs/components/TeachingPopoverSurface/TeachingPopoverSurface.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverSurface/index.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverSurface/renderTeachingPopoverSurface.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurface.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +1 -0
- package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverTitle/TeachingPopoverTitle.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverTitle/TeachingPopoverTitle.types.js +3 -1
- package/lib-commonjs/components/TeachingPopoverTitle/TeachingPopoverTitle.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverTitle/index.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverTitle/renderTeachingPopoverTitle.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitle.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js +1 -0
- package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverTrigger/TeachingPopoverTrigger.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverTrigger/TeachingPopoverTrigger.types.js +3 -1
- package/lib-commonjs/components/TeachingPopoverTrigger/TeachingPopoverTrigger.types.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverTrigger/index.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverTrigger/renderTeachingPopoverTrigger.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverTrigger/useTeachingPopoverTrigger.js.map +1 -1
- package/lib-commonjs/index.js +128 -128
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +11 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverFooter.
|
|
1
|
+
{"version":3,"sources":["TeachingPopoverFooter.ts"],"sourcesContent":["export * from './components/TeachingPopoverFooter';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverHeader.
|
|
1
|
+
{"version":3,"sources":["TeachingPopoverHeader.ts"],"sourcesContent":["export * from './components/TeachingPopoverHeader/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverSurface.
|
|
1
|
+
{"version":3,"sources":["TeachingPopoverSurface.ts"],"sourcesContent":["export * from './components/TeachingPopoverSurface/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverTitle.
|
|
1
|
+
{"version":3,"sources":["TeachingPopoverTitle.ts"],"sourcesContent":["export * from './components/TeachingPopoverTitle/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverTrigger.
|
|
1
|
+
{"version":3,"sources":["TeachingPopoverTrigger.ts"],"sourcesContent":["export * from './components/TeachingPopoverTrigger/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopover.
|
|
1
|
+
{"version":3,"sources":["TeachingPopover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopover_unstable } from './useTeachingPopover';\nimport { renderTeachingPopover_unstable } from './renderTeachingPopover';\nimport type { TeachingPopoverProps } from './TeachingPopover.types';\n\n/**\n * An extension class of Popover which defaults to withArrow and FocusTrap enabled.\n */\nexport const TeachingPopover: React.FC<TeachingPopoverProps> = props => {\n const state = useTeachingPopover_unstable(props);\n\n return renderTeachingPopover_unstable(state);\n};\n\nTeachingPopover.displayName = 'TeachingPopover';\n"],"names":["TeachingPopover","props","state","useTeachingPopover_unstable","renderTeachingPopover_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;oCACqB;uCACG;AAMxC,MAAMA,kBAAkDC,CAAAA;IAC7D,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BF;IAE1C,OAAOG,IAAAA,qDAAAA,EAA+BF;AACxC;AAEAF,gBAAgBK,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["TeachingPopover.types.ts"],"sourcesContent":["import type { PopoverState, PopoverProps } from '@fluentui/react-popover';\n\n/**\n * TeachingPopover Props\n */\nexport type TeachingPopoverProps = PopoverProps;\n\n/**\n * TeachingPopover State\n */\nexport type TeachingPopoverState = PopoverState;\n"],"names":[],"rangeMappings":";;","mappings":"AAOA;;CAEC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopover';\nexport * from './TeachingPopover.types';\nexport * from './renderTeachingPopover';\nexport * from './useTeachingPopover';\n"],"names":[],"rangeMappings":";;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderTeachingPopover.
|
|
1
|
+
{"version":3,"sources":["renderTeachingPopover.tsx"],"sourcesContent":["import { renderPopover_unstable } from '@fluentui/react-popover';\n\n/**\n * Render the final JSX of TeachingPopover\n */\nexport const renderTeachingPopover_unstable = renderPopover_unstable;\n"],"names":["renderTeachingPopover_unstable","renderPopover_unstable"],"rangeMappings":";;;;;;;;;;;","mappings":";;;;+BAKaA;;;eAAAA;;;8BAL0B;AAKhC,MAAMA,iCAAiCC,oCAAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTeachingPopover.
|
|
1
|
+
{"version":3,"sources":["useTeachingPopover.ts"],"sourcesContent":["import { usePopover_unstable } from '@fluentui/react-popover';\nimport type { TeachingPopoverProps, TeachingPopoverState } from './TeachingPopover.types';\n\nexport const useTeachingPopover_unstable = (props: TeachingPopoverProps): TeachingPopoverState => {\n const popoverState = usePopover_unstable(props);\n\n return {\n ...popoverState,\n withArrow: props.withArrow ?? true,\n // We trap focus because the default TeachingPopover view has buttons/carousel.\n trapFocus: props.trapFocus ?? true,\n };\n};\n"],"names":["useTeachingPopover_unstable","props","popoverState","usePopover_unstable","withArrow","trapFocus"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;8BAHuB;AAG7B,MAAMA,8BAA8B,CAACC;IAC1C,MAAMC,eAAeC,IAAAA,iCAAAA,EAAoBF;QAI5BA,kBAEAA;IAJb,OAAO;QACL,GAAGC,YAAY;QACfE,WAAWH,CAAAA,mBAAAA,MAAMG,SAAS,AAATA,MAAS,QAAfH,qBAAAA,KAAAA,IAAAA,mBAAmB;QAC9B,+EAA+E;QAC/EI,WAAWJ,CAAAA,mBAAAA,MAAMI,SAAS,AAATA,MAAS,QAAfJ,qBAAAA,KAAAA,IAAAA,mBAAmB;IAChC;AACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverBody.
|
|
1
|
+
{"version":3,"sources":["TeachingPopoverBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverBody_unstable } from './useTeachingPopoverBody';\nimport { renderTeachingPopoverBody_unstable } from './renderTeachingPopoverBody';\nimport { useTeachingPopoverBodyStyles_unstable } from './useTeachingPopoverBodyStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { TeachingPopoverBodyProps } from './TeachingPopoverBody.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverBody, using the `useTeachingPopoverBody_unstable` and `useTeachingPopoverBodyStyles_unstable`\n * hooks.\n *\n * TeachingPopoverBody is used to host content within a TeachingPopover, and provides a standardized media slot\n */\nexport const TeachingPopoverBody: ForwardRefComponent<TeachingPopoverBodyProps> = React.forwardRef((props, ref) => {\n const state = useTeachingPopoverBody_unstable(props, ref);\n\n useTeachingPopoverBodyStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTeachingPopoverBodyStyles_unstable')(state);\n\n return renderTeachingPopoverBody_unstable(state);\n});\n\nTeachingPopoverBody.displayName = 'TeachingPopoverBody';\n"],"names":["TeachingPopoverBody","React","forwardRef","props","ref","state","useTeachingPopoverBody_unstable","useTeachingPopoverBodyStyles_unstable","useCustomStyleHook_unstable","renderTeachingPopoverBody_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;wCACyB;2CACG;oDACG;qCACV;AAUrC,MAAMA,sBAAAA,WAAAA,GAAqEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACzG,MAAMC,QAAQC,IAAAA,uDAAAA,EAAgCH,OAAOC;IAErDG,IAAAA,yEAAAA,EAAsCF;IAEtCG,IAAAA,gDAAAA,EAA4B,yCAAyCH;IAErE,OAAOI,IAAAA,6DAAAA,EAAmCJ;AAC5C;AAEAL,oBAAoBU,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["TeachingPopoverBody.types.ts"],"sourcesContent":["import { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverBodySlots = {\n /**\n * The element wrapping the buttons.\n */\n root: NonNullable<Slot<'div'>>;\n /**\n * Optional Media Content.\n */\n media?: Slot<'span'>;\n};\n\nexport type TeachingPopoverBodyProps = ComponentProps<TeachingPopoverBodySlots> & {\n mediaLength?: 'short' | 'medium' | 'tall';\n};\n\nexport type TeachingPopoverBodyState = ComponentState<TeachingPopoverBodySlots> &\n Required<Pick<TeachingPopoverBodyProps, 'mediaLength'>>;\n"],"names":[],"rangeMappings":"","mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverBody';\nexport * from './TeachingPopoverBody.types';\nexport * from './renderTeachingPopoverBody';\nexport * from './useTeachingPopoverBody';\nexport * from './useTeachingPopoverBodyStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderTeachingPopoverBody.
|
|
1
|
+
{"version":3,"sources":["renderTeachingPopoverBody.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverBodyState } from './TeachingPopoverBody.types';\nimport { TeachingPopoverBodySlots } from './TeachingPopoverBody.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverBody\n */\nexport const renderTeachingPopoverBody_unstable = (state: TeachingPopoverBodyState) => {\n assertSlots<TeachingPopoverBodySlots>(state);\n\n return (\n <state.root>\n {state.media && <state.media />}\n {state.root.children}\n </state.root>\n );\n};\n"],"names":["renderTeachingPopoverBody_unstable","state","assertSlots","_jsxs","root","media","_jsx","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAG4B;AAKrB,MAAMA,qCAAqC,CAACC;IACjDC,IAAAA,2BAAAA,EAAsCD;IAEtC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,KAAK,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,KAAK,EAAA,CAAA;YAC3BJ,MAAMG,IAAI,CAACG,QAAQ;;;AAG1B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTeachingPopoverBody.
|
|
1
|
+
{"version":3,"sources":["useTeachingPopoverBody.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverBodyProps, TeachingPopoverBodyState } from './TeachingPopoverBody.types';\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverBody properties\n * @param ref - reference to root HTMLElement of TeachingPopoverBody\n */\nexport const useTeachingPopoverBody_unstable = (\n props: TeachingPopoverBodyProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverBodyState => {\n const { mediaLength } = props;\n\n return {\n components: {\n root: 'div',\n media: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n media: slot.optional(props.media, { elementType: 'span' }),\n mediaLength: mediaLength ?? 'short',\n };\n};\n"],"names":["useTeachingPopoverBody_unstable","props","ref","mediaLength","components","root","media","slot","always","getIntrinsicElementProps","elementType","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;gCACwB;AAOxC,MAAMA,kCAAkC,CAC7CC,OACAC;IAEA,MAAM,EAAEC,WAAW,EAAE,GAAGF;IAExB,OAAO;QACLG,YAAY;YACVC,MAAM;YACNC,OAAO;QACT;QACAD,MAAME,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BP;YACA,GAAGD,KAAK;QACV,IACA;YAAES,aAAa;QAAM;QAEvBJ,OAAOC,oBAAAA,CAAKI,QAAQ,CAACV,MAAMK,KAAK,EAAE;YAAEI,aAAa;QAAO;QACxDP,aAAaA,gBAAAA,QAAAA,gBAAAA,KAAAA,IAAAA,cAAe;IAC9B;AACF"}
|
package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverBodyClassNames = {\n root: 'fui-TeachingPopoverBody',\n media: 'fui-TeachingPopoverBody__media'\n};\nconst popoverBodyDimension = 288;\nexport const useMediaStyles = makeStyles({\n base: {\n gridArea: 'media',\n overflow: 'hidden',\n width: `${popoverBodyDimension}px`,\n marginBottom: '12px',\n verticalAlign: 'middle',\n justifyContent: 'center',\n display: 'flex'\n },\n short: {\n aspectRatio: popoverBodyDimension / 117,\n '@supports not (aspect-ratio)': {\n height: '117px'\n }\n },\n medium: {\n aspectRatio: popoverBodyDimension / 176,\n '@supports not (aspect-ratio)': {\n height: '176px'\n }\n },\n tall: {\n aspectRatio: popoverBodyDimension / popoverBodyDimension,\n '@supports not (aspect-ratio)': {\n height: `${popoverBodyDimension}px`\n }\n }\n});\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n paddingBottom: '12px'\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverBodyStyles_unstable = (state)=>{\n 'use no memo';\n const { mediaLength } = state;\n const styles = useStyles();\n const mediaStyles = useMediaStyles();\n state.root.className = mergeClasses(teachingPopoverBodyClassNames.root, styles.root, state.root.className);\n if (state.media) {\n state.media.className = mergeClasses(teachingPopoverBodyClassNames.media, mediaStyles.base, mediaStyles[mediaLength], state.media.className);\n }\n return state;\n};\n"],"names":["teachingPopoverBodyClassNames","useMediaStyles","useTeachingPopoverBodyStyles_unstable","root","media","popoverBodyDimension","__styles","base","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","B68tc82","Bmxbyg5","Bpg54ce","a9b677","jrapky","ha4doy","Brf1p80","mc9l5x","short","Bubjx69","Bmuttt3","medium","tall","d","p","t","useStyles","Beiy3e4","Byoj8tv","state","mediaLength","styles","mediaStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,6BAA6B;eAA7BA;;IAKAC,cAAc;eAAdA;;IAoCyCC,qCAAqC;eAArCA;;;uBA1Cb;AAClC,MAAMF,gCAAgC;IACzCG,MAAM;IACNC,OAAO;AACX;AACA,MAAMC,uBAAuB;AACtB,MAAMJ,iBAAc,WAAA,GAAGK,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,OAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,QAAA;QAAAF,SAAA;QAAAC,SAAA;IAAA;IAAAE,MAAA;QAAAH,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAG,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AA6B9B,MAAMC,YAAS,WAAA,GAAGvB,IAAAA,eAAA,EAAA;IAAAH,MAAA;QAAAiB,QAAA;QAAAU,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAL,GAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAO8B,MAAMxB,wCAAyC8B,CAAAA;IAC3F;IACA,MAAM,EAAEC,WAAAA,EAAa,GAAGD;IACxB,MAAME,SAASL;IACf,MAAMM,cAAclC;IACpB+B,MAAM7B,IAAI,CAACiC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,8BAA8BG,IAAI,EAAE+B,OAAO/B,IAAI,EAAE6B,MAAM7B,IAAI,CAACiC,SAAS;IACzG,IAAIJ,MAAM5B,KAAK,EAAE;QACb4B,MAAM5B,KAAK,CAACgC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,8BAA8BI,KAAK,EAAE+B,YAAY5B,IAAI,EAAE4B,WAAW,CAACF,YAAY,EAAED,MAAM5B,KAAK,CAACgC,SAAS;IAC/I;IACA,OAAOJ;AACX"}
|
|
@@ -16,6 +16,7 @@ const _constants = require("./constants");
|
|
|
16
16
|
const _useCarouselWalker = require("./useCarouselWalker");
|
|
17
17
|
const _createCarouselStore = require("./createCarouselStore");
|
|
18
18
|
function useCarousel_unstable(options) {
|
|
19
|
+
'use no memo';
|
|
19
20
|
const { onValueChange, onFinish } = options;
|
|
20
21
|
const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
|
|
21
22
|
const win = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Carousel.js"],"sourcesContent":["import * as React from 'react';\nimport { isHTMLElement, useMergedRefs, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { CAROUSEL_ITEM } from './constants';\nimport { useCarouselWalker_unstable } from './useCarouselWalker';\nimport { createCarouselStore } from './createCarouselStore';\n// TODO: Migrate this into an external @fluentui/carousel component\n// For now, we won't export this publicly, is only for internal TeachingPopover use until stabilized.\nexport function useCarousel_unstable(options) {\n const { onValueChange, onFinish } = options;\n const { targetDocument } = useFluent();\n const win = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;\n const { ref: carouselRef, walker: carouselWalker } = useCarouselWalker_unstable();\n const [store] = React.useState(()=>createCarouselStore());\n const [value, setValue] = useControllableState({\n defaultState: options.defaultValue,\n state: options.value,\n initialState: null\n });\n const rootRef = React.useRef(null);\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(()=>{\n if (value === null) {\n // eslint-disable-next-line no-console\n console.error('useCarousel: Carousel needs to have a `defaultValue` or `value` prop set. If you want to control the value, use the `value` prop.');\n }\n }, [\n value\n ]);\n }\n React.useEffect(()=>{\n var _rootRef_current;\n const allItems = (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelectorAll(`[${CAROUSEL_ITEM}]`);\n for(let i = 0; i < allItems.length; i++){\n store.addValue(allItems.item(i).getAttribute(CAROUSEL_ITEM));\n }\n return ()=>{\n store.clear();\n };\n }, [\n store\n ]);\n React.useEffect(()=>{\n if (!win) {\n return;\n }\n const config = {\n attributes: true,\n attributeFilter: [\n CAROUSEL_ITEM\n ],\n childList: true,\n subtree: true\n };\n // Callback function to execute when mutations are observed\n const callback = (mutationList)=>{\n for (const mutation of mutationList){\n for (const addedNode of Array.from(mutation.addedNodes)){\n if (isHTMLElement(addedNode) && addedNode.hasAttribute(CAROUSEL_ITEM)) {\n const newValue = addedNode.getAttribute(CAROUSEL_ITEM);\n const newNode = carouselWalker.find(newValue);\n if (!(newNode === null || newNode === void 0 ? void 0 : newNode.value)) {\n return;\n }\n const previousNode = carouselWalker.prevPage(newNode === null || newNode === void 0 ? void 0 : newNode.value);\n var _previousNode_value;\n store.insertValue(newValue, (_previousNode_value = previousNode === null || previousNode === void 0 ? void 0 : previousNode.value) !== null && _previousNode_value !== void 0 ? _previousNode_value : null);\n }\n }\n for (const removedNode of Array.from(mutation.removedNodes)){\n if (isHTMLElement(removedNode) && (removedNode === null || removedNode === void 0 ? void 0 : removedNode.hasAttribute(CAROUSEL_ITEM))) {\n const removedValue = removedNode.getAttribute(CAROUSEL_ITEM);\n store.removeValue(removedValue);\n }\n }\n }\n };\n // Create an observer instance linked to the callback function\n const observer = new win.MutationObserver(callback);\n // Start observing the target node for configured mutations\n observer.observe(rootRef.current, config);\n // Later, you can stop observing\n return ()=>{\n observer.disconnect();\n };\n }, [\n carouselWalker,\n store,\n win\n ]);\n const selectPageByDirection = useEventCallback((event, direction)=>{\n const active = carouselWalker.active();\n if (!(active === null || active === void 0 ? void 0 : active.value)) {\n return;\n }\n const newPage = direction === 'prev' ? carouselWalker.prevPage(active.value) : carouselWalker.nextPage(active.value);\n if (newPage) {\n setValue(newPage === null || newPage === void 0 ? void 0 : newPage.value);\n onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(event, {\n event,\n type: 'click',\n value: newPage === null || newPage === void 0 ? void 0 : newPage.value\n });\n } else {\n onFinish === null || onFinish === void 0 ? void 0 : onFinish(event, {\n event,\n type: 'click',\n value: active === null || active === void 0 ? void 0 : active.value\n });\n }\n });\n const selectPageByValue = useEventCallback((event, _value)=>{\n setValue(_value);\n onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(event, {\n event,\n type: 'click',\n value: _value\n });\n });\n return {\n carouselRef: useMergedRefs(rootRef, carouselRef),\n carousel: {\n store,\n value,\n selectPageByDirection,\n selectPageByValue\n }\n };\n}\n"],"names":["useCarousel_unstable","options","onValueChange","onFinish","targetDocument","useFluent","win","defaultView","ref","carouselRef","walker","carouselWalker","useCarouselWalker_unstable","store","React","useState","createCarouselStore","value","setValue","useControllableState","defaultState","defaultValue","state","initialState","rootRef","useRef","process","env","NODE_ENV","useEffect","console","error","_rootRef_current","allItems","current","querySelectorAll","CAROUSEL_ITEM","i","length","addValue","item","getAttribute","clear","config","attributes","attributeFilter","childList","subtree","callback","mutationList","mutation","addedNode","Array","from","addedNodes","isHTMLElement","hasAttribute","newValue","newNode","find","previousNode","prevPage","_previousNode_value","insertValue","removedNode","removedNodes","removedValue","removeValue","observer","MutationObserver","observe","disconnect","selectPageByDirection","useEventCallback","event","direction","active","newPage","nextPage","type","selectPageByValue","_value","useMergedRefs","carousel"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["Carousel.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n isHTMLElement,\n useMergedRefs,\n useControllableState,\n type EventHandler,\n useEventCallback,\n} from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nimport { CAROUSEL_ITEM } from './constants';\nimport { useCarouselWalker_unstable } from './useCarouselWalker';\nimport { createCarouselStore } from './createCarouselStore';\nimport type { CarouselValueChangeData } from './Carousel.types';\nimport { CarouselContextValue } from './CarouselContext';\n\nexport type UseCarouselOptions = {\n defaultValue?: string;\n value?: string;\n\n onValueChange?: EventHandler<CarouselValueChangeData>;\n onFinish?: EventHandler<CarouselValueChangeData>;\n};\n\n// TODO: Migrate this into an external @fluentui/carousel component\n// For now, we won't export this publicly, is only for internal TeachingPopover use until stabilized.\nexport function useCarousel_unstable(options: UseCarouselOptions) {\n 'use no memo';\n\n const { onValueChange, onFinish } = options;\n\n const { targetDocument } = useFluent();\n const win = targetDocument?.defaultView;\n const { ref: carouselRef, walker: carouselWalker } = useCarouselWalker_unstable();\n const [store] = React.useState(() => createCarouselStore());\n\n const [value, setValue] = useControllableState({\n defaultState: options.defaultValue,\n state: options.value,\n initialState: null,\n });\n const rootRef = React.useRef<HTMLDivElement>(null);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n if (value === null) {\n // eslint-disable-next-line no-console\n console.error(\n 'useCarousel: Carousel needs to have a `defaultValue` or `value` prop set. If you want to control the value, use the `value` prop.',\n );\n }\n }, [value]);\n }\n\n React.useEffect(() => {\n const allItems = rootRef.current?.querySelectorAll(`[${CAROUSEL_ITEM}]`)!;\n\n for (let i = 0; i < allItems.length; i++) {\n store.addValue(allItems.item(i).getAttribute(CAROUSEL_ITEM)!);\n }\n\n return () => {\n store.clear();\n };\n }, [store]);\n\n React.useEffect(() => {\n if (!win) {\n return;\n }\n\n const config: MutationObserverInit = {\n attributes: true,\n attributeFilter: [CAROUSEL_ITEM],\n childList: true,\n subtree: true,\n };\n\n // Callback function to execute when mutations are observed\n const callback: MutationCallback = mutationList => {\n for (const mutation of mutationList) {\n for (const addedNode of Array.from(mutation.addedNodes)) {\n if (isHTMLElement(addedNode) && addedNode.hasAttribute(CAROUSEL_ITEM)) {\n const newValue = addedNode.getAttribute(CAROUSEL_ITEM)!;\n const newNode = carouselWalker.find(newValue);\n if (!newNode?.value) {\n return;\n }\n\n const previousNode = carouselWalker.prevPage(newNode?.value);\n store.insertValue(newValue, previousNode?.value ?? null);\n }\n }\n\n for (const removedNode of Array.from(mutation.removedNodes)) {\n if (isHTMLElement(removedNode) && removedNode?.hasAttribute(CAROUSEL_ITEM)) {\n const removedValue = removedNode.getAttribute(CAROUSEL_ITEM)!;\n\n store.removeValue(removedValue);\n }\n }\n }\n };\n\n // Create an observer instance linked to the callback function\n const observer = new win.MutationObserver(callback);\n\n // Start observing the target node for configured mutations\n observer.observe(rootRef.current!, config);\n\n // Later, you can stop observing\n return () => {\n observer.disconnect();\n };\n }, [carouselWalker, store, win]);\n\n const selectPageByDirection: CarouselContextValue['selectPageByDirection'] = useEventCallback((event, direction) => {\n const active = carouselWalker.active();\n\n if (!active?.value) {\n return;\n }\n\n const newPage =\n direction === 'prev' ? carouselWalker.prevPage(active.value) : carouselWalker.nextPage(active.value);\n\n if (newPage) {\n setValue(newPage?.value);\n onValueChange?.(event, { event, type: 'click', value: newPage?.value });\n } else {\n onFinish?.(event, { event, type: 'click', value: active?.value });\n }\n });\n\n const selectPageByValue: CarouselContextValue['selectPageByValue'] = useEventCallback((event, _value) => {\n setValue(_value);\n onValueChange?.(event, { event, type: 'click', value: _value });\n });\n\n return {\n carouselRef: useMergedRefs(rootRef, carouselRef),\n carousel: {\n store,\n value,\n selectPageByDirection,\n selectPageByValue,\n },\n };\n}\n"],"names":["useCarousel_unstable","options","onValueChange","onFinish","targetDocument","useFluent","win","defaultView","ref","carouselRef","walker","carouselWalker","useCarouselWalker_unstable","store","React","useState","createCarouselStore","value","setValue","useControllableState","defaultState","defaultValue","state","initialState","rootRef","useRef","process","env","NODE_ENV","useEffect","console","error","allItems","current","querySelectorAll","CAROUSEL_ITEM","i","length","addValue","item","getAttribute","clear","config","attributes","attributeFilter","childList","subtree","callback","mutationList","mutation","addedNode","Array","from","addedNodes","isHTMLElement","hasAttribute","newValue","newNode","find","previousNode","prevPage","insertValue","removedNode","removedNodes","removedValue","removeValue","observer","MutationObserver","observe","disconnect","selectPageByDirection","useEventCallback","event","direction","active","newPage","nextPage","type","selectPageByValue","_value","useMergedRefs","carousel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA0BgBA;;;eAAAA;;;;iEA1BO;gCAOhB;qCACyC;2BAElB;mCACa;qCACP;AAc7B,SAASA,qBAAqBC,OAA2B;IAC9D;IAEA,MAAM,EAAEC,aAAa,EAAEC,QAAQ,EAAE,GAAGF;IAEpC,MAAM,EAAEG,cAAc,EAAE,GAAGC,IAAAA,uCAAAA;IAC3B,MAAMC,MAAMF,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBG,WAAW;IACvC,MAAM,EAAEC,KAAKC,WAAW,EAAEC,QAAQC,cAAc,EAAE,GAAGC,IAAAA,6CAAAA;IACrD,MAAM,CAACC,MAAM,GAAGC,OAAMC,QAAQ,CAAC,IAAMC,IAAAA,wCAAAA;IAErC,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,oCAAAA,EAAqB;QAC7CC,cAAcnB,QAAQoB,YAAY;QAClCC,OAAOrB,QAAQgB,KAAK;QACpBM,cAAc;IAChB;IACA,MAAMC,UAAUV,OAAMW,MAAM,CAAiB;IAE7C,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,sDAAsD;QACtDd,OAAMe,SAAS,CAAC;YACd,IAAIZ,UAAU,MAAM;gBAClB,sCAAsC;gBACtCa,QAAQC,KAAK,CACX;YAEJ;QACF,GAAG;YAACd;SAAM;IACZ;IAEAH,OAAMe,SAAS,CAAC;YACGL;QAAjB,MAAMQ,WAAAA,AAAWR,CAAAA,mBAAAA,QAAQS,OAAO,AAAPA,MAAO,QAAfT,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAiBU,gBAAgB,CAAC,CAAC,CAAC,EAAEC,wBAAAA,CAAc,CAAC,CAAC;QAEvE,IAAK,IAAIC,IAAI,GAAGA,IAAIJ,SAASK,MAAM,EAAED,IAAK;YACxCvB,MAAMyB,QAAQ,CAACN,SAASO,IAAI,CAACH,GAAGI,YAAY,CAACL,wBAAAA;QAC/C;QAEA,OAAO;YACLtB,MAAM4B,KAAK;QACb;IACF,GAAG;QAAC5B;KAAM;IAEVC,OAAMe,SAAS,CAAC;QACd,IAAI,CAACvB,KAAK;YACR;QACF;QAEA,MAAMoC,SAA+B;YACnCC,YAAY;YACZC,iBAAiB;gBAACT,wBAAAA;aAAc;YAChCU,WAAW;YACXC,SAAS;QACX;QAEA,2DAA2D;QAC3D,MAAMC,WAA6BC,CAAAA;YACjC,KAAK,MAAMC,YAAYD,aAAc;gBACnC,KAAK,MAAME,aAAaC,MAAMC,IAAI,CAACH,SAASI,UAAU,EAAG;oBACvD,IAAIC,IAAAA,6BAAAA,EAAcJ,cAAcA,UAAUK,YAAY,CAACpB,wBAAAA,GAAgB;wBACrE,MAAMqB,WAAWN,UAAUV,YAAY,CAACL,wBAAAA;wBACxC,MAAMsB,UAAU9C,eAAe+C,IAAI,CAACF;wBACpC,IAAI,CAACC,CAAAA,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASxC,KAAK,AAALA,GAAO;4BACnB;wBACF;wBAEA,MAAM0C,eAAehD,eAAeiD,QAAQ,CAACH,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASxC,KAAK;4BAC/B0C;wBAA5B9C,MAAMgD,WAAW,CAACL,UAAUG,CAAAA,sBAAAA,iBAAAA,QAAAA,iBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,aAAc1C,KAAK,AAALA,MAAK,QAAnB0C,wBAAAA,KAAAA,IAAAA,sBAAuB;oBACrD;gBACF;gBAEA,KAAK,MAAMG,eAAeX,MAAMC,IAAI,CAACH,SAASc,YAAY,EAAG;oBAC3D,IAAIT,IAAAA,6BAAAA,EAAcQ,gBAAgBA,CAAAA,gBAAAA,QAAAA,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAaP,YAAY,CAACpB,wBAAAA,CAAAA,GAAgB;wBAC1E,MAAM6B,eAAeF,YAAYtB,YAAY,CAACL,wBAAAA;wBAE9CtB,MAAMoD,WAAW,CAACD;oBACpB;gBACF;YACF;QACF;QAEA,8DAA8D;QAC9D,MAAME,WAAW,IAAI5D,IAAI6D,gBAAgB,CAACpB;QAE1C,2DAA2D;QAC3DmB,SAASE,OAAO,CAAC5C,QAAQS,OAAO,EAAGS;QAEnC,gCAAgC;QAChC,OAAO;YACLwB,SAASG,UAAU;QACrB;IACF,GAAG;QAAC1D;QAAgBE;QAAOP;KAAI;IAE/B,MAAMgE,wBAAuEC,IAAAA,gCAAAA,EAAiB,CAACC,OAAOC;QACpG,MAAMC,SAAS/D,eAAe+D,MAAM;QAEpC,IAAI,CAACA,CAAAA,WAAAA,QAAAA,WAAAA,KAAAA,IAAAA,KAAAA,IAAAA,OAAQzD,KAAK,AAALA,GAAO;YAClB;QACF;QAEA,MAAM0D,UACJF,cAAc,SAAS9D,eAAeiD,QAAQ,CAACc,OAAOzD,KAAK,IAAIN,eAAeiE,QAAQ,CAACF,OAAOzD,KAAK;QAErG,IAAI0D,SAAS;YACXzD,SAASyD,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAS1D,KAAK;YACvBf,kBAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAgBsE,OAAO;gBAAEA;gBAAOK,MAAM;gBAAS5D,OAAO0D,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAS1D,KAAK;YAAC;QACvE,OAAO;YACLd,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,SAAWqE,OAAO;gBAAEA;gBAAOK,MAAM;gBAAS5D,OAAOyD,WAAAA,QAAAA,WAAAA,KAAAA,IAAAA,KAAAA,IAAAA,OAAQzD,KAAK;YAAC;QACjE;IACF;IAEA,MAAM6D,oBAA+DP,IAAAA,gCAAAA,EAAiB,CAACC,OAAOO;QAC5F7D,SAAS6D;QACT7E,kBAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAgBsE,OAAO;YAAEA;YAAOK,MAAM;YAAS5D,OAAO8D;QAAO;IAC/D;IAEA,OAAO;QACLtE,aAAauE,IAAAA,6BAAAA,EAAcxD,SAASf;QACpCwE,UAAU;YACRpE;YACAI;YACAqD;YACAQ;QACF;IACF;AACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Carousel.types.
|
|
1
|
+
{"version":3,"sources":["Carousel.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { EventData } from '@fluentui/react-utilities';\n\nexport type CarouselStore = {\n clear: () => void;\n addValue: (value: string) => void;\n insertValue: (value: string, prev: string | null) => void;\n removeValue: (value: string) => void;\n subscribe: (listener: () => void) => () => void;\n getSnapshot: () => string[];\n};\n\nexport type CarouselItem = {\n el: HTMLElement;\n value: string | null;\n};\n\nexport type CarouselValueChangeData = EventData<'click', React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>> & {\n /**\n * The value to be set after event has occurred.\n */\n value?: string;\n};\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}
|
|
@@ -9,12 +9,12 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
carouselContextDefaultValue: function() {
|
|
13
|
-
return carouselContextDefaultValue;
|
|
14
|
-
},
|
|
15
12
|
CarouselProvider: function() {
|
|
16
13
|
return CarouselProvider;
|
|
17
14
|
},
|
|
15
|
+
carouselContextDefaultValue: function() {
|
|
16
|
+
return carouselContextDefaultValue;
|
|
17
|
+
},
|
|
18
18
|
useCarouselContext_unstable: function() {
|
|
19
19
|
return useCarouselContext_unstable;
|
|
20
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CarouselContext.
|
|
1
|
+
{"version":3,"sources":["CarouselContext.ts"],"sourcesContent":["import { type Context, ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport * as React from 'react';\n\nimport type { CarouselStore } from './Carousel.types';\nimport { createCarouselStore } from './createCarouselStore';\n\nexport type CarouselContextValue = {\n store: CarouselStore;\n value: string | null;\n selectPageByDirection: (\n event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>,\n direction: 'next' | 'prev',\n ) => void;\n selectPageByValue: (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>, value: string) => void;\n};\n\nexport const carouselContextDefaultValue: CarouselContextValue = {\n store: createCarouselStore(),\n value: null,\n selectPageByDirection: () => {\n /** noop */\n },\n selectPageByValue: () => {\n /** noop */\n },\n};\n\nconst CarouselContext: Context<CarouselContextValue> = createContext<CarouselContextValue | undefined>(\n undefined,\n) as Context<CarouselContextValue>;\n\nexport const CarouselProvider = CarouselContext.Provider;\n\nexport const useCarouselContext_unstable = <T>(selector: ContextSelector<CarouselContextValue, T>): T =>\n useContextSelector(CarouselContext, (ctx = carouselContextDefaultValue) => selector(ctx));\n"],"names":["CarouselProvider","carouselContextDefaultValue","useCarouselContext_unstable","store","createCarouselStore","value","selectPageByDirection","selectPageByValue","CarouselContext","createContext","undefined","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA+BaA,gBAAAA;eAAAA;;IAfAC,2BAAAA;eAAAA;;IAiBAC,2BAAAA;eAAAA;;;;sCAjCoE;iEAC1D;qCAGa;AAY7B,MAAMD,8BAAoD;IAC/DE,OAAOC,IAAAA,wCAAAA;IACPC,OAAO;IACPC,uBAAuB;IACrB,SAAS,GACX;IACAC,mBAAmB;IACjB,SAAS,GACX;AACF;AAEA,MAAMC,kBAAiDC,IAAAA,mCAAAA,EACrDC;AAGK,MAAMV,mBAAmBQ,gBAAgBG,QAAQ;AAEjD,MAAMT,8BAA8B,CAAIU,WAC7CC,IAAAA,wCAAAA,EAAmBL,iBAAiB,CAACM,MAAMb,2BAA2B,GAAKW,SAASE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["CarouselItem.types.ts"],"sourcesContent":["import { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type CarouselItemSlots = {\n /**\n * The element wrapping carousel pages and navigation.\n */\n root: NonNullable<Slot<'div'>>;\n};\n\nexport type CarouselItemProps = ComponentProps<CarouselItemSlots> & {\n /**\n * The value used to identify a page,\n * it should be unique and is necessary for pagination\n */\n value: string;\n};\n\n/**\n * TeachingPopoverCarousel State and Context Hooks\n */\nexport type CarouselItemState = ComponentState<Required<CarouselItemSlots>> & {\n visible: boolean;\n} & Pick<CarouselItemProps, 'value'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAiBA;;CAEC"}
|
package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Carouseltem.
|
|
1
|
+
{"version":3,"sources":["Carouseltem.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nimport { CarouselItemProps } from './CarouselItem.types';\nimport { useCarouselItem_unstable } from './useCarouselItem';\nimport { renderCarouselItem_unstable } from './renderCarouselItem';\n\n/**\n * Define a CarouselItem, using the `useCarouselItem_unstable` and 'renderCarouselItem_unstable' hooks.\n * It has no styling opinions.\n */\nexport const CarouselItem: ForwardRefComponent<CarouselItemProps> = React.forwardRef((props, ref) => {\n const state = useCarouselItem_unstable(props, ref);\n\n return renderCarouselItem_unstable(state);\n});\n\nCarouselItem.displayName = 'CarouselItem';\n"],"names":["CarouselItem","React","forwardRef","props","ref","state","useCarouselItem_unstable","renderCarouselItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;iCAIkB;oCACG;AAMrC,MAAMA,eAAAA,WAAAA,GAAuDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQC,IAAAA,yCAAAA,EAAyBH,OAAOC;IAE9C,OAAOG,IAAAA,+CAAAA,EAA4BF;AACrC;AAEAL,aAAaQ,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderCarouselItem.
|
|
1
|
+
{"version":3,"sources":["renderCarouselItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { CarouselItemState, CarouselItemSlots } from './CarouselItem.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarousel\n */\nexport const renderCarouselItem_unstable = (state: CarouselItemState) => {\n assertSlots<CarouselItemSlots>(state);\n\n return <state.root />;\n};\n"],"names":["renderCarouselItem_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,8BAA8B,CAACC;IAC1CC,IAAAA,2BAAAA,EAA+BD;IAE/B,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
|
package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/useCarouselItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useCarouselItem.
|
|
1
|
+
{"version":3,"sources":["useCarouselItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { CarouselItemProps, CarouselItemState } from './CarouselItem.types';\nimport { useCarouselContext_unstable } from '../CarouselContext';\nimport { CAROUSEL_ACTIVE_ITEM, CAROUSEL_ITEM } from '../constants';\n\nexport const useCarouselItem_unstable = (\n props: CarouselItemProps,\n ref: React.Ref<HTMLDivElement>,\n): CarouselItemState => {\n const { value } = props;\n\n const visible = useCarouselContext_unstable(c => c.value === value);\n const state: CarouselItemState = {\n value,\n visible,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n [CAROUSEL_ITEM]: value,\n [CAROUSEL_ACTIVE_ITEM]: visible,\n hidden: !visible,\n ...props,\n }),\n { elementType: 'div' },\n ),\n };\n\n if (!visible) {\n state.root.children = null;\n }\n\n return state;\n};\n"],"names":["useCarouselItem_unstable","props","ref","value","visible","useCarouselContext_unstable","c","state","components","root","slot","always","getIntrinsicElementProps","CAROUSEL_ITEM","CAROUSEL_ACTIVE_ITEM","hidden","elementType","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;gCACwB;iCAEH;2BACQ;AAE7C,MAAMA,2BAA2B,CACtCC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,MAAMG,UAAUC,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEH,KAAK,KAAKA;IAC7D,MAAMI,QAA2B;QAC/BJ;QACAC;QACAI,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BV;YACA,CAACW,wBAAAA,CAAc,EAAEV;YACjB,CAACW,+BAAAA,CAAqB,EAAEV;YACxBW,QAAQ,CAACX;YACT,GAAGH,KAAK;QACV,IACA;YAAEe,aAAa;QAAM;IAEzB;IAEA,IAAI,CAACZ,SAAS;QACZG,MAAME,IAAI,CAACQ,QAAQ,GAAG;IACxB;IAEA,OAAOV;AACT"}
|
|
@@ -9,11 +9,11 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
CAROUSEL_ITEM: function() {
|
|
13
|
-
return CAROUSEL_ITEM;
|
|
14
|
-
},
|
|
15
12
|
CAROUSEL_ACTIVE_ITEM: function() {
|
|
16
13
|
return CAROUSEL_ACTIVE_ITEM;
|
|
14
|
+
},
|
|
15
|
+
CAROUSEL_ITEM: function() {
|
|
16
|
+
return CAROUSEL_ITEM;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
const CAROUSEL_ITEM = 'data-carousel-item';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["constants.
|
|
1
|
+
{"version":3,"sources":["constants.ts"],"sourcesContent":["export const CAROUSEL_ITEM = 'data-carousel-item';\nexport const CAROUSEL_ACTIVE_ITEM = 'data-carousel-active-item';\n"],"names":["CAROUSEL_ACTIVE_ITEM","CAROUSEL_ITEM"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,oBAAAA;eAAAA;;IADAC,aAAAA;eAAAA;;;AAAN,MAAMA,gBAAgB;AACtB,MAAMD,uBAAuB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["createCarouselStore.
|
|
1
|
+
{"version":3,"sources":["createCarouselStore.ts"],"sourcesContent":["import { type CarouselStore } from './Carousel.types';\n\nexport const createCarouselStore = (): CarouselStore => {\n let values: string[] = [];\n let listeners: Array<() => void> = [];\n\n const carouselStore = {\n clear() {\n values = [];\n emitChange();\n },\n addValue(value: string) {\n values = [...values, value];\n\n emitChange();\n },\n insertValue(value: string, prev: string | null) {\n if (!prev) {\n values = [value, ...values];\n } else {\n const pos = values.indexOf(prev);\n values.splice(pos + 1, 0, value);\n // Required to be defined as a 'new' array for useSyncExternalStore\n values = [...values];\n }\n emitChange();\n },\n removeValue(value: string) {\n const pos = values.indexOf(value);\n values.splice(pos, 1);\n // Required to be defined as a 'new' array for useSyncExternalStore\n values = [...values];\n emitChange();\n },\n subscribe(listener: () => void) {\n listeners = [...listeners, listener];\n\n return () => {\n listeners = listeners.filter(l => l !== listener);\n };\n },\n getSnapshot() {\n return values;\n },\n };\n\n function emitChange() {\n for (const listener of listeners) {\n listener();\n }\n }\n\n return carouselStore;\n};\n"],"names":["createCarouselStore","values","listeners","carouselStore","clear","emitChange","addValue","value","insertValue","prev","pos","indexOf","splice","removeValue","subscribe","listener","filter","l","getSnapshot"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,sBAAsB;IACjC,IAAIC,SAAmB,EAAE;IACzB,IAAIC,YAA+B,EAAE;IAErC,MAAMC,gBAAgB;QACpBC;YACEH,SAAS,EAAE;YACXI;QACF;QACAC,UAASC,KAAa;YACpBN,SAAS;mBAAIA;gBAAQM;aAAM;YAE3BF;QACF;QACAG,aAAYD,KAAa,EAAEE,IAAmB;YAC5C,IAAI,CAACA,MAAM;gBACTR,SAAS;oBAACM;uBAAUN;iBAAO;YAC7B,OAAO;gBACL,MAAMS,MAAMT,OAAOU,OAAO,CAACF;gBAC3BR,OAAOW,MAAM,CAACF,MAAM,GAAG,GAAGH;gBAC1B,mEAAmE;gBACnEN,SAAS;uBAAIA;iBAAO;YACtB;YACAI;QACF;QACAQ,aAAYN,KAAa;YACvB,MAAMG,MAAMT,OAAOU,OAAO,CAACJ;YAC3BN,OAAOW,MAAM,CAACF,KAAK;YACnB,mEAAmE;YACnET,SAAS;mBAAIA;aAAO;YACpBI;QACF;QACAS,WAAUC,QAAoB;YAC5Bb,YAAY;mBAAIA;gBAAWa;aAAS;YAEpC,OAAO;gBACLb,YAAYA,UAAUc,MAAM,CAACC,CAAAA,IAAKA,MAAMF;YAC1C;QACF;QACAG;YACE,OAAOjB;QACT;IACF;IAEA,SAASI;QACP,KAAK,MAAMU,YAAYb,UAAW;YAChCa;QACF;IACF;IAEA,OAAOZ;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useCarouselValues.
|
|
1
|
+
{"version":3,"sources":["useCarouselValues.ts"],"sourcesContent":["import { useSyncExternalStore } from 'use-sync-external-store/shim';\n\nimport { useCarouselContext_unstable } from './CarouselContext';\nimport type { CarouselStore } from './Carousel.types';\n\nexport function useCarouselValues_unstable<T>(getSnapshot: (values: ReturnType<CarouselStore['getSnapshot']>) => T): T {\n const store = useCarouselContext_unstable(c => c.store);\n\n return useSyncExternalStore(store.subscribe, () => getSnapshot(store.getSnapshot()));\n}\n"],"names":["useCarouselValues_unstable","getSnapshot","store","useCarouselContext_unstable","c","useSyncExternalStore","subscribe"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAKgBA;;;eAAAA;;;sBALqB;iCAEO;AAGrC,SAASA,2BAA8BC,WAAoE;IAChH,MAAMC,QAAQC,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEF,KAAK;IAEtD,OAAOG,IAAAA,0BAAAA,EAAqBH,MAAMI,SAAS,EAAE,IAAML,YAAYC,MAAMD,WAAW;AAClF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useCarouselWalker.
|
|
1
|
+
{"version":3,"sources":["useCarouselWalker.ts"],"sourcesContent":["import * as React from 'react';\nimport { isHTMLElement } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nimport { CAROUSEL_ACTIVE_ITEM, CAROUSEL_ITEM } from './constants';\n\nexport type CarouselWalker = {\n find(value: string): { el: HTMLElement; value: string } | null;\n nextPage(value: string): { el: HTMLElement; value: string } | null;\n prevPage(value: string): { el: HTMLElement; value: string } | null;\n active(): { el: HTMLElement; value: string } | null;\n};\n\nexport const useCarouselWalker_unstable = () => {\n const { targetDocument } = useFluent();\n\n const treeWalkerRef = React.useRef<TreeWalker | undefined>(targetDocument?.createTreeWalker(targetDocument.body));\n const htmlRef = React.useRef<HTMLDivElement | null>(null);\n\n const ref = React.useCallback(\n (el: HTMLDivElement | null) => {\n if (!targetDocument) {\n return;\n }\n\n if (!el) {\n return;\n }\n\n htmlRef.current = el;\n treeWalkerRef.current = targetDocument.createTreeWalker(el, NodeFilter.SHOW_ELEMENT, {\n acceptNode(node) {\n if (!isHTMLElement(node)) {\n return NodeFilter.FILTER_SKIP;\n }\n\n return node.hasAttribute(CAROUSEL_ITEM) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n },\n });\n },\n [targetDocument],\n );\n\n return {\n ref,\n walker: React.useMemo<CarouselWalker>(\n () => ({\n active() {\n if (!htmlRef.current) {\n return null;\n }\n\n const activeEl = htmlRef.current.querySelector(`[${CAROUSEL_ACTIVE_ITEM}=\"true\"]`)!;\n\n if (isHTMLElement(activeEl)) {\n return {\n el: activeEl,\n value: activeEl.getAttribute(CAROUSEL_ITEM)!,\n };\n }\n\n return null;\n },\n find(value: string) {\n if (!treeWalkerRef.current?.currentNode || !htmlRef.current) {\n return null;\n }\n\n treeWalkerRef.current.currentNode = htmlRef.current;\n let nextNode: Node | null = null;\n while ((nextNode = treeWalkerRef.current.nextNode())) {\n if (!isHTMLElement(nextNode)) {\n continue;\n }\n\n if (nextNode.getAttribute(CAROUSEL_ITEM) === value) {\n return {\n el: nextNode,\n value: nextNode.getAttribute(CAROUSEL_ITEM)!,\n };\n }\n }\n\n return null;\n },\n nextPage(value: string) {\n const res = this.find(value);\n if (!res || !treeWalkerRef.current?.currentNode) {\n return null;\n }\n\n treeWalkerRef.current.currentNode = res.el;\n const next = treeWalkerRef.current.nextNode();\n\n if (isHTMLElement(next)) {\n return {\n el: next,\n value: next.getAttribute(CAROUSEL_ITEM)!,\n };\n }\n\n return null;\n },\n\n prevPage(value: string) {\n const res = this.find(value);\n if (!res || !treeWalkerRef.current?.currentNode) {\n return null;\n }\n\n treeWalkerRef.current.currentNode = res.el;\n const next = treeWalkerRef.current.previousNode();\n\n if (isHTMLElement(next)) {\n return {\n el: next,\n value: next.getAttribute(CAROUSEL_ITEM)!,\n };\n }\n\n return null;\n },\n }),\n [],\n ),\n };\n};\n"],"names":["useCarouselWalker_unstable","targetDocument","useFluent","treeWalkerRef","React","useRef","createTreeWalker","body","htmlRef","ref","useCallback","el","current","NodeFilter","SHOW_ELEMENT","acceptNode","node","isHTMLElement","FILTER_SKIP","hasAttribute","CAROUSEL_ITEM","FILTER_ACCEPT","walker","useMemo","active","activeEl","querySelector","CAROUSEL_ACTIVE_ITEM","value","getAttribute","find","currentNode","nextNode","nextPage","res","next","prevPage","previousNode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverCarousel.
|
|
1
|
+
{"version":3,"sources":["TeachingPopoverCarousel.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nimport { useTeachingPopoverCarousel_unstable } from './useTeachingPopoverCarousel';\nimport { renderTeachingPopoverCarousel_unstable } from './renderTeachingPopoverCarousel';\nimport { useTeachingPopoverCarouselStyles_unstable } from './useTeachingPopoverCarouselStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { TeachingPopoverCarouselProps } from './TeachingPopoverCarousel.types';\nimport { useTeachingPopoverCarouselContextValues_unstable } from './useTeachingPopoverCarouselContextValues';\n\n/**\n * Define a styled TeachingPopoverCarousel, using the `useTeachingPopoverCarousel_unstable` and `useTeachingPopoverCarouselStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarousel injects context providers that are required for TeachingPopoverCarouselCard display and navigation functionality\n */\nexport const TeachingPopoverCarousel: ForwardRefComponent<TeachingPopoverCarouselProps> = React.forwardRef(\n (props, ref) => {\n const state = useTeachingPopoverCarousel_unstable(props, ref);\n\n useTeachingPopoverCarouselStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTeachingPopoverCarouselStyles_unstable')(state);\n\n const contextValues = useTeachingPopoverCarouselContextValues_unstable(state);\n\n return renderTeachingPopoverCarousel_unstable(state, contextValues);\n },\n);\n\nTeachingPopoverCarousel.displayName = 'TeachingPopoverCarousel';\n"],"names":["TeachingPopoverCarousel","React","forwardRef","props","ref","state","useTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselStyles_unstable","useCustomStyleHook_unstable","contextValues","useTeachingPopoverCarouselContextValues_unstable","renderTeachingPopoverCarousel_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;4CAG6B;+CACG;wDACG;qCACd;yDAEqB;AAQ1D,MAAMA,0BAAAA,WAAAA,GAA6EC,OAAMC,UAAU,CACxG,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,+DAAAA,EAAoCH,OAAOC;IAEzDG,IAAAA,iFAAAA,EAA0CF;IAE1CG,IAAAA,gDAAAA,EAA4B,6CAA6CH;IAEzE,MAAMI,gBAAgBC,IAAAA,yFAAAA,EAAiDL;IAEvE,OAAOM,IAAAA,qEAAAA,EAAuCN,OAAOI;AACvD;AAGFT,wBAAwBY,WAAW,GAAG"}
|
package/lib-commonjs/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["TeachingPopoverCarousel.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, EventHandler, Slot } from '@fluentui/react-utilities';\nimport { type PopoverContextValue } from '@fluentui/react-popover';\n\nimport { type CarouselContextValue } from './Carousel/CarouselContext';\nimport type { CarouselValueChangeData } from './Carousel/Carousel.types';\n\nexport type TeachingPopoverCarouselSlots = {\n /**\n * The element wrapping carousel pages and navigation.\n */\n root: NonNullable<Slot<'div'>>;\n};\n\n/**\n * TeachingPopoverCarousel Props\n */\nexport type TeachingPopoverCarouselProps = ComponentProps<TeachingPopoverCarouselSlots> & {\n /**\n * The initial page to display in uncontrolled mode.\n */\n defaultValue?: string;\n\n /**\n * The value of the currently active page.\n */\n value?: string;\n\n /**\n * Callback to notify a page change.\n */\n onValueChange?: EventHandler<CarouselValueChangeData>;\n\n /**\n * Callback to notify when the final button step of a carousel has been activated.\n */\n onFinish?: EventHandler<CarouselValueChangeData>;\n};\n\n/**\n * TeachingPopoverCarousel State and Context Hooks\n */\nexport type TeachingPopoverCarouselState = ComponentState<Required<TeachingPopoverCarouselSlots>> &\n Partial<Pick<PopoverContextValue, 'appearance'>> &\n CarouselContextValue;\n\n/**\n * Context shared between TeachingPopoverCarousel and its children components\n */\nexport type TeachingPopoverCarouselContextValues = {\n carousel: CarouselContextValue;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AA6CA;;CAEC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarousel';\nexport * from './TeachingPopoverCarousel.types';\nexport * from './renderTeachingPopoverCarousel';\nexport * from './useTeachingPopoverCarousel';\nexport * from './useTeachingPopoverCarouselStyles.styles';\nexport * from './useTeachingPopoverCarouselContextValues';\n"],"names":[],"rangeMappings":";;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
package/lib-commonjs/components/TeachingPopoverCarousel/renderTeachingPopoverCarousel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderTeachingPopoverCarousel.
|
|
1
|
+
{"version":3,"sources":["renderTeachingPopoverCarousel.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselState,\n TeachingPopoverCarouselSlots,\n TeachingPopoverCarouselContextValues,\n} from './TeachingPopoverCarousel.types';\nimport { CarouselProvider } from './Carousel/CarouselContext';\n\n/**\n * Render the final JSX of TeachingPopoverCarousel\n */\nexport const renderTeachingPopoverCarousel_unstable = (\n state: TeachingPopoverCarouselState,\n contextValues: TeachingPopoverCarouselContextValues,\n) => {\n assertSlots<TeachingPopoverCarouselSlots>(state);\n\n return (\n <CarouselProvider value={contextValues.carousel}>\n <state.root />\n </CarouselProvider>\n );\n};\n"],"names":["renderTeachingPopoverCarousel_unstable","state","contextValues","assertSlots","_jsx","CarouselProvider","value","carousel","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;4BAbb;gCAE4B;iCAMK;AAK1B,MAAMA,yCAAyC,CACpDC,OACAC;IAEAC,IAAAA,2BAAAA,EAA0CF;IAE1C,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,iCAAAA,EAAAA;QAAiBC,OAAOJ,cAAcK,QAAQ;kBAC7C,WAAA,GAAAH,IAAAA,eAAA,EAACH,MAAMO,IAAI,EAAA,CAAA;;AAGjB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTeachingPopoverCarousel.
|
|
1
|
+
{"version":3,"sources":["useTeachingPopoverCarousel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport type { TeachingPopoverCarouselProps, TeachingPopoverCarouselState } from './TeachingPopoverCarousel.types';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarousel_unstable, type UseCarouselOptions } from './Carousel/Carousel';\n\nexport const useTeachingPopoverCarousel_unstable = (\n props: TeachingPopoverCarouselProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselState => {\n const toggleOpen = usePopoverContext_unstable(c => c.toggleOpen);\n const handleFinish: UseCarouselOptions['onFinish'] = useEventCallback((event, data) => {\n props.onFinish?.(event, data);\n toggleOpen(event as React.MouseEvent<HTMLElement>);\n });\n\n const { carousel, carouselRef } = useCarousel_unstable({\n defaultValue: props.defaultValue,\n value: props.value,\n onValueChange: props.onValueChange,\n onFinish: handleFinish,\n });\n\n const appearance = usePopoverContext_unstable(context => context.appearance);\n return {\n appearance,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, carouselRef),\n ...props,\n }),\n { elementType: 'div' },\n ),\n ...carousel,\n };\n};\n"],"names":["useTeachingPopoverCarousel_unstable","props","ref","toggleOpen","usePopoverContext_unstable","c","handleFinish","useEventCallback","event","data","onFinish","carousel","carouselRef","useCarousel_unstable","defaultValue","value","onValueChange","appearance","context","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;gCACyD;8BAErC;0BACmB;AAEvD,MAAMA,sCAAsC,CACjDC,OACAC;IAEA,MAAMC,aAAaC,IAAAA,wCAAAA,EAA2BC,CAAAA,IAAKA,EAAEF,UAAU;IAC/D,MAAMG,eAA+CC,IAAAA,gCAAAA,EAAiB,CAACC,OAAOC;YAC5ER;QAAAA,CAAAA,kBAAAA,MAAMS,QAAQ,AAARA,MAAQ,QAAdT,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAAA,IAAAA,CAAAA,OAAiBO,OAAOC;QACxBN,WAAWK;IACb;IAEA,MAAM,EAAEG,QAAQ,EAAEC,WAAW,EAAE,GAAGC,IAAAA,8BAAAA,EAAqB;QACrDC,cAAcb,MAAMa,YAAY;QAChCC,OAAOd,MAAMc,KAAK;QAClBC,eAAef,MAAMe,aAAa;QAClCN,UAAUJ;IACZ;IAEA,MAAMW,aAAab,IAAAA,wCAAAA,EAA2Bc,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,OAAO;QACLA;QACAE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BrB,KAAKsB,IAAAA,6BAAAA,EAActB,KAAKU;YACxB,GAAGX,KAAK;QACV,IACA;YAAEwB,aAAa;QAAM;QAEvB,GAAGd,QAAQ;IACb;AACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTeachingPopoverCarouselContextValues.
|
|
1
|
+
{"version":3,"sources":["useTeachingPopoverCarouselContextValues.ts"],"sourcesContent":["import type {\n TeachingPopoverCarouselContextValues,\n TeachingPopoverCarouselState,\n} from './TeachingPopoverCarousel.types';\n\nexport function useTeachingPopoverCarouselContextValues_unstable(\n state: TeachingPopoverCarouselState,\n): TeachingPopoverCarouselContextValues {\n const { store, value, selectPageByValue, selectPageByDirection } = state;\n\n const carousel = {\n store,\n value,\n selectPageByDirection,\n selectPageByValue,\n };\n\n return { carousel };\n}\n"],"names":["useTeachingPopoverCarouselContextValues_unstable","state","store","value","selectPageByValue","selectPageByDirection","carousel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAKgBA;;;eAAAA;;;AAAT,SAASA,iDACdC,KAAmC;IAEnC,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,iBAAiB,EAAEC,qBAAqB,EAAE,GAAGJ;IAEnE,MAAMK,WAAW;QACfJ;QACAC;QACAE;QACAD;IACF;IAEA,OAAO;QAAEE;IAAS;AACpB"}
|
package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js
CHANGED
|
@@ -25,6 +25,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
25
25
|
root: {}
|
|
26
26
|
}, {});
|
|
27
27
|
const useTeachingPopoverCarouselStyles_unstable = (state)=>{
|
|
28
|
+
'use no memo';
|
|
28
29
|
const styles = useStyles();
|
|
29
30
|
state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);
|
|
30
31
|
return state;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTeachingPopoverCarouselStyles.styles.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["useTeachingPopoverCarouselStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselClassNames = {\n root: 'fui-TeachingPopoverCarousel'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["teachingPopoverCarouselClassNames","useTeachingPopoverCarouselStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,iCAAiC;eAAjCA;;IAOyCC,yCAAyC;eAAzCA;;;uBARb;AAClC,MAAMD,oCAAoC;IAC7CE,MAAM;AACV;AACA,uCAAA;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA,CAAA;AAAA,GAAA,CAAA;AAG8B,MAAMD,4CAA6CI,CAAAA;IAC/F;IACA,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,kCAAkCE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAC7G,OAAOF;AACX"}
|
package/lib-commonjs/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverCarouselCard.
|
|
1
|
+
{"version":3,"sources":["TeachingPopoverCarouselCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselCard_unstable } from './useTeachingPopoverCarouselCard';\nimport { renderTeachingPopoverCarouselCard_unstable } from './renderTeachingPopoverCarouselCard';\nimport type { TeachingPopoverCarouselCardProps } from './TeachingPopoverCarouselCard.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselCardStyles_unstable } from './useTeachingPopoverCarouselCardStyles.styles';\n\n/**\n * Define a styled TeachingPopoverCarouselCard, using the `useTeachingPopoverCarouselCard_unstable` and `useTeachingPopoverCarouselCardStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselCard is the definition of a single page view within the carousel, they are shown one at a time and can be navigated through sequentially.\n */\nexport const TeachingPopoverCarouselCard: ForwardRefComponent<TeachingPopoverCarouselCardProps> = React.forwardRef(\n (props, ref) => {\n const state = useTeachingPopoverCarouselCard_unstable(props, ref);\n\n useTeachingPopoverCarouselCardStyles_unstable(state);\n\n return renderTeachingPopoverCarouselCard_unstable(state);\n },\n);\n\nTeachingPopoverCarouselCard.displayName = 'TeachingPopoverCarouselCard';\n"],"names":["TeachingPopoverCarouselCard","React","forwardRef","props","ref","state","useTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","renderTeachingPopoverCarouselCard_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;gDACiC;mDACG;4DAGG;AAQvD,MAAMA,8BAAAA,WAAAA,GAAqFC,OAAMC,UAAU,CAChH,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,uEAAAA,EAAwCH,OAAOC;IAE7DG,IAAAA,yFAAAA,EAA8CF;IAE9C,OAAOG,IAAAA,6EAAAA,EAA2CH;AACpD;AAGFL,4BAA4BS,WAAW,GAAG"}
|
package/lib-commonjs/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["TeachingPopoverCarouselCard.types.ts"],"sourcesContent":["import { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { CarouselItemProps } from '../TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types';\n\nexport type TeachingPopoverCarouselCardSlots = {\n /**\n * The element wrapping the buttons.\n */\n root: NonNullable<Slot<CarouselItemProps>>;\n};\n\nexport type TeachingPopoverCarouselCardProps = ComponentProps<TeachingPopoverCarouselCardSlots> & {\n /* Required: Passed into CarouselItem to identify pages. */\n value: string;\n};\n\nexport type TeachingPopoverCarouselCardState = ComponentState<TeachingPopoverCarouselCardSlots> &\n Required<Pick<TeachingPopoverCarouselCardProps, 'value'>>;\n"],"names":[],"rangeMappings":"","mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselCard';\nexport * from './TeachingPopoverCarouselCard.types';\nexport * from './renderTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCardStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|