@fluentui/react-drawer 9.13.0 → 9.13.2
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 +36 -2
- package/dist/index.d.cts +532 -0
- package/lib/Drawer.js +1 -1
- package/lib/Drawer.js.map +1 -1
- package/lib/DrawerBody.js +1 -1
- package/lib/DrawerBody.js.map +1 -1
- package/lib/DrawerFooter.js +1 -1
- package/lib/DrawerFooter.js.map +1 -1
- package/lib/DrawerHeader.js +1 -1
- package/lib/DrawerHeader.js.map +1 -1
- package/lib/DrawerHeaderNavigation.js +1 -1
- package/lib/DrawerHeaderNavigation.js.map +1 -1
- package/lib/DrawerHeaderTitle.js +1 -1
- package/lib/DrawerHeaderTitle.js.map +1 -1
- package/lib/InlineDrawer.js +1 -1
- package/lib/InlineDrawer.js.map +1 -1
- package/lib/OverlayDrawer.js +1 -1
- package/lib/OverlayDrawer.js.map +1 -1
- package/lib/components/Drawer/Drawer.js +6 -6
- package/lib/components/Drawer/Drawer.js.map +1 -1
- package/lib/components/Drawer/index.js +4 -4
- package/lib/components/Drawer/index.js.map +1 -1
- package/lib/components/Drawer/renderDrawer.js +2 -2
- package/lib/components/Drawer/renderDrawer.js.map +1 -1
- package/lib/components/Drawer/useDrawer.js +3 -3
- package/lib/components/Drawer/useDrawer.js.map +1 -1
- package/lib/components/Drawer/useDrawerStyles.styles.js +1 -3
- package/lib/components/Drawer/useDrawerStyles.styles.js.map +1 -1
- package/lib/components/Drawer/useDrawerStyles.styles.raw.js +1 -2
- package/lib/components/Drawer/useDrawerStyles.styles.raw.js.map +1 -1
- package/lib/components/DrawerBody/DrawerBody.js +5 -5
- package/lib/components/DrawerBody/DrawerBody.js.map +1 -1
- package/lib/components/DrawerBody/index.js +4 -4
- package/lib/components/DrawerBody/index.js.map +1 -1
- package/lib/components/DrawerBody/renderDrawerBody.js +1 -1
- package/lib/components/DrawerBody/useDrawerBody.js +4 -4
- package/lib/components/DrawerBody/useDrawerBody.js.map +1 -1
- package/lib/components/DrawerBody/useDrawerBodyStyles.styles.js +2 -4
- package/lib/components/DrawerBody/useDrawerBodyStyles.styles.js.map +1 -1
- package/lib/components/DrawerBody/useDrawerBodyStyles.styles.raw.js +2 -3
- package/lib/components/DrawerBody/useDrawerBodyStyles.styles.raw.js.map +1 -1
- package/lib/components/DrawerFooter/DrawerFooter.js +5 -5
- package/lib/components/DrawerFooter/DrawerFooter.js.map +1 -1
- package/lib/components/DrawerFooter/index.js +4 -4
- package/lib/components/DrawerFooter/index.js.map +1 -1
- package/lib/components/DrawerFooter/renderDrawerFooter.js +1 -1
- package/lib/components/DrawerFooter/useDrawerFooter.js +2 -2
- package/lib/components/DrawerFooter/useDrawerFooter.js.map +1 -1
- package/lib/components/DrawerFooter/useDrawerFooterStyles.styles.js +3 -5
- package/lib/components/DrawerFooter/useDrawerFooterStyles.styles.js.map +1 -1
- package/lib/components/DrawerFooter/useDrawerFooterStyles.styles.raw.js +3 -4
- package/lib/components/DrawerFooter/useDrawerFooterStyles.styles.raw.js.map +1 -1
- package/lib/components/DrawerHeader/DrawerHeader.js +5 -5
- package/lib/components/DrawerHeader/DrawerHeader.js.map +1 -1
- package/lib/components/DrawerHeader/index.js +4 -4
- package/lib/components/DrawerHeader/index.js.map +1 -1
- package/lib/components/DrawerHeader/renderDrawerHeader.js +1 -1
- package/lib/components/DrawerHeader/useDrawerHeader.js +2 -2
- package/lib/components/DrawerHeader/useDrawerHeader.js.map +1 -1
- package/lib/components/DrawerHeader/useDrawerHeaderStyles.styles.js +3 -5
- package/lib/components/DrawerHeader/useDrawerHeaderStyles.styles.js.map +1 -1
- package/lib/components/DrawerHeader/useDrawerHeaderStyles.styles.raw.js +3 -4
- package/lib/components/DrawerHeader/useDrawerHeaderStyles.styles.raw.js.map +1 -1
- package/lib/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js +5 -5
- package/lib/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js.map +1 -1
- package/lib/components/DrawerHeaderNavigation/index.js +4 -4
- package/lib/components/DrawerHeaderNavigation/index.js.map +1 -1
- package/lib/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js +1 -1
- package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js +1 -1
- package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js +2 -4
- package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js.map +1 -1
- package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.raw.js +2 -3
- package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.raw.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.js +5 -5
- package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/index.js +4 -4
- package/lib/components/DrawerHeaderTitle/index.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js +1 -1
- package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitle.js +2 -2
- package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js +3 -5
- package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.raw.js +3 -4
- package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.raw.js.map +1 -1
- package/lib/components/InlineDrawer/InlineDrawer.js +6 -6
- package/lib/components/InlineDrawer/InlineDrawer.js.map +1 -1
- package/lib/components/InlineDrawer/index.js +4 -4
- package/lib/components/InlineDrawer/index.js.map +1 -1
- package/lib/components/InlineDrawer/renderInlineDrawer.js +2 -2
- package/lib/components/InlineDrawer/renderInlineDrawer.js.map +1 -1
- package/lib/components/InlineDrawer/useInlineDrawer.js +6 -6
- package/lib/components/InlineDrawer/useInlineDrawer.js.map +1 -1
- package/lib/components/InlineDrawer/useInlineDrawerStyles.styles.js +3 -5
- package/lib/components/InlineDrawer/useInlineDrawerStyles.styles.js.map +1 -1
- package/lib/components/InlineDrawer/useInlineDrawerStyles.styles.raw.js +3 -4
- package/lib/components/InlineDrawer/useInlineDrawerStyles.styles.raw.js.map +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawer.js +6 -6
- package/lib/components/OverlayDrawer/OverlayDrawer.js.map +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js +4 -4
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js.map +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/index.js +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/index.js.map +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.js +2 -4
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.js.map +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.raw.js +2 -3
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.raw.js.map +1 -1
- package/lib/components/OverlayDrawer/index.js +4 -4
- package/lib/components/OverlayDrawer/index.js.map +1 -1
- package/lib/components/OverlayDrawer/renderOverlayDrawer.js +3 -3
- package/lib/components/OverlayDrawer/renderOverlayDrawer.js.map +1 -1
- package/lib/components/OverlayDrawer/useOverlayDrawer.js +9 -9
- package/lib/components/OverlayDrawer/useOverlayDrawer.js.map +1 -1
- package/lib/components/OverlayDrawer/useOverlayDrawerStyles.styles.js +3 -5
- package/lib/components/OverlayDrawer/useOverlayDrawerStyles.styles.js.map +1 -1
- package/lib/components/OverlayDrawer/useOverlayDrawerStyles.styles.raw.js +3 -4
- package/lib/components/OverlayDrawer/useOverlayDrawerStyles.styles.raw.js.map +1 -1
- package/lib/contexts/drawerContext.js +1 -1
- package/lib/contexts/index.js +1 -1
- package/lib/contexts/index.js.map +1 -1
- package/lib/e2e/DrawerShared.js +4 -4
- package/lib/index.js +9 -9
- package/lib/index.js.map +1 -1
- package/lib/shared/drawerMotionUtils.js +1 -1
- package/lib/shared/drawerMotions.js +4 -4
- package/lib/shared/drawerMotions.js.map +1 -1
- package/lib/shared/drawerSeparatorStyles.js +1 -1
- package/lib/shared/useDrawerBaseStyles.styles.js +2 -2
- package/lib/shared/useDrawerBaseStyles.styles.js.map +1 -1
- package/lib/shared/useDrawerBaseStyles.styles.raw.js +2 -2
- package/lib-commonjs/{Drawer.js → Drawer.cjs} +1 -1
- package/lib-commonjs/{Drawer.js.map → Drawer.cjs.map} +1 -1
- package/lib-commonjs/{DrawerBody.js → DrawerBody.cjs} +1 -1
- package/lib-commonjs/{DrawerBody.js.map → DrawerBody.cjs.map} +1 -1
- package/lib-commonjs/{DrawerFooter.js → DrawerFooter.cjs} +1 -1
- package/lib-commonjs/{DrawerFooter.js.map → DrawerFooter.cjs.map} +1 -1
- package/lib-commonjs/{DrawerHeader.js → DrawerHeader.cjs} +1 -1
- package/lib-commonjs/{DrawerHeader.js.map → DrawerHeader.cjs.map} +1 -1
- package/lib-commonjs/{DrawerHeaderNavigation.js → DrawerHeaderNavigation.cjs} +1 -1
- package/lib-commonjs/{DrawerHeaderNavigation.js.map → DrawerHeaderNavigation.cjs.map} +1 -1
- package/lib-commonjs/{DrawerHeaderTitle.js → DrawerHeaderTitle.cjs} +1 -1
- package/lib-commonjs/{DrawerHeaderTitle.js.map → DrawerHeaderTitle.cjs.map} +1 -1
- package/lib-commonjs/{InlineDrawer.js → InlineDrawer.cjs} +1 -1
- package/lib-commonjs/{InlineDrawer.js.map → InlineDrawer.cjs.map} +1 -1
- package/lib-commonjs/{OverlayDrawer.js → OverlayDrawer.cjs} +1 -1
- package/lib-commonjs/{OverlayDrawer.js.map → OverlayDrawer.cjs.map} +1 -1
- package/lib-commonjs/components/Drawer/{Drawer.js → Drawer.cjs} +4 -4
- package/lib-commonjs/components/Drawer/{Drawer.js.map → Drawer.cjs.map} +1 -1
- package/lib-commonjs/components/Drawer/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/Drawer/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/Drawer/{renderDrawer.js → renderDrawer.cjs} +1 -1
- package/lib-commonjs/components/Drawer/{renderDrawer.js.map → renderDrawer.cjs.map} +1 -1
- package/lib-commonjs/components/Drawer/{useDrawer.js → useDrawer.cjs} +3 -3
- package/lib-commonjs/components/Drawer/{useDrawer.js.map → useDrawer.cjs.map} +1 -1
- package/lib-commonjs/components/Drawer/{useDrawerStyles.styles.raw.js → useDrawerStyles.styles.cjs} +0 -1
- package/lib-commonjs/components/Drawer/useDrawerStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/Drawer/{useDrawerStyles.styles.js → useDrawerStyles.styles.raw.cjs} +0 -1
- package/lib-commonjs/components/Drawer/{useDrawerStyles.styles.raw.js.map → useDrawerStyles.styles.raw.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerBody/{DrawerBody.js → DrawerBody.cjs} +3 -3
- package/lib-commonjs/components/DrawerBody/{DrawerBody.js.map → DrawerBody.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerBody/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/DrawerBody/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerBody/{useDrawerBody.js → useDrawerBody.cjs} +1 -1
- package/lib-commonjs/components/DrawerBody/{useDrawerBody.js.map → useDrawerBody.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerBody/{useDrawerBodyStyles.styles.js → useDrawerBodyStyles.styles.cjs} +0 -1
- package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/DrawerBody/{useDrawerBodyStyles.styles.raw.js → useDrawerBodyStyles.styles.raw.cjs} +0 -1
- package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/DrawerFooter/{DrawerFooter.js → DrawerFooter.cjs} +3 -3
- package/lib-commonjs/components/DrawerFooter/{DrawerFooter.js.map → DrawerFooter.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerFooter/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/DrawerFooter/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerFooter/{useDrawerFooter.js → useDrawerFooter.cjs} +1 -1
- package/lib-commonjs/components/DrawerFooter/{useDrawerFooter.js.map → useDrawerFooter.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerFooter/{useDrawerFooterStyles.styles.js → useDrawerFooterStyles.styles.cjs} +0 -1
- package/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/DrawerFooter/{useDrawerFooterStyles.styles.raw.js → useDrawerFooterStyles.styles.raw.cjs} +1 -2
- package/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/DrawerHeader/{DrawerHeader.js → DrawerHeader.cjs} +3 -3
- package/lib-commonjs/components/DrawerHeader/{DrawerHeader.js.map → DrawerHeader.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerHeader/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/DrawerHeader/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerHeader/{useDrawerHeader.js → useDrawerHeader.cjs} +1 -1
- package/lib-commonjs/components/DrawerHeader/{useDrawerHeader.js.map → useDrawerHeader.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerHeader/{useDrawerHeaderStyles.styles.js → useDrawerHeaderStyles.styles.cjs} +0 -1
- package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/DrawerHeader/{useDrawerHeaderStyles.styles.raw.js → useDrawerHeaderStyles.styles.raw.cjs} +1 -2
- package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/DrawerHeaderNavigation/{DrawerHeaderNavigation.js → DrawerHeaderNavigation.cjs} +3 -3
- package/lib-commonjs/components/DrawerHeaderNavigation/{DrawerHeaderNavigation.js.map → DrawerHeaderNavigation.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/DrawerHeaderNavigation/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/{useDrawerHeaderNavigationStyles.styles.js → useDrawerHeaderNavigationStyles.styles.cjs} +0 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/DrawerHeaderNavigation/{useDrawerHeaderNavigationStyles.styles.raw.js → useDrawerHeaderNavigationStyles.styles.raw.cjs} +0 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/{useDrawerHeaderNavigationStyles.styles.raw.js.map → useDrawerHeaderNavigationStyles.styles.raw.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/{DrawerHeaderTitle.js → DrawerHeaderTitle.cjs} +3 -3
- package/lib-commonjs/components/DrawerHeaderTitle/{DrawerHeaderTitle.js.map → DrawerHeaderTitle.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/DrawerHeaderTitle/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/{useDrawerHeaderTitleStyles.styles.js → useDrawerHeaderTitleStyles.styles.cjs} +0 -1
- package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/DrawerHeaderTitle/{useDrawerHeaderTitleStyles.styles.raw.js → useDrawerHeaderTitleStyles.styles.raw.cjs} +0 -1
- package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/InlineDrawer/{InlineDrawer.js → InlineDrawer.cjs} +4 -4
- package/lib-commonjs/components/InlineDrawer/{InlineDrawer.js.map → InlineDrawer.cjs.map} +1 -1
- package/lib-commonjs/components/InlineDrawer/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/InlineDrawer/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/InlineDrawer/{renderInlineDrawer.js → renderInlineDrawer.cjs} +1 -1
- package/lib-commonjs/components/InlineDrawer/{renderInlineDrawer.js.map → renderInlineDrawer.cjs.map} +1 -1
- package/lib-commonjs/components/InlineDrawer/{useInlineDrawer.js → useInlineDrawer.cjs} +2 -2
- package/lib-commonjs/components/InlineDrawer/{useInlineDrawer.js.map → useInlineDrawer.cjs.map} +1 -1
- package/lib-commonjs/components/InlineDrawer/{useInlineDrawerStyles.styles.js → useInlineDrawerStyles.styles.cjs} +1 -2
- package/lib-commonjs/components/InlineDrawer/useInlineDrawerStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/InlineDrawer/{useInlineDrawerStyles.styles.raw.js → useInlineDrawerStyles.styles.raw.cjs} +1 -2
- package/lib-commonjs/components/InlineDrawer/useInlineDrawerStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/OverlayDrawer/{OverlayDrawer.js → OverlayDrawer.cjs} +4 -4
- package/lib-commonjs/components/OverlayDrawer/{OverlayDrawer.js.map → OverlayDrawer.cjs.map} +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/{OverlayDrawerSurface.js → OverlayDrawerSurface.cjs} +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/{OverlayDrawerSurface.js.map → OverlayDrawerSurface.cjs.map} +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/{index.js → index.cjs} +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/{useOverlayDrawerSurfaceStyles.styles.js → useOverlayDrawerSurfaceStyles.styles.cjs} +0 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/{useOverlayDrawerSurfaceStyles.styles.raw.js → useOverlayDrawerSurfaceStyles.styles.raw.cjs} +0 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/OverlayDrawer/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/OverlayDrawer/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/OverlayDrawer/{renderOverlayDrawer.js → renderOverlayDrawer.cjs} +1 -1
- package/lib-commonjs/components/OverlayDrawer/{renderOverlayDrawer.js.map → renderOverlayDrawer.cjs.map} +1 -1
- package/lib-commonjs/components/OverlayDrawer/{useOverlayDrawer.js → useOverlayDrawer.cjs} +6 -6
- package/lib-commonjs/components/OverlayDrawer/{useOverlayDrawer.js.map → useOverlayDrawer.cjs.map} +1 -1
- package/lib-commonjs/components/OverlayDrawer/{useOverlayDrawerStyles.styles.js → useOverlayDrawerStyles.styles.cjs} +1 -2
- package/lib-commonjs/components/OverlayDrawer/useOverlayDrawerStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/OverlayDrawer/{useOverlayDrawerStyles.styles.raw.js → useOverlayDrawerStyles.styles.raw.cjs} +1 -2
- package/lib-commonjs/components/OverlayDrawer/useOverlayDrawerStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/contexts/{index.js → index.cjs} +1 -1
- package/lib-commonjs/contexts/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/{index.js → index.cjs} +12 -12
- package/lib-commonjs/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/shared/{drawerMotions.js → drawerMotions.cjs} +1 -1
- package/lib-commonjs/shared/{drawerMotions.js.map → drawerMotions.cjs.map} +1 -1
- package/lib-commonjs/shared/useDrawerBaseStyles.styles.cjs.map +1 -0
- package/package.json +22 -16
- package/lib-commonjs/components/Drawer/useDrawerStyles.styles.js.map +0 -1
- package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js.map +0 -1
- package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.js.map +0 -1
- package/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js.map +0 -1
- package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js.map +0 -1
- package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js.map +0 -1
- package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/InlineDrawer/useInlineDrawerStyles.styles.js.map +0 -1
- package/lib-commonjs/components/InlineDrawer/useInlineDrawerStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.js.map +0 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/OverlayDrawer/useOverlayDrawerStyles.styles.js.map +0 -1
- package/lib-commonjs/components/OverlayDrawer/useOverlayDrawerStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/shared/useDrawerBaseStyles.styles.js.map +0 -1
- /package/lib-commonjs/components/Drawer/{Drawer.types.js → Drawer.types.cjs} +0 -0
- /package/lib-commonjs/components/Drawer/{Drawer.types.js.map → Drawer.types.cjs.map} +0 -0
- /package/lib-commonjs/components/DrawerBody/{DrawerBody.types.js → DrawerBody.types.cjs} +0 -0
- /package/lib-commonjs/components/DrawerBody/{DrawerBody.types.js.map → DrawerBody.types.cjs.map} +0 -0
- /package/lib-commonjs/components/DrawerBody/{renderDrawerBody.js → renderDrawerBody.cjs} +0 -0
- /package/lib-commonjs/components/DrawerBody/{renderDrawerBody.js.map → renderDrawerBody.cjs.map} +0 -0
- /package/lib-commonjs/components/DrawerFooter/{DrawerFooter.types.js → DrawerFooter.types.cjs} +0 -0
- /package/lib-commonjs/components/DrawerFooter/{DrawerFooter.types.js.map → DrawerFooter.types.cjs.map} +0 -0
- /package/lib-commonjs/components/DrawerFooter/{renderDrawerFooter.js → renderDrawerFooter.cjs} +0 -0
- /package/lib-commonjs/components/DrawerFooter/{renderDrawerFooter.js.map → renderDrawerFooter.cjs.map} +0 -0
- /package/lib-commonjs/components/DrawerHeader/{DrawerHeader.types.js → DrawerHeader.types.cjs} +0 -0
- /package/lib-commonjs/components/DrawerHeader/{DrawerHeader.types.js.map → DrawerHeader.types.cjs.map} +0 -0
- /package/lib-commonjs/components/DrawerHeader/{renderDrawerHeader.js → renderDrawerHeader.cjs} +0 -0
- /package/lib-commonjs/components/DrawerHeader/{renderDrawerHeader.js.map → renderDrawerHeader.cjs.map} +0 -0
- /package/lib-commonjs/components/DrawerHeaderNavigation/{DrawerHeaderNavigation.types.js → DrawerHeaderNavigation.types.cjs} +0 -0
- /package/lib-commonjs/components/DrawerHeaderNavigation/{DrawerHeaderNavigation.types.js.map → DrawerHeaderNavigation.types.cjs.map} +0 -0
- /package/lib-commonjs/components/DrawerHeaderNavigation/{renderDrawerHeaderNavigation.js → renderDrawerHeaderNavigation.cjs} +0 -0
- /package/lib-commonjs/components/DrawerHeaderNavigation/{renderDrawerHeaderNavigation.js.map → renderDrawerHeaderNavigation.cjs.map} +0 -0
- /package/lib-commonjs/components/DrawerHeaderNavigation/{useDrawerHeaderNavigation.js → useDrawerHeaderNavigation.cjs} +0 -0
- /package/lib-commonjs/components/DrawerHeaderNavigation/{useDrawerHeaderNavigation.js.map → useDrawerHeaderNavigation.cjs.map} +0 -0
- /package/lib-commonjs/components/DrawerHeaderTitle/{DrawerHeaderTitle.types.js → DrawerHeaderTitle.types.cjs} +0 -0
- /package/lib-commonjs/components/DrawerHeaderTitle/{DrawerHeaderTitle.types.js.map → DrawerHeaderTitle.types.cjs.map} +0 -0
- /package/lib-commonjs/components/DrawerHeaderTitle/{renderDrawerHeaderTitle.js → renderDrawerHeaderTitle.cjs} +0 -0
- /package/lib-commonjs/components/DrawerHeaderTitle/{renderDrawerHeaderTitle.js.map → renderDrawerHeaderTitle.cjs.map} +0 -0
- /package/lib-commonjs/components/DrawerHeaderTitle/{useDrawerHeaderTitle.js → useDrawerHeaderTitle.cjs} +0 -0
- /package/lib-commonjs/components/DrawerHeaderTitle/{useDrawerHeaderTitle.js.map → useDrawerHeaderTitle.cjs.map} +0 -0
- /package/lib-commonjs/components/InlineDrawer/{InlineDrawer.types.js → InlineDrawer.types.cjs} +0 -0
- /package/lib-commonjs/components/InlineDrawer/{InlineDrawer.types.js.map → InlineDrawer.types.cjs.map} +0 -0
- /package/lib-commonjs/components/OverlayDrawer/{OverlayDrawer.types.js → OverlayDrawer.types.cjs} +0 -0
- /package/lib-commonjs/components/OverlayDrawer/{OverlayDrawer.types.js.map → OverlayDrawer.types.cjs.map} +0 -0
- /package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/{OverlayDrawerSurface.types.js → OverlayDrawerSurface.types.cjs} +0 -0
- /package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/{OverlayDrawerSurface.types.js.map → OverlayDrawerSurface.types.cjs.map} +0 -0
- /package/lib-commonjs/contexts/{drawerContext.js → drawerContext.cjs} +0 -0
- /package/lib-commonjs/contexts/{drawerContext.js.map → drawerContext.cjs.map} +0 -0
- /package/lib-commonjs/e2e/{DrawerShared.js → DrawerShared.cjs} +0 -0
- /package/lib-commonjs/e2e/{DrawerShared.js.map → DrawerShared.cjs.map} +0 -0
- /package/lib-commonjs/shared/{DrawerBase.types.js → DrawerBase.types.cjs} +0 -0
- /package/lib-commonjs/shared/{DrawerBase.types.js.map → DrawerBase.types.cjs.map} +0 -0
- /package/lib-commonjs/shared/{drawerMotionUtils.js → drawerMotionUtils.cjs} +0 -0
- /package/lib-commonjs/shared/{drawerMotionUtils.js.map → drawerMotionUtils.cjs.map} +0 -0
- /package/lib-commonjs/shared/{drawerSeparatorStyles.js → drawerSeparatorStyles.cjs} +0 -0
- /package/lib-commonjs/shared/{drawerSeparatorStyles.js.map → drawerSeparatorStyles.cjs.map} +0 -0
- /package/lib-commonjs/shared/{useDrawerBaseStyles.styles.js → useDrawerBaseStyles.styles.cjs} +0 -0
- /package/lib-commonjs/shared/{useDrawerBaseStyles.styles.raw.js → useDrawerBaseStyles.styles.raw.cjs} +0 -0
- /package/lib-commonjs/shared/{useDrawerBaseStyles.styles.raw.js.map → useDrawerBaseStyles.styles.raw.cjs.map} +0 -0
- /package/lib-commonjs/shared/{useDrawerDefaultProps.js → useDrawerDefaultProps.cjs} +0 -0
- /package/lib-commonjs/shared/{useDrawerDefaultProps.js.map → useDrawerDefaultProps.cjs.map} +0 -0
|
@@ -12,9 +12,9 @@ Object.defineProperty(exports, "DrawerHeaderNavigation", {
|
|
|
12
12
|
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
13
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
14
14
|
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
15
|
-
const _useDrawerHeaderNavigation = require("./useDrawerHeaderNavigation");
|
|
16
|
-
const _renderDrawerHeaderNavigation = require("./renderDrawerHeaderNavigation");
|
|
17
|
-
const _useDrawerHeaderNavigationStylesstyles = require("./useDrawerHeaderNavigationStyles.styles");
|
|
15
|
+
const _useDrawerHeaderNavigation = require("./useDrawerHeaderNavigation.cjs");
|
|
16
|
+
const _renderDrawerHeaderNavigation = require("./renderDrawerHeaderNavigation.cjs");
|
|
17
|
+
const _useDrawerHeaderNavigationStylesstyles = require("./useDrawerHeaderNavigationStyles.styles.cjs");
|
|
18
18
|
const DrawerHeaderNavigation = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
19
19
|
const state = (0, _useDrawerHeaderNavigation.useDrawerHeaderNavigation_unstable)(props, ref);
|
|
20
20
|
(0, _useDrawerHeaderNavigationStylesstyles.useDrawerHeaderNavigationStyles_unstable)(state);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/DrawerHeaderNavigation/DrawerHeaderNavigation.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useDrawerHeaderNavigation_unstable } from './useDrawerHeaderNavigation';\nimport { renderDrawerHeaderNavigation_unstable } from './renderDrawerHeaderNavigation';\nimport { useDrawerHeaderNavigationStyles_unstable } from './useDrawerHeaderNavigationStyles.styles';\nimport type { DrawerHeaderNavigationProps } from './DrawerHeaderNavigation.types';\n\n/**\n * DrawerHeaderNavigation provides a header navigation area for the Drawer.\n */\nexport const DrawerHeaderNavigation: ForwardRefComponent<DrawerHeaderNavigationProps> = React.forwardRef(\n (props, ref) => {\n const state = useDrawerHeaderNavigation_unstable(props, ref);\n\n useDrawerHeaderNavigationStyles_unstable(state);\n useCustomStyleHook_unstable('useDrawerHeaderNavigationStyles_unstable')(state);\n\n return renderDrawerHeaderNavigation_unstable(state);\n },\n);\n\nDrawerHeaderNavigation.displayName = 'DrawerHeaderNavigation';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerHeaderNavigation_unstable","renderDrawerHeaderNavigation_unstable","useDrawerHeaderNavigationStyles_unstable","DrawerHeaderNavigation","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;2CAE3B,
|
|
1
|
+
{"version":3,"sources":["../src/components/DrawerHeaderNavigation/DrawerHeaderNavigation.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useDrawerHeaderNavigation_unstable } from './useDrawerHeaderNavigation';\nimport { renderDrawerHeaderNavigation_unstable } from './renderDrawerHeaderNavigation';\nimport { useDrawerHeaderNavigationStyles_unstable } from './useDrawerHeaderNavigationStyles.styles';\nimport type { DrawerHeaderNavigationProps } from './DrawerHeaderNavigation.types';\n\n/**\n * DrawerHeaderNavigation provides a header navigation area for the Drawer.\n */\nexport const DrawerHeaderNavigation: ForwardRefComponent<DrawerHeaderNavigationProps> = React.forwardRef(\n (props, ref) => {\n const state = useDrawerHeaderNavigation_unstable(props, ref);\n\n useDrawerHeaderNavigationStyles_unstable(state);\n useCustomStyleHook_unstable('useDrawerHeaderNavigationStyles_unstable')(state);\n\n return renderDrawerHeaderNavigation_unstable(state);\n },\n);\n\nDrawerHeaderNavigation.displayName = 'DrawerHeaderNavigation';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerHeaderNavigation_unstable","renderDrawerHeaderNavigation_unstable","useDrawerHeaderNavigationStyles_unstable","DrawerHeaderNavigation","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;2CAE3B,iCAA8B;8CAC3B,oCAAiC;uDAC9B,8CAA2C;AAM7F,MAAMK,yBAAAA,WAAAA,GAA2EL,OAAMM,UAAU,CACtG,CAACC,OAAOC;IACN,MAAMC,YAAQP,6DAAAA,EAAmCK,OAAOC;QAExDJ,+EAAAA,EAAyCK;QACzCR,gDAAAA,EAA4B,4CAA4CQ;IAExE,WAAON,mEAAAA,EAAsCM;AAC/C,GACA;AAEFJ,uBAAuBK,WAAW,GAAG"}
|
|
@@ -25,7 +25,7 @@ _export(exports, {
|
|
|
25
25
|
return _useDrawerHeaderNavigation.useDrawerHeaderNavigation_unstable;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
-
const _DrawerHeaderNavigation = require("./DrawerHeaderNavigation");
|
|
29
|
-
const _renderDrawerHeaderNavigation = require("./renderDrawerHeaderNavigation");
|
|
30
|
-
const _useDrawerHeaderNavigation = require("./useDrawerHeaderNavigation");
|
|
31
|
-
const _useDrawerHeaderNavigationStylesstyles = require("./useDrawerHeaderNavigationStyles.styles");
|
|
28
|
+
const _DrawerHeaderNavigation = require("./DrawerHeaderNavigation.cjs");
|
|
29
|
+
const _renderDrawerHeaderNavigation = require("./renderDrawerHeaderNavigation.cjs");
|
|
30
|
+
const _useDrawerHeaderNavigation = require("./useDrawerHeaderNavigation.cjs");
|
|
31
|
+
const _useDrawerHeaderNavigationStylesstyles = require("./useDrawerHeaderNavigationStyles.styles.cjs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/DrawerHeaderNavigation/index.ts"],"sourcesContent":["export { DrawerHeaderNavigation } from './DrawerHeaderNavigation';\nexport type {\n DrawerHeaderNavigationProps,\n DrawerHeaderNavigationSlots,\n DrawerHeaderNavigationState,\n} from './DrawerHeaderNavigation.types';\nexport { renderDrawerHeaderNavigation_unstable } from './renderDrawerHeaderNavigation';\nexport { useDrawerHeaderNavigation_unstable } from './useDrawerHeaderNavigation';\nexport {\n drawerHeaderNavigationClassNames,\n useDrawerHeaderNavigationStyles_unstable,\n} from './useDrawerHeaderNavigationStyles.styles';\n"],"names":["DrawerHeaderNavigation","renderDrawerHeaderNavigation_unstable","useDrawerHeaderNavigation_unstable","drawerHeaderNavigationClassNames","useDrawerHeaderNavigationStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8CAAsB;;;eAS7BG,uEAAgC;;;eAHzBF,mEAAqC;;;eAI5CG,+EAAwC;;;eAHjCF,6DAAkC;;;wCAPJ,
|
|
1
|
+
{"version":3,"sources":["../src/components/DrawerHeaderNavigation/index.ts"],"sourcesContent":["export { DrawerHeaderNavigation } from './DrawerHeaderNavigation';\nexport type {\n DrawerHeaderNavigationProps,\n DrawerHeaderNavigationSlots,\n DrawerHeaderNavigationState,\n} from './DrawerHeaderNavigation.types';\nexport { renderDrawerHeaderNavigation_unstable } from './renderDrawerHeaderNavigation';\nexport { useDrawerHeaderNavigation_unstable } from './useDrawerHeaderNavigation';\nexport {\n drawerHeaderNavigationClassNames,\n useDrawerHeaderNavigationStyles_unstable,\n} from './useDrawerHeaderNavigationStyles.styles';\n"],"names":["DrawerHeaderNavigation","renderDrawerHeaderNavigation_unstable","useDrawerHeaderNavigation_unstable","drawerHeaderNavigationClassNames","useDrawerHeaderNavigationStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8CAAsB;;;eAS7BG,uEAAgC;;;eAHzBF,mEAAqC;;;eAI5CG,+EAAwC;;;eAHjCF,6DAAkC;;;wCAPJ,8BAA2B;8CAMZ,oCAAiC;2CACpC,iCAA8B;uDAI1E,8CAA2C"}
|
|
@@ -27,7 +27,6 @@ const drawerHeaderNavigationClassNames = {
|
|
|
27
27
|
".r1ig4pwh{margin:calc(var(--spacingVerticalS) * -1) calc(var(--spacingHorizontalL) * -1);}"
|
|
28
28
|
]);
|
|
29
29
|
const useDrawerHeaderNavigationStyles_unstable = (state)=>{
|
|
30
|
-
'use no memo';
|
|
31
30
|
const styles = useStyles();
|
|
32
31
|
// eslint-disable-next-line react-hooks/immutability
|
|
33
32
|
state.root.className = (0, _react.mergeClasses)(drawerHeaderNavigationClassNames.root, styles, state.root.className);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useDrawerHeaderNavigationStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const drawerHeaderNavigationClassNames = {\n root: 'fui-DrawerHeaderNavigation'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeResetStyles({\n margin: `calc(${tokens.spacingVerticalS} * -1) calc(${tokens.spacingHorizontalL} * -1)`\n});\n/**\n * Apply styling to the DrawerHeaderNavigation slots based on the state\n */ export const useDrawerHeaderNavigationStyles_unstable = (state)=>{\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(drawerHeaderNavigationClassNames.root, styles, state.root.className);\n return state;\n};\n"],"names":["__resetStyles","mergeClasses","tokens","drawerHeaderNavigationClassNames","root","useStyles","useDrawerHeaderNavigationStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;oCAGiC;;;4CAUY;;;;uBAZX,gBAAgB;AAEvD,MAAMG,mCAAmC;IAC5CC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,oBAAA,EAAA,YAAA,MAAA;IAAA;CAErB,CAAC;AAGS,MAAMM,4CAA4CC,KAAK,IAAG;IACjE,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACE,gCAAgC,CAACC,IAAI,EAAEI,MAAM,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IACxG,OAAOF,KAAK;AAChB,CAAC"}
|
|
@@ -28,7 +28,6 @@ const drawerHeaderNavigationClassNames = {
|
|
|
28
28
|
margin: `calc(${_reacttheme.tokens.spacingVerticalS} * -1) calc(${_reacttheme.tokens.spacingHorizontalL} * -1)`
|
|
29
29
|
});
|
|
30
30
|
const useDrawerHeaderNavigationStyles_unstable = (state)=>{
|
|
31
|
-
'use no memo';
|
|
32
31
|
const styles = useStyles();
|
|
33
32
|
// eslint-disable-next-line react-hooks/immutability
|
|
34
33
|
state.root.className = (0, _react.mergeClasses)(drawerHeaderNavigationClassNames.root, styles, state.root.className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nimport type { DrawerHeaderNavigationSlots, DrawerHeaderNavigationState } from './DrawerHeaderNavigation.types';\n\nexport const drawerHeaderNavigationClassNames: SlotClassNames<DrawerHeaderNavigationSlots> = {\n root: 'fui-DrawerHeaderNavigation',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeResetStyles({\n margin: `calc(${tokens.spacingVerticalS} * -1) calc(${tokens.spacingHorizontalL} * -1)`,\n});\n\n/**\n * Apply styling to the DrawerHeaderNavigation slots based on the state\n */\nexport const useDrawerHeaderNavigationStyles_unstable = (\n state: DrawerHeaderNavigationState,\n): DrawerHeaderNavigationState => {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nimport type { DrawerHeaderNavigationSlots, DrawerHeaderNavigationState } from './DrawerHeaderNavigation.types';\n\nexport const drawerHeaderNavigationClassNames: SlotClassNames<DrawerHeaderNavigationSlots> = {\n root: 'fui-DrawerHeaderNavigation',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeResetStyles({\n margin: `calc(${tokens.spacingVerticalS} * -1) calc(${tokens.spacingHorizontalL} * -1)`,\n});\n\n/**\n * Apply styling to the DrawerHeaderNavigation slots based on the state\n */\nexport const useDrawerHeaderNavigationStyles_unstable = (\n state: DrawerHeaderNavigationState,\n): DrawerHeaderNavigationState => {\n const styles = useStyles();\n\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(drawerHeaderNavigationClassNames.root, styles, state.root.className);\n\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","drawerHeaderNavigationClassNames","root","useStyles","margin","spacingVerticalS","spacingHorizontalL","useDrawerHeaderNavigationStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAQaG,gCAAAA;;;IAcAM,wCAAAA;;;;uBApBiC,iBAAiB;4BACxC,wBAAwB;AAKxC,yCAAsF;IAC3FL,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYL,0BAAAA,EAAgB;IAChCM,QAAQ,CAAC,KAAK,EAAEJ,kBAAAA,CAAOK,gBAAgB,CAAC,YAAY,EAAEL,kBAAAA,CAAOM,kBAAkB,CAAC,MAAM,CAAC;AACzF;AAKO,iDAAiD,CACtDE;IAEA,MAAMC,SAASN;IAEf,oDAAoD;IACpDK,MAAMN,IAAI,CAACQ,SAAS,OAAGX,mBAAAA,EAAaE,iCAAiCC,IAAI,EAAEO,QAAQD,MAAMN,IAAI,CAACQ,SAAS;IAEvG,OAAOF;AACT,EAAE"}
|
package/lib-commonjs/components/DrawerHeaderTitle/{DrawerHeaderTitle.js → DrawerHeaderTitle.cjs}
RENAMED
|
@@ -12,9 +12,9 @@ Object.defineProperty(exports, "DrawerHeaderTitle", {
|
|
|
12
12
|
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
13
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
14
14
|
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
15
|
-
const _useDrawerHeaderTitle = require("./useDrawerHeaderTitle");
|
|
16
|
-
const _renderDrawerHeaderTitle = require("./renderDrawerHeaderTitle");
|
|
17
|
-
const _useDrawerHeaderTitleStylesstyles = require("./useDrawerHeaderTitleStyles.styles");
|
|
15
|
+
const _useDrawerHeaderTitle = require("./useDrawerHeaderTitle.cjs");
|
|
16
|
+
const _renderDrawerHeaderTitle = require("./renderDrawerHeaderTitle.cjs");
|
|
17
|
+
const _useDrawerHeaderTitleStylesstyles = require("./useDrawerHeaderTitleStyles.styles.cjs");
|
|
18
18
|
const DrawerHeaderTitle = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
19
19
|
const state = (0, _useDrawerHeaderTitle.useDrawerHeaderTitle_unstable)(props, ref);
|
|
20
20
|
(0, _useDrawerHeaderTitleStylesstyles.useDrawerHeaderTitleStyles_unstable)(state);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/DrawerHeaderTitle/DrawerHeaderTitle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useDrawerHeaderTitle_unstable } from './useDrawerHeaderTitle';\nimport { renderDrawerHeaderTitle_unstable } from './renderDrawerHeaderTitle';\nimport { useDrawerHeaderTitleStyles_unstable } from './useDrawerHeaderTitleStyles.styles';\nimport type { DrawerHeaderTitleProps } from './DrawerHeaderTitle.types';\n\n/**\n * DrawerHeader provides a structured header for the drawer component.\n */\nexport const DrawerHeaderTitle: ForwardRefComponent<DrawerHeaderTitleProps> = React.forwardRef((props, ref) => {\n const state = useDrawerHeaderTitle_unstable(props, ref);\n\n useDrawerHeaderTitleStyles_unstable(state);\n useCustomStyleHook_unstable('useDrawerHeaderTitleStyles_unstable')(state);\n\n return renderDrawerHeaderTitle_unstable(state);\n});\n\nDrawerHeaderTitle.displayName = 'DrawerHeaderTitle';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerHeaderTitle_unstable","renderDrawerHeaderTitle_unstable","useDrawerHeaderTitleStyles_unstable","DrawerHeaderTitle","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;sCAEhC,
|
|
1
|
+
{"version":3,"sources":["../src/components/DrawerHeaderTitle/DrawerHeaderTitle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useDrawerHeaderTitle_unstable } from './useDrawerHeaderTitle';\nimport { renderDrawerHeaderTitle_unstable } from './renderDrawerHeaderTitle';\nimport { useDrawerHeaderTitleStyles_unstable } from './useDrawerHeaderTitleStyles.styles';\nimport type { DrawerHeaderTitleProps } from './DrawerHeaderTitle.types';\n\n/**\n * DrawerHeader provides a structured header for the drawer component.\n */\nexport const DrawerHeaderTitle: ForwardRefComponent<DrawerHeaderTitleProps> = React.forwardRef((props, ref) => {\n const state = useDrawerHeaderTitle_unstable(props, ref);\n\n useDrawerHeaderTitleStyles_unstable(state);\n useCustomStyleHook_unstable('useDrawerHeaderTitleStyles_unstable')(state);\n\n return renderDrawerHeaderTitle_unstable(state);\n});\n\nDrawerHeaderTitle.displayName = 'DrawerHeaderTitle';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerHeaderTitle_unstable","renderDrawerHeaderTitle_unstable","useDrawerHeaderTitleStyles_unstable","DrawerHeaderTitle","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;sCAEhC,4BAAyB;yCACtB,+BAA4B;kDACzB,yCAAsC;AAMnF,MAAMK,oBAAAA,WAAAA,GAAiEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,YAAQP,mDAAAA,EAA8BK,OAAOC;QAEnDJ,qEAAAA,EAAoCK;QACpCR,gDAAAA,EAA4B,uCAAuCQ;IAEnE,WAAON,yDAAAA,EAAiCM;AAC1C,GAAG;AAEHJ,kBAAkBK,WAAW,GAAG"}
|
|
@@ -25,7 +25,7 @@ _export(exports, {
|
|
|
25
25
|
return _useDrawerHeaderTitle.useDrawerHeaderTitle_unstable;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
-
const _DrawerHeaderTitle = require("./DrawerHeaderTitle");
|
|
29
|
-
const _renderDrawerHeaderTitle = require("./renderDrawerHeaderTitle");
|
|
30
|
-
const _useDrawerHeaderTitle = require("./useDrawerHeaderTitle");
|
|
31
|
-
const _useDrawerHeaderTitleStylesstyles = require("./useDrawerHeaderTitleStyles.styles");
|
|
28
|
+
const _DrawerHeaderTitle = require("./DrawerHeaderTitle.cjs");
|
|
29
|
+
const _renderDrawerHeaderTitle = require("./renderDrawerHeaderTitle.cjs");
|
|
30
|
+
const _useDrawerHeaderTitle = require("./useDrawerHeaderTitle.cjs");
|
|
31
|
+
const _useDrawerHeaderTitleStylesstyles = require("./useDrawerHeaderTitleStyles.styles.cjs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/DrawerHeaderTitle/index.ts"],"sourcesContent":["export { DrawerHeaderTitle } from './DrawerHeaderTitle';\nexport type { DrawerHeaderTitleProps, DrawerHeaderTitleSlots, DrawerHeaderTitleState } from './DrawerHeaderTitle.types';\nexport { renderDrawerHeaderTitle_unstable } from './renderDrawerHeaderTitle';\nexport { useDrawerHeaderTitle_unstable } from './useDrawerHeaderTitle';\nexport { drawerHeaderTitleClassNames, useDrawerHeaderTitleStyles_unstable } from './useDrawerHeaderTitleStyles.styles';\n"],"names":["DrawerHeaderTitle","renderDrawerHeaderTitle_unstable","useDrawerHeaderTitle_unstable","drawerHeaderTitleClassNames","useDrawerHeaderTitleStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,oCAAiB;;;eAIjBG,6DAA2B;;;eAF3BF,yDAAgC;;;eAEHG,qEAAmC;;;eADhEF,mDAA6B;;;mCAHJ,
|
|
1
|
+
{"version":3,"sources":["../src/components/DrawerHeaderTitle/index.ts"],"sourcesContent":["export { DrawerHeaderTitle } from './DrawerHeaderTitle';\nexport type { DrawerHeaderTitleProps, DrawerHeaderTitleSlots, DrawerHeaderTitleState } from './DrawerHeaderTitle.types';\nexport { renderDrawerHeaderTitle_unstable } from './renderDrawerHeaderTitle';\nexport { useDrawerHeaderTitle_unstable } from './useDrawerHeaderTitle';\nexport { drawerHeaderTitleClassNames, useDrawerHeaderTitleStyles_unstable } from './useDrawerHeaderTitleStyles.styles';\n"],"names":["DrawerHeaderTitle","renderDrawerHeaderTitle_unstable","useDrawerHeaderTitle_unstable","drawerHeaderTitleClassNames","useDrawerHeaderTitleStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,oCAAiB;;;eAIjBG,6DAA2B;;;eAF3BF,yDAAgC;;;eAEHG,qEAAmC;;;eADhEF,mDAA6B;;;mCAHJ,yBAAsB;yCAEP,+BAA4B;sCAC/B,4BAAyB;kDACU,yCAAsC"}
|
|
@@ -50,7 +50,6 @@ const drawerHeaderTitleClassNames = {
|
|
|
50
50
|
]
|
|
51
51
|
});
|
|
52
52
|
const useDrawerHeaderTitleStyles_unstable = (state)=>{
|
|
53
|
-
'use no memo';
|
|
54
53
|
const styles = useStyles();
|
|
55
54
|
const { heading: root = {}, action, // We should not use components to pass along the base element type of a slot
|
|
56
55
|
// but there's no way to retrieve the element type of a slot from the slot definition
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useDrawerHeaderTitleStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { useDialogTitleStyles_unstable } from \"@fluentui/react-dialog\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const drawerHeaderTitleClassNames = {\n root: 'fui-DrawerHeaderTitle',\n heading: 'fui-DrawerHeaderTitle__heading',\n action: 'fui-DrawerHeaderTitle__action'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n columnGap: tokens.spacingHorizontalS\n },\n action: {\n marginRight: `calc(${tokens.spacingHorizontalS} * -1)`\n }\n});\n/**\n * Apply styling to the DrawerHeaderTitle slots based on the state\n */ export const useDrawerHeaderTitleStyles_unstable = (state)=>{\n const styles = useStyles();\n const { heading: root = {}, action, // We should not use components to pass along the base element type of a slot\n // but there's no way to retrieve the element type of a slot from the slot definition\n // right now without using SLOT_ELEMENT_TYPE_SYMBOL\n // TODO: create a method to retrieve the element type of a slot\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n components } = state;\n useDialogTitleStyles_unstable({\n components: {\n root: components.heading,\n action: components.action\n },\n root,\n action\n });\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(drawerHeaderTitleClassNames.root, styles.root, state.root.className);\n if (state.heading) {\n // eslint-disable-next-line react-hooks/immutability\n state.heading.className = mergeClasses(drawerHeaderTitleClassNames.heading, state.heading.className);\n }\n if (state.action) {\n // eslint-disable-next-line react-hooks/immutability\n state.action.className = mergeClasses(drawerHeaderTitleClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n"],"names":["__styles","mergeClasses","useDialogTitleStyles_unstable","tokens","drawerHeaderTitleClassNames","root","heading","action","useStyles","mc9l5x","Brf1p80","Bt984gj","i8kkvl","t21cq0","d","useDrawerHeaderTitleStyles_unstable","state","styles","components","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICI,2BAA2B;;;uCAoBY;eAAnCW;;;uBAvBwB,gBAAgB;6BACX,wBAAwB;AAE/D,oCAAoC;IACvCV,IAAI,EAAE,uBAAuB;IAC7BC,OAAO,EAAE,gCAAgC;IACzCC,MAAM,EAAE;AACZ,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGR,eAAA,EAAA;IAAAK,IAAA,EAAA;QAAAI,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAL,MAAA,EAAA;QAAAM,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAUrB,CAAC;AAGS,6CAA6CE,KAAK,IAAG;IAC5D,MAAMC,MAAM,GAAGT,SAAS,CAAC,CAAC;IAC1B,MAAM,EAAEF,OAAO,EAAED,IAAI,GAAG,CAAC,CAAC,EAAEE,MAAM,EAAE,6EAAA;IACpC,qFAAA;IACA,mDAAA;IACA,+DAAA;IACA,4DAAA;IACAW,UAAAA,EAAY,GAAGF,KAAK;QACpBd,0CAA6B,EAAC;QAC1BgB,UAAU,EAAE;YACRb,IAAI,EAAEa,UAAU,CAACZ,OAAO;YACxBC,MAAM,EAAEW,UAAU,CAACX,MAAAA;QACvB,CAAC;QACDF,IAAI;QACJE;IACJ,CAAC,CAAC;IACF,oDAAA;IACAS,KAAK,CAACX,IAAI,CAACc,SAAS,OAAGlB,mBAAY,EAACG,2BAA2B,CAACC,IAAI,EAAEY,MAAM,CAACZ,IAAI,EAAEW,KAAK,CAACX,IAAI,CAACc,SAAS,CAAC;IACxG,IAAIH,KAAK,CAACV,OAAO,EAAE;QACf,oDAAA;QACAU,KAAK,CAACV,OAAO,CAACa,SAAS,OAAGlB,mBAAY,EAACG,2BAA2B,CAACE,OAAO,EAAEU,KAAK,CAACV,OAAO,CAACa,SAAS,CAAC;IACxG;IACA,IAAIH,KAAK,CAACT,MAAM,EAAE;QACd,oDAAA;QACAS,KAAK,CAACT,MAAM,CAACY,SAAS,OAAGlB,mBAAY,EAACG,2BAA2B,CAACG,MAAM,EAAEU,MAAM,CAACV,MAAM,EAAES,KAAK,CAACT,MAAM,CAACY,SAAS,CAAC;IACpH;IACA,OAAOH,KAAK;AAChB,CAAC"}
|
|
@@ -39,7 +39,6 @@ const drawerHeaderTitleClassNames = {
|
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
41
|
const useDrawerHeaderTitleStyles_unstable = (state)=>{
|
|
42
|
-
'use no memo';
|
|
43
42
|
const styles = useStyles();
|
|
44
43
|
const { heading: root = {}, action, // but there's no way to retrieve the element type of a slot from the slot definition
|
|
45
44
|
// right now without using SLOT_ELEMENT_TYPE_SYMBOL
|
package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.raw.cjs.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useDialogTitleStyles_unstable } from '@fluentui/react-dialog';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { DrawerHeaderTitleSlots, DrawerHeaderTitleState } from './DrawerHeaderTitle.types';\n\nexport const drawerHeaderTitleClassNames: SlotClassNames<DrawerHeaderTitleSlots> = {\n root: 'fui-DrawerHeaderTitle',\n heading: 'fui-DrawerHeaderTitle__heading',\n action: 'fui-DrawerHeaderTitle__action',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n columnGap: tokens.spacingHorizontalS,\n },\n\n action: {\n marginRight: `calc(${tokens.spacingHorizontalS} * -1)`,\n },\n});\n\n/**\n * Apply styling to the DrawerHeaderTitle slots based on the state\n */\nexport const useDrawerHeaderTitleStyles_unstable = (state: DrawerHeaderTitleState): DrawerHeaderTitleState => {\n const styles = useStyles();\n\n const {\n heading: root = {},\n action,\n // We should not use components to pass along the base element type of a slot\n // but there's no way to retrieve the element type of a slot from the slot definition\n // right now without using SLOT_ELEMENT_TYPE_SYMBOL\n // TODO: create a method to retrieve the element type of a slot\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n components,\n } = state;\n\n useDialogTitleStyles_unstable({\n components: {\n root: components.heading,\n action: components.action,\n },\n root,\n action,\n });\n\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(drawerHeaderTitleClassNames.root, styles.root, state.root.className);\n\n if (state.heading) {\n // eslint-disable-next-line react-hooks/immutability\n state.heading.className = mergeClasses(drawerHeaderTitleClassNames.heading, state.heading.className);\n }\n\n if (state.action) {\n // eslint-disable-next-line react-hooks/immutability\n state.action.className = mergeClasses(drawerHeaderTitleClassNames.action, styles.action, state.action.className);\n }\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","useDialogTitleStyles_unstable","tokens","drawerHeaderTitleClassNames","root","heading","action","useStyles","display","justifyContent","alignItems","columnGap","spacingHorizontalS","marginRight","useDrawerHeaderTitleStyles_unstable","state","styles","components","className"],"mappings":"AAAA;;;;;;;;;;;;IASaI,2BAAAA;;;uCAyBAW;eAAAA;;;uBAhC4B,iBAAiB;6BAEZ,yBAAyB;4BAChD,wBAAwB;AAIxC,oCAA4E;IACjFV,MAAM;IACNC,SAAS;IACTC,QAAQ;AACV,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYR,iBAAAA,EAAW;IAC3BK,MAAM;QACJI,SAAS;QACTC,gBAAgB;QAChBC,YAAY;QACZC,WAAWT,kBAAAA,CAAOU,kBAAkB;IACtC;IAEAN,QAAQ;QACNO,aAAa,CAAC,KAAK,EAAEX,kBAAAA,CAAOU,kBAAkB,CAAC,MAAM,CAAC;IACxD;AACF;AAKO,4CAA4C,CAACG;IAClD,MAAMC,SAAST;IAEf,MAAM,EACJF,SAASD,OAAO,CAAC,CAAC,EAClBE,MAAM,EACN,AACA,6EAD6E,QACQ;IACrF,mDAAmD;IACnD,+DAA+D;IAC/D,4DAA4D;IAC5DW,UAAU,EACX,GAAGF;QAEJd,0CAAAA,EAA8B;QAC5BgB,YAAY;YACVb,MAAMa,WAAWZ,OAAO;YACxBC,QAAQW,WAAWX,MAAM;QAC3B;QACAF;QACAE;IACF;IAEA,oDAAoD;IACpDS,MAAMX,IAAI,CAACc,SAAS,OAAGlB,mBAAAA,EAAaG,4BAA4BC,IAAI,EAAEY,OAAOZ,IAAI,EAAEW,MAAMX,IAAI,CAACc,SAAS;IAEvG,IAAIH,MAAMV,OAAO,EAAE;QACjB,oDAAoD;QACpDU,MAAMV,OAAO,CAACa,SAAS,OAAGlB,mBAAAA,EAAaG,4BAA4BE,OAAO,EAAEU,MAAMV,OAAO,CAACa,SAAS;IACrG;IAEA,IAAIH,MAAMT,MAAM,EAAE;QAChB,oDAAoD;QACpDS,MAAMT,MAAM,CAACY,SAAS,OAAGlB,mBAAAA,EAAaG,4BAA4BG,MAAM,EAAEU,OAAOV,MAAM,EAAES,MAAMT,MAAM,CAACY,SAAS;IACjH;IAEA,OAAOH;AACT,EAAE"}
|
|
@@ -12,10 +12,10 @@ Object.defineProperty(exports, "InlineDrawer", {
|
|
|
12
12
|
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
13
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
14
14
|
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
15
|
-
const _drawerContext = require("../../contexts/drawerContext");
|
|
16
|
-
const _useInlineDrawer = require("./useInlineDrawer");
|
|
17
|
-
const _renderInlineDrawer = require("./renderInlineDrawer");
|
|
18
|
-
const _useInlineDrawerStylesstyles = require("./useInlineDrawerStyles.styles");
|
|
15
|
+
const _drawerContext = require("../../contexts/drawerContext.cjs");
|
|
16
|
+
const _useInlineDrawer = require("./useInlineDrawer.cjs");
|
|
17
|
+
const _renderInlineDrawer = require("./renderInlineDrawer.cjs");
|
|
18
|
+
const _useInlineDrawerStylesstyles = require("./useInlineDrawerStyles.styles.cjs");
|
|
19
19
|
const InlineDrawer = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
20
20
|
const state = (0, _useInlineDrawer.useInlineDrawer_unstable)(props, ref);
|
|
21
21
|
const contextValue = (0, _drawerContext.useDrawerContextValue)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/InlineDrawer/InlineDrawer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useDrawerContextValue } from '../../contexts/drawerContext';\n\nimport type { InlineDrawerProps } from './InlineDrawer.types';\nimport { useInlineDrawer_unstable } from './useInlineDrawer';\nimport { renderInlineDrawer_unstable } from './renderInlineDrawer';\nimport { useInlineDrawerStyles_unstable } from './useInlineDrawerStyles.styles';\n\n/**\n * InlineDrawer is often used for navigation that is not dismissible. As it is on the same level as\n * the main surface, users can still interact with other UI elements.\n */\nexport const InlineDrawer: ForwardRefComponent<InlineDrawerProps> = React.forwardRef((props, ref) => {\n const state = useInlineDrawer_unstable(props, ref);\n const contextValue = useDrawerContextValue();\n\n useInlineDrawerStyles_unstable(state);\n useCustomStyleHook_unstable('useDrawerInlineStyles_unstable')(state);\n useCustomStyleHook_unstable('useInlineDrawerStyles_unstable')(state);\n\n return renderInlineDrawer_unstable(state, contextValue);\n});\n\nInlineDrawer.displayName = 'InlineDrawer';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerContextValue","useInlineDrawer_unstable","renderInlineDrawer_unstable","useInlineDrawerStyles_unstable","InlineDrawer","forwardRef","props","ref","state","contextValue","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;+BAExC
|
|
1
|
+
{"version":3,"sources":["../src/components/InlineDrawer/InlineDrawer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useDrawerContextValue } from '../../contexts/drawerContext';\n\nimport type { InlineDrawerProps } from './InlineDrawer.types';\nimport { useInlineDrawer_unstable } from './useInlineDrawer';\nimport { renderInlineDrawer_unstable } from './renderInlineDrawer';\nimport { useInlineDrawerStyles_unstable } from './useInlineDrawerStyles.styles';\n\n/**\n * InlineDrawer is often used for navigation that is not dismissible. As it is on the same level as\n * the main surface, users can still interact with other UI elements.\n */\nexport const InlineDrawer: ForwardRefComponent<InlineDrawerProps> = React.forwardRef((props, ref) => {\n const state = useInlineDrawer_unstable(props, ref);\n const contextValue = useDrawerContextValue();\n\n useInlineDrawerStyles_unstable(state);\n useCustomStyleHook_unstable('useDrawerInlineStyles_unstable')(state);\n useCustomStyleHook_unstable('useInlineDrawerStyles_unstable')(state);\n\n return renderInlineDrawer_unstable(state, contextValue);\n});\n\nInlineDrawer.displayName = 'InlineDrawer';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerContextValue","useInlineDrawer_unstable","renderInlineDrawer_unstable","useInlineDrawerStyles_unstable","InlineDrawer","forwardRef","props","ref","state","contextValue","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;+BAExC,kCAA+B;iCAG5B,uBAAoB;oCACjB,0BAAuB;6CACpB,oCAAiC;AAMzE,MAAMM,eAAAA,WAAAA,GAAuDN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,YAAQP,yCAAAA,EAAyBK,OAAOC;IAC9C,MAAME,mBAAeT,oCAAAA;QAErBG,2DAAAA,EAA+BK;QAC/BT,gDAAAA,EAA4B,kCAAkCS;QAC9DT,gDAAAA,EAA4B,kCAAkCS;IAE9D,WAAON,+CAAAA,EAA4BM,OAAOC;AAC5C,GAAG;AAEHL,aAAaM,WAAW,GAAG"}
|
|
@@ -28,7 +28,7 @@ _export(exports, {
|
|
|
28
28
|
return _useInlineDrawer.useInlineDrawer_unstable;
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
|
-
const _InlineDrawer = require("./InlineDrawer");
|
|
32
|
-
const _renderInlineDrawer = require("./renderInlineDrawer");
|
|
33
|
-
const _useInlineDrawer = require("./useInlineDrawer");
|
|
34
|
-
const _useInlineDrawerStylesstyles = require("./useInlineDrawerStyles.styles");
|
|
31
|
+
const _InlineDrawer = require("./InlineDrawer.cjs");
|
|
32
|
+
const _renderInlineDrawer = require("./renderInlineDrawer.cjs");
|
|
33
|
+
const _useInlineDrawer = require("./useInlineDrawer.cjs");
|
|
34
|
+
const _useInlineDrawerStylesstyles = require("./useInlineDrawerStyles.styles.cjs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/InlineDrawer/index.ts"],"sourcesContent":["export { InlineDrawer } from './InlineDrawer';\nexport type {\n InlineDrawerProps,\n InlineDrawerSlots,\n InlineDrawerState,\n InlineDrawerBaseProps,\n InlineDrawerBaseState,\n SurfaceMotionSlotProps,\n} from './InlineDrawer.types';\nexport { renderInlineDrawer_unstable } from './renderInlineDrawer';\nexport { useInlineDrawer_unstable, useInlineDrawerBase_unstable } from './useInlineDrawer';\nexport { inlineDrawerClassNames, useInlineDrawerStyles_unstable } from './useInlineDrawerStyles.styles';\n"],"names":["InlineDrawer","renderInlineDrawer_unstable","useInlineDrawer_unstable","useInlineDrawerBase_unstable","inlineDrawerClassNames","useInlineDrawerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,0BAAY;;;eAWZI,mDAAsB;;;eAFtBH,+CAA2B;;;eACDE,6CAA4B;;;eAC9BE,2DAA8B;;;eADtDH,yCAAwB;;;8BAVJ,
|
|
1
|
+
{"version":3,"sources":["../src/components/InlineDrawer/index.ts"],"sourcesContent":["export { InlineDrawer } from './InlineDrawer';\nexport type {\n InlineDrawerProps,\n InlineDrawerSlots,\n InlineDrawerState,\n InlineDrawerBaseProps,\n InlineDrawerBaseState,\n SurfaceMotionSlotProps,\n} from './InlineDrawer.types';\nexport { renderInlineDrawer_unstable } from './renderInlineDrawer';\nexport { useInlineDrawer_unstable, useInlineDrawerBase_unstable } from './useInlineDrawer';\nexport { inlineDrawerClassNames, useInlineDrawerStyles_unstable } from './useInlineDrawerStyles.styles';\n"],"names":["InlineDrawer","renderInlineDrawer_unstable","useInlineDrawer_unstable","useInlineDrawerBase_unstable","inlineDrawerClassNames","useInlineDrawerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,0BAAY;;;eAWZI,mDAAsB;;;eAFtBH,+CAA2B;;;eACDE,6CAA4B;;;eAC9BE,2DAA8B;;;eADtDH,yCAAwB;;;8BAVJ,oBAAiB;oCASF,0BAAuB;iCACI,uBAAoB;6CACpB,oCAAiC"}
|
package/lib-commonjs/components/InlineDrawer/{renderInlineDrawer.js → renderInlineDrawer.cjs}
RENAMED
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "renderInlineDrawer_unstable", {
|
|
|
10
10
|
});
|
|
11
11
|
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
12
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
-
const _drawerContext = require("../../contexts/drawerContext");
|
|
13
|
+
const _drawerContext = require("../../contexts/drawerContext.cjs");
|
|
14
14
|
const renderInlineDrawer_unstable = (state, contextValue)=>{
|
|
15
15
|
(0, _reactutilities.assertSlots)(state);
|
|
16
16
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_drawerContext.DrawerProvider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/InlineDrawer/renderInlineDrawer.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { DrawerContextValue } from '../../contexts/drawerContext';\nimport { DrawerProvider } from '../../contexts/drawerContext';\n\nimport type { InlineDrawerState, InlineDrawerSlots } from './InlineDrawer.types';\n\n/**\n * Render the final JSX of InlineDrawer\n */\nexport const renderInlineDrawer_unstable = (state: InlineDrawerState, contextValue: DrawerContextValue): JSXElement => {\n assertSlots<InlineDrawerSlots>(state);\n\n return (\n <DrawerProvider value={contextValue}>\n {state.surfaceMotion ? (\n <state.surfaceMotion>\n <state.root />\n </state.surfaceMotion>\n ) : (\n <state.root />\n )}\n </DrawerProvider>\n );\n};\n"],"names":["assertSlots","DrawerProvider","renderInlineDrawer_unstable","state","contextValue","value","surfaceMotion","root"],"mappings":";;;;+BAYaE;;;;;;4BAXb,gDAAiD;gCACrB,4BAA4B;+BAGzB
|
|
1
|
+
{"version":3,"sources":["../src/components/InlineDrawer/renderInlineDrawer.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { DrawerContextValue } from '../../contexts/drawerContext';\nimport { DrawerProvider } from '../../contexts/drawerContext';\n\nimport type { InlineDrawerState, InlineDrawerSlots } from './InlineDrawer.types';\n\n/**\n * Render the final JSX of InlineDrawer\n */\nexport const renderInlineDrawer_unstable = (state: InlineDrawerState, contextValue: DrawerContextValue): JSXElement => {\n assertSlots<InlineDrawerSlots>(state);\n\n return (\n <DrawerProvider value={contextValue}>\n {state.surfaceMotion ? (\n <state.surfaceMotion>\n <state.root />\n </state.surfaceMotion>\n ) : (\n <state.root />\n )}\n </DrawerProvider>\n );\n};\n"],"names":["assertSlots","DrawerProvider","renderInlineDrawer_unstable","state","contextValue","value","surfaceMotion","root"],"mappings":";;;;+BAYaE;;;;;;4BAXb,gDAAiD;gCACrB,4BAA4B;+BAGzB,kCAA+B;AAOvD,oCAAoC,CAACC,OAA0BC;QACpEJ,2BAAAA,EAA+BG;IAE/B,OAAA,WAAA,OACE,eAAA,EAACF,6BAAAA,EAAAA;QAAeI,OAAOD;kBACpBD,MAAMG,aAAa,GAAA,WAAA,OAClB,eAAA,EAACH,MAAMG,aAAa,EAAA;sBAClB,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;+BAGb,eAAA,EAACJ,MAAMI,IAAI,EAAA,CAAA;;AAInB,EAAE"}
|
|
@@ -22,8 +22,8 @@ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
|
22
22
|
const _reactmotion = require("@fluentui/react-motion");
|
|
23
23
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
24
24
|
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
25
|
-
const _drawerMotions = require("../../shared/drawerMotions");
|
|
26
|
-
const _useDrawerDefaultProps = require("../../shared/useDrawerDefaultProps");
|
|
25
|
+
const _drawerMotions = require("../../shared/drawerMotions.cjs");
|
|
26
|
+
const _useDrawerDefaultProps = require("../../shared/useDrawerDefaultProps.cjs");
|
|
27
27
|
const STATIC_MOTION = {
|
|
28
28
|
active: true,
|
|
29
29
|
canRender: true,
|
package/lib-commonjs/components/InlineDrawer/{useInlineDrawer.js.map → useInlineDrawer.cjs.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/InlineDrawer/useInlineDrawer.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { PresenceDirection } from '@fluentui/react-motion';\nimport { presenceMotionSlot } from '@fluentui/react-motion';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nimport { type DrawerMotionParams, InlineDrawerMotion } from '../../shared/drawerMotions';\nimport { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';\nimport type {\n InlineDrawerBaseProps,\n InlineDrawerBaseState,\n InlineDrawerProps,\n InlineDrawerState,\n SurfaceMotionSlotProps,\n} from './InlineDrawer.types';\n\nconst STATIC_MOTION = {\n active: true,\n canRender: true,\n ref: React.createRef<HTMLDivElement>(),\n type: 'idle' as const,\n};\n\n/**\n * Create the state required to render InlineDrawer.\n *\n * The returned state can be modified with hooks such as useInlineDrawerStyles_unstable,\n * before being passed to renderInlineDrawer_unstable.\n *\n * @param props - props from this instance of InlineDrawer\n * @param ref - reference to root HTMLElement of InlineDrawer\n */\nexport const useInlineDrawer_unstable = (props: InlineDrawerProps, ref: React.Ref<HTMLElement>): InlineDrawerState => {\n const { size, position, open, unmountOnClose } = useDrawerDefaultProps(props);\n const { separator = false, surfaceMotion, ...baseProps } = props;\n const { dir } = useFluent();\n const [animationDirection, setAnimationDirection] = React.useState<PresenceDirection>(open ? 'enter' : 'exit');\n\n const baseState = useInlineDrawerBase_unstable(baseProps, ref);\n\n return {\n ...baseState,\n components: {\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n ...baseState.components,\n // casting from internal type that has required properties\n // to external type that only has optional properties\n // converting to unknown first as both Function component signatures are not compatible\n surfaceMotion: InlineDrawerMotion as unknown as React.FC<SurfaceMotionSlotProps>,\n },\n size,\n separator,\n animationDirection,\n surfaceMotion: presenceMotionSlot<DrawerMotionParams>(surfaceMotion, {\n elementType: InlineDrawerMotion,\n defaultProps: {\n position,\n size,\n dir,\n visible: open,\n appear: unmountOnClose,\n unmountOnExit: unmountOnClose,\n onMotionFinish: (_, { direction }) => setAnimationDirection(direction),\n onMotionStart: (_, { direction }) => {\n if (direction === 'enter') {\n setAnimationDirection('enter');\n }\n },\n },\n }),\n\n // Deprecated props\n motion: STATIC_MOTION,\n } satisfies InlineDrawerState;\n};\n\nexport const useInlineDrawerBase_unstable = (\n props: InlineDrawerBaseProps,\n ref: React.Ref<HTMLElement>,\n): InlineDrawerBaseState => {\n const { position, open, unmountOnClose } = useDrawerDefaultProps(props);\n\n return {\n components: {\n root: 'div',\n },\n\n root: slot.always(\n getIntrinsicElementProps('div', {\n ...props,\n ref,\n 'aria-hidden': !unmountOnClose && !open ? true : undefined,\n }),\n { elementType: 'div' },\n ),\n\n open,\n position,\n unmountOnClose,\n } satisfies InlineDrawerBaseState;\n};\n"],"names":["React","presenceMotionSlot","getIntrinsicElementProps","slot","useFluent_unstable","useFluent","InlineDrawerMotion","useDrawerDefaultProps","STATIC_MOTION","active","canRender","ref","createRef","type","useInlineDrawer_unstable","props","size","position","open","unmountOnClose","separator","surfaceMotion","baseProps","dir","animationDirection","setAnimationDirection","useState","baseState","useInlineDrawerBase_unstable","components","elementType","defaultProps","visible","appear","unmountOnExit","onMotionFinish","_","direction","onMotionStart","motion","root","always","undefined"],"mappings":"AAAA;;;;;;;;;;;;IA8Ea4B,4BAAAA;;;IA5CAd,wBAAAA;;;;;iEAhCU,QAAQ;6BAEI,yBAAyB;gCACb,4BAA4B;qCAC3B,kCAAkC;+BAEtB,
|
|
1
|
+
{"version":3,"sources":["../src/components/InlineDrawer/useInlineDrawer.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { PresenceDirection } from '@fluentui/react-motion';\nimport { presenceMotionSlot } from '@fluentui/react-motion';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nimport { type DrawerMotionParams, InlineDrawerMotion } from '../../shared/drawerMotions';\nimport { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';\nimport type {\n InlineDrawerBaseProps,\n InlineDrawerBaseState,\n InlineDrawerProps,\n InlineDrawerState,\n SurfaceMotionSlotProps,\n} from './InlineDrawer.types';\n\nconst STATIC_MOTION = {\n active: true,\n canRender: true,\n ref: React.createRef<HTMLDivElement>(),\n type: 'idle' as const,\n};\n\n/**\n * Create the state required to render InlineDrawer.\n *\n * The returned state can be modified with hooks such as useInlineDrawerStyles_unstable,\n * before being passed to renderInlineDrawer_unstable.\n *\n * @param props - props from this instance of InlineDrawer\n * @param ref - reference to root HTMLElement of InlineDrawer\n */\nexport const useInlineDrawer_unstable = (props: InlineDrawerProps, ref: React.Ref<HTMLElement>): InlineDrawerState => {\n const { size, position, open, unmountOnClose } = useDrawerDefaultProps(props);\n const { separator = false, surfaceMotion, ...baseProps } = props;\n const { dir } = useFluent();\n const [animationDirection, setAnimationDirection] = React.useState<PresenceDirection>(open ? 'enter' : 'exit');\n\n const baseState = useInlineDrawerBase_unstable(baseProps, ref);\n\n return {\n ...baseState,\n components: {\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n ...baseState.components,\n // casting from internal type that has required properties\n // to external type that only has optional properties\n // converting to unknown first as both Function component signatures are not compatible\n surfaceMotion: InlineDrawerMotion as unknown as React.FC<SurfaceMotionSlotProps>,\n },\n size,\n separator,\n animationDirection,\n surfaceMotion: presenceMotionSlot<DrawerMotionParams>(surfaceMotion, {\n elementType: InlineDrawerMotion,\n defaultProps: {\n position,\n size,\n dir,\n visible: open,\n appear: unmountOnClose,\n unmountOnExit: unmountOnClose,\n onMotionFinish: (_, { direction }) => setAnimationDirection(direction),\n onMotionStart: (_, { direction }) => {\n if (direction === 'enter') {\n setAnimationDirection('enter');\n }\n },\n },\n }),\n\n // Deprecated props\n motion: STATIC_MOTION,\n } satisfies InlineDrawerState;\n};\n\nexport const useInlineDrawerBase_unstable = (\n props: InlineDrawerBaseProps,\n ref: React.Ref<HTMLElement>,\n): InlineDrawerBaseState => {\n const { position, open, unmountOnClose } = useDrawerDefaultProps(props);\n\n return {\n components: {\n root: 'div',\n },\n\n root: slot.always(\n getIntrinsicElementProps('div', {\n ...props,\n ref,\n 'aria-hidden': !unmountOnClose && !open ? true : undefined,\n }),\n { elementType: 'div' },\n ),\n\n open,\n position,\n unmountOnClose,\n } satisfies InlineDrawerBaseState;\n};\n"],"names":["React","presenceMotionSlot","getIntrinsicElementProps","slot","useFluent_unstable","useFluent","InlineDrawerMotion","useDrawerDefaultProps","STATIC_MOTION","active","canRender","ref","createRef","type","useInlineDrawer_unstable","props","size","position","open","unmountOnClose","separator","surfaceMotion","baseProps","dir","animationDirection","setAnimationDirection","useState","baseState","useInlineDrawerBase_unstable","components","elementType","defaultProps","visible","appear","unmountOnExit","onMotionFinish","_","direction","onMotionStart","motion","root","always","undefined"],"mappings":"AAAA;;;;;;;;;;;;IA8Ea4B,4BAAAA;;;IA5CAd,wBAAAA;;;;;iEAhCU,QAAQ;6BAEI,yBAAyB;gCACb,4BAA4B;qCAC3B,kCAAkC;+BAEtB,gCAA6B;uCACnD,wCAAqC;AAS3E,MAAMN,gBAAgB;IACpBC,QAAQ;IACRC,WAAW;IACXC,mBAAKX,OAAMY,SAAS;IACpBC,MAAM;AACR;AAWO,iCAAiC,CAACE,OAA0BJ;IACjE,MAAM,EAAEK,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,cAAc,EAAE,OAAGZ,4CAAAA,EAAsBQ;IACvE,MAAM,EAAEK,YAAY,KAAK,EAAEC,aAAa,EAAE,GAAGC,WAAW,GAAGP;IAC3D,MAAM,EAAEQ,GAAG,EAAE,OAAGlB,uCAAAA;IAChB,MAAM,CAACmB,oBAAoBC,sBAAsB,GAAGzB,OAAM0B,QAAQ,CAAoBR,OAAO,UAAU;IAEvG,MAAMS,YAAYC,6BAA6BN,WAAWX;IAE1D,OAAO;QACL,GAAGgB,SAAS;QACZE,YAAY;YACV,4DAA4D;YAC5D,GAAGF,UAAUE,UAAU;YACvB,0DAA0D;YAC1D,qDAAqD;YACrD,uFAAuF;YACvFR,eAAef,iCAAAA;QACjB;QACAU;QACAI;QACAI;QACAH,mBAAepB,+BAAAA,EAAuCoB,eAAe;YACnES,aAAaxB,iCAAAA;YACbyB,cAAc;gBACZd;gBACAD;gBACAO;gBACAS,SAASd;gBACTe,QAAQd;gBACRe,eAAef;gBACfgB,gBAAgB,CAACC,GAAG,EAAEC,SAAS,EAAE,GAAKZ,sBAAsBY;gBAC5DC,eAAe,CAACF,GAAG,EAAEC,SAAS,EAAE;oBAC9B,IAAIA,cAAc,SAAS;wBACzBZ,sBAAsB;oBACxB;gBACF;YACF;QACF;QAEA,mBAAmB;QACnBc,QAAQ/B;IACV;AACF,EAAE;AAEK,qCAAqC,CAC1CO,OACAJ;IAEA,MAAM,EAAEM,QAAQ,EAAEC,IAAI,EAAEC,cAAc,EAAE,OAAGZ,4CAAAA,EAAsBQ;IAEjE,OAAO;QACLc,YAAY;YACVW,MAAM;QACR;QAEAA,MAAMrC,oBAAAA,CAAKsC,MAAM,CACfvC,4CAAAA,EAAyB,OAAO;YAC9B,GAAGa,KAAK;YACRJ;YACA,eAAe,CAACQ,kBAAkB,CAACD,OAAO,OAAOwB;QACnD,IACA;YAAEZ,aAAa;QAAM;QAGvBZ;QACAD;QACAE;IACF;AACF,EAAE"}
|
|
@@ -19,7 +19,7 @@ _export(exports, {
|
|
|
19
19
|
});
|
|
20
20
|
const _react = require("@griffel/react");
|
|
21
21
|
const _reacttheme = require("@fluentui/react-theme");
|
|
22
|
-
const _useDrawerBaseStylesstyles = require("../../shared/useDrawerBaseStyles.styles");
|
|
22
|
+
const _useDrawerBaseStylesstyles = require("../../shared/useDrawerBaseStyles.styles.cjs");
|
|
23
23
|
const inlineDrawerClassNames = {
|
|
24
24
|
root: 'fui-InlineDrawer'
|
|
25
25
|
};
|
|
@@ -204,7 +204,6 @@ function getAnimationExitClass(state, classNames) {
|
|
|
204
204
|
}
|
|
205
205
|
}
|
|
206
206
|
const useInlineDrawerStyles_unstable = (state)=>{
|
|
207
|
-
'use no memo';
|
|
208
207
|
const resetStyles = useDrawerResetStyles();
|
|
209
208
|
const baseClassNames = (0, _useDrawerBaseStylesstyles.useDrawerBaseClassNames)(state);
|
|
210
209
|
const rootStyles = useDrawerRootStyles();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useInlineDrawerStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nimport { drawerCSSVars, drawerDefaultStyles, useDrawerBaseClassNames } from \"../../shared/useDrawerBaseStyles.styles.js\";\nexport const inlineDrawerClassNames = {\n root: 'fui-InlineDrawer'\n};\nconst useDrawerResetStyles = makeResetStyles({\n ...drawerDefaultStyles,\n position: 'relative'\n});\n/**\n * Styles for the root slot\n */ const borderValue = `1px solid ${tokens.colorNeutralBackground3}`;\nconst useDrawerRootStyles = makeStyles({\n /* Separator */ separatorStart: {\n borderRight: borderValue\n },\n separatorEnd: {\n borderLeft: borderValue\n },\n separatorBottom: {\n borderTop: borderValue\n },\n /* Positioning */ start: {},\n end: {},\n bottom: {\n width: '100%',\n height: `var(${drawerCSSVars.drawerSizeVar})`\n },\n /* Animation exit states */ animationExitStart: {\n width: '0',\n border: 'none'\n },\n animationExitEnd: {\n width: '0',\n border: 'none'\n },\n animationExitBottom: {\n height: '0',\n border: 'none'\n }\n});\nfunction getSeparatorClass(state, classNames) {\n if (!state.separator) {\n return undefined;\n }\n switch(state.position){\n case 'start':\n return classNames.separatorStart;\n case 'end':\n return classNames.separatorEnd;\n case 'bottom':\n return classNames.separatorBottom;\n default:\n return undefined;\n }\n}\nfunction getAnimationExitClass(state, classNames) {\n switch(state.position){\n case 'start':\n return classNames.animationExitStart;\n case 'end':\n return classNames.animationExitEnd;\n case 'bottom':\n return classNames.animationExitBottom;\n default:\n return undefined;\n }\n}\n/**\n * Apply styling to the InlineDrawer slots based on the state\n */ export const useInlineDrawerStyles_unstable = (state)=>{\n const resetStyles = useDrawerResetStyles();\n const baseClassNames = useDrawerBaseClassNames(state);\n const rootStyles = useDrawerRootStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(inlineDrawerClassNames.root, resetStyles, baseClassNames, getSeparatorClass(state, rootStyles), rootStyles[state.position], state.animationDirection === 'exit' && getAnimationExitClass(state, rootStyles), state.root.className);\n return state;\n};\n"],"names":["__resetStyles","__styles","mergeClasses","tokens","drawerCSSVars","drawerDefaultStyles","useDrawerBaseClassNames","inlineDrawerClassNames","root","useDrawerResetStyles","borderValue","colorNeutralBackground3","useDrawerRootStyles","separatorStart","h3c5rm","vrafjx","Bekrc4i","u1mtju","separatorEnd","zhjwy3","wvpqe5","ibv6hh","B4g9neb","separatorBottom","g2u3we","icvyot","B4j52fo","i8vvqc","start","end","bottom","a9b677","Bqenvij","animationExitStart","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","irswps","animationExitEnd","animationExitBottom","d","p","getSeparatorClass","state","classNames","separator","undefined","position","getAnimationExitClass","useInlineDrawerStyles_unstable","resetStyles","baseClassNames","rootStyles","className","animationDirection"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICO,sBAAsB;;;kCAoEY;eAA9B2C;;;uBAvEyC,gBAAgB;4BACnD,uBAAuB;2CAC8B,4CAA4C;AACjH,+BAA+B;IAClC1C,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,oBAAoB,GAAA,WAAA,OAAGT,oBAAA,EAAA,WAAA,MAAA;IAAA;CAG5B,CAAC;AACF;;CAEA,GAAI,MAAMU,WAAW,GAAG,CAAA,UAAA,EAAaP,kBAAM,CAACQ,uBAAuB,EAAE;AACrE,MAAMC,mBAAmB,GAAA,WAAA,OAAGX,eAAA,EAAA;IAAAY,cAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,YAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,eAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,KAAA,EAAA,CAAA;IAAAC,GAAA,EAAA,CAAA;IAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,kBAAA,EAAA;QAAAF,MAAA,EAAA;QAAAG,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAf,OAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAJ,MAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAW,MAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAY,MAAA,EAAA;IAAA;IAAAC,gBAAA,EAAA;QAAAR,MAAA,EAAA;QAAAG,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAf,OAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAJ,MAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAW,MAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAY,MAAA,EAAA;IAAA;IAAAE,mBAAA,EAAA;QAAAR,OAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAf,OAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAJ,MAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAW,MAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAY,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAG,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CA4B3B,CAAC;AACF,SAASC,iBAAiBA,CAACC,KAAK,EAAEC,UAAU,EAAE;IAC1C,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,OAAOC,SAAS;IACpB;IACA,OAAOH,KAAK,CAACI,QAAQ;QACjB,KAAK,OAAO;YACR,OAAOH,UAAU,CAAChC,cAAc;QACpC,KAAK,KAAK;YACN,OAAOgC,UAAU,CAAC3B,YAAY;QAClC,KAAK,QAAQ;YACT,OAAO2B,UAAU,CAACtB,eAAe;QACrC;YACI,OAAOwB,SAAS;IACxB;AACJ;AACA,SAASE,qBAAqBA,CAACL,KAAK,EAAEC,UAAU,EAAE;IAC9C,OAAOD,KAAK,CAACI,QAAQ;QACjB,KAAK,OAAO;YACR,OAAOH,UAAU,CAACZ,kBAAkB;QACxC,KAAK,KAAK;YACN,OAAOY,UAAU,CAACN,gBAAgB;QACtC,KAAK,QAAQ;YACT,OAAOM,UAAU,CAACL,mBAAmB;QACzC;YACI,OAAOO,SAAS;IACxB;AACJ;AAGW,wCAAwCH,KAAK,IAAG;IACvD,MAAMO,WAAW,GAAG1C,oBAAoB,CAAC,CAAC;IAC1C,MAAM2C,cAAc,GAAG9C,sDAAuB,EAACsC,KAAK,CAAC;IACrD,MAAMS,UAAU,GAAGzC,mBAAmB,CAAC,CAAC;IACxC,oDAAA;IACAgC,KAAK,CAACpC,IAAI,CAAC8C,SAAS,OAAGpD,mBAAY,EAACK,sBAAsB,CAACC,IAAI,EAAE2C,WAAW,EAAEC,cAAc,EAAET,iBAAiB,CAACC,KAAK,EAAES,UAAU,CAAC,EAAEA,UAAU,CAACT,KAAK,CAACI,QAAQ,CAAC,EAAEJ,KAAK,CAACW,kBAAkB,KAAK,MAAM,IAAIN,qBAAqB,CAACL,KAAK,EAAES,UAAU,CAAC,EAAET,KAAK,CAACpC,IAAI,CAAC8C,SAAS,CAAC;IACtQ,OAAOV,KAAK;AAChB,CAAC"}
|
|
@@ -19,7 +19,7 @@ _export(exports, {
|
|
|
19
19
|
});
|
|
20
20
|
const _react = require("@griffel/react");
|
|
21
21
|
const _reacttheme = require("@fluentui/react-theme");
|
|
22
|
-
const _useDrawerBaseStylesstyles = require("../../shared/useDrawerBaseStyles.styles");
|
|
22
|
+
const _useDrawerBaseStylesstyles = require("../../shared/useDrawerBaseStyles.styles.cjs");
|
|
23
23
|
const inlineDrawerClassNames = {
|
|
24
24
|
root: 'fui-InlineDrawer'
|
|
25
25
|
};
|
|
@@ -87,7 +87,6 @@ function getAnimationExitClass(state, classNames) {
|
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
const useInlineDrawerStyles_unstable = (state)=>{
|
|
90
|
-
'use no memo';
|
|
91
90
|
const resetStyles = useDrawerResetStyles();
|
|
92
91
|
const baseClassNames = (0, _useDrawerBaseStylesstyles.useDrawerBaseClassNames)(state);
|
|
93
92
|
const rootStyles = useDrawerRootStyles();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/InlineDrawer/useInlineDrawerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { InlineDrawerSlots, InlineDrawerState } from './InlineDrawer.types';\nimport { drawerCSSVars, drawerDefaultStyles, useDrawerBaseClassNames } from '../../shared/useDrawerBaseStyles.styles';\n\nexport const inlineDrawerClassNames: SlotClassNames<Omit<InlineDrawerSlots, 'surfaceMotion'>> = {\n root: 'fui-InlineDrawer',\n};\n\nconst useDrawerResetStyles = makeResetStyles({\n ...drawerDefaultStyles,\n position: 'relative',\n});\n\n/**\n * Styles for the root slot\n */\nconst borderValue = `1px solid ${tokens.colorNeutralBackground3}`;\nconst useDrawerRootStyles = makeStyles({\n /* Separator */\n separatorStart: { borderRight: borderValue },\n separatorEnd: { borderLeft: borderValue },\n separatorBottom: { borderTop: borderValue },\n\n /* Positioning */\n start: {},\n end: {},\n bottom: {\n width: '100%',\n height: `var(${drawerCSSVars.drawerSizeVar})`,\n },\n\n /* Animation exit states */\n animationExitStart: {\n width: '0',\n border: 'none',\n },\n animationExitEnd: {\n width: '0',\n border: 'none',\n },\n animationExitBottom: {\n height: '0',\n border: 'none',\n },\n});\n\nfunction getSeparatorClass(state: InlineDrawerState, classNames: ReturnType<typeof useDrawerRootStyles>) {\n if (!state.separator) {\n return undefined;\n }\n\n switch (state.position) {\n case 'start':\n return classNames.separatorStart;\n\n case 'end':\n return classNames.separatorEnd;\n\n case 'bottom':\n return classNames.separatorBottom;\n\n default:\n return undefined;\n }\n}\n\nfunction getAnimationExitClass(state: InlineDrawerState, classNames: ReturnType<typeof useDrawerRootStyles>) {\n switch (state.position) {\n case 'start':\n return classNames.animationExitStart;\n\n case 'end':\n return classNames.animationExitEnd;\n\n case 'bottom':\n return classNames.animationExitBottom;\n\n default:\n return undefined;\n }\n}\n\n/**\n * Apply styling to the InlineDrawer slots based on the state\n */\nexport const useInlineDrawerStyles_unstable = (state: InlineDrawerState): InlineDrawerState => {\n const resetStyles = useDrawerResetStyles();\n const baseClassNames = useDrawerBaseClassNames(state);\n const rootStyles = useDrawerRootStyles();\n\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(\n inlineDrawerClassNames.root,\n resetStyles,\n baseClassNames,\n getSeparatorClass(state, rootStyles),\n rootStyles[state.position],\n state.animationDirection === 'exit' && getAnimationExitClass(state, rootStyles),\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","drawerCSSVars","drawerDefaultStyles","useDrawerBaseClassNames","inlineDrawerClassNames","root","useDrawerResetStyles","position","borderValue","colorNeutralBackground3","useDrawerRootStyles","separatorStart","borderRight","separatorEnd","borderLeft","separatorBottom","borderTop","start","end","bottom","width","height","drawerSizeVar","animationExitStart","border","animationExitEnd","animationExitBottom","getSeparatorClass","state","classNames","separator","undefined","getAnimationExitClass","useInlineDrawerStyles_unstable","resetStyles","baseClassNames","rootStyles","className","animationDirection"],"mappings":"AAAA;;;;;;;;;;;;IASaO,sBAAAA;;;kCAiFA6B;;;;uBAxF6C,iBAAiB;4BAEpD,wBAAwB;2CAG6B,6CAA0C;AAE/G,+BAAyF;IAC9F5B,MAAM;AACR,EAAE;AAEF,MAAMC,2BAAuBT,sBAAAA,EAAgB;IAC3C,GAAGK,8CAAmB;IACtBK,UAAU;AACZ;AAEA;;CAEC,GACD,MAAMC,cAAc,CAAC,UAAU,EAAER,kBAAAA,CAAOS,uBAAuB,EAAE;AACjE,MAAMC,0BAAsBZ,iBAAAA,EAAW;IACrC,aAAa,GACba,gBAAgB;QAAEC,aAAaJ;IAAY;IAC3CK,cAAc;QAAEC,YAAYN;IAAY;IACxCO,iBAAiB;QAAEC,WAAWR;IAAY;IAE1C,eAAe,GACfS,OAAO,CAAC;IACRC,KAAK,CAAC;IACNC,QAAQ;QACNC,OAAO;QACPC,QAAQ,CAAC,IAAI,EAAEpB,wCAAAA,CAAcqB,aAAa,CAAC,CAAC,CAAC;IAC/C;IAEA,yBAAyB,GACzBC,oBAAoB;QAClBH,OAAO;QACPI,QAAQ;IACV;IACAC,kBAAkB;QAChBL,OAAO;QACPI,QAAQ;IACV;IACAE,qBAAqB;QACnBL,QAAQ;QACRG,QAAQ;IACV;AACF;AAEA,SAASG,kBAAkBC,KAAwB,EAAEC,UAAkD;IACrG,IAAI,CAACD,MAAME,SAAS,EAAE;QACpB,OAAOC;IACT;IAEA,OAAQH,MAAMrB,QAAQ;QACpB,KAAK;YACH,OAAOsB,WAAWlB,cAAc;QAElC,KAAK;YACH,OAAOkB,WAAWhB,YAAY;QAEhC,KAAK;YACH,OAAOgB,WAAWd,eAAe;QAEnC;YACE,OAAOgB;IACX;AACF;AAEA,SAASC,sBAAsBJ,KAAwB,EAAEC,UAAkD;IACzG,OAAQD,MAAMrB,QAAQ;QACpB,KAAK;YACH,OAAOsB,WAAWN,kBAAkB;QAEtC,KAAK;YACH,OAAOM,WAAWJ,gBAAgB;QAEpC,KAAK;YACH,OAAOI,WAAWH,mBAAmB;QAEvC;YACE,OAAOK;IACX;AACF;AAKO,MAAME,iCAAiC,CAACL;IAC7C,MAAMM,cAAc5B;IACpB,MAAM6B,qBAAiBhC,kDAAAA,EAAwByB;IAC/C,MAAMQ,aAAa1B;IAEnB,oDAAoD;IACpDkB,MAAMvB,IAAI,CAACgC,SAAS,OAAGtC,mBAAAA,EACrBK,uBAAuBC,IAAI,EAC3B6B,aACAC,gBACAR,kBAAkBC,OAAOQ,aACzBA,UAAU,CAACR,MAAMrB,QAAQ,CAAC,EAC1BqB,MAAMU,kBAAkB,KAAK,UAAUN,sBAAsBJ,OAAOQ,aACpER,MAAMvB,IAAI,CAACgC,SAAS;IAGtB,OAAOT;AACT,EAAE"}
|
|
@@ -12,10 +12,10 @@ Object.defineProperty(exports, "OverlayDrawer", {
|
|
|
12
12
|
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
13
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
14
14
|
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
15
|
-
const _drawerContext = require("../../contexts/drawerContext");
|
|
16
|
-
const _useOverlayDrawer = require("./useOverlayDrawer");
|
|
17
|
-
const _renderOverlayDrawer = require("./renderOverlayDrawer");
|
|
18
|
-
const _useOverlayDrawerStylesstyles = require("./useOverlayDrawerStyles.styles");
|
|
15
|
+
const _drawerContext = require("../../contexts/drawerContext.cjs");
|
|
16
|
+
const _useOverlayDrawer = require("./useOverlayDrawer.cjs");
|
|
17
|
+
const _renderOverlayDrawer = require("./renderOverlayDrawer.cjs");
|
|
18
|
+
const _useOverlayDrawerStylesstyles = require("./useOverlayDrawerStyles.styles.cjs");
|
|
19
19
|
const OverlayDrawer = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
20
20
|
const state = (0, _useOverlayDrawer.useOverlayDrawer_unstable)(props, ref);
|
|
21
21
|
const contextValue = (0, _drawerContext.useDrawerContextValue)();
|
package/lib-commonjs/components/OverlayDrawer/{OverlayDrawer.js.map → OverlayDrawer.cjs.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/OverlayDrawer/OverlayDrawer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useDrawerContextValue } from '../../contexts/drawerContext';\n\nimport { useOverlayDrawer_unstable } from './useOverlayDrawer';\nimport { renderOverlayDrawer_unstable } from './renderOverlayDrawer';\nimport { useOverlayDrawerStyles_unstable } from './useOverlayDrawerStyles.styles';\nimport type { OverlayDrawerProps } from './OverlayDrawer.types';\n\n/**\n * OverlayDrawer contains supplementary content and are used for complex creation, edit, or management experiences.\n */\nexport const OverlayDrawer: ForwardRefComponent<OverlayDrawerProps> = React.forwardRef((props, ref) => {\n const state = useOverlayDrawer_unstable(props, ref);\n const contextValue = useDrawerContextValue();\n\n useOverlayDrawerStyles_unstable(state);\n useCustomStyleHook_unstable('useDrawerOverlayStyles_unstable')(state);\n useCustomStyleHook_unstable('useOverlayDrawerStyles_unstable')(state);\n\n return renderOverlayDrawer_unstable(state, contextValue);\n});\n\nOverlayDrawer.displayName = 'OverlayDrawer';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerContextValue","useOverlayDrawer_unstable","renderOverlayDrawer_unstable","useOverlayDrawerStyles_unstable","OverlayDrawer","forwardRef","props","ref","state","contextValue","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;+BAExC
|
|
1
|
+
{"version":3,"sources":["../src/components/OverlayDrawer/OverlayDrawer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useDrawerContextValue } from '../../contexts/drawerContext';\n\nimport { useOverlayDrawer_unstable } from './useOverlayDrawer';\nimport { renderOverlayDrawer_unstable } from './renderOverlayDrawer';\nimport { useOverlayDrawerStyles_unstable } from './useOverlayDrawerStyles.styles';\nimport type { OverlayDrawerProps } from './OverlayDrawer.types';\n\n/**\n * OverlayDrawer contains supplementary content and are used for complex creation, edit, or management experiences.\n */\nexport const OverlayDrawer: ForwardRefComponent<OverlayDrawerProps> = React.forwardRef((props, ref) => {\n const state = useOverlayDrawer_unstable(props, ref);\n const contextValue = useDrawerContextValue();\n\n useOverlayDrawerStyles_unstable(state);\n useCustomStyleHook_unstable('useDrawerOverlayStyles_unstable')(state);\n useCustomStyleHook_unstable('useOverlayDrawerStyles_unstable')(state);\n\n return renderOverlayDrawer_unstable(state, contextValue);\n});\n\nOverlayDrawer.displayName = 'OverlayDrawer';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerContextValue","useOverlayDrawer_unstable","renderOverlayDrawer_unstable","useOverlayDrawerStyles_unstable","OverlayDrawer","forwardRef","props","ref","state","contextValue","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;+BAExC,kCAA+B;kCAE3B,wBAAqB;qCAClB,2BAAwB;8CACrB,qCAAkC;AAM3E,MAAMM,gBAAAA,WAAAA,GAAyDN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,YAAQP,2CAAAA,EAA0BK,OAAOC;IAC/C,MAAME,mBAAeT,oCAAAA;QAErBG,6DAAAA,EAAgCK;QAChCT,gDAAAA,EAA4B,mCAAmCS;QAC/DT,gDAAAA,EAA4B,mCAAmCS;IAE/D,WAAON,iDAAAA,EAA6BM,OAAOC;AAC7C,GAAG;AAEHL,cAAcM,WAAW,GAAG"}
|
|
@@ -12,7 +12,7 @@ Object.defineProperty(exports, "OverlayDrawerSurface", {
|
|
|
12
12
|
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
13
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
14
14
|
const _reactdialog = require("@fluentui/react-dialog");
|
|
15
|
-
const _useOverlayDrawerSurfaceStylesstyles = require("./useOverlayDrawerSurfaceStyles.styles");
|
|
15
|
+
const _useOverlayDrawerSurfaceStylesstyles = require("./useOverlayDrawerSurfaceStyles.styles.cjs");
|
|
16
16
|
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
17
17
|
const OverlayDrawerSurface = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
18
18
|
const dialogSurfaceState = (0, _reactdialog.useDialogSurface_unstable)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport {\n useDialogSurface_unstable,\n useDialogSurfaceContextValues_unstable,\n renderDialogSurface_unstable,\n} from '@fluentui/react-dialog';\n\nimport { useOverlayDrawerSurfaceStyles_unstable } from './useOverlayDrawerSurfaceStyles.styles';\nimport type { OverlayDrawerSurfaceProps } from './OverlayDrawerSurface.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * OverlayDrawerSurface is a proxy for DialogSurface as is only meant to be used internally for Drawer.\n *\n * @internal\n */\nexport const OverlayDrawerSurface: ForwardRefComponent<OverlayDrawerSurfaceProps> = React.forwardRef((props, ref) => {\n const dialogSurfaceState = useDialogSurface_unstable(\n {\n ...props,\n /**\n * Drawer accepts a `div` or `aside` element type, but Dialog only accepts a `div` element type.\n * We need to cast the ref to a `div` element type to not break Dialog's ref type.\n *\n * FIXME: Evaluate the possibility to remove this cast when Dialog is refactored to accept `aside` elements.\n */\n as: props.as as 'div',\n },\n ref,\n );\n const dialogSurfaceContextValues = useDialogSurfaceContextValues_unstable(dialogSurfaceState);\n\n useOverlayDrawerSurfaceStyles_unstable(dialogSurfaceState);\n useCustomStyleHook_unstable('useOverlayDrawerSurfaceStyles_unstable')(dialogSurfaceState);\n\n return renderDialogSurface_unstable(dialogSurfaceState, dialogSurfaceContextValues);\n});\n\nOverlayDrawerSurface.displayName = 'OverlayDrawerSurface';\n"],"names":["React","useDialogSurface_unstable","useDialogSurfaceContextValues_unstable","renderDialogSurface_unstable","useOverlayDrawerSurfaceStyles_unstable","useCustomStyleHook_unstable","OverlayDrawerSurface","forwardRef","props","ref","dialogSurfaceState","as","dialogSurfaceContextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BAMxB,yBAAyB;qDAEuB,
|
|
1
|
+
{"version":3,"sources":["../src/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport {\n useDialogSurface_unstable,\n useDialogSurfaceContextValues_unstable,\n renderDialogSurface_unstable,\n} from '@fluentui/react-dialog';\n\nimport { useOverlayDrawerSurfaceStyles_unstable } from './useOverlayDrawerSurfaceStyles.styles';\nimport type { OverlayDrawerSurfaceProps } from './OverlayDrawerSurface.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * OverlayDrawerSurface is a proxy for DialogSurface as is only meant to be used internally for Drawer.\n *\n * @internal\n */\nexport const OverlayDrawerSurface: ForwardRefComponent<OverlayDrawerSurfaceProps> = React.forwardRef((props, ref) => {\n const dialogSurfaceState = useDialogSurface_unstable(\n {\n ...props,\n /**\n * Drawer accepts a `div` or `aside` element type, but Dialog only accepts a `div` element type.\n * We need to cast the ref to a `div` element type to not break Dialog's ref type.\n *\n * FIXME: Evaluate the possibility to remove this cast when Dialog is refactored to accept `aside` elements.\n */\n as: props.as as 'div',\n },\n ref,\n );\n const dialogSurfaceContextValues = useDialogSurfaceContextValues_unstable(dialogSurfaceState);\n\n useOverlayDrawerSurfaceStyles_unstable(dialogSurfaceState);\n useCustomStyleHook_unstable('useOverlayDrawerSurfaceStyles_unstable')(dialogSurfaceState);\n\n return renderDialogSurface_unstable(dialogSurfaceState, dialogSurfaceContextValues);\n});\n\nOverlayDrawerSurface.displayName = 'OverlayDrawerSurface';\n"],"names":["React","useDialogSurface_unstable","useDialogSurfaceContextValues_unstable","renderDialogSurface_unstable","useOverlayDrawerSurfaceStyles_unstable","useCustomStyleHook_unstable","OverlayDrawerSurface","forwardRef","props","ref","dialogSurfaceState","as","dialogSurfaceContextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BAMxB,yBAAyB;qDAEuB,4CAAyC;qCAEpD,kCAAkC;AAOvE,MAAMM,uBAAAA,WAAAA,GAAuEN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,yBAAqBT,sCAAAA,EACzB;QACE,GAAGO,KAAK;QACR;;;;;OAKC,GACDG,IAAIH,MAAMG,EAAE;IACd,GACAF;IAEF,MAAMG,iCAA6BV,mDAAAA,EAAuCQ;QAE1EN,2EAAAA,EAAuCM;QACvCL,gDAAAA,EAA4B,0CAA0CK;IAEtE,WAAOP,yCAAAA,EAA6BO,oBAAoBE;AAC1D,GAAG;AAEHN,qBAAqBO,WAAW,GAAG"}
|
package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/{index.js.map → index.cjs.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/OverlayDrawer/OverlayDrawerSurface/index.ts"],"sourcesContent":["export { OverlayDrawerSurface } from './OverlayDrawerSurface';\nexport type { OverlayDrawerSurfaceProps, OverlayDrawerSurfaceSlots } from './OverlayDrawerSurface.types';\n"],"names":["OverlayDrawerSurface"],"mappings":";;;;;;;eAASA,0CAAoB;;;sCAAQ,
|
|
1
|
+
{"version":3,"sources":["../src/components/OverlayDrawer/OverlayDrawerSurface/index.ts"],"sourcesContent":["export { OverlayDrawerSurface } from './OverlayDrawerSurface';\nexport type { OverlayDrawerSurfaceProps, OverlayDrawerSurfaceSlots } from './OverlayDrawerSurface.types';\n"],"names":["OverlayDrawerSurface"],"mappings":";;;;;;;eAASA,0CAAoB;;;sCAAQ,4BAAyB"}
|
|
@@ -29,7 +29,6 @@ const useBackdropStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
29
29
|
]
|
|
30
30
|
});
|
|
31
31
|
const useOverlayDrawerSurfaceStyles_unstable = (state)=>{
|
|
32
|
-
'use no memo';
|
|
33
32
|
const { treatBackdropAsNested, backdrop, open, unmountOnClose } = state;
|
|
34
33
|
const backdropResetStyles = useBackdropResetStyles();
|
|
35
34
|
const backdropStyles = useBackdropStyles();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useOverlayDrawerSurfaceStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\n/**\n * Styles for the backdrop slot\n */ const useBackdropResetStyles = makeResetStyles({\n inset: '0px',\n position: 'fixed',\n backgroundColor: tokens.colorBackgroundOverlay\n});\nconst useBackdropStyles = makeStyles({\n nested: {\n backgroundColor: tokens.colorTransparentBackground\n },\n drawerHidden: {\n pointerEvents: 'none'\n }\n});\n/**\n * Apply styling to the OverlayDrawerSurface slots based on the state\n */ export const useOverlayDrawerSurfaceStyles_unstable = (state)=>{\n const { treatBackdropAsNested, backdrop, open, unmountOnClose } = state;\n const backdropResetStyles = useBackdropResetStyles();\n const backdropStyles = useBackdropStyles();\n const mountedAndClosed = !unmountOnClose && !open;\n if (backdrop) {\n // eslint-disable-next-line react-hooks/immutability\n backdrop.className = mergeClasses(backdropResetStyles, treatBackdropAsNested && backdropStyles.nested, mountedAndClosed && backdropStyles.drawerHidden, backdrop.className);\n }\n return state;\n};\n"],"names":["__resetStyles","__styles","mergeClasses","tokens","useBackdropResetStyles","useBackdropStyles","nested","De3pzq","drawerHidden","Bkecrkj","d","useOverlayDrawerSurfaceStyles_unstable","state","treatBackdropAsNested","backdrop","open","unmountOnClose","backdropResetStyles","backdropStyles","mountedAndClosed","className"],"mappings":"AAAA,YAAY;;;;;+BAoBKW,sCAAsC;;;;;;uBAnBG,gBAAgB;AAE1E;;CAEA,GAAI,MAAMP,sBAAsB,GAAA,WAAA,OAAGJ,oBAAA,EAAA,WAAA,MAAA;IAAA;CAIlC,CAAC;AACF,MAAMK,iBAAiB,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAK,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CAOzB,CAAC;AAGS,gDAAgDE,KAAK,IAAG;IAC/D,MAAM,EAAEC,qBAAqB,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,cAAAA,EAAgB,GAAGJ,KAAK;IACvE,MAAMK,mBAAmB,GAAGb,sBAAsB,CAAC,CAAC;IACpD,MAAMc,cAAc,GAAGb,iBAAiB,CAAC,CAAC;IAC1C,MAAMc,gBAAgB,GAAG,CAACH,cAAc,IAAI,CAACD,IAAI;IACjD,IAAID,QAAQ,EAAE;QACV,oDAAA;QACAA,QAAQ,CAACM,SAAS,OAAGlB,mBAAY,EAACe,mBAAmB,EAAEJ,qBAAqB,IAAIK,cAAc,CAACZ,MAAM,EAAEa,gBAAgB,IAAID,cAAc,CAACV,YAAY,EAAEM,QAAQ,CAACM,SAAS,CAAC;IAC/K;IACA,OAAOR,KAAK;AAChB,CAAC"}
|
|
@@ -27,7 +27,6 @@ const useBackdropStyles = (0, _react.makeStyles)({
|
|
|
27
27
|
}
|
|
28
28
|
});
|
|
29
29
|
const useOverlayDrawerSurfaceStyles_unstable = (state)=>{
|
|
30
|
-
'use no memo';
|
|
31
30
|
const { treatBackdropAsNested, backdrop, open, unmountOnClose } = state;
|
|
32
31
|
const backdropResetStyles = useBackdropResetStyles();
|
|
33
32
|
const backdropStyles = useBackdropStyles();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { DialogSurfaceState } from '@fluentui/react-dialog';\n\n/**\n * Styles for the backdrop slot\n */\nconst useBackdropResetStyles = makeResetStyles({\n inset: '0px',\n position: 'fixed',\n backgroundColor: tokens.colorBackgroundOverlay,\n});\n\nconst useBackdropStyles = makeStyles({\n nested: {\n backgroundColor: tokens.colorTransparentBackground,\n },\n\n drawerHidden: {\n pointerEvents: 'none',\n },\n});\n\n/**\n * Apply styling to the OverlayDrawerSurface slots based on the state\n */\nexport const useOverlayDrawerSurfaceStyles_unstable = (state: DialogSurfaceState): DialogSurfaceState => {\n const { treatBackdropAsNested, backdrop, open, unmountOnClose } = state;\n\n const backdropResetStyles = useBackdropResetStyles();\n const backdropStyles = useBackdropStyles();\n\n const mountedAndClosed = !unmountOnClose && !open;\n\n if (backdrop) {\n // eslint-disable-next-line react-hooks/immutability\n backdrop.className = mergeClasses(\n backdropResetStyles,\n treatBackdropAsNested && backdropStyles.nested,\n mountedAndClosed && backdropStyles.drawerHidden,\n backdrop.className,\n );\n }\n\n return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","useBackdropResetStyles","inset","position","backgroundColor","colorBackgroundOverlay","useBackdropStyles","nested","colorTransparentBackground","drawerHidden","pointerEvents","useOverlayDrawerSurfaceStyles_unstable","state","treatBackdropAsNested","backdrop","open","unmountOnClose","backdropResetStyles","backdropStyles","mountedAndClosed","className"],"mappings":"AAAA;;;;;+BA4Bac;;;;;;uBA1B6C,iBAAiB;4BACpD,wBAAwB;AAG/C;;CAEC,GACD,MAAMV,6BAAyBJ,sBAAAA,EAAgB;IAC7CK,OAAO;IACPC,UAAU;IACVC,iBAAiBJ,kBAAAA,CAAOK,sBAAsB;AAChD;AAEA,MAAMC,wBAAoBR,iBAAAA,EAAW;IACnCS,QAAQ;QACNH,iBAAiBJ,kBAAAA,CAAOQ,0BAA0B;IACpD;IAEAC,cAAc;QACZC,eAAe;IACjB;AACF;AAKO,+CAA+C,CAACE;IACrD,MAAM,EAAEC,qBAAqB,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,cAAc,EAAE,GAAGJ;IAElE,MAAMK,sBAAsBhB;IAC5B,MAAMiB,iBAAiBZ;IAEvB,MAAMa,mBAAmB,CAACH,kBAAkB,CAACD;IAE7C,IAAID,UAAU;QACZ,oDAAoD;QACpDA,SAASM,SAAS,OAAGrB,mBAAAA,EACnBkB,qBACAJ,yBAAyBK,eAAeX,MAAM,EAC9CY,oBAAoBD,eAAeT,YAAY,EAC/CK,SAASM,SAAS;IAEtB;IAEA,OAAOR;AACT,EAAE"}
|
|
@@ -25,7 +25,7 @@ _export(exports, {
|
|
|
25
25
|
return _useOverlayDrawer.useOverlayDrawer_unstable;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
-
const _OverlayDrawer = require("./OverlayDrawer");
|
|
29
|
-
const _renderOverlayDrawer = require("./renderOverlayDrawer");
|
|
30
|
-
const _useOverlayDrawer = require("./useOverlayDrawer");
|
|
31
|
-
const _useOverlayDrawerStylesstyles = require("./useOverlayDrawerStyles.styles");
|
|
28
|
+
const _OverlayDrawer = require("./OverlayDrawer.cjs");
|
|
29
|
+
const _renderOverlayDrawer = require("./renderOverlayDrawer.cjs");
|
|
30
|
+
const _useOverlayDrawer = require("./useOverlayDrawer.cjs");
|
|
31
|
+
const _useOverlayDrawerStylesstyles = require("./useOverlayDrawerStyles.styles.cjs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/OverlayDrawer/index.ts"],"sourcesContent":["export { OverlayDrawer } from './OverlayDrawer';\nexport type {\n OverlayDrawerInternalSlots,\n OverlayDrawerProps,\n OverlayDrawerSlots,\n OverlayDrawerState,\n} from './OverlayDrawer.types';\nexport { renderOverlayDrawer_unstable } from './renderOverlayDrawer';\nexport { useOverlayDrawer_unstable } from './useOverlayDrawer';\nexport { overlayDrawerClassNames, useOverlayDrawerStyles_unstable } from './useOverlayDrawerStyles.styles';\n"],"names":["OverlayDrawer","renderOverlayDrawer_unstable","useOverlayDrawer_unstable","overlayDrawerClassNames","useOverlayDrawerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eASbG,qDAAuB;;;eAFvBF,iDAA4B;;;eAEHG,6DAA+B;;;eADxDF,2CAAyB;;;+BARJ,
|
|
1
|
+
{"version":3,"sources":["../src/components/OverlayDrawer/index.ts"],"sourcesContent":["export { OverlayDrawer } from './OverlayDrawer';\nexport type {\n OverlayDrawerInternalSlots,\n OverlayDrawerProps,\n OverlayDrawerSlots,\n OverlayDrawerState,\n} from './OverlayDrawer.types';\nexport { renderOverlayDrawer_unstable } from './renderOverlayDrawer';\nexport { useOverlayDrawer_unstable } from './useOverlayDrawer';\nexport { overlayDrawerClassNames, useOverlayDrawerStyles_unstable } from './useOverlayDrawerStyles.styles';\n"],"names":["OverlayDrawer","renderOverlayDrawer_unstable","useOverlayDrawer_unstable","overlayDrawerClassNames","useOverlayDrawerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eASbG,qDAAuB;;;eAFvBF,iDAA4B;;;eAEHG,6DAA+B;;;eADxDF,2CAAyB;;;+BARJ,qBAAkB;qCAOH,2BAAwB;kCAC3B,wBAAqB;8CACU,qCAAkC"}
|
package/lib-commonjs/components/OverlayDrawer/{renderOverlayDrawer.js → renderOverlayDrawer.cjs}
RENAMED
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "renderOverlayDrawer_unstable", {
|
|
|
10
10
|
});
|
|
11
11
|
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
12
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
-
const _drawerContext = require("../../contexts/drawerContext");
|
|
13
|
+
const _drawerContext = require("../../contexts/drawerContext.cjs");
|
|
14
14
|
const _reactdialog = require("@fluentui/react-dialog");
|
|
15
15
|
const renderOverlayDrawer_unstable = (state, contextValue)=>{
|
|
16
16
|
(0, _reactutilities.assertSlots)(state);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/OverlayDrawer/renderOverlayDrawer.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { DrawerContextValue } from '../../contexts/drawerContext';\nimport { DrawerProvider } from '../../contexts/drawerContext';\nimport { DialogBackdropProvider } from '@fluentui/react-dialog';\n\nimport type { OverlayDrawerState, OverlayDrawerInternalSlots } from './OverlayDrawer.types';\n\n/**\n * Render the final JSX of OverlayDrawer\n */\nexport const renderOverlayDrawer_unstable = (\n state: OverlayDrawerState,\n contextValue: DrawerContextValue,\n): JSXElement => {\n assertSlots<OverlayDrawerInternalSlots>(state);\n\n return (\n <DrawerProvider value={contextValue}>\n <DialogBackdropProvider value={false}>\n <state.dialog>\n <state.root />\n </state.dialog>\n </DialogBackdropProvider>\n </DrawerProvider>\n );\n};\n"],"names":["assertSlots","DrawerProvider","DialogBackdropProvider","renderOverlayDrawer_unstable","state","contextValue","value","dialog","root"],"mappings":";;;;+BAaaG;;;;;;4BAZb,gDAAiD;gCACrB,4BAA4B;+BAGzB
|
|
1
|
+
{"version":3,"sources":["../src/components/OverlayDrawer/renderOverlayDrawer.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { DrawerContextValue } from '../../contexts/drawerContext';\nimport { DrawerProvider } from '../../contexts/drawerContext';\nimport { DialogBackdropProvider } from '@fluentui/react-dialog';\n\nimport type { OverlayDrawerState, OverlayDrawerInternalSlots } from './OverlayDrawer.types';\n\n/**\n * Render the final JSX of OverlayDrawer\n */\nexport const renderOverlayDrawer_unstable = (\n state: OverlayDrawerState,\n contextValue: DrawerContextValue,\n): JSXElement => {\n assertSlots<OverlayDrawerInternalSlots>(state);\n\n return (\n <DrawerProvider value={contextValue}>\n <DialogBackdropProvider value={false}>\n <state.dialog>\n <state.root />\n </state.dialog>\n </DialogBackdropProvider>\n </DrawerProvider>\n );\n};\n"],"names":["assertSlots","DrawerProvider","DialogBackdropProvider","renderOverlayDrawer_unstable","state","contextValue","value","dialog","root"],"mappings":";;;;+BAaaG;;;;;;4BAZb,gDAAiD;gCACrB,4BAA4B;+BAGzB,kCAA+B;6BACvB,yBAAyB;AAOzD,qCAAqC,CAC1CC,OACAC;QAEAL,2BAAAA,EAAwCI;IAExC,OAAA,WAAA,OACE,eAAA,EAACH,6BAAAA,EAAAA;QAAeK,OAAOD;kBACrB,WAAA,GAAA,mBAAA,EAACH,mCAAAA,EAAAA;YAAuBI,OAAO;sBAC7B,WAAA,OAAA,eAAA,EAACF,MAAMG,MAAM,EAAA;0BACX,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;;;AAKrB,EAAE"}
|
|
@@ -15,10 +15,10 @@ const _reactdialog = require("@fluentui/react-dialog");
|
|
|
15
15
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
16
16
|
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
17
17
|
const _reactportal = require("@fluentui/react-portal");
|
|
18
|
-
const _drawerMotions = require("../../shared/drawerMotions");
|
|
19
|
-
const _useDrawerDefaultProps = require("../../shared/useDrawerDefaultProps");
|
|
20
|
-
const
|
|
21
|
-
const _drawerMotionUtils = require("../../shared/drawerMotionUtils");
|
|
18
|
+
const _drawerMotions = require("../../shared/drawerMotions.cjs");
|
|
19
|
+
const _useDrawerDefaultProps = require("../../shared/useDrawerDefaultProps.cjs");
|
|
20
|
+
const _index = require("./OverlayDrawerSurface/index.cjs");
|
|
21
|
+
const _drawerMotionUtils = require("../../shared/drawerMotionUtils.cjs");
|
|
22
22
|
const STATIC_MOTION = {
|
|
23
23
|
active: true,
|
|
24
24
|
canRender: true,
|
|
@@ -44,7 +44,7 @@ const useOverlayDrawer_unstable = (props, ref)=>{
|
|
|
44
44
|
size
|
|
45
45
|
})
|
|
46
46
|
}, {
|
|
47
|
-
elementType:
|
|
47
|
+
elementType: _index.OverlayDrawerSurface
|
|
48
48
|
});
|
|
49
49
|
const dialog = _reactutilities.slot.always({
|
|
50
50
|
open,
|
|
@@ -66,7 +66,7 @@ const useOverlayDrawer_unstable = (props, ref)=>{
|
|
|
66
66
|
});
|
|
67
67
|
return {
|
|
68
68
|
components: {
|
|
69
|
-
root:
|
|
69
|
+
root: _index.OverlayDrawerSurface,
|
|
70
70
|
dialog: _reactdialog.Dialog
|
|
71
71
|
},
|
|
72
72
|
root,
|