@fluentui/react-drawer 9.0.0-beta.9 → 9.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +426 -2
- package/README.md +5 -4
- package/dist/index.d.ts +128 -78
- package/lib/InlineDrawer.js +1 -0
- package/lib/InlineDrawer.js.map +1 -0
- package/lib/OverlayDrawer.js +1 -0
- package/lib/OverlayDrawer.js.map +1 -0
- package/lib/components/Drawer/Drawer.js +1 -1
- package/lib/components/Drawer/Drawer.js.map +1 -1
- package/lib/components/Drawer/Drawer.types.js.map +1 -1
- package/lib/components/Drawer/renderDrawer.js +4 -4
- package/lib/components/Drawer/renderDrawer.js.map +1 -1
- package/lib/components/Drawer/useDrawer.js +10 -10
- package/lib/components/Drawer/useDrawer.js.map +1 -1
- package/lib/components/DrawerBody/DrawerBody.js +1 -1
- package/lib/components/DrawerBody/DrawerBody.js.map +1 -1
- package/lib/components/DrawerBody/renderDrawerBody.js +4 -4
- package/lib/components/DrawerBody/renderDrawerBody.js.map +1 -1
- package/lib/components/DrawerBody/useDrawerBody.js +8 -3
- package/lib/components/DrawerBody/useDrawerBody.js.map +1 -1
- package/lib/components/DrawerBody/useDrawerBodyStyles.styles.js +3 -30
- package/lib/components/DrawerBody/useDrawerBodyStyles.styles.js.map +1 -1
- package/lib/components/DrawerFooter/DrawerFooter.js +3 -1
- package/lib/components/DrawerFooter/DrawerFooter.js.map +1 -1
- package/lib/components/DrawerFooter/renderDrawerFooter.js +4 -4
- package/lib/components/DrawerFooter/renderDrawerFooter.js.map +1 -1
- package/lib/components/DrawerFooter/useDrawerFooter.js +4 -2
- package/lib/components/DrawerFooter/useDrawerFooter.js.map +1 -1
- package/lib/components/DrawerFooter/useDrawerFooterStyles.styles.js +3 -16
- package/lib/components/DrawerFooter/useDrawerFooterStyles.styles.js.map +1 -1
- package/lib/components/DrawerHeader/DrawerHeader.js +1 -1
- package/lib/components/DrawerHeader/DrawerHeader.js.map +1 -1
- package/lib/components/DrawerHeader/renderDrawerHeader.js +4 -4
- package/lib/components/DrawerHeader/renderDrawerHeader.js.map +1 -1
- package/lib/components/DrawerHeader/useDrawerHeader.js +4 -2
- package/lib/components/DrawerHeader/useDrawerHeader.js.map +1 -1
- package/lib/components/DrawerHeader/useDrawerHeaderStyles.styles.js +3 -17
- package/lib/components/DrawerHeader/useDrawerHeaderStyles.styles.js.map +1 -1
- package/lib/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js +1 -1
- package/lib/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js.map +1 -1
- package/lib/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js +4 -4
- package/lib/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js.map +1 -1
- package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js +4 -2
- package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js.map +1 -1
- package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js +3 -13
- package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.js +1 -1
- package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js +1 -1
- package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js +9 -4
- package/lib/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitle.js +26 -15
- package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitle.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js +1 -1
- package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js.map +1 -1
- package/lib/components/InlineDrawer/InlineDrawer.js +16 -0
- package/lib/components/InlineDrawer/InlineDrawer.js.map +1 -0
- package/lib/components/InlineDrawer/InlineDrawer.types.js.map +1 -0
- package/lib/components/InlineDrawer/index.js +5 -0
- package/lib/components/InlineDrawer/index.js.map +1 -0
- package/lib/components/InlineDrawer/renderInlineDrawer.js +11 -0
- package/lib/components/InlineDrawer/renderInlineDrawer.js.map +1 -0
- package/lib/components/InlineDrawer/useInlineDrawer.js +32 -0
- package/lib/components/InlineDrawer/useInlineDrawer.js.map +1 -0
- package/lib/components/InlineDrawer/useInlineDrawerStyles.styles.js +64 -0
- package/lib/components/InlineDrawer/useInlineDrawerStyles.styles.js.map +1 -0
- package/lib/components/OverlayDrawer/OverlayDrawer.js +15 -0
- package/lib/components/OverlayDrawer/OverlayDrawer.js.map +1 -0
- package/lib/components/OverlayDrawer/OverlayDrawer.types.js.map +1 -0
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js +13 -0
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js.map +1 -0
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js.map +1 -0
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/index.js +2 -0
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/index.js.map +1 -0
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.js +29 -0
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.js.map +1 -0
- package/lib/components/OverlayDrawer/index.js +5 -0
- package/lib/components/OverlayDrawer/index.js.map +1 -0
- package/lib/components/OverlayDrawer/renderOverlayDrawer.js +13 -0
- package/lib/components/OverlayDrawer/renderOverlayDrawer.js.map +1 -0
- package/lib/components/OverlayDrawer/useOverlayDrawer.js +56 -0
- package/lib/components/OverlayDrawer/useOverlayDrawer.js.map +1 -0
- package/lib/components/OverlayDrawer/useOverlayDrawerStyles.styles.js +73 -0
- package/lib/components/OverlayDrawer/useOverlayDrawerStyles.styles.js.map +1 -0
- package/lib/e2e/DrawerShared.js +108 -0
- package/lib/e2e/DrawerShared.js.map +1 -0
- package/lib/index.js +3 -3
- package/lib/index.js.map +1 -1
- package/lib/shared/DrawerBase.types.js +1 -0
- package/lib/shared/DrawerBase.types.js.map +1 -0
- package/lib/shared/useDrawerBaseStyles.styles.js +96 -0
- package/lib/shared/useDrawerBaseStyles.styles.js.map +1 -0
- package/lib/shared/useDrawerDefaultProps.js +8 -0
- package/lib/shared/useDrawerDefaultProps.js.map +1 -0
- package/lib-commonjs/Drawer.js +2 -2
- package/lib-commonjs/Drawer.js.map +1 -1
- package/lib-commonjs/DrawerBody.js +2 -2
- package/lib-commonjs/DrawerBody.js.map +1 -1
- package/lib-commonjs/DrawerFooter.js +2 -2
- package/lib-commonjs/DrawerFooter.js.map +1 -1
- package/lib-commonjs/DrawerHeader.js +2 -2
- package/lib-commonjs/DrawerHeader.js.map +1 -1
- package/lib-commonjs/DrawerHeaderNavigation.js +2 -2
- package/lib-commonjs/DrawerHeaderNavigation.js.map +1 -1
- package/lib-commonjs/DrawerHeaderTitle.js +2 -2
- package/lib-commonjs/DrawerHeaderTitle.js.map +1 -1
- package/lib-commonjs/InlineDrawer.js +6 -0
- package/lib-commonjs/InlineDrawer.js.map +1 -0
- package/lib-commonjs/OverlayDrawer.js +6 -0
- package/lib-commonjs/OverlayDrawer.js.map +1 -0
- package/lib-commonjs/components/Drawer/Drawer.js +9 -7
- package/lib-commonjs/components/Drawer/Drawer.js.map +1 -1
- package/lib-commonjs/components/Drawer/index.js +6 -6
- package/lib-commonjs/components/Drawer/index.js.map +1 -1
- package/lib-commonjs/components/Drawer/renderDrawer.js +8 -6
- package/lib-commonjs/components/Drawer/renderDrawer.js.map +1 -1
- package/lib-commonjs/components/Drawer/useDrawer.js +15 -13
- package/lib-commonjs/components/Drawer/useDrawer.js.map +1 -1
- package/lib-commonjs/components/Drawer/useDrawerStyles.styles.js +6 -2
- package/lib-commonjs/components/Drawer/useDrawerStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DrawerBody/DrawerBody.js +9 -7
- package/lib-commonjs/components/DrawerBody/DrawerBody.js.map +1 -1
- package/lib-commonjs/components/DrawerBody/index.js +6 -6
- package/lib-commonjs/components/DrawerBody/index.js.map +1 -1
- package/lib-commonjs/components/DrawerBody/renderDrawerBody.js +7 -6
- package/lib-commonjs/components/DrawerBody/renderDrawerBody.js.map +1 -1
- package/lib-commonjs/components/DrawerBody/useDrawerBody.js +13 -6
- package/lib-commonjs/components/DrawerBody/useDrawerBody.js.map +1 -1
- package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js +15 -66
- package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DrawerFooter/DrawerFooter.js +9 -5
- package/lib-commonjs/components/DrawerFooter/DrawerFooter.js.map +1 -1
- package/lib-commonjs/components/DrawerFooter/index.js +6 -6
- package/lib-commonjs/components/DrawerFooter/index.js.map +1 -1
- package/lib-commonjs/components/DrawerFooter/renderDrawerFooter.js +7 -6
- package/lib-commonjs/components/DrawerFooter/renderDrawerFooter.js.map +1 -1
- package/lib-commonjs/components/DrawerFooter/useDrawerFooter.js +9 -5
- package/lib-commonjs/components/DrawerFooter/useDrawerFooter.js.map +1 -1
- package/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.js +11 -32
- package/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DrawerHeader/DrawerHeader.js +9 -7
- package/lib-commonjs/components/DrawerHeader/DrawerHeader.js.map +1 -1
- package/lib-commonjs/components/DrawerHeader/index.js +6 -6
- package/lib-commonjs/components/DrawerHeader/index.js.map +1 -1
- package/lib-commonjs/components/DrawerHeader/renderDrawerHeader.js +7 -6
- package/lib-commonjs/components/DrawerHeader/renderDrawerHeader.js.map +1 -1
- package/lib-commonjs/components/DrawerHeader/useDrawerHeader.js +9 -5
- package/lib-commonjs/components/DrawerHeader/useDrawerHeader.js.map +1 -1
- package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js +11 -34
- package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js +9 -7
- package/lib-commonjs/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/index.js +6 -6
- package/lib-commonjs/components/DrawerHeaderNavigation/index.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js +7 -6
- package/lib-commonjs/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js +9 -5
- package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js +11 -26
- package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.js +9 -7
- package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js +0 -2
- package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/index.js +6 -6
- package/lib-commonjs/components/DrawerHeaderTitle/index.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js +12 -6
- package/lib-commonjs/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitle.js +31 -18
- package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitle.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js +14 -10
- package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js.map +1 -1
- package/lib-commonjs/components/InlineDrawer/InlineDrawer.js +24 -0
- package/lib-commonjs/components/InlineDrawer/InlineDrawer.js.map +1 -0
- package/lib-commonjs/components/InlineDrawer/index.js +10 -0
- package/lib-commonjs/components/InlineDrawer/index.js.map +1 -0
- package/lib-commonjs/components/InlineDrawer/renderInlineDrawer.js +19 -0
- package/lib-commonjs/components/InlineDrawer/renderInlineDrawer.js.map +1 -0
- package/lib-commonjs/components/InlineDrawer/useInlineDrawer.js +35 -0
- package/lib-commonjs/components/InlineDrawer/useInlineDrawer.js.map +1 -0
- package/lib-commonjs/components/InlineDrawer/useInlineDrawerStyles.styles.js +122 -0
- package/lib-commonjs/components/InlineDrawer/useInlineDrawerStyles.styles.js.map +1 -0
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawer.js +24 -0
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawer.js.map +1 -0
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js +21 -0
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js.map +1 -0
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/index.js +7 -0
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/index.js.map +1 -0
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.js +46 -0
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.js.map +1 -0
- package/lib-commonjs/components/OverlayDrawer/index.js +10 -0
- package/lib-commonjs/components/OverlayDrawer/index.js.map +1 -0
- package/lib-commonjs/components/OverlayDrawer/renderOverlayDrawer.js +21 -0
- package/lib-commonjs/components/OverlayDrawer/renderOverlayDrawer.js.map +1 -0
- package/lib-commonjs/components/OverlayDrawer/useOverlayDrawer.js +59 -0
- package/lib-commonjs/components/OverlayDrawer/useOverlayDrawer.js.map +1 -0
- package/lib-commonjs/components/OverlayDrawer/useOverlayDrawerStyles.styles.js +112 -0
- package/lib-commonjs/components/OverlayDrawer/useOverlayDrawerStyles.styles.js.map +1 -0
- package/lib-commonjs/e2e/DrawerShared.js +119 -0
- package/lib-commonjs/e2e/DrawerShared.js.map +1 -0
- package/lib-commonjs/index.js +125 -46
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/shared/DrawerBase.types.js +6 -0
- package/lib-commonjs/shared/DrawerBase.types.js.map +1 -0
- package/lib-commonjs/shared/useDrawerBaseStyles.styles.js +165 -0
- package/lib-commonjs/shared/useDrawerBaseStyles.styles.js.map +1 -0
- package/lib-commonjs/shared/useDrawerDefaultProps.js +18 -0
- package/lib-commonjs/shared/useDrawerDefaultProps.js.map +1 -0
- package/package.json +22 -15
- package/CHANGELOG.json +0 -303
- package/lib/DrawerInline.js +0 -1
- package/lib/DrawerInline.js.map +0 -1
- package/lib/DrawerOverlay.js +0 -1
- package/lib/DrawerOverlay.js.map +0 -1
- package/lib/components/DrawerInline/DrawerInline.js +0 -13
- package/lib/components/DrawerInline/DrawerInline.js.map +0 -1
- package/lib/components/DrawerInline/DrawerInline.types.js.map +0 -1
- package/lib/components/DrawerInline/index.js +0 -5
- package/lib/components/DrawerInline/index.js.map +0 -1
- package/lib/components/DrawerInline/renderDrawerInline.js +0 -11
- package/lib/components/DrawerInline/renderDrawerInline.js.map +0 -1
- package/lib/components/DrawerInline/useDrawerInline.js +0 -33
- package/lib/components/DrawerInline/useDrawerInline.js.map +0 -1
- package/lib/components/DrawerInline/useDrawerInlineStyles.styles.js +0 -43
- package/lib/components/DrawerInline/useDrawerInlineStyles.styles.js.map +0 -1
- package/lib/components/DrawerOverlay/DrawerOverlay.js +0 -12
- package/lib/components/DrawerOverlay/DrawerOverlay.js.map +0 -1
- package/lib/components/DrawerOverlay/DrawerOverlay.types.js.map +0 -1
- package/lib/components/DrawerOverlay/index.js +0 -5
- package/lib/components/DrawerOverlay/index.js.map +0 -1
- package/lib/components/DrawerOverlay/renderDrawerOverlay.js +0 -9
- package/lib/components/DrawerOverlay/renderDrawerOverlay.js.map +0 -1
- package/lib/components/DrawerOverlay/useDrawerOverlay.js +0 -35
- package/lib/components/DrawerOverlay/useDrawerOverlay.js.map +0 -1
- package/lib/components/DrawerOverlay/useDrawerOverlayStyles.styles.js +0 -33
- package/lib/components/DrawerOverlay/useDrawerOverlayStyles.styles.js.map +0 -1
- package/lib/util/DrawerBase.types.js.map +0 -1
- package/lib/util/getDefaultDrawerProps.js +0 -9
- package/lib/util/getDefaultDrawerProps.js.map +0 -1
- package/lib/util/useDrawerBaseStyles.styles.js +0 -55
- package/lib/util/useDrawerBaseStyles.styles.js.map +0 -1
- package/lib-commonjs/DrawerInline.js +0 -6
- package/lib-commonjs/DrawerInline.js.map +0 -1
- package/lib-commonjs/DrawerOverlay.js +0 -6
- package/lib-commonjs/DrawerOverlay.js.map +0 -1
- package/lib-commonjs/components/DrawerInline/DrawerInline.js +0 -19
- package/lib-commonjs/components/DrawerInline/DrawerInline.js.map +0 -1
- package/lib-commonjs/components/DrawerInline/index.js +0 -10
- package/lib-commonjs/components/DrawerInline/index.js.map +0 -1
- package/lib-commonjs/components/DrawerInline/renderDrawerInline.js +0 -18
- package/lib-commonjs/components/DrawerInline/renderDrawerInline.js.map +0 -1
- package/lib-commonjs/components/DrawerInline/useDrawerInline.js +0 -34
- package/lib-commonjs/components/DrawerInline/useDrawerInline.js.map +0 -1
- package/lib-commonjs/components/DrawerInline/useDrawerInlineStyles.styles.js +0 -83
- package/lib-commonjs/components/DrawerInline/useDrawerInlineStyles.styles.js.map +0 -1
- package/lib-commonjs/components/DrawerOverlay/DrawerOverlay.js +0 -19
- package/lib-commonjs/components/DrawerOverlay/DrawerOverlay.js.map +0 -1
- package/lib-commonjs/components/DrawerOverlay/index.js +0 -10
- package/lib-commonjs/components/DrawerOverlay/index.js.map +0 -1
- package/lib-commonjs/components/DrawerOverlay/renderDrawerOverlay.js +0 -16
- package/lib-commonjs/components/DrawerOverlay/renderDrawerOverlay.js.map +0 -1
- package/lib-commonjs/components/DrawerOverlay/useDrawerOverlay.js +0 -36
- package/lib-commonjs/components/DrawerOverlay/useDrawerOverlay.js.map +0 -1
- package/lib-commonjs/components/DrawerOverlay/useDrawerOverlayStyles.styles.js +0 -47
- package/lib-commonjs/components/DrawerOverlay/useDrawerOverlayStyles.styles.js.map +0 -1
- package/lib-commonjs/util/getDefaultDrawerProps.js +0 -17
- package/lib-commonjs/util/getDefaultDrawerProps.js.map +0 -1
- package/lib-commonjs/util/useDrawerBaseStyles.styles.js +0 -125
- package/lib-commonjs/util/useDrawerBaseStyles.styles.js.map +0 -1
- /package/lib/components/{DrawerInline/DrawerInline.types.js → InlineDrawer/InlineDrawer.types.js} +0 -0
- /package/lib/components/{DrawerOverlay/DrawerOverlay.types.js → OverlayDrawer/OverlayDrawer.types.js} +0 -0
- /package/lib/{util/DrawerBase.types.js → components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js} +0 -0
- /package/lib-commonjs/components/{DrawerInline/DrawerInline.types.js → InlineDrawer/InlineDrawer.types.js} +0 -0
- /package/lib-commonjs/components/{DrawerInline/DrawerInline.types.js.map → InlineDrawer/InlineDrawer.types.js.map} +0 -0
- /package/lib-commonjs/components/{DrawerOverlay/DrawerOverlay.types.js → OverlayDrawer/OverlayDrawer.types.js} +0 -0
- /package/lib-commonjs/components/{DrawerOverlay/DrawerOverlay.types.js.map → OverlayDrawer/OverlayDrawer.types.js.map} +0 -0
- /package/lib-commonjs/{util/DrawerBase.types.js → components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js} +0 -0
- /package/lib-commonjs/{util/DrawerBase.types.js.map → components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js.map} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["DrawerShared.js"],"sourcesContent":["import * as React from 'react';\nimport { mount } from '@cypress/react';\nimport { FluentProvider } from '@fluentui/react-provider';\nimport { webLightTheme } from '@fluentui/react-theme';\nconst mountFluent = (element)=>{\n mount(/*#__PURE__*/ React.createElement(FluentProvider, {\n theme: webLightTheme\n }, element));\n};\nexport function testDrawerBaseScenarios(Component) {\n describe('basic functionality', ()=>{\n it('should not render any element when closed', ()=>{\n mountFluent(/*#__PURE__*/ React.createElement(Component, {\n id: \"drawer\"\n }));\n cy.get('#drawer').should('not.exist');\n });\n it('should render an element when opened', ()=>{\n mountFluent(/*#__PURE__*/ React.createElement(Component, {\n id: \"drawer\",\n open: true\n }));\n cy.get('#drawer').should('exist');\n });\n it('should render children content', ()=>{\n const content = 'Test the renderization';\n mountFluent(/*#__PURE__*/ React.createElement(Component, {\n id: \"drawer\",\n open: true\n }, content));\n cy.get('#drawer').contains(content);\n });\n it('should toggle visibility on open prop change', ()=>{\n const ExampleDrawer = ()=>{\n const [open, setOpen] = React.useState(false);\n return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Component, {\n id: \"drawer\",\n open: open\n }), /*#__PURE__*/ React.createElement(\"button\", {\n id: \"button\",\n onClick: ()=>setOpen(true)\n }, \"Open\"));\n };\n mountFluent(/*#__PURE__*/ React.createElement(ExampleDrawer, null));\n cy.get('#drawer').should('not.exist');\n cy.get('#button').click();\n cy.get('#drawer').should('exist');\n });\n });\n describe('size prop', ()=>{\n const sizes = {\n small: 320,\n medium: 592,\n large: 940,\n full: 1000\n };\n Object.entries(sizes).forEach(([size, width])=>{\n const sizeProp = size;\n it(`should have correct size when size is ${size}`, ()=>{\n mountFluent(/*#__PURE__*/ React.createElement(Component, {\n size: sizeProp,\n id: \"drawer\",\n open: true\n }));\n cy.viewport(1000, 1000);\n cy.get('#drawer').should('have.css', 'width', width + 'px');\n cy.get('#drawer').invoke('outerWidth').should('equal', width);\n });\n });\n it('width should not be bigger than viewport', ()=>{\n mountFluent(/*#__PURE__*/ React.createElement(Component, {\n id: \"drawer\",\n open: true\n }));\n cy.viewport(319, 319);\n cy.get('#drawer').should('have.css', 'width', '319px');\n cy.get('#drawer').invoke('outerWidth').should('equal', 319);\n });\n it('should have custom size', ()=>{\n mountFluent(/*#__PURE__*/ React.createElement(Component, {\n id: \"drawer\",\n open: true,\n style: {\n width: '200px'\n }\n }));\n cy.get('#drawer').should('have.css', 'width', '200px');\n cy.get('#drawer').invoke('outerWidth').should('equal', 200);\n });\n });\n describe('position prop', ()=>{\n const positions = {\n start: 'left',\n end: 'right'\n };\n Object.entries(positions).forEach(([position, side])=>{\n const positionProp = position;\n it(`should have correct position when position is ${position}`, ()=>{\n mountFluent(/*#__PURE__*/ React.createElement(Component, {\n position: positionProp,\n id: \"drawer\",\n open: true\n }));\n cy.get('#drawer').should('have.css', side, '0px');\n });\n });\n });\n}\n"],"names":["testDrawerBaseScenarios","mountFluent","element","mount","React","createElement","FluentProvider","theme","webLightTheme","Component","describe","it","id","cy","get","should","open","content","contains","ExampleDrawer","setOpen","useState","Fragment","onClick","click","sizes","small","medium","large","full","Object","entries","forEach","size","width","sizeProp","viewport","invoke","style","positions","start","end","position","side","positionProp"],"mappings":"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"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -9,50 +9,129 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
Drawer: ()
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
12
|
+
Drawer: function() {
|
|
13
|
+
return _Drawer.Drawer;
|
|
14
|
+
},
|
|
15
|
+
renderDrawer_unstable: function() {
|
|
16
|
+
return _Drawer.renderDrawer_unstable;
|
|
17
|
+
},
|
|
18
|
+
useDrawerStyles_unstable: function() {
|
|
19
|
+
return _Drawer.useDrawerStyles_unstable;
|
|
20
|
+
},
|
|
21
|
+
useDrawer_unstable: function() {
|
|
22
|
+
return _Drawer.useDrawer_unstable;
|
|
23
|
+
},
|
|
24
|
+
OverlayDrawer: function() {
|
|
25
|
+
return _OverlayDrawer.OverlayDrawer;
|
|
26
|
+
},
|
|
27
|
+
overlayDrawerClassNames: function() {
|
|
28
|
+
return _OverlayDrawer.overlayDrawerClassNames;
|
|
29
|
+
},
|
|
30
|
+
renderOverlayDrawer_unstable: function() {
|
|
31
|
+
return _OverlayDrawer.renderOverlayDrawer_unstable;
|
|
32
|
+
},
|
|
33
|
+
useOverlayDrawerStyles_unstable: function() {
|
|
34
|
+
return _OverlayDrawer.useOverlayDrawerStyles_unstable;
|
|
35
|
+
},
|
|
36
|
+
useOverlayDrawer_unstable: function() {
|
|
37
|
+
return _OverlayDrawer.useOverlayDrawer_unstable;
|
|
38
|
+
},
|
|
39
|
+
InlineDrawer: function() {
|
|
40
|
+
return _InlineDrawer.InlineDrawer;
|
|
41
|
+
},
|
|
42
|
+
inlineDrawerClassNames: function() {
|
|
43
|
+
return _InlineDrawer.inlineDrawerClassNames;
|
|
44
|
+
},
|
|
45
|
+
renderInlineDrawer_unstable: function() {
|
|
46
|
+
return _InlineDrawer.renderInlineDrawer_unstable;
|
|
47
|
+
},
|
|
48
|
+
useInlineDrawerStyles_unstable: function() {
|
|
49
|
+
return _InlineDrawer.useInlineDrawerStyles_unstable;
|
|
50
|
+
},
|
|
51
|
+
useInlineDrawer_unstable: function() {
|
|
52
|
+
return _InlineDrawer.useInlineDrawer_unstable;
|
|
53
|
+
},
|
|
54
|
+
DrawerBody: function() {
|
|
55
|
+
return _DrawerBody.DrawerBody;
|
|
56
|
+
},
|
|
57
|
+
drawerBodyClassNames: function() {
|
|
58
|
+
return _DrawerBody.drawerBodyClassNames;
|
|
59
|
+
},
|
|
60
|
+
renderDrawerBody_unstable: function() {
|
|
61
|
+
return _DrawerBody.renderDrawerBody_unstable;
|
|
62
|
+
},
|
|
63
|
+
useDrawerBodyStyles_unstable: function() {
|
|
64
|
+
return _DrawerBody.useDrawerBodyStyles_unstable;
|
|
65
|
+
},
|
|
66
|
+
useDrawerBody_unstable: function() {
|
|
67
|
+
return _DrawerBody.useDrawerBody_unstable;
|
|
68
|
+
},
|
|
69
|
+
DrawerHeader: function() {
|
|
70
|
+
return _DrawerHeader.DrawerHeader;
|
|
71
|
+
},
|
|
72
|
+
drawerHeaderClassNames: function() {
|
|
73
|
+
return _DrawerHeader.drawerHeaderClassNames;
|
|
74
|
+
},
|
|
75
|
+
renderDrawerHeader_unstable: function() {
|
|
76
|
+
return _DrawerHeader.renderDrawerHeader_unstable;
|
|
77
|
+
},
|
|
78
|
+
useDrawerHeaderStyles_unstable: function() {
|
|
79
|
+
return _DrawerHeader.useDrawerHeaderStyles_unstable;
|
|
80
|
+
},
|
|
81
|
+
useDrawerHeader_unstable: function() {
|
|
82
|
+
return _DrawerHeader.useDrawerHeader_unstable;
|
|
83
|
+
},
|
|
84
|
+
DrawerHeaderTitle: function() {
|
|
85
|
+
return _DrawerHeaderTitle.DrawerHeaderTitle;
|
|
86
|
+
},
|
|
87
|
+
drawerHeaderTitleClassNames: function() {
|
|
88
|
+
return _DrawerHeaderTitle.drawerHeaderTitleClassNames;
|
|
89
|
+
},
|
|
90
|
+
renderDrawerHeaderTitle_unstable: function() {
|
|
91
|
+
return _DrawerHeaderTitle.renderDrawerHeaderTitle_unstable;
|
|
92
|
+
},
|
|
93
|
+
useDrawerHeaderTitleStyles_unstable: function() {
|
|
94
|
+
return _DrawerHeaderTitle.useDrawerHeaderTitleStyles_unstable;
|
|
95
|
+
},
|
|
96
|
+
useDrawerHeaderTitle_unstable: function() {
|
|
97
|
+
return _DrawerHeaderTitle.useDrawerHeaderTitle_unstable;
|
|
98
|
+
},
|
|
99
|
+
DrawerHeaderNavigation: function() {
|
|
100
|
+
return _DrawerHeaderNavigation.DrawerHeaderNavigation;
|
|
101
|
+
},
|
|
102
|
+
drawerHeaderNavigationClassNames: function() {
|
|
103
|
+
return _DrawerHeaderNavigation.drawerHeaderNavigationClassNames;
|
|
104
|
+
},
|
|
105
|
+
renderDrawerHeaderNavigation_unstable: function() {
|
|
106
|
+
return _DrawerHeaderNavigation.renderDrawerHeaderNavigation_unstable;
|
|
107
|
+
},
|
|
108
|
+
useDrawerHeaderNavigationStyles_unstable: function() {
|
|
109
|
+
return _DrawerHeaderNavigation.useDrawerHeaderNavigationStyles_unstable;
|
|
110
|
+
},
|
|
111
|
+
useDrawerHeaderNavigation_unstable: function() {
|
|
112
|
+
return _DrawerHeaderNavigation.useDrawerHeaderNavigation_unstable;
|
|
113
|
+
},
|
|
114
|
+
DrawerFooter: function() {
|
|
115
|
+
return _DrawerFooter.DrawerFooter;
|
|
116
|
+
},
|
|
117
|
+
drawerFooterClassNames: function() {
|
|
118
|
+
return _DrawerFooter.drawerFooterClassNames;
|
|
119
|
+
},
|
|
120
|
+
renderDrawerFooter_unstable: function() {
|
|
121
|
+
return _DrawerFooter.renderDrawerFooter_unstable;
|
|
122
|
+
},
|
|
123
|
+
useDrawerFooterStyles_unstable: function() {
|
|
124
|
+
return _DrawerFooter.useDrawerFooterStyles_unstable;
|
|
125
|
+
},
|
|
126
|
+
useDrawerFooter_unstable: function() {
|
|
127
|
+
return _DrawerFooter.useDrawerFooter_unstable;
|
|
128
|
+
}
|
|
50
129
|
});
|
|
51
|
-
const
|
|
52
|
-
const
|
|
53
|
-
const
|
|
54
|
-
const
|
|
55
|
-
const
|
|
56
|
-
const
|
|
57
|
-
const
|
|
58
|
-
const
|
|
130
|
+
const _Drawer = require("./Drawer");
|
|
131
|
+
const _OverlayDrawer = require("./OverlayDrawer");
|
|
132
|
+
const _InlineDrawer = require("./InlineDrawer");
|
|
133
|
+
const _DrawerBody = require("./DrawerBody");
|
|
134
|
+
const _DrawerHeader = require("./DrawerHeader");
|
|
135
|
+
const _DrawerHeaderTitle = require("./DrawerHeaderTitle");
|
|
136
|
+
const _DrawerHeaderNavigation = require("./DrawerHeaderNavigation");
|
|
137
|
+
const _DrawerFooter = require("./DrawerFooter");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export { Drawer, renderDrawer_unstable, useDrawer_unstable } from './Drawer';\nexport {
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export { Drawer, renderDrawer_unstable, useDrawerStyles_unstable, useDrawer_unstable } from './Drawer';\nexport { OverlayDrawer, overlayDrawerClassNames, renderOverlayDrawer_unstable, useOverlayDrawerStyles_unstable, useOverlayDrawer_unstable } from './OverlayDrawer';\nexport { InlineDrawer, inlineDrawerClassNames, renderInlineDrawer_unstable, useInlineDrawerStyles_unstable, useInlineDrawer_unstable } from './InlineDrawer';\nexport { DrawerBody, drawerBodyClassNames, renderDrawerBody_unstable, useDrawerBodyStyles_unstable, useDrawerBody_unstable } from './DrawerBody';\nexport { DrawerHeader, drawerHeaderClassNames, renderDrawerHeader_unstable, useDrawerHeaderStyles_unstable, useDrawerHeader_unstable } from './DrawerHeader';\nexport { DrawerHeaderTitle, drawerHeaderTitleClassNames, renderDrawerHeaderTitle_unstable, useDrawerHeaderTitleStyles_unstable, useDrawerHeaderTitle_unstable } from './DrawerHeaderTitle';\nexport { DrawerHeaderNavigation, drawerHeaderNavigationClassNames, renderDrawerHeaderNavigation_unstable, useDrawerHeaderNavigationStyles_unstable, useDrawerHeaderNavigation_unstable } from './DrawerHeaderNavigation';\nexport { DrawerFooter, drawerFooterClassNames, renderDrawerFooter_unstable, useDrawerFooterStyles_unstable, useDrawerFooter_unstable } from './DrawerFooter';\n"],"names":["Drawer","renderDrawer_unstable","useDrawerStyles_unstable","useDrawer_unstable","OverlayDrawer","overlayDrawerClassNames","renderOverlayDrawer_unstable","useOverlayDrawerStyles_unstable","useOverlayDrawer_unstable","InlineDrawer","inlineDrawerClassNames","renderInlineDrawer_unstable","useInlineDrawerStyles_unstable","useInlineDrawer_unstable","DrawerBody","drawerBodyClassNames","renderDrawerBody_unstable","useDrawerBodyStyles_unstable","useDrawerBody_unstable","DrawerHeader","drawerHeaderClassNames","renderDrawerHeader_unstable","useDrawerHeaderStyles_unstable","useDrawerHeader_unstable","DrawerHeaderTitle","drawerHeaderTitleClassNames","renderDrawerHeaderTitle_unstable","useDrawerHeaderTitleStyles_unstable","useDrawerHeaderTitle_unstable","DrawerHeaderNavigation","drawerHeaderNavigationClassNames","renderDrawerHeaderNavigation_unstable","useDrawerHeaderNavigationStyles_unstable","useDrawerHeaderNavigation_unstable","DrawerFooter","drawerFooterClassNames","renderDrawerFooter_unstable","useDrawerFooterStyles_unstable","useDrawerFooter_unstable"],"mappings":";;;;;;;;;;;IAASA,MAAM;eAANA,cAAM;;IAAEC,qBAAqB;eAArBA,6BAAqB;;IAAEC,wBAAwB;eAAxBA,gCAAwB;;IAAEC,kBAAkB;eAAlBA,0BAAkB;;IAC3EC,aAAa;eAAbA,4BAAa;;IAAEC,uBAAuB;eAAvBA,sCAAuB;;IAAEC,4BAA4B;eAA5BA,2CAA4B;;IAAEC,+BAA+B;eAA/BA,8CAA+B;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;IAChIC,YAAY;eAAZA,0BAAY;;IAAEC,sBAAsB;eAAtBA,oCAAsB;;IAAEC,2BAA2B;eAA3BA,yCAA2B;;IAAEC,8BAA8B;eAA9BA,4CAA8B;;IAAEC,wBAAwB;eAAxBA,sCAAwB;;IAC3HC,UAAU;eAAVA,sBAAU;;IAAEC,oBAAoB;eAApBA,gCAAoB;;IAAEC,yBAAyB;eAAzBA,qCAAyB;;IAAEC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;IACjHC,YAAY;eAAZA,0BAAY;;IAAEC,sBAAsB;eAAtBA,oCAAsB;;IAAEC,2BAA2B;eAA3BA,yCAA2B;;IAAEC,8BAA8B;eAA9BA,4CAA8B;;IAAEC,wBAAwB;eAAxBA,sCAAwB;;IAC3HC,iBAAiB;eAAjBA,oCAAiB;;IAAEC,2BAA2B;eAA3BA,8CAA2B;;IAAEC,gCAAgC;eAAhCA,mDAAgC;;IAAEC,mCAAmC;eAAnCA,sDAAmC;;IAAEC,6BAA6B;eAA7BA,gDAA6B;;IACpJC,sBAAsB;eAAtBA,8CAAsB;;IAAEC,gCAAgC;eAAhCA,wDAAgC;;IAAEC,qCAAqC;eAArCA,6DAAqC;;IAAEC,wCAAwC;eAAxCA,gEAAwC;;IAAEC,kCAAkC;eAAlCA,0DAAkC;;IAC7KC,YAAY;eAAZA,0BAAY;;IAAEC,sBAAsB;eAAtBA,oCAAsB;;IAAEC,2BAA2B;eAA3BA,yCAA2B;;IAAEC,8BAA8B;eAA9BA,4CAA8B;;IAAEC,wBAAwB;eAAxBA,sCAAwB;;;wBAPxC;+BACqD;8BACL;4BACV;8BACU;mCACyB;wCACyB;8BAClD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["DrawerBase.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
drawerCSSVars: function() {
|
|
13
|
+
return drawerCSSVars;
|
|
14
|
+
},
|
|
15
|
+
drawerDefaultStyles: function() {
|
|
16
|
+
return drawerDefaultStyles;
|
|
17
|
+
},
|
|
18
|
+
useDrawerDurationStyles: function() {
|
|
19
|
+
return useDrawerDurationStyles;
|
|
20
|
+
},
|
|
21
|
+
useDrawerBaseClassNames: function() {
|
|
22
|
+
return useDrawerBaseClassNames;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
const _react = require("@griffel/react");
|
|
26
|
+
const _reacttheme = require("@fluentui/react-theme");
|
|
27
|
+
const drawerCSSVars = {
|
|
28
|
+
drawerSizeVar: '--fui-Drawer--size'
|
|
29
|
+
};
|
|
30
|
+
const drawerDefaultStyles = {
|
|
31
|
+
.../*#__PURE__*/ _react.shorthands.overflow('hidden'),
|
|
32
|
+
width: `var(${drawerCSSVars.drawerSizeVar})`,
|
|
33
|
+
maxWidth: '100vw',
|
|
34
|
+
height: 'auto',
|
|
35
|
+
maxHeight: '100vh',
|
|
36
|
+
boxSizing: 'border-box',
|
|
37
|
+
display: 'flex',
|
|
38
|
+
flexDirection: 'column',
|
|
39
|
+
alignItems: 'flex-start',
|
|
40
|
+
justifyContent: 'flex-start',
|
|
41
|
+
backgroundColor: _reacttheme.tokens.colorNeutralBackground1,
|
|
42
|
+
color: _reacttheme.tokens.colorNeutralForeground1
|
|
43
|
+
};
|
|
44
|
+
/**
|
|
45
|
+
* Shared dynamic styles for the Drawer component
|
|
46
|
+
*/ const useDrawerStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
47
|
+
entering: {
|
|
48
|
+
Bkqvd7p: "f18ad807"
|
|
49
|
+
},
|
|
50
|
+
exiting: {
|
|
51
|
+
Bkqvd7p: "f1mfizis"
|
|
52
|
+
},
|
|
53
|
+
reducedMotion: {
|
|
54
|
+
Hwfdqs: "f5e8c63"
|
|
55
|
+
},
|
|
56
|
+
start: {
|
|
57
|
+
Bekrc4i: [
|
|
58
|
+
"f5tn483",
|
|
59
|
+
"f1ojsxk5"
|
|
60
|
+
],
|
|
61
|
+
vrafjx: [
|
|
62
|
+
"fcdblym",
|
|
63
|
+
"fjik90z"
|
|
64
|
+
],
|
|
65
|
+
h3c5rm: [
|
|
66
|
+
"f1gn591s",
|
|
67
|
+
"fjscplz"
|
|
68
|
+
],
|
|
69
|
+
oyh7mz: [
|
|
70
|
+
"f1vgc2s3",
|
|
71
|
+
"f1e31b4d"
|
|
72
|
+
],
|
|
73
|
+
j35jbq: [
|
|
74
|
+
"fvfyk4",
|
|
75
|
+
"frppm18"
|
|
76
|
+
]
|
|
77
|
+
},
|
|
78
|
+
end: {
|
|
79
|
+
ibv6hh: [
|
|
80
|
+
"f1ojsxk5",
|
|
81
|
+
"f5tn483"
|
|
82
|
+
],
|
|
83
|
+
wvpqe5: [
|
|
84
|
+
"fjik90z",
|
|
85
|
+
"fcdblym"
|
|
86
|
+
],
|
|
87
|
+
zhjwy3: [
|
|
88
|
+
"fjscplz",
|
|
89
|
+
"f1gn591s"
|
|
90
|
+
],
|
|
91
|
+
j35jbq: [
|
|
92
|
+
"f1e31b4d",
|
|
93
|
+
"f1vgc2s3"
|
|
94
|
+
],
|
|
95
|
+
oyh7mz: [
|
|
96
|
+
"frppm18",
|
|
97
|
+
"fvfyk4"
|
|
98
|
+
]
|
|
99
|
+
},
|
|
100
|
+
small: {
|
|
101
|
+
Bjr0ffy: "f1exhnwo"
|
|
102
|
+
},
|
|
103
|
+
medium: {
|
|
104
|
+
Bjr0ffy: "fqofjzu"
|
|
105
|
+
},
|
|
106
|
+
large: {
|
|
107
|
+
Bjr0ffy: "fce6y3m"
|
|
108
|
+
},
|
|
109
|
+
full: {
|
|
110
|
+
Bjr0ffy: "fsdmzs6"
|
|
111
|
+
}
|
|
112
|
+
}, {
|
|
113
|
+
d: [
|
|
114
|
+
".f18ad807{transition-timing-function:var(--curveDecelerateMid);}",
|
|
115
|
+
".f1mfizis{transition-timing-function:var(--curveAccelerateMin);}",
|
|
116
|
+
".f5tn483{border-right-width:var(--strokeWidthThin);}",
|
|
117
|
+
".f1ojsxk5{border-left-width:var(--strokeWidthThin);}",
|
|
118
|
+
".fcdblym{border-right-style:solid;}",
|
|
119
|
+
".fjik90z{border-left-style:solid;}",
|
|
120
|
+
".f1gn591s{border-right-color:var(--colorTransparentStroke);}",
|
|
121
|
+
".fjscplz{border-left-color:var(--colorTransparentStroke);}",
|
|
122
|
+
".f1vgc2s3{left:0;}",
|
|
123
|
+
".f1e31b4d{right:0;}",
|
|
124
|
+
".fvfyk4{right:auto;}",
|
|
125
|
+
".frppm18{left:auto;}",
|
|
126
|
+
".f1exhnwo{--fui-Drawer--size:320px;}",
|
|
127
|
+
".fqofjzu{--fui-Drawer--size:592px;}",
|
|
128
|
+
".fce6y3m{--fui-Drawer--size:940px;}",
|
|
129
|
+
".fsdmzs6{--fui-Drawer--size:100vw;}"
|
|
130
|
+
],
|
|
131
|
+
m: [
|
|
132
|
+
[
|
|
133
|
+
"@media screen and (prefers-reduced-motion: reduce){.f5e8c63{transition-duration:0.001ms;}}",
|
|
134
|
+
{
|
|
135
|
+
m: "screen and (prefers-reduced-motion: reduce)"
|
|
136
|
+
}
|
|
137
|
+
]
|
|
138
|
+
]
|
|
139
|
+
});
|
|
140
|
+
const useDrawerDurationStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
141
|
+
small: {
|
|
142
|
+
B3o57yi: "fc397y7"
|
|
143
|
+
},
|
|
144
|
+
medium: {
|
|
145
|
+
B3o57yi: "f78771"
|
|
146
|
+
},
|
|
147
|
+
large: {
|
|
148
|
+
B3o57yi: "f9ymmep"
|
|
149
|
+
},
|
|
150
|
+
full: {
|
|
151
|
+
B3o57yi: "f1loko9l"
|
|
152
|
+
}
|
|
153
|
+
}, {
|
|
154
|
+
d: [
|
|
155
|
+
".fc397y7{transition-duration:var(--durationGentle);}",
|
|
156
|
+
".f78771{transition-duration:var(--durationSlow);}",
|
|
157
|
+
".f9ymmep{transition-duration:var(--durationSlower);}",
|
|
158
|
+
".f1loko9l{transition-duration:var(--durationUltraSlow);}"
|
|
159
|
+
]
|
|
160
|
+
});
|
|
161
|
+
const useDrawerBaseClassNames = ({ position, size, motion })=>{
|
|
162
|
+
const baseStyles = useDrawerStyles();
|
|
163
|
+
const durationStyles = useDrawerDurationStyles();
|
|
164
|
+
return (0, _react.mergeClasses)(baseStyles[position], durationStyles[size], baseStyles[size], baseStyles.reducedMotion, motion.type === 'entering' && baseStyles.entering, motion.type === 'exiting' && baseStyles.exiting);
|
|
165
|
+
}; //# sourceMappingURL=useDrawerBaseStyles.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * CSS variable names used internally for uniform styling in Drawer.\n */\nexport const drawerCSSVars = {\n drawerSizeVar: '--fui-Drawer--size'\n};\n/**\n * Default shared styles for the Drawer component\n */\nexport const drawerDefaultStyles = {\n ... /*#__PURE__*/shorthands.overflow('hidden'),\n width: `var(${drawerCSSVars.drawerSizeVar})`,\n maxWidth: '100vw',\n height: 'auto',\n maxHeight: '100vh',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1\n};\n/**\n * Shared dynamic styles for the Drawer component\n */\nconst useDrawerStyles = /*#__PURE__*/__styles({\n entering: {\n Bkqvd7p: \"f18ad807\"\n },\n exiting: {\n Bkqvd7p: \"f1mfizis\"\n },\n reducedMotion: {\n Hwfdqs: \"f5e8c63\"\n },\n start: {\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n j35jbq: [\"fvfyk4\", \"frppm18\"]\n },\n end: {\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n oyh7mz: [\"frppm18\", \"fvfyk4\"]\n },\n small: {\n Bjr0ffy: \"f1exhnwo\"\n },\n medium: {\n Bjr0ffy: \"fqofjzu\"\n },\n large: {\n Bjr0ffy: \"fce6y3m\"\n },\n full: {\n Bjr0ffy: \"fsdmzs6\"\n }\n}, {\n d: [\".f18ad807{transition-timing-function:var(--curveDecelerateMid);}\", \".f1mfizis{transition-timing-function:var(--curveAccelerateMin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".f1vgc2s3{left:0;}\", \".f1e31b4d{right:0;}\", \".fvfyk4{right:auto;}\", \".frppm18{left:auto;}\", \".f1exhnwo{--fui-Drawer--size:320px;}\", \".fqofjzu{--fui-Drawer--size:592px;}\", \".fce6y3m{--fui-Drawer--size:940px;}\", \".fsdmzs6{--fui-Drawer--size:100vw;}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.f5e8c63{transition-duration:0.001ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]]\n});\nexport const useDrawerDurationStyles = /*#__PURE__*/__styles({\n small: {\n B3o57yi: \"fc397y7\"\n },\n medium: {\n B3o57yi: \"f78771\"\n },\n large: {\n B3o57yi: \"f9ymmep\"\n },\n full: {\n B3o57yi: \"f1loko9l\"\n }\n}, {\n d: [\".fc397y7{transition-duration:var(--durationGentle);}\", \".f78771{transition-duration:var(--durationSlow);}\", \".f9ymmep{transition-duration:var(--durationSlower);}\", \".f1loko9l{transition-duration:var(--durationUltraSlow);}\"]\n});\nexport const useDrawerBaseClassNames = ({\n position,\n size,\n motion\n}) => {\n const baseStyles = useDrawerStyles();\n const durationStyles = useDrawerDurationStyles();\n return mergeClasses(baseStyles[position], durationStyles[size], baseStyles[size], baseStyles.reducedMotion, motion.type === 'entering' && baseStyles.entering, motion.type === 'exiting' && baseStyles.exiting);\n};\n//# sourceMappingURL=useDrawerBaseStyles.styles.js.map"],"names":["drawerCSSVars","drawerDefaultStyles","useDrawerDurationStyles","useDrawerBaseClassNames","drawerSizeVar","shorthands","overflow","width","maxWidth","height","maxHeight","boxSizing","display","flexDirection","alignItems","justifyContent","backgroundColor","tokens","colorNeutralBackground1","color","colorNeutralForeground1","useDrawerStyles","__styles","entering","Bkqvd7p","exiting","reducedMotion","Hwfdqs","start","Bekrc4i","vrafjx","h3c5rm","oyh7mz","j35jbq","end","ibv6hh","wvpqe5","zhjwy3","small","Bjr0ffy","medium","large","full","d","m","B3o57yi","position","size","motion","baseStyles","durationStyles","mergeClasses","type"],"mappings":";;;;;;;;;;;IAKaA,aAAa;eAAbA;;IAMAC,mBAAmB;eAAnBA;;IA2DAC,uBAAuB;eAAvBA;;IAgBAC,uBAAuB;eAAvBA;;;uBAtFsC;4BAC5B;AAIhB,MAAMH,gBAAgB;IAC3BI,eAAe;AACjB;AAIO,MAAMH,sBAAsB;IACjC,GAAI,WAAW,GAAEI,iBAAU,CAACC,QAAQ,CAAC,SAAS;IAC9CC,OAAO,CAAC,IAAI,EAAEP,cAAcI,aAAa,CAAC,CAAC,CAAC;IAC5CI,UAAU;IACVC,QAAQ;IACRC,WAAW;IACXC,WAAW;IACXC,SAAS;IACTC,eAAe;IACfC,YAAY;IACZC,gBAAgB;IAChBC,iBAAiBC,kBAAM,CAACC,uBAAuB;IAC/CC,OAAOF,kBAAM,CAACG,uBAAuB;AACvC;AACA;;CAEC,GACD,MAAMC,kBAAkB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC5CC,UAAU;QACRC,SAAS;IACX;IACAC,SAAS;QACPD,SAAS;IACX;IACAE,eAAe;QACbC,QAAQ;IACV;IACAC,OAAO;QACLC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;YAAC;YAAU;SAAU;IAC/B;IACAC,KAAK;QACHC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;YAAC;YAAW;SAAW;QAC/BJ,QAAQ;YAAC;YAAY;SAAW;QAChCD,QAAQ;YAAC;YAAW;SAAS;IAC/B;IACAM,OAAO;QACLC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,OAAO;QACLF,SAAS;IACX;IACAG,MAAM;QACJH,SAAS;IACX;AACF,GAAG;IACDI,GAAG;QAAC;QAAoE;QAAoE;QAAwD;QAAwD;QAAuC;QAAsC;QAAgE;QAA8D;QAAsB;QAAuB;QAAwB;QAAwB;QAAwC;QAAuC;QAAuC;KAAsC;IAChsBC,GAAG;QAAC;YAAC;YAA8F;gBACjGA,GAAG;YACL;SAAE;KAAC;AACL;AACO,MAAM1C,0BAA0B,WAAW,GAAEoB,IAAAA,eAAQ,EAAC;IAC3DgB,OAAO;QACLO,SAAS;IACX;IACAL,QAAQ;QACNK,SAAS;IACX;IACAJ,OAAO;QACLI,SAAS;IACX;IACAH,MAAM;QACJG,SAAS;IACX;AACF,GAAG;IACDF,GAAG;QAAC;QAAwD;QAAqD;QAAwD;KAA2D;AACtO;AACO,MAAMxC,0BAA0B,CAAC,EACtC2C,QAAQ,EACRC,IAAI,EACJC,MAAM,EACP;IACC,MAAMC,aAAa5B;IACnB,MAAM6B,iBAAiBhD;IACvB,OAAOiD,IAAAA,mBAAY,EAACF,UAAU,CAACH,SAAS,EAAEI,cAAc,CAACH,KAAK,EAAEE,UAAU,CAACF,KAAK,EAAEE,WAAWvB,aAAa,EAAEsB,OAAOI,IAAI,KAAK,cAAcH,WAAW1B,QAAQ,EAAEyB,OAAOI,IAAI,KAAK,aAAaH,WAAWxB,OAAO;AAChN,GACA,sDAAsD"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useDrawerDefaultProps", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useDrawerDefaultProps;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
function useDrawerDefaultProps(props) {
|
|
12
|
+
const { open = false, size = 'small', position = 'start' } = props;
|
|
13
|
+
return {
|
|
14
|
+
size,
|
|
15
|
+
position,
|
|
16
|
+
open
|
|
17
|
+
};
|
|
18
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useDrawerDefaultProps.js"],"sourcesContent":["export function useDrawerDefaultProps(props) {\n const { open = false, size = 'small', position = 'start' } = props;\n return {\n size,\n position,\n open\n };\n}\n"],"names":["useDrawerDefaultProps","props","open","size","position"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,sBAAsBC,KAAK;IACvC,MAAM,EAAEC,OAAO,KAAK,EAAEC,OAAO,OAAO,EAAEC,WAAW,OAAO,EAAE,GAAGH;IAC7D,OAAO;QACHE;QACAC;QACAF;IACJ;AACJ"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-drawer",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.1",
|
|
4
4
|
"description": "Drawer components for Fluent UI React",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -35,25 +35,26 @@
|
|
|
35
35
|
"@fluentui/scripts-cypress": "*"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@fluentui/react-dialog": "^9.5
|
|
39
|
-
"@fluentui/react-jsx-runtime": "9.0.
|
|
40
|
-
"@fluentui/react-
|
|
41
|
-
"@fluentui/react-
|
|
42
|
-
"@fluentui/react-
|
|
43
|
-
"@
|
|
44
|
-
"@
|
|
38
|
+
"@fluentui/react-dialog": "^9.8.5",
|
|
39
|
+
"@fluentui/react-jsx-runtime": "^9.0.19",
|
|
40
|
+
"@fluentui/react-motion-preview": "^0.5.1",
|
|
41
|
+
"@fluentui/react-shared-contexts": "^9.12.0",
|
|
42
|
+
"@fluentui/react-tabster": "^9.14.5",
|
|
43
|
+
"@fluentui/react-theme": "^9.1.16",
|
|
44
|
+
"@fluentui/react-utilities": "^9.15.2",
|
|
45
|
+
"@griffel/react": "^1.5.14",
|
|
46
|
+
"@swc/helpers": "^0.5.1"
|
|
45
47
|
},
|
|
46
48
|
"peerDependencies": {
|
|
47
|
-
"@types/react": ">=16.
|
|
48
|
-
"@types/react-dom": ">=16.
|
|
49
|
-
"react": ">=16.
|
|
50
|
-
"react-dom": ">=16.
|
|
49
|
+
"@types/react": ">=16.14.0 <19.0.0",
|
|
50
|
+
"@types/react-dom": ">=16.14.0 <19.0.0",
|
|
51
|
+
"react": ">=16.14.0 <19.0.0",
|
|
52
|
+
"react-dom": ">=16.14.0 <19.0.0"
|
|
51
53
|
},
|
|
52
54
|
"beachball": {
|
|
53
55
|
"disallowedChangeTypes": [
|
|
54
56
|
"major",
|
|
55
|
-
"
|
|
56
|
-
"patch"
|
|
57
|
+
"prerelease"
|
|
57
58
|
]
|
|
58
59
|
},
|
|
59
60
|
"exports": {
|
|
@@ -64,5 +65,11 @@
|
|
|
64
65
|
"require": "./lib-commonjs/index.js"
|
|
65
66
|
},
|
|
66
67
|
"./package.json": "./package.json"
|
|
67
|
-
}
|
|
68
|
+
},
|
|
69
|
+
"files": [
|
|
70
|
+
"*.md",
|
|
71
|
+
"dist/*.d.ts",
|
|
72
|
+
"lib",
|
|
73
|
+
"lib-commonjs"
|
|
74
|
+
]
|
|
68
75
|
}
|