@fluentui/react-teaching-popover 9.1.20 → 9.1.22
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 +30 -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.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 +1 -2
- 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.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.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 +1 -2
- 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 +1 -2
- 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 +1 -2
- package/lib/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.js.map +1 -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 +1 -2
- 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 +1 -2
- 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.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 +1 -2
- 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 +1 -2
- 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 +1 -2
- 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 +1 -2
- package/lib/components/TeachingPopoverSurface/TeachingPopoverSurface.js.map +1 -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 +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 +1 -2
- package/lib/components/TeachingPopoverTitle/TeachingPopoverTitle.js.map +1 -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 +1 -2
- package/lib/components/TeachingPopoverTrigger/TeachingPopoverTrigger.js.map +1 -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.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 -1
- 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.map +1 -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.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.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 -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 -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 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.js.map +1 -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 -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 -1
- 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.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 +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 -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 -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 -1
- package/lib-commonjs/components/TeachingPopoverSurface/TeachingPopoverSurface.js.map +1 -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 +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 -1
- package/lib-commonjs/components/TeachingPopoverTitle/TeachingPopoverTitle.js.map +1 -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 -1
- package/lib-commonjs/components/TeachingPopoverTrigger/TeachingPopoverTrigger.js.map +1 -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.map +1 -1
- package/package.json +11 -22
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,40 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-teaching-popover
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 18 Nov 2024 09:42:22 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.1.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.22)
|
|
8
|
+
|
|
9
|
+
Mon, 18 Nov 2024 09:42:22 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.21..@fluentui/react-teaching-popover_v9.1.22)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-popover to v9.9.25 ([PR #33229](https://github.com/microsoft/fluentui/pull/33229) by beachball)
|
|
15
|
+
|
|
16
|
+
## [9.1.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.21)
|
|
17
|
+
|
|
18
|
+
Mon, 11 Nov 2024 10:01:00 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.20..@fluentui/react-teaching-popover_v9.1.21)
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- chore: replace npm-scripts and just-scrtips with nx inferred tasks ([PR #33074](https://github.com/microsoft/fluentui/pull/33074) by martinhochel@microsoft.com)
|
|
24
|
+
- style: resolve exposed jsx pragma lint issues within monorepo ([PR #32975](https://github.com/microsoft/fluentui/pull/32975) by martinhochel@microsoft.com)
|
|
25
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.46 ([PR #33238](https://github.com/microsoft/fluentui/pull/33238) by beachball)
|
|
26
|
+
- Bump @fluentui/react-theme to v9.1.22 ([PR #33238](https://github.com/microsoft/fluentui/pull/33238) by beachball)
|
|
27
|
+
- Bump @fluentui/react-utilities to v9.18.17 ([PR #33238](https://github.com/microsoft/fluentui/pull/33238) by beachball)
|
|
28
|
+
- Bump @fluentui/react-shared-contexts to v9.21.0 ([PR #33238](https://github.com/microsoft/fluentui/pull/33238) by beachball)
|
|
29
|
+
- Bump @fluentui/react-popover to v9.9.24 ([PR #33238](https://github.com/microsoft/fluentui/pull/33238) by beachball)
|
|
30
|
+
- Bump @fluentui/react-button to v9.3.95 ([PR #33238](https://github.com/microsoft/fluentui/pull/33238) by beachball)
|
|
31
|
+
- Bump @fluentui/react-tabster to v9.23.0 ([PR #33238](https://github.com/microsoft/fluentui/pull/33238) by beachball)
|
|
32
|
+
- Bump @fluentui/react-aria to v9.13.9 ([PR #33238](https://github.com/microsoft/fluentui/pull/33238) by beachball)
|
|
33
|
+
- Bump @fluentui/react-context-selector to v9.1.69 ([PR #33238](https://github.com/microsoft/fluentui/pull/33238) by beachball)
|
|
34
|
+
|
|
7
35
|
## [9.1.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.20)
|
|
8
36
|
|
|
9
|
-
Tue, 15 Oct 2024 17:
|
|
37
|
+
Tue, 15 Oct 2024 17:17:53 GMT
|
|
10
38
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.19..@fluentui/react-teaching-popover_v9.1.20)
|
|
11
39
|
|
|
12
40
|
### Patches
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopover.ts"],"sourcesContent":["export * from './components/TeachingPopover/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,qCAAqC"}
|
|
1
|
+
{"version":3,"sources":["../src/TeachingPopover.ts"],"sourcesContent":["export * from './components/TeachingPopover/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,qCAAqC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverBody.ts"],"sourcesContent":["export * from './components/TeachingPopoverBody/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,yCAAyC"}
|
|
1
|
+
{"version":3,"sources":["../src/TeachingPopoverBody.ts"],"sourcesContent":["export * from './components/TeachingPopoverBody/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,yCAAyC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverCarousel.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarousel/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,6CAA6C"}
|
|
1
|
+
{"version":3,"sources":["../src/TeachingPopoverCarousel.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarousel/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,6CAA6C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverCarouselCard.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselCard/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,iDAAiD"}
|
|
1
|
+
{"version":3,"sources":["../src/TeachingPopoverCarouselCard.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselCard/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,iDAAiD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverCarouselFooter.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselFooter/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,mDAAmD"}
|
|
1
|
+
{"version":3,"sources":["../src/TeachingPopoverCarouselFooter.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselFooter/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,mDAAmD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverCarouselFooterButton.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselFooterButton/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,yDAAyD"}
|
|
1
|
+
{"version":3,"sources":["../src/TeachingPopoverCarouselFooterButton.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselFooterButton/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,yDAAyD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverCarouselNav.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselNav/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,gDAAgD"}
|
|
1
|
+
{"version":3,"sources":["../src/TeachingPopoverCarouselNav.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselNav/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,gDAAgD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverCarouselNavButton.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselNavButton/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,sDAAsD"}
|
|
1
|
+
{"version":3,"sources":["../src/TeachingPopoverCarouselNavButton.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselNavButton/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,sDAAsD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverCarouselPageCount.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselPageCount/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,sDAAsD"}
|
|
1
|
+
{"version":3,"sources":["../src/TeachingPopoverCarouselPageCount.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselPageCount/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,sDAAsD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverFooter.ts"],"sourcesContent":["export * from './components/TeachingPopoverFooter';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,qCAAqC"}
|
|
1
|
+
{"version":3,"sources":["../src/TeachingPopoverFooter.ts"],"sourcesContent":["export * from './components/TeachingPopoverFooter';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,qCAAqC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverHeader.ts"],"sourcesContent":["export * from './components/TeachingPopoverHeader/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,2CAA2C"}
|
|
1
|
+
{"version":3,"sources":["../src/TeachingPopoverHeader.ts"],"sourcesContent":["export * from './components/TeachingPopoverHeader/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,2CAA2C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverSurface.ts"],"sourcesContent":["export * from './components/TeachingPopoverSurface/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,4CAA4C"}
|
|
1
|
+
{"version":3,"sources":["../src/TeachingPopoverSurface.ts"],"sourcesContent":["export * from './components/TeachingPopoverSurface/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,4CAA4C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverTitle.ts"],"sourcesContent":["export * from './components/TeachingPopoverTitle/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,0CAA0C"}
|
|
1
|
+
{"version":3,"sources":["../src/TeachingPopoverTitle.ts"],"sourcesContent":["export * from './components/TeachingPopoverTitle/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,0CAA0C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverTrigger.ts"],"sourcesContent":["export * from './components/TeachingPopoverTrigger/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,4CAA4C"}
|
|
1
|
+
{"version":3,"sources":["../src/TeachingPopoverTrigger.ts"],"sourcesContent":["export * from './components/TeachingPopoverTrigger/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,4CAA4C"}
|
|
@@ -1 +1 @@
|
|
|
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":["React","useTeachingPopover_unstable","renderTeachingPopover_unstable","TeachingPopover","props","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,0BAA0B;AAGzE;;CAEC,GACD,OAAO,MAAMC,kBAAkDC,CAAAA;IAC7D,MAAMC,QAAQJ,4BAA4BG;IAE1C,OAAOF,+BAA+BG;AACxC,EAAE;AAEFF,gBAAgBG,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopover/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":["React","useTeachingPopover_unstable","renderTeachingPopover_unstable","TeachingPopover","props","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,0BAA0B;AAGzE;;CAEC,GACD,OAAO,MAAMC,kBAAkDC,CAAAA;IAC7D,MAAMC,QAAQJ,4BAA4BG;IAE1C,OAAOF,+BAA+BG;AACxC,EAAE;AAEFF,gBAAgBG,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
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,GACD,WAAgD"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopover/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,GACD,WAAgD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopover';\nexport * from './TeachingPopover.types';\nexport * from './renderTeachingPopover';\nexport * from './useTeachingPopover';\n"],"names":[],"rangeMappings":";;;","mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,uBAAuB"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopover/index.ts"],"sourcesContent":["export * from './TeachingPopover';\nexport * from './TeachingPopover.types';\nexport * from './renderTeachingPopover';\nexport * from './useTeachingPopover';\n"],"names":[],"rangeMappings":";;;","mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,uBAAuB"}
|
|
@@ -1 +1 @@
|
|
|
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":["renderPopover_unstable","renderTeachingPopover_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,sBAAsB,QAAQ,0BAA0B;AAEjE;;CAEC,GACD,OAAO,MAAMC,iCAAiCD,uBAAuB"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopover/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":["renderPopover_unstable","renderTeachingPopover_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,sBAAsB,QAAQ,0BAA0B;AAEjE;;CAEC,GACD,OAAO,MAAMC,iCAAiCD,uBAAuB"}
|
|
@@ -1 +1 @@
|
|
|
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":["usePopover_unstable","useTeachingPopover_unstable","props","popoverState","withArrow","trapFocus"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,SAASA,mBAAmB,QAAQ,0BAA0B;AAG9D,OAAO,MAAMC,8BAA8B,CAACC;IAC1C,MAAMC,eAAeH,oBAAoBE;QAI5BA,kBAEAA;IAJb,OAAO;QACL,GAAGC,YAAY;QACfC,WAAWF,CAAAA,mBAAAA,MAAME,SAAS,cAAfF,8BAAAA,mBAAmB;QAC9B,+EAA+E;QAC/EG,WAAWH,CAAAA,mBAAAA,MAAMG,SAAS,cAAfH,8BAAAA,mBAAmB;IAChC;AACF,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopover/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":["usePopover_unstable","useTeachingPopover_unstable","props","popoverState","withArrow","trapFocus"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,SAASA,mBAAmB,QAAQ,0BAA0B;AAG9D,OAAO,MAAMC,8BAA8B,CAACC;IAC1C,MAAMC,eAAeH,oBAAoBE;QAI5BA,kBAEAA;IAJb,OAAO;QACL,GAAGC,YAAY;QACfC,WAAWF,CAAAA,mBAAAA,MAAME,SAAS,cAAfF,8BAAAA,mBAAmB;QAC9B,+EAA+E;QAC/EG,WAAWH,CAAAA,mBAAAA,MAAMG,SAAS,cAAfH,8BAAAA,mBAAmB;IAChC;AACF,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
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":["React","useTeachingPopoverBody_unstable","renderTeachingPopoverBody_unstable","useTeachingPopoverBodyStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverBody","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SAASC,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,qCAAqC,QAAQ,wCAAwC;AAC9F,SAASC,2BAA2B,QAAQ,kCAAkC;AAI9E;;;;;CAKC,GACD,OAAO,MAAMC,oCAAqEL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACzG,MAAMC,QAAQR,gCAAgCM,OAAOC;IAErDL,sCAAsCM;IAEtCL,4BAA4B,yCAAyCK;IAErE,OAAOP,mCAAmCO;AAC5C,GAAG;AAEHJ,oBAAoBK,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverBody/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":["React","useTeachingPopoverBody_unstable","renderTeachingPopoverBody_unstable","useTeachingPopoverBodyStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverBody","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SAASC,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,qCAAqC,QAAQ,wCAAwC;AAC9F,SAASC,2BAA2B,QAAQ,kCAAkC;AAI9E;;;;;CAKC,GACD,OAAO,MAAMC,oCAAqEL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACzG,MAAMC,QAAQR,gCAAgCM,OAAOC;IAErDL,sCAAsCM;IAEtCL,4BAA4B,yCAAyCK;IAErE,OAAOP,mCAAmCO;AAC5C,GAAG;AAEHJ,oBAAoBK,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
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":"AAiBA,WAC0D"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverBody/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":"AAiBA,WAC0D"}
|
|
@@ -1 +1 @@
|
|
|
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":"AAAA,cAAc,wBAAwB;AACtC,cAAc,8BAA8B;AAC5C,cAAc,8BAA8B;AAC5C,cAAc,2BAA2B;AACzC,cAAc,wCAAwC"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverBody/index.ts"],"sourcesContent":["export * from './TeachingPopoverBody';\nexport * from './TeachingPopoverBody.types';\nexport * from './renderTeachingPopoverBody';\nexport * from './useTeachingPopoverBody';\nexport * from './useTeachingPopoverBodyStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,wBAAwB;AACtC,cAAc,8BAA8B;AAC5C,cAAc,8BAA8B;AAC5C,cAAc,2BAA2B;AACzC,cAAc,wCAAwC"}
|
|
@@ -1 +1 @@
|
|
|
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":["assertSlots","renderTeachingPopoverBody_unstable","state","root","media","children"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAGjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD;;CAEC,GACD,OAAO,MAAMC,qCAAqC,CAACC;IACjDF,YAAsCE;IAEtC,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,KAAK,kBAAI,KAACF,MAAME,KAAK;YAC3BF,MAAMC,IAAI,CAACE,QAAQ;;;AAG1B,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverBody/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":["assertSlots","renderTeachingPopoverBody_unstable","state","root","media","children"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAGjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD;;CAEC,GACD,OAAO,MAAMC,qCAAqC,CAACC;IACjDF,YAAsCE;IAEtC,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,KAAK,kBAAI,KAACF,MAAME,KAAK;YAC3BF,MAAMC,IAAI,CAACE,QAAQ;;;AAG1B,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
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":["React","getIntrinsicElementProps","slot","useTeachingPopoverBody_unstable","props","ref","mediaLength","components","root","media","always","elementType","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E;;;;CAIC,GACD,OAAO,MAAMC,kCAAkC,CAC7CC,OACAC;IAEA,MAAM,EAAEC,WAAW,EAAE,GAAGF;IAExB,OAAO;QACLG,YAAY;YACVC,MAAM;YACNC,OAAO;QACT;QACAD,MAAMN,KAAKQ,MAAM,CACfT,yBAAyB,OAAO;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;QAEvBF,OAAOP,KAAKU,QAAQ,CAACR,MAAMK,KAAK,EAAE;YAAEE,aAAa;QAAO;QACxDL,aAAaA,wBAAAA,yBAAAA,cAAe;IAC9B;AACF,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverBody/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":["React","getIntrinsicElementProps","slot","useTeachingPopoverBody_unstable","props","ref","mediaLength","components","root","media","always","elementType","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E;;;;CAIC,GACD,OAAO,MAAMC,kCAAkC,CAC7CC,OACAC;IAEA,MAAM,EAAEC,WAAW,EAAE,GAAGF;IAExB,OAAO;QACLG,YAAY;YACVC,MAAM;YACNC,OAAO;QACT;QACAD,MAAMN,KAAKQ,MAAM,CACfT,yBAAyB,OAAO;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;QAEvBF,OAAOP,KAAKU,QAAQ,CAACR,MAAMK,KAAK,EAAE;YAAEE,aAAa;QAAO;QACxDL,aAAaA,wBAAAA,yBAAAA,cAAe;IAC9B;AACF,EAAE"}
|
|
@@ -63,5 +63,4 @@ export const useTeachingPopoverBodyStyles_unstable = state => {
|
|
|
63
63
|
state.media.className = mergeClasses(teachingPopoverBodyClassNames.media, mediaStyles.base, mediaStyles[mediaLength], state.media.className);
|
|
64
64
|
}
|
|
65
65
|
return state;
|
|
66
|
-
};
|
|
67
|
-
//# sourceMappingURL=useTeachingPopoverBodyStyles.styles.js.map
|
|
66
|
+
};
|
|
@@ -1 +1 @@
|
|
|
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":["React","isHTMLElement","useMergedRefs","useControllableState","useEventCallback","useFluent_unstable","useFluent","CAROUSEL_ITEM","useCarouselWalker_unstable","createCarouselStore","useCarousel_unstable","options","onValueChange","onFinish","targetDocument","win","defaultView","ref","carouselRef","walker","carouselWalker","store","useState","value","setValue","defaultState","defaultValue","state","initialState","rootRef","useRef","process","env","NODE_ENV","useEffect","console","error","allItems","current","querySelectorAll","i","length","addValue","item","getAttribute","clear","config","attributes","attributeFilter","childList","subtree","callback","mutationList","mutation","addedNode","Array","from","addedNodes","hasAttribute","newValue","newNode","find","previousNode","prevPage","insertValue","removedNode","removedNodes","removedValue","removeValue","observer","MutationObserver","observe","disconnect","selectPageByDirection","event","direction","active","newPage","nextPage","type","selectPageByValue","_value","carousel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/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":["React","isHTMLElement","useMergedRefs","useControllableState","useEventCallback","useFluent_unstable","useFluent","CAROUSEL_ITEM","useCarouselWalker_unstable","createCarouselStore","useCarousel_unstable","options","onValueChange","onFinish","targetDocument","win","defaultView","ref","carouselRef","walker","carouselWalker","store","useState","value","setValue","defaultState","defaultValue","state","initialState","rootRef","useRef","process","env","NODE_ENV","useEffect","console","error","allItems","current","querySelectorAll","i","length","addValue","item","getAttribute","clear","config","attributes","attributeFilter","childList","subtree","callback","mutationList","mutation","addedNode","Array","from","addedNodes","hasAttribute","newValue","newNode","find","previousNode","prevPage","insertValue","removedNode","removedNodes","removedValue","removeValue","observer","MutationObserver","observe","disconnect","selectPageByDirection","event","direction","active","newPage","nextPage","type","selectPageByValue","_value","carousel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
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":["React"],"rangeMappings":"","mappings":"AAAA,YAAYA,WAAW,QAAQ"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/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":["React"],"rangeMappings":"","mappings":"AAAA,YAAYA,WAAW,QAAQ"}
|
|
@@ -1 +1 @@
|
|
|
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":["createContext","useContextSelector","React","createCarouselStore","carouselContextDefaultValue","store","value","selectPageByDirection","selectPageByValue","CarouselContext","undefined","CarouselProvider","Provider","useCarouselContext_unstable","selector","ctx"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,SAAwCA,aAAa,EAAEC,kBAAkB,QAAQ,mCAAmC;AACpH,YAAYC,WAAW,QAAQ;AAG/B,SAASC,mBAAmB,QAAQ,wBAAwB;AAY5D,OAAO,MAAMC,8BAAoD;IAC/DC,OAAOF;IACPG,OAAO;IACPC,uBAAuB;IACrB,SAAS,GACX;IACAC,mBAAmB;IACjB,SAAS,GACX;AACF,EAAE;AAEF,MAAMC,kBAAiDT,cACrDU;AAGF,OAAO,MAAMC,mBAAmBF,gBAAgBG,QAAQ,CAAC;AAEzD,OAAO,MAAMC,8BAA8B,CAAIC,WAC7Cb,mBAAmBQ,iBAAiB,CAACM,MAAMX,2BAA2B,GAAKU,SAASC,MAAM"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/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":["createContext","useContextSelector","React","createCarouselStore","carouselContextDefaultValue","store","value","selectPageByDirection","selectPageByValue","CarouselContext","undefined","CarouselProvider","Provider","useCarouselContext_unstable","selector","ctx"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,SAAwCA,aAAa,EAAEC,kBAAkB,QAAQ,mCAAmC;AACpH,YAAYC,WAAW,QAAQ;AAG/B,SAASC,mBAAmB,QAAQ,wBAAwB;AAY5D,OAAO,MAAMC,8BAAoD;IAC/DC,OAAOF;IACPG,OAAO;IACPC,uBAAuB;IACrB,SAAS,GACX;IACAC,mBAAmB;IACjB,SAAS,GACX;AACF,EAAE;AAEF,MAAMC,kBAAiDT,cACrDU;AAGF,OAAO,MAAMC,mBAAmBF,gBAAgBG,QAAQ,CAAC;AAEzD,OAAO,MAAMC,8BAA8B,CAAIC,WAC7Cb,mBAAmBQ,iBAAiB,CAACM,MAAMX,2BAA2B,GAAKU,SAASC,MAAM"}
|
package/lib/components/TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,GACD,WAEqC"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/CarouselItem/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,GACD,WAEqC"}
|
|
@@ -1 +1 @@
|
|
|
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":["React","useCarouselItem_unstable","renderCarouselItem_unstable","CarouselItem","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,uBAAuB;AAEnE;;;CAGC,GACD,OAAO,MAAMC,6BAAuDH,MAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQN,yBAAyBI,OAAOC;IAE9C,OAAOJ,4BAA4BK;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/CarouselItem/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":["React","useCarouselItem_unstable","renderCarouselItem_unstable","CarouselItem","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,uBAAuB;AAEnE;;;CAGC,GACD,OAAO,MAAMC,6BAAuDH,MAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQN,yBAAyBI,OAAOC;IAE9C,OAAOJ,4BAA4BK;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}
|
package/lib/components/TeachingPopoverCarousel/Carousel/CarouselItem/renderCarouselItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":["assertSlots","renderCarouselItem_unstable","state","root"],"rangeMappings":";;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAACC;IAC1CF,YAA+BE;IAE/B,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/CarouselItem/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":["assertSlots","renderCarouselItem_unstable","state","root"],"rangeMappings":";;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAACC;IAC1CF,YAA+BE;IAE/B,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
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":["React","getIntrinsicElementProps","slot","useCarouselContext_unstable","CAROUSEL_ACTIVE_ITEM","CAROUSEL_ITEM","useCarouselItem_unstable","props","ref","value","visible","c","state","components","root","always","hidden","elementType","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,2BAA2B,QAAQ,qBAAqB;AACjE,SAASC,oBAAoB,EAAEC,aAAa,QAAQ,eAAe;AAEnE,OAAO,MAAMC,2BAA2B,CACtCC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,MAAMG,UAAUP,4BAA4BQ,CAAAA,IAAKA,EAAEF,KAAK,KAAKA;IAC7D,MAAMG,QAA2B;QAC/BH;QACAC;QACAG,YAAY;YACVC,MAAM;QACR;QACAA,MAAMZ,KAAKa,MAAM,CACfd,yBAAyB,OAAO;YAC9BO;YACA,CAACH,cAAc,EAAEI;YACjB,CAACL,qBAAqB,EAAEM;YACxBM,QAAQ,CAACN;YACT,GAAGH,KAAK;QACV,IACA;YAAEU,aAAa;QAAM;IAEzB;IAEA,IAAI,CAACP,SAAS;QACZE,MAAME,IAAI,CAACI,QAAQ,GAAG;IACxB;IAEA,OAAON;AACT,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/CarouselItem/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":["React","getIntrinsicElementProps","slot","useCarouselContext_unstable","CAROUSEL_ACTIVE_ITEM","CAROUSEL_ITEM","useCarouselItem_unstable","props","ref","value","visible","c","state","components","root","always","hidden","elementType","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,2BAA2B,QAAQ,qBAAqB;AACjE,SAASC,oBAAoB,EAAEC,aAAa,QAAQ,eAAe;AAEnE,OAAO,MAAMC,2BAA2B,CACtCC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,MAAMG,UAAUP,4BAA4BQ,CAAAA,IAAKA,EAAEF,KAAK,KAAKA;IAC7D,MAAMG,QAA2B;QAC/BH;QACAC;QACAG,YAAY;YACVC,MAAM;QACR;QACAA,MAAMZ,KAAKa,MAAM,CACfd,yBAAyB,OAAO;YAC9BO;YACA,CAACH,cAAc,EAAEI;YACjB,CAACL,qBAAqB,EAAEM;YACxBM,QAAQ,CAACN;YACT,GAAGH,KAAK;QACV,IACA;YAAEU,aAAa;QAAM;IAEzB;IAEA,IAAI,CAACP,SAAS;QACZE,MAAME,IAAI,CAACI,QAAQ,GAAG;IACxB;IAEA,OAAON;AACT,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
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_ITEM","CAROUSEL_ACTIVE_ITEM"],"rangeMappings":";","mappings":"AAAA,OAAO,MAAMA,gBAAgB,qBAAqB;AAClD,OAAO,MAAMC,uBAAuB,4BAA4B"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/constants.ts"],"sourcesContent":["export const CAROUSEL_ITEM = 'data-carousel-item';\nexport const CAROUSEL_ACTIVE_ITEM = 'data-carousel-active-item';\n"],"names":["CAROUSEL_ITEM","CAROUSEL_ACTIVE_ITEM"],"rangeMappings":";","mappings":"AAAA,OAAO,MAAMA,gBAAgB,qBAAqB;AAClD,OAAO,MAAMC,uBAAuB,4BAA4B"}
|
|
@@ -1 +1 @@
|
|
|
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":"AAEA,OAAO,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,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/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":"AAEA,OAAO,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,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
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":["useSyncExternalStore","useCarouselContext_unstable","useCarouselValues_unstable","getSnapshot","store","c","subscribe"],"rangeMappings":";;;;;","mappings":"AAAA,SAASA,oBAAoB,QAAQ,+BAA+B;AAEpE,SAASC,2BAA2B,QAAQ,oBAAoB;AAGhE,OAAO,SAASC,2BAA8BC,WAAoE;IAChH,MAAMC,QAAQH,4BAA4BI,CAAAA,IAAKA,EAAED,KAAK;IAEtD,OAAOJ,qBAAqBI,MAAME,SAAS,EAAE,IAAMH,YAAYC,MAAMD,WAAW;AAClF"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/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":["useSyncExternalStore","useCarouselContext_unstable","useCarouselValues_unstable","getSnapshot","store","c","subscribe"],"rangeMappings":";;;;;","mappings":"AAAA,SAASA,oBAAoB,QAAQ,+BAA+B;AAEpE,SAASC,2BAA2B,QAAQ,oBAAoB;AAGhE,OAAO,SAASC,2BAA8BC,WAAoE;IAChH,MAAMC,QAAQH,4BAA4BI,CAAAA,IAAKA,EAAED,KAAK;IAEtD,OAAOJ,qBAAqBI,MAAME,SAAS,EAAE,IAAMH,YAAYC,MAAMD,WAAW;AAClF"}
|
|
@@ -1 +1 @@
|
|
|
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":["React","isHTMLElement","useFluent_unstable","useFluent","CAROUSEL_ACTIVE_ITEM","CAROUSEL_ITEM","useCarouselWalker_unstable","targetDocument","treeWalkerRef","useRef","createTreeWalker","body","htmlRef","ref","useCallback","el","current","NodeFilter","SHOW_ELEMENT","acceptNode","node","FILTER_SKIP","hasAttribute","FILTER_ACCEPT","walker","useMemo","active","activeEl","querySelector","value","getAttribute","find","currentNode","nextNode","nextPage","res","next","prevPage","previousNode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/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":["React","isHTMLElement","useFluent_unstable","useFluent","CAROUSEL_ACTIVE_ITEM","CAROUSEL_ITEM","useCarouselWalker_unstable","targetDocument","treeWalkerRef","useRef","createTreeWalker","body","htmlRef","ref","useCallback","el","current","NodeFilter","SHOW_ELEMENT","acceptNode","node","FILTER_SKIP","hasAttribute","FILTER_ACCEPT","walker","useMemo","active","activeEl","querySelector","value","getAttribute","find","currentNode","nextNode","nextPage","res","next","prevPage","previousNode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
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":["React","useTeachingPopoverCarousel_unstable","renderTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselStyles_unstable","useCustomStyleHook_unstable","useTeachingPopoverCarouselContextValues_unstable","TeachingPopoverCarousel","forwardRef","props","ref","state","contextValues","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,mCAAmC,QAAQ,+BAA+B;AACnF,SAASC,sCAAsC,QAAQ,kCAAkC;AACzF,SAASC,yCAAyC,QAAQ,4CAA4C;AACtG,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E,SAASC,gDAAgD,QAAQ,4CAA4C;AAE7G;;;;;CAKC,GACD,OAAO,MAAMC,wCAA6EN,MAAMO,UAAU,CACxG,CAACC,OAAOC;IACN,MAAMC,QAAQT,oCAAoCO,OAAOC;IAEzDN,0CAA0CO;IAE1CN,4BAA4B,6CAA6CM;IAEzE,MAAMC,gBAAgBN,iDAAiDK;IAEvE,OAAOR,uCAAuCQ,OAAOC;AACvD,GACA;AAEFL,wBAAwBM,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/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":["React","useTeachingPopoverCarousel_unstable","renderTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselStyles_unstable","useCustomStyleHook_unstable","useTeachingPopoverCarouselContextValues_unstable","TeachingPopoverCarousel","forwardRef","props","ref","state","contextValues","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,mCAAmC,QAAQ,+BAA+B;AACnF,SAASC,sCAAsC,QAAQ,kCAAkC;AACzF,SAASC,yCAAyC,QAAQ,4CAA4C;AACtG,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E,SAASC,gDAAgD,QAAQ,4CAA4C;AAE7G;;;;;CAKC,GACD,OAAO,MAAMC,wCAA6EN,MAAMO,UAAU,CACxG,CAACC,OAAOC;IACN,MAAMC,QAAQT,oCAAoCO,OAAOC;IAEzDN,0CAA0CO;IAE1CN,4BAA4B,6CAA6CM;IAEzE,MAAMC,gBAAgBN,iDAAiDK;IAEvE,OAAOR,uCAAuCQ,OAAOC;AACvD,GACA;AAEFL,wBAAwBM,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
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,GACD,WAEE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/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,GACD,WAEE"}
|
|
@@ -1 +1 @@
|
|
|
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":"AAAA,cAAc,4BAA4B;AAC1C,cAAc,kCAAkC;AAChD,cAAc,kCAAkC;AAChD,cAAc,+BAA+B;AAC7C,cAAc,4CAA4C;AAC1D,cAAc,4CAA4C"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/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":"AAAA,cAAc,4BAA4B;AAC1C,cAAc,kCAAkC;AAChD,cAAc,kCAAkC;AAChD,cAAc,+BAA+B;AAC7C,cAAc,4CAA4C;AAC1D,cAAc,4CAA4C"}
|
|
@@ -1 +1 @@
|
|
|
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":["assertSlots","CarouselProvider","renderTeachingPopoverCarousel_unstable","state","contextValues","value","carousel","root"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAMxD,SAASC,gBAAgB,QAAQ,6BAA6B;AAE9D;;CAEC,GACD,OAAO,MAAMC,yCAAyC,CACpDC,OACAC;IAEAJ,YAA0CG;IAE1C,qBACE,KAACF;QAAiBI,OAAOD,cAAcE,QAAQ;kBAC7C,cAAA,KAACH,MAAMI,IAAI;;AAGjB,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/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":["assertSlots","CarouselProvider","renderTeachingPopoverCarousel_unstable","state","contextValues","value","carousel","root"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAMxD,SAASC,gBAAgB,QAAQ,6BAA6B;AAE9D;;CAEC,GACD,OAAO,MAAMC,yCAAyC,CACpDC,OACAC;IAEAJ,YAA0CG;IAE1C,qBACE,KAACF;QAAiBI,OAAOD,cAAcE,QAAQ;kBAC7C,cAAA,KAACH,MAAMI,IAAI;;AAGjB,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
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":["React","getIntrinsicElementProps","slot","useEventCallback","useMergedRefs","usePopoverContext_unstable","useCarousel_unstable","useTeachingPopoverCarousel_unstable","props","ref","toggleOpen","c","handleFinish","event","data","onFinish","carousel","carouselRef","defaultValue","value","onValueChange","appearance","context","components","root","always","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,4BAA4B;AAE5G,SAASC,0BAA0B,QAAQ,0BAA0B;AACrE,SAASC,oBAAoB,QAAiC,sBAAsB;AAEpF,OAAO,MAAMC,sCAAsC,CACjDC,OACAC;IAEA,MAAMC,aAAaL,2BAA2BM,CAAAA,IAAKA,EAAED,UAAU;IAC/D,MAAME,eAA+CT,iBAAiB,CAACU,OAAOC;YAC5EN;SAAAA,kBAAAA,MAAMO,QAAQ,cAAdP,sCAAAA,qBAAAA,OAAiBK,OAAOC;QACxBJ,WAAWG;IACb;IAEA,MAAM,EAAEG,QAAQ,EAAEC,WAAW,EAAE,GAAGX,qBAAqB;QACrDY,cAAcV,MAAMU,YAAY;QAChCC,OAAOX,MAAMW,KAAK;QAClBC,eAAeZ,MAAMY,aAAa;QAClCL,UAAUH;IACZ;IAEA,MAAMS,aAAahB,2BAA2BiB,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,OAAO;QACLA;QACAE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMtB,KAAKuB,MAAM,CACfxB,yBAAyB,OAAO;YAC9BQ,KAAKL,cAAcK,KAAKQ;YACxB,GAAGT,KAAK;QACV,IACA;YAAEkB,aAAa;QAAM;QAEvB,GAAGV,QAAQ;IACb;AACF,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/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":["React","getIntrinsicElementProps","slot","useEventCallback","useMergedRefs","usePopoverContext_unstable","useCarousel_unstable","useTeachingPopoverCarousel_unstable","props","ref","toggleOpen","c","handleFinish","event","data","onFinish","carousel","carouselRef","defaultValue","value","onValueChange","appearance","context","components","root","always","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,4BAA4B;AAE5G,SAASC,0BAA0B,QAAQ,0BAA0B;AACrE,SAASC,oBAAoB,QAAiC,sBAAsB;AAEpF,OAAO,MAAMC,sCAAsC,CACjDC,OACAC;IAEA,MAAMC,aAAaL,2BAA2BM,CAAAA,IAAKA,EAAED,UAAU;IAC/D,MAAME,eAA+CT,iBAAiB,CAACU,OAAOC;YAC5EN;SAAAA,kBAAAA,MAAMO,QAAQ,cAAdP,sCAAAA,qBAAAA,OAAiBK,OAAOC;QACxBJ,WAAWG;IACb;IAEA,MAAM,EAAEG,QAAQ,EAAEC,WAAW,EAAE,GAAGX,qBAAqB;QACrDY,cAAcV,MAAMU,YAAY;QAChCC,OAAOX,MAAMW,KAAK;QAClBC,eAAeZ,MAAMY,aAAa;QAClCL,UAAUH;IACZ;IAEA,MAAMS,aAAahB,2BAA2BiB,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,OAAO;QACLA;QACAE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMtB,KAAKuB,MAAM,CACfxB,yBAAyB,OAAO;YAC9BQ,KAAKL,cAAcK,KAAKQ;YACxB,GAAGT,KAAK;QACV,IACA;YAAEkB,aAAa;QAAM;QAEvB,GAAGV,QAAQ;IACb;AACF,EAAE"}
|
package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarouselContextValues.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":"AAKA,OAAO,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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarousel/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":"AAKA,OAAO,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"}
|
|
@@ -13,5 +13,4 @@ export const useTeachingPopoverCarouselStyles_unstable = state => {
|
|
|
13
13
|
const styles = useStyles();
|
|
14
14
|
state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);
|
|
15
15
|
return state;
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=useTeachingPopoverCarouselStyles.styles.js.map
|
|
16
|
+
};
|
|
@@ -1 +1 @@
|
|
|
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":["React","useTeachingPopoverCarouselCard_unstable","renderTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","TeachingPopoverCarouselCard","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uCAAuC,QAAQ,mCAAmC;AAC3F,SAASC,0CAA0C,QAAQ,sCAAsC;AAGjG,SAASC,6CAA6C,QAAQ,gDAAgD;AAE9G;;;;;CAKC,GACD,OAAO,MAAMC,4CAAqFJ,MAAMK,UAAU,CAChH,CAACC,OAAOC;IACN,MAAMC,QAAQP,wCAAwCK,OAAOC;IAE7DJ,8CAA8CK;IAE9C,OAAON,2CAA2CM;AACpD,GACA;AAEFJ,4BAA4BK,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/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":["React","useTeachingPopoverCarouselCard_unstable","renderTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","TeachingPopoverCarouselCard","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uCAAuC,QAAQ,mCAAmC;AAC3F,SAASC,0CAA0C,QAAQ,sCAAsC;AAGjG,SAASC,6CAA6C,QAAQ,gDAAgD;AAE9G;;;;;CAKC,GACD,OAAO,MAAMC,4CAAqFJ,MAAMK,UAAU,CAChH,CAACC,OAAOC;IACN,MAAMC,QAAQP,wCAAwCK,OAAOC;IAE7DJ,8CAA8CK;IAE9C,OAAON,2CAA2CM;AACpD,GACA;AAEFJ,4BAA4BK,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
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":"AAeA,WAC4D"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/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":"AAeA,WAC4D"}
|
|
@@ -1 +1 @@
|
|
|
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":"AAAA,cAAc,gCAAgC;AAC9C,cAAc,sCAAsC;AACpD,cAAc,sCAAsC;AACpD,cAAc,mCAAmC;AACjD,cAAc,gDAAgD"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselCard';\nexport * from './TeachingPopoverCarouselCard.types';\nexport * from './renderTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCardStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,gCAAgC;AAC9C,cAAc,sCAAsC;AACpD,cAAc,sCAAsC;AACpD,cAAc,mCAAmC;AACjD,cAAc,gDAAgD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderTeachingPopoverCarouselCard.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselCardState } from './TeachingPopoverCarouselCard.types';\nimport { TeachingPopoverCarouselCardSlots } from './TeachingPopoverCarouselCard.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselCard\n */\nexport const renderTeachingPopoverCarouselCard_unstable = (state: TeachingPopoverCarouselCardState) => {\n assertSlots<TeachingPopoverCarouselCardSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselCard_unstable","state","root"],"rangeMappings":";;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAGjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD;;CAEC,GACD,OAAO,MAAMC,6CAA6C,CAACC;IACzDF,YAA8CE;IAE9C,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/renderTeachingPopoverCarouselCard.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselCardState } from './TeachingPopoverCarouselCard.types';\nimport { TeachingPopoverCarouselCardSlots } from './TeachingPopoverCarouselCard.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselCard\n */\nexport const renderTeachingPopoverCarouselCard_unstable = (state: TeachingPopoverCarouselCardState) => {\n assertSlots<TeachingPopoverCarouselCardSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselCard_unstable","state","root"],"rangeMappings":";;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAGjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD;;CAEC,GACD,OAAO,MAAMC,6CAA6C,CAACC;IACzDF,YAA8CE;IAE9C,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTeachingPopoverCarouselCard.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n TeachingPopoverCarouselCardProps,\n TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nimport { CarouselItem } from '../TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselCard properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselCard\n */\nexport const useTeachingPopoverCarouselCard_unstable = (\n props: TeachingPopoverCarouselCardProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselCardState => {\n const { value } = props;\n\n return {\n value,\n components: {\n root: CarouselItem,\n },\n root: slot.always(\n {\n ...getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n value,\n },\n { elementType: CarouselItem },\n ),\n };\n};\n"],"names":["getIntrinsicElementProps","slot","React","CarouselItem","useTeachingPopoverCarouselCard_unstable","props","ref","value","components","root","always","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,YAAYC,WAAW,QAAQ;AAM/B,SAASC,YAAY,QAAQ,+DAA+D;AAE5F;;;;CAIC,GACD,OAAO,MAAMC,0CAA0C,CACrDC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,OAAO;QACLE;QACAC,YAAY;YACVC,MAAMN;QACR;QACAM,MAAMR,KAAKS,MAAM,CACf;YACE,GAAGV,yBAAyB,OAAO;gBACjCM;gBACA,GAAGD,KAAK;YACV,EAAE;YACFE;QACF,GACA;YAAEI,aAAaR;QAAa;IAEhC;AACF,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCard.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n TeachingPopoverCarouselCardProps,\n TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nimport { CarouselItem } from '../TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselCard properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselCard\n */\nexport const useTeachingPopoverCarouselCard_unstable = (\n props: TeachingPopoverCarouselCardProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselCardState => {\n const { value } = props;\n\n return {\n value,\n components: {\n root: CarouselItem,\n },\n root: slot.always(\n {\n ...getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n value,\n },\n { elementType: CarouselItem },\n ),\n };\n};\n"],"names":["getIntrinsicElementProps","slot","React","CarouselItem","useTeachingPopoverCarouselCard_unstable","props","ref","value","components","root","always","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,YAAYC,WAAW,QAAQ;AAM/B,SAASC,YAAY,QAAQ,+DAA+D;AAE5F;;;;CAIC,GACD,OAAO,MAAMC,0CAA0C,CACrDC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,OAAO;QACLE;QACAC,YAAY;YACVC,MAAMN;QACR;QACAM,MAAMR,KAAKS,MAAM,CACf;YACE,GAAGV,yBAAyB,OAAO;gBACjCM;gBACA,GAAGD,KAAK;YACV,EAAE;YACFE;QACF,GACA;YAAEI,aAAaR;QAAa;IAEhC;AACF,EAAE"}
|
package/lib/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js
CHANGED
|
@@ -12,5 +12,4 @@ export const useTeachingPopoverCarouselCardStyles_unstable = state => {
|
|
|
12
12
|
const styles = useStyles();
|
|
13
13
|
state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);
|
|
14
14
|
return state;
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=useTeachingPopoverCarouselCardStyles.styles.js.map
|
|
15
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TeachingPopoverCarouselFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselFooter_unstable } from './useTeachingPopoverCarouselFooter';\nimport { renderTeachingPopoverCarouselFooter_unstable } from './renderTeachingPopoverCarouselFooter';\nimport { useTeachingPopoverCarouselFooterStyles_unstable } from './useTeachingPopoverCarouselFooterStyles.styles';\nimport type { TeachingPopoverCarouselFooterProps } from './TeachingPopoverCarouselFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverCarouselFooter, using the `useTeachingPopoverCarouselFooter_unstable` and `useTeachingPopoverCarouselFooterStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselFooter contains previous/next buttons configured for carousel navigation, and a root slot for page count and/or page index navigation.\n */\nexport const TeachingPopoverCarouselFooter: ForwardRefComponent<TeachingPopoverCarouselFooterProps> = React.forwardRef(\n (props, ref) => {\n const state = useTeachingPopoverCarouselFooter_unstable(props, ref);\n\n useTeachingPopoverCarouselFooterStyles_unstable(state);\n\n return renderTeachingPopoverCarouselFooter_unstable(state);\n },\n);\n\nTeachingPopoverCarouselFooter.displayName = 'TeachingPopoverCarouselFooter';\n"],"names":["React","useTeachingPopoverCarouselFooter_unstable","renderTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","TeachingPopoverCarouselFooter","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yCAAyC,QAAQ,qCAAqC;AAC/F,SAASC,4CAA4C,QAAQ,wCAAwC;AACrG,SAASC,+CAA+C,QAAQ,kDAAkD;AAIlH;;;;;CAKC,GACD,OAAO,MAAMC,8CAAyFJ,MAAMK,UAAU,CACpH,CAACC,OAAOC;IACN,MAAMC,QAAQP,0CAA0CK,OAAOC;IAE/DJ,gDAAgDK;IAEhD,OAAON,6CAA6CM;AACtD,GACA;AAEFJ,8BAA8BK,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../src/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselFooter_unstable } from './useTeachingPopoverCarouselFooter';\nimport { renderTeachingPopoverCarouselFooter_unstable } from './renderTeachingPopoverCarouselFooter';\nimport { useTeachingPopoverCarouselFooterStyles_unstable } from './useTeachingPopoverCarouselFooterStyles.styles';\nimport type { TeachingPopoverCarouselFooterProps } from './TeachingPopoverCarouselFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverCarouselFooter, using the `useTeachingPopoverCarouselFooter_unstable` and `useTeachingPopoverCarouselFooterStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselFooter contains previous/next buttons configured for carousel navigation, and a root slot for page count and/or page index navigation.\n */\nexport const TeachingPopoverCarouselFooter: ForwardRefComponent<TeachingPopoverCarouselFooterProps> = React.forwardRef(\n (props, ref) => {\n const state = useTeachingPopoverCarouselFooter_unstable(props, ref);\n\n useTeachingPopoverCarouselFooterStyles_unstable(state);\n\n return renderTeachingPopoverCarouselFooter_unstable(state);\n },\n);\n\nTeachingPopoverCarouselFooter.displayName = 'TeachingPopoverCarouselFooter';\n"],"names":["React","useTeachingPopoverCarouselFooter_unstable","renderTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","TeachingPopoverCarouselFooter","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yCAAyC,QAAQ,qCAAqC;AAC/F,SAASC,4CAA4C,QAAQ,wCAAwC;AACrG,SAASC,+CAA+C,QAAQ,kDAAkD;AAIlH;;;;;CAKC,GACD,OAAO,MAAMC,8CAAyFJ,MAAMK,UAAU,CACpH,CAACC,OAAOC;IACN,MAAMC,QAAQP,0CAA0CK,OAAOC;IAE/DJ,gDAAgDK;IAEhD,OAAON,6CAA6CM;AACtD,GACA;AAEFJ,8BAA8BK,WAAW,GAAG"}
|