@fluentui/react-drawer 9.5.3 → 9.5.4
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 +11 -2
- package/lib/Drawer.js.map +1 -1
- package/lib/DrawerBody.js.map +1 -1
- package/lib/DrawerFooter.js.map +1 -1
- package/lib/DrawerHeader.js.map +1 -1
- package/lib/DrawerHeaderNavigation.js.map +1 -1
- package/lib/DrawerHeaderTitle.js.map +1 -1
- package/lib/InlineDrawer.js.map +1 -1
- package/lib/OverlayDrawer.js.map +1 -1
- package/lib/components/Drawer/Drawer.js.map +1 -1
- package/lib/components/Drawer/Drawer.types.js +3 -1
- package/lib/components/Drawer/Drawer.types.js.map +1 -1
- package/lib/components/Drawer/index.js.map +1 -1
- package/lib/components/Drawer/renderDrawer.js.map +1 -1
- package/lib/components/Drawer/useDrawer.js.map +1 -1
- package/lib/components/DrawerBody/DrawerBody.js.map +1 -1
- package/lib/components/DrawerBody/DrawerBody.types.js +3 -1
- package/lib/components/DrawerBody/DrawerBody.types.js.map +1 -1
- package/lib/components/DrawerBody/index.js.map +1 -1
- package/lib/components/DrawerBody/renderDrawerBody.js.map +1 -1
- package/lib/components/DrawerBody/useDrawerBody.js.map +1 -1
- package/lib/components/DrawerFooter/DrawerFooter.js.map +1 -1
- package/lib/components/DrawerFooter/DrawerFooter.types.js +3 -1
- package/lib/components/DrawerFooter/DrawerFooter.types.js.map +1 -1
- package/lib/components/DrawerFooter/index.js.map +1 -1
- package/lib/components/DrawerFooter/renderDrawerFooter.js.map +1 -1
- package/lib/components/DrawerFooter/useDrawerFooter.js.map +1 -1
- package/lib/components/DrawerHeader/DrawerHeader.js.map +1 -1
- package/lib/components/DrawerHeader/DrawerHeader.types.js +3 -1
- package/lib/components/DrawerHeader/DrawerHeader.types.js.map +1 -1
- package/lib/components/DrawerHeader/index.js.map +1 -1
- package/lib/components/DrawerHeader/renderDrawerHeader.js.map +1 -1
- package/lib/components/DrawerHeader/useDrawerHeader.js.map +1 -1
- package/lib/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js.map +1 -1
- package/lib/components/DrawerHeaderNavigation/DrawerHeaderNavigation.types.js +3 -1
- package/lib/components/DrawerHeaderNavigation/DrawerHeaderNavigation.types.js.map +1 -1
- package/lib/components/DrawerHeaderNavigation/index.js.map +1 -1
- package/lib/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js.map +1 -1
- package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js +3 -1
- package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/index.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitle.js.map +1 -1
- package/lib/components/InlineDrawer/InlineDrawer.js.map +1 -1
- package/lib/components/InlineDrawer/InlineDrawer.types.js +3 -1
- package/lib/components/InlineDrawer/InlineDrawer.types.js.map +1 -1
- package/lib/components/InlineDrawer/index.js.map +1 -1
- package/lib/components/InlineDrawer/renderInlineDrawer.js.map +1 -1
- package/lib/components/InlineDrawer/useInlineDrawer.js.map +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawer.js.map +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawer.types.js +3 -1
- package/lib/components/OverlayDrawer/OverlayDrawer.types.js.map +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawerDialog.js.map +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js.map +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js +3 -1
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js.map +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/index.js.map +1 -1
- package/lib/components/OverlayDrawer/index.js.map +1 -1
- package/lib/components/OverlayDrawer/renderOverlayDrawer.js.map +1 -1
- package/lib/components/OverlayDrawer/useOverlayDrawer.js.map +1 -1
- package/lib/contexts/drawerContext.js.map +1 -1
- package/lib/contexts/index.js.map +1 -1
- package/lib/e2e/DrawerShared.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/shared/DrawerBase.types.js.map +1 -1
- package/lib/shared/drawerSeparatorStyles.js.map +1 -1
- package/lib/shared/useDrawerDefaultProps.js.map +1 -1
- package/lib-commonjs/Drawer.js.map +1 -1
- package/lib-commonjs/DrawerBody.js.map +1 -1
- package/lib-commonjs/DrawerFooter.js.map +1 -1
- package/lib-commonjs/DrawerHeader.js.map +1 -1
- package/lib-commonjs/DrawerHeaderNavigation.js.map +1 -1
- package/lib-commonjs/DrawerHeaderTitle.js.map +1 -1
- package/lib-commonjs/InlineDrawer.js.map +1 -1
- package/lib-commonjs/OverlayDrawer.js.map +1 -1
- package/lib-commonjs/components/Drawer/Drawer.js.map +1 -1
- package/lib-commonjs/components/Drawer/Drawer.types.js +3 -1
- package/lib-commonjs/components/Drawer/Drawer.types.js.map +1 -1
- package/lib-commonjs/components/Drawer/index.js.map +1 -1
- package/lib-commonjs/components/Drawer/renderDrawer.js.map +1 -1
- package/lib-commonjs/components/Drawer/useDrawer.js.map +1 -1
- package/lib-commonjs/components/Drawer/useDrawerStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DrawerBody/DrawerBody.js.map +1 -1
- package/lib-commonjs/components/DrawerBody/DrawerBody.types.js +3 -1
- package/lib-commonjs/components/DrawerBody/DrawerBody.types.js.map +1 -1
- package/lib-commonjs/components/DrawerBody/index.js.map +1 -1
- package/lib-commonjs/components/DrawerBody/renderDrawerBody.js.map +1 -1
- package/lib-commonjs/components/DrawerBody/useDrawerBody.js.map +1 -1
- package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DrawerFooter/DrawerFooter.js.map +1 -1
- package/lib-commonjs/components/DrawerFooter/DrawerFooter.types.js +3 -1
- package/lib-commonjs/components/DrawerFooter/DrawerFooter.types.js.map +1 -1
- package/lib-commonjs/components/DrawerFooter/index.js.map +1 -1
- package/lib-commonjs/components/DrawerFooter/renderDrawerFooter.js.map +1 -1
- package/lib-commonjs/components/DrawerFooter/useDrawerFooter.js.map +1 -1
- package/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DrawerHeader/DrawerHeader.js.map +1 -1
- package/lib-commonjs/components/DrawerHeader/DrawerHeader.types.js +3 -1
- package/lib-commonjs/components/DrawerHeader/DrawerHeader.types.js.map +1 -1
- package/lib-commonjs/components/DrawerHeader/index.js.map +1 -1
- package/lib-commonjs/components/DrawerHeader/renderDrawerHeader.js.map +1 -1
- package/lib-commonjs/components/DrawerHeader/useDrawerHeader.js.map +1 -1
- package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/DrawerHeaderNavigation.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/DrawerHeaderNavigation.types.js +3 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/DrawerHeaderNavigation.types.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/index.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js +3 -1
- package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/index.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitle.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js.map +1 -1
- package/lib-commonjs/components/InlineDrawer/InlineDrawer.js.map +1 -1
- package/lib-commonjs/components/InlineDrawer/InlineDrawer.types.js +3 -1
- package/lib-commonjs/components/InlineDrawer/InlineDrawer.types.js.map +1 -1
- package/lib-commonjs/components/InlineDrawer/index.js.map +1 -1
- package/lib-commonjs/components/InlineDrawer/renderInlineDrawer.js.map +1 -1
- package/lib-commonjs/components/InlineDrawer/useInlineDrawer.js.map +1 -1
- package/lib-commonjs/components/InlineDrawer/useInlineDrawerStyles.styles.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawer.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawer.types.js +3 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawer.types.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerDialog.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js +3 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/index.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/index.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/renderOverlayDrawer.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/useOverlayDrawer.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/useOverlayDrawerStyles.styles.js.map +1 -1
- package/lib-commonjs/contexts/drawerContext.js +5 -5
- package/lib-commonjs/contexts/drawerContext.js.map +1 -1
- package/lib-commonjs/contexts/index.js.map +1 -1
- package/lib-commonjs/e2e/DrawerShared.js.map +1 -1
- package/lib-commonjs/index.js +76 -76
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/shared/DrawerBase.types.js.map +1 -1
- package/lib-commonjs/shared/drawerSeparatorStyles.js.map +1 -1
- package/lib-commonjs/shared/useDrawerBaseStyles.styles.js +3 -3
- package/lib-commonjs/shared/useDrawerBaseStyles.styles.js.map +1 -1
- package/lib-commonjs/shared/useDrawerDefaultProps.js.map +1 -1
- package/package.json +2 -2
package/lib-commonjs/index.js
CHANGED
|
@@ -9,65 +9,77 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
|
|
13
|
-
return
|
|
12
|
+
Drawer: function() {
|
|
13
|
+
return _Drawer.Drawer;
|
|
14
14
|
},
|
|
15
|
-
|
|
16
|
-
return
|
|
15
|
+
DrawerBody: function() {
|
|
16
|
+
return _DrawerBody.DrawerBody;
|
|
17
17
|
},
|
|
18
|
-
|
|
19
|
-
return
|
|
18
|
+
DrawerFooter: function() {
|
|
19
|
+
return _DrawerFooter.DrawerFooter;
|
|
20
20
|
},
|
|
21
|
-
|
|
22
|
-
return
|
|
21
|
+
DrawerHeader: function() {
|
|
22
|
+
return _DrawerHeader.DrawerHeader;
|
|
23
23
|
},
|
|
24
|
-
|
|
25
|
-
return
|
|
24
|
+
DrawerHeaderNavigation: function() {
|
|
25
|
+
return _DrawerHeaderNavigation.DrawerHeaderNavigation;
|
|
26
26
|
},
|
|
27
|
-
|
|
28
|
-
return
|
|
27
|
+
DrawerHeaderTitle: function() {
|
|
28
|
+
return _DrawerHeaderTitle.DrawerHeaderTitle;
|
|
29
29
|
},
|
|
30
|
-
|
|
31
|
-
return
|
|
30
|
+
DrawerProvider: function() {
|
|
31
|
+
return _contexts.DrawerProvider;
|
|
32
|
+
},
|
|
33
|
+
InlineDrawer: function() {
|
|
34
|
+
return _InlineDrawer.InlineDrawer;
|
|
32
35
|
},
|
|
33
36
|
OverlayDrawer: function() {
|
|
34
37
|
return _OverlayDrawer.OverlayDrawer;
|
|
35
38
|
},
|
|
36
|
-
|
|
37
|
-
return
|
|
39
|
+
drawerBodyClassNames: function() {
|
|
40
|
+
return _DrawerBody.drawerBodyClassNames;
|
|
38
41
|
},
|
|
39
|
-
|
|
40
|
-
return
|
|
42
|
+
drawerFooterClassNames: function() {
|
|
43
|
+
return _DrawerFooter.drawerFooterClassNames;
|
|
41
44
|
},
|
|
42
|
-
|
|
43
|
-
return
|
|
45
|
+
drawerHeaderClassNames: function() {
|
|
46
|
+
return _DrawerHeader.drawerHeaderClassNames;
|
|
44
47
|
},
|
|
45
|
-
|
|
46
|
-
return
|
|
48
|
+
drawerHeaderNavigationClassNames: function() {
|
|
49
|
+
return _DrawerHeaderNavigation.drawerHeaderNavigationClassNames;
|
|
47
50
|
},
|
|
48
|
-
|
|
49
|
-
return
|
|
51
|
+
drawerHeaderTitleClassNames: function() {
|
|
52
|
+
return _DrawerHeaderTitle.drawerHeaderTitleClassNames;
|
|
50
53
|
},
|
|
51
54
|
inlineDrawerClassNames: function() {
|
|
52
55
|
return _InlineDrawer.inlineDrawerClassNames;
|
|
53
56
|
},
|
|
54
|
-
|
|
55
|
-
return
|
|
57
|
+
overlayDrawerClassNames: function() {
|
|
58
|
+
return _OverlayDrawer.overlayDrawerClassNames;
|
|
56
59
|
},
|
|
57
|
-
|
|
58
|
-
return
|
|
60
|
+
renderDrawerBody_unstable: function() {
|
|
61
|
+
return _DrawerBody.renderDrawerBody_unstable;
|
|
59
62
|
},
|
|
60
|
-
|
|
61
|
-
return
|
|
63
|
+
renderDrawerFooter_unstable: function() {
|
|
64
|
+
return _DrawerFooter.renderDrawerFooter_unstable;
|
|
62
65
|
},
|
|
63
|
-
|
|
64
|
-
return
|
|
66
|
+
renderDrawerHeaderNavigation_unstable: function() {
|
|
67
|
+
return _DrawerHeaderNavigation.renderDrawerHeaderNavigation_unstable;
|
|
65
68
|
},
|
|
66
|
-
|
|
67
|
-
return
|
|
69
|
+
renderDrawerHeaderTitle_unstable: function() {
|
|
70
|
+
return _DrawerHeaderTitle.renderDrawerHeaderTitle_unstable;
|
|
68
71
|
},
|
|
69
|
-
|
|
70
|
-
return
|
|
72
|
+
renderDrawerHeader_unstable: function() {
|
|
73
|
+
return _DrawerHeader.renderDrawerHeader_unstable;
|
|
74
|
+
},
|
|
75
|
+
renderDrawer_unstable: function() {
|
|
76
|
+
return _Drawer.renderDrawer_unstable;
|
|
77
|
+
},
|
|
78
|
+
renderInlineDrawer_unstable: function() {
|
|
79
|
+
return _InlineDrawer.renderInlineDrawer_unstable;
|
|
80
|
+
},
|
|
81
|
+
renderOverlayDrawer_unstable: function() {
|
|
82
|
+
return _OverlayDrawer.renderOverlayDrawer_unstable;
|
|
71
83
|
},
|
|
72
84
|
useDrawerBodyStyles_unstable: function() {
|
|
73
85
|
return _DrawerBody.useDrawerBodyStyles_unstable;
|
|
@@ -75,29 +87,26 @@ _export(exports, {
|
|
|
75
87
|
useDrawerBody_unstable: function() {
|
|
76
88
|
return _DrawerBody.useDrawerBody_unstable;
|
|
77
89
|
},
|
|
78
|
-
|
|
79
|
-
return
|
|
80
|
-
},
|
|
81
|
-
drawerHeaderClassNames: function() {
|
|
82
|
-
return _DrawerHeader.drawerHeaderClassNames;
|
|
90
|
+
useDrawerContextValue: function() {
|
|
91
|
+
return _contexts.useDrawerContextValue;
|
|
83
92
|
},
|
|
84
|
-
|
|
85
|
-
return
|
|
93
|
+
useDrawerContext_unstable: function() {
|
|
94
|
+
return _contexts.useDrawerContext_unstable;
|
|
86
95
|
},
|
|
87
|
-
|
|
88
|
-
return
|
|
96
|
+
useDrawerFooterStyles_unstable: function() {
|
|
97
|
+
return _DrawerFooter.useDrawerFooterStyles_unstable;
|
|
89
98
|
},
|
|
90
|
-
|
|
91
|
-
return
|
|
99
|
+
useDrawerFooter_unstable: function() {
|
|
100
|
+
return _DrawerFooter.useDrawerFooter_unstable;
|
|
92
101
|
},
|
|
93
|
-
|
|
94
|
-
return
|
|
102
|
+
useDrawerHeaderNavigationStyles_unstable: function() {
|
|
103
|
+
return _DrawerHeaderNavigation.useDrawerHeaderNavigationStyles_unstable;
|
|
95
104
|
},
|
|
96
|
-
|
|
97
|
-
return
|
|
105
|
+
useDrawerHeaderNavigation_unstable: function() {
|
|
106
|
+
return _DrawerHeaderNavigation.useDrawerHeaderNavigation_unstable;
|
|
98
107
|
},
|
|
99
|
-
|
|
100
|
-
return
|
|
108
|
+
useDrawerHeaderStyles_unstable: function() {
|
|
109
|
+
return _DrawerHeader.useDrawerHeaderStyles_unstable;
|
|
101
110
|
},
|
|
102
111
|
useDrawerHeaderTitleStyles_unstable: function() {
|
|
103
112
|
return _DrawerHeaderTitle.useDrawerHeaderTitleStyles_unstable;
|
|
@@ -105,35 +114,26 @@ _export(exports, {
|
|
|
105
114
|
useDrawerHeaderTitle_unstable: function() {
|
|
106
115
|
return _DrawerHeaderTitle.useDrawerHeaderTitle_unstable;
|
|
107
116
|
},
|
|
108
|
-
|
|
109
|
-
return
|
|
110
|
-
},
|
|
111
|
-
drawerHeaderNavigationClassNames: function() {
|
|
112
|
-
return _DrawerHeaderNavigation.drawerHeaderNavigationClassNames;
|
|
113
|
-
},
|
|
114
|
-
renderDrawerHeaderNavigation_unstable: function() {
|
|
115
|
-
return _DrawerHeaderNavigation.renderDrawerHeaderNavigation_unstable;
|
|
116
|
-
},
|
|
117
|
-
useDrawerHeaderNavigationStyles_unstable: function() {
|
|
118
|
-
return _DrawerHeaderNavigation.useDrawerHeaderNavigationStyles_unstable;
|
|
117
|
+
useDrawerHeader_unstable: function() {
|
|
118
|
+
return _DrawerHeader.useDrawerHeader_unstable;
|
|
119
119
|
},
|
|
120
|
-
|
|
121
|
-
return
|
|
120
|
+
useDrawerStyles_unstable: function() {
|
|
121
|
+
return _Drawer.useDrawerStyles_unstable;
|
|
122
122
|
},
|
|
123
|
-
|
|
124
|
-
return
|
|
123
|
+
useDrawer_unstable: function() {
|
|
124
|
+
return _Drawer.useDrawer_unstable;
|
|
125
125
|
},
|
|
126
|
-
|
|
127
|
-
return
|
|
126
|
+
useInlineDrawerStyles_unstable: function() {
|
|
127
|
+
return _InlineDrawer.useInlineDrawerStyles_unstable;
|
|
128
128
|
},
|
|
129
|
-
|
|
130
|
-
return
|
|
129
|
+
useInlineDrawer_unstable: function() {
|
|
130
|
+
return _InlineDrawer.useInlineDrawer_unstable;
|
|
131
131
|
},
|
|
132
|
-
|
|
133
|
-
return
|
|
132
|
+
useOverlayDrawerStyles_unstable: function() {
|
|
133
|
+
return _OverlayDrawer.useOverlayDrawerStyles_unstable;
|
|
134
134
|
},
|
|
135
|
-
|
|
136
|
-
return
|
|
135
|
+
useOverlayDrawer_unstable: function() {
|
|
136
|
+
return _OverlayDrawer.useOverlayDrawer_unstable;
|
|
137
137
|
}
|
|
138
138
|
});
|
|
139
139
|
const _contexts = require("./contexts");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export { DrawerProvider, useDrawerContextValue, useDrawerContext_unstable } from './contexts';\nexport type { DrawerContextValue } from './contexts';\n\nexport { Drawer, renderDrawer_unstable, useDrawerStyles_unstable, useDrawer_unstable } from './Drawer';\nexport type { DrawerProps, DrawerSlots, DrawerState } from './Drawer';\n\nexport {\n OverlayDrawer,\n overlayDrawerClassNames,\n renderOverlayDrawer_unstable,\n useOverlayDrawerStyles_unstable,\n useOverlayDrawer_unstable,\n} from './OverlayDrawer';\nexport type { OverlayDrawerProps, OverlayDrawerSlots, OverlayDrawerState } from './OverlayDrawer';\n\nexport {\n InlineDrawer,\n inlineDrawerClassNames,\n renderInlineDrawer_unstable,\n useInlineDrawerStyles_unstable,\n useInlineDrawer_unstable,\n} from './InlineDrawer';\nexport type { InlineDrawerProps, InlineDrawerSlots, InlineDrawerState } from './InlineDrawer';\n\nexport {\n DrawerBody,\n drawerBodyClassNames,\n renderDrawerBody_unstable,\n useDrawerBodyStyles_unstable,\n useDrawerBody_unstable,\n} from './DrawerBody';\nexport type { DrawerBodyProps, DrawerBodySlots, DrawerBodyState } from './DrawerBody';\n\nexport {\n DrawerHeader,\n drawerHeaderClassNames,\n renderDrawerHeader_unstable,\n useDrawerHeaderStyles_unstable,\n useDrawerHeader_unstable,\n} from './DrawerHeader';\nexport type { DrawerHeaderProps, DrawerHeaderSlots, DrawerHeaderState } from './DrawerHeader';\n\nexport {\n DrawerHeaderTitle,\n drawerHeaderTitleClassNames,\n renderDrawerHeaderTitle_unstable,\n useDrawerHeaderTitleStyles_unstable,\n useDrawerHeaderTitle_unstable,\n} from './DrawerHeaderTitle';\nexport type { DrawerHeaderTitleProps, DrawerHeaderTitleSlots, DrawerHeaderTitleState } from './DrawerHeaderTitle';\n\nexport {\n DrawerHeaderNavigation,\n drawerHeaderNavigationClassNames,\n renderDrawerHeaderNavigation_unstable,\n useDrawerHeaderNavigationStyles_unstable,\n useDrawerHeaderNavigation_unstable,\n} from './DrawerHeaderNavigation';\nexport type {\n DrawerHeaderNavigationProps,\n DrawerHeaderNavigationSlots,\n DrawerHeaderNavigationState,\n} from './DrawerHeaderNavigation';\n\nexport {\n DrawerFooter,\n drawerFooterClassNames,\n renderDrawerFooter_unstable,\n useDrawerFooterStyles_unstable,\n useDrawerFooter_unstable,\n} from './DrawerFooter';\nexport type { DrawerFooterProps, DrawerFooterSlots, DrawerFooterState } from './DrawerFooter';\n"],"names":["Drawer","DrawerBody","DrawerFooter","DrawerHeader","DrawerHeaderNavigation","DrawerHeaderTitle","DrawerProvider","InlineDrawer","OverlayDrawer","drawerBodyClassNames","drawerFooterClassNames","drawerHeaderClassNames","drawerHeaderNavigationClassNames","drawerHeaderTitleClassNames","inlineDrawerClassNames","overlayDrawerClassNames","renderDrawerBody_unstable","renderDrawerFooter_unstable","renderDrawerHeaderNavigation_unstable","renderDrawerHeaderTitle_unstable","renderDrawerHeader_unstable","renderDrawer_unstable","renderInlineDrawer_unstable","renderOverlayDrawer_unstable","useDrawerBodyStyles_unstable","useDrawerBody_unstable","useDrawerContextValue","useDrawerContext_unstable","useDrawerFooterStyles_unstable","useDrawerFooter_unstable","useDrawerHeaderNavigationStyles_unstable","useDrawerHeaderNavigation_unstable","useDrawerHeaderStyles_unstable","useDrawerHeaderTitleStyles_unstable","useDrawerHeaderTitle_unstable","useDrawerHeader_unstable","useDrawerStyles_unstable","useDrawer_unstable","useInlineDrawerStyles_unstable","useInlineDrawer_unstable","useOverlayDrawerStyles_unstable","useOverlayDrawer_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGSA,MAAM;eAANA,cAAM;;IAsBbC,UAAU;eAAVA,sBAAU;;IAwCVC,YAAY;eAAZA,0BAAY;;IA/BZC,YAAY;eAAZA,0BAAY;;IAkBZC,sBAAsB;eAAtBA,8CAAsB;;IATtBC,iBAAiB;eAAjBA,oCAAiB;;IA3CVC,cAAc;eAAdA,wBAAc;;IAgBrBC,YAAY;eAAZA,0BAAY;;IATZC,aAAa;eAAbA,4BAAa;;IAmBbC,oBAAoB;eAApBA,gCAAoB;;IAwCpBC,sBAAsB;eAAtBA,oCAAsB;;IA/BtBC,sBAAsB;eAAtBA,oCAAsB;;IAkBtBC,gCAAgC;eAAhCA,wDAAgC;;IAThCC,2BAA2B;eAA3BA,8CAA2B;;IA3B3BC,sBAAsB;eAAtBA,oCAAsB;;IATtBC,uBAAuB;eAAvBA,sCAAuB;;IAmBvBC,yBAAyB;eAAzBA,qCAAyB;;IAwCzBC,2BAA2B;eAA3BA,yCAA2B;;IAb3BC,qCAAqC;eAArCA,6DAAqC;;IATrCC,gCAAgC;eAAhCA,mDAAgC;;IAThCC,2BAA2B;eAA3BA,yCAA2B;;IAjCZC,qBAAqB;eAArBA,6BAAqB;;IAepCC,2BAA2B;eAA3BA,yCAA2B;;IAT3BC,4BAA4B;eAA5BA,2CAA4B;;IAmB5BC,4BAA4B;eAA5BA,wCAA4B;;IAC5BC,sBAAsB;eAAtBA,kCAAsB;;IA7BCC,qBAAqB;eAArBA,+BAAqB;;IAAEC,yBAAyB;eAAzBA,mCAAyB;;IAoEvEC,8BAA8B;eAA9BA,4CAA8B;;IAC9BC,wBAAwB;eAAxBA,sCAAwB;;IAdxBC,wCAAwC;eAAxCA,gEAAwC;;IACxCC,kCAAkC;eAAlCA,0DAAkC;;IAnBlCC,8BAA8B;eAA9BA,4CAA8B;;IAS9BC,mCAAmC;eAAnCA,sDAAmC;;IACnCC,6BAA6B;eAA7BA,gDAA6B;;IAT7BC,wBAAwB;eAAxBA,sCAAwB;;IAnCcC,wBAAwB;eAAxBA,gCAAwB;;IAAEC,kBAAkB;eAAlBA,0BAAkB;;IAgBlFC,8BAA8B;eAA9BA,4CAA8B;;IAC9BC,wBAAwB;eAAxBA,sCAAwB;;IAVxBC,+BAA+B;eAA/BA,8CAA+B;;IAC/BC,yBAAyB;eAAzBA,wCAAyB;;;0BAXsD;wBAGW;+BASrF;8BASA;4BASA;8BASA;mCASA;wCASA;8BAaA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DrawerBase.types.
|
|
1
|
+
{"version":3,"sources":["DrawerBase.types.ts"],"sourcesContent":["import * as React from 'react';\n\ntype MotionType = 'entering' | 'entered' | 'idle' | 'exiting' | 'exited' | 'unmounted';\n\ntype MotionState<Element extends HTMLElement = HTMLElement> = {\n /**\n * Ref to the element.\n */\n ref: React.Ref<Element>;\n\n /**\n * Current state of the element.\n *\n * - `unmounted` - The element is not yet rendered or can be safely removed from the DOM.\n * - `entering` - The element is performing enter animation.\n * - `entered` - The element has finished enter animation.\n * - `idle` - The element is currently not animating, but rendered on screen.\n * - `exiting` - The element is performing exit animation.\n * - `exited` - The element has finished exit animation.\n */\n type: MotionType;\n\n /**\n * Indicates whether the component can be rendered.\n * Useful to render the element before animating it or to remove it from the DOM after exit animation.\n */\n canRender: boolean;\n\n /**\n * Indicates whether the component is ready to receive a CSS transition className.\n * Useful to apply CSS transitions when the element is mounted and ready to be animated.\n */\n active: boolean;\n};\n\nexport type DrawerBaseProps = {\n /**\n * Position of the drawer.\n *\n * Note: 'bottom' does not supports size, but it supports customized height.\n *\n * @default 'start'\n */\n position?: 'start' | 'end' | 'bottom';\n\n /**\n * Size of the drawer.\n *\n * - 'small' - Drawer is 320px wide.\n * - 'medium' - Drawer is 592px wide.\n * - 'large' - Drawer is 940px wide.\n * - 'full' - Drawer is 100vw wide.\n *\n * @default 'small'\n */\n size?: 'small' | 'medium' | 'large' | 'full';\n\n /**\n * Controls the open state of the Drawer\n *\n * @default false\n */\n open?: boolean;\n};\n\nexport type DrawerBaseState = Required<Pick<DrawerBaseProps, 'position' | 'size'>> & {\n motion: MotionState<HTMLElement>;\n};\n\nexport type DrawerScrollState = 'none' | 'top' | 'middle' | 'bottom';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["drawerSeparatorStyles.
|
|
1
|
+
{"version":3,"sources":["drawerSeparatorStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { GriffelStyle } from '@griffel/react';\n\nexport const drawerSeparatorStyles: GriffelStyle = {\n height: '1px',\n position: 'absolute',\n right: 0,\n left: 0,\n opacity: 0,\n backgroundColor: tokens.colorNeutralStroke1,\n transitionDuration: tokens.durationNormal,\n transitionProperty: 'opacity',\n transitionTimingFunction: tokens.curveEasyEase,\n content: '\"\"',\n};\n"],"names":["drawerSeparatorStyles","height","position","right","left","opacity","backgroundColor","tokens","colorNeutralStroke1","transitionDuration","durationNormal","transitionProperty","transitionTimingFunction","curveEasyEase","content"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;4BAHU;AAGhB,MAAMA,wBAAsC;IACjDC,QAAQ;IACRC,UAAU;IACVC,OAAO;IACPC,MAAM;IACNC,SAAS;IACTC,iBAAiBC,kBAAAA,CAAOC,mBAAmB;IAC3CC,oBAAoBF,kBAAAA,CAAOG,cAAc;IACzCC,oBAAoB;IACpBC,0BAA0BL,kBAAAA,CAAOM,aAAa;IAC9CC,SAAS;AACX"}
|
|
@@ -15,14 +15,14 @@ _export(exports, {
|
|
|
15
15
|
drawerDefaultStyles: function() {
|
|
16
16
|
return drawerDefaultStyles;
|
|
17
17
|
},
|
|
18
|
+
useDrawerBaseClassNames: function() {
|
|
19
|
+
return useDrawerBaseClassNames;
|
|
20
|
+
},
|
|
18
21
|
useDrawerBottomBaseStyles: function() {
|
|
19
22
|
return useDrawerBottomBaseStyles;
|
|
20
23
|
},
|
|
21
24
|
useDrawerDurationStyles: function() {
|
|
22
25
|
return useDrawerDurationStyles;
|
|
23
|
-
},
|
|
24
|
-
useDrawerBaseClassNames: function() {
|
|
25
|
-
return useDrawerBaseClassNames;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
28
|
const _react = require("@griffel/react");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * CSS variable names used internally for uniform styling in Drawer.\n */ export const drawerCSSVars = {\n drawerSizeVar: '--fui-Drawer--size'\n};\n/**\n * Default shared styles for the Drawer component\n */ export const drawerDefaultStyles = {\n 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 */ const useDrawerStyles = makeStyles({\n /* Motion */ entering: {\n transitionTimingFunction: tokens.curveDecelerateMid\n },\n exiting: {\n transitionTimingFunction: tokens.curveAccelerateMin\n },\n reducedMotion: {\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.001ms'\n }\n },\n /* Positioning */ start: {\n borderRight: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n left: 0,\n right: 'auto'\n },\n end: {\n borderLeft: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n right: 0,\n left: 'auto'\n },\n bottom: {\n bottom: 0,\n top: 'auto'\n },\n /* Sizes */ small: {\n [drawerCSSVars.drawerSizeVar]: '320px'\n },\n medium: {\n [drawerCSSVars.drawerSizeVar]: '592px'\n },\n large: {\n [drawerCSSVars.drawerSizeVar]: '940px'\n },\n full: {\n [drawerCSSVars.drawerSizeVar]: '100vw'\n }\n});\nexport const useDrawerBottomBaseStyles = makeStyles({\n /* Sizes for position bottom */ small: {\n [drawerCSSVars.drawerSizeVar]: '320px'\n },\n medium: {\n [drawerCSSVars.drawerSizeVar]: '592px'\n },\n large: {\n [drawerCSSVars.drawerSizeVar]: '940px'\n },\n full: {\n [drawerCSSVars.drawerSizeVar]: '100vh'\n }\n});\nexport const useDrawerDurationStyles = makeStyles({\n small: {\n transitionDuration: tokens.durationGentle\n },\n medium: {\n transitionDuration: tokens.durationSlow\n },\n large: {\n transitionDuration: tokens.durationSlower\n },\n full: {\n transitionDuration: tokens.durationUltraSlow\n }\n});\nexport const useDrawerBaseClassNames = ({ position, size, motion })=>{\n const baseStyles = useDrawerStyles();\n const bottomBaseStyles = useDrawerBottomBaseStyles();\n const durationStyles = useDrawerDurationStyles();\n return mergeClasses(baseStyles[position], position === 'bottom' && bottomBaseStyles[size], durationStyles[size], position !== 'bottom' && baseStyles[size], baseStyles.reducedMotion, motion.type === 'entering' && baseStyles.entering, motion.type === 'exiting' && baseStyles.exiting);\n};\n"],"names":["drawerCSSVars","drawerDefaultStyles","useDrawerBaseClassNames","useDrawerBottomBaseStyles","useDrawerDurationStyles","drawerSizeVar","overflow","width","maxWidth","height","maxHeight","boxSizing","display","flexDirection","alignItems","justifyContent","backgroundColor","tokens","colorNeutralBackground1","color","colorNeutralForeground1","useDrawerStyles","__styles","entering","Bkqvd7p","exiting","reducedMotion","Hwfdqs","start","h3c5rm","vrafjx","Bekrc4i","u1mtju","oyh7mz","j35jbq","end","zhjwy3","wvpqe5","ibv6hh","B4g9neb","bottom","B5kzvoi","Bhzewxz","small","Bjr0ffy","medium","large","full","d","p","m","B3o57yi","position","size","motion","baseStyles","bottomBaseStyles","durationStyles","mergeClasses","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDrawerDefaultProps.
|
|
1
|
+
{"version":3,"sources":["useDrawerDefaultProps.ts"],"sourcesContent":["import { DrawerBaseProps } from './DrawerBase.types';\n\nexport function useDrawerDefaultProps(props: DrawerBaseProps) {\n const { open = false, size = 'small', position = 'start' } = props;\n\n return {\n size,\n position,\n open,\n };\n}\n"],"names":["useDrawerDefaultProps","props","open","size","position"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,sBAAsBC,KAAsB;IAC1D,MAAM,EAAEC,OAAO,KAAK,EAAEC,OAAO,OAAO,EAAEC,WAAW,OAAO,EAAE,GAAGH;IAE7D,OAAO;QACLE;QACAC;QACAF;IACF;AACF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-drawer",
|
|
3
|
-
"version": "9.5.
|
|
3
|
+
"version": "9.5.4",
|
|
4
4
|
"description": "Drawer components for Fluent UI React",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"@fluentui/scripts-cypress": "*"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@fluentui/react-dialog": "^9.11.
|
|
38
|
+
"@fluentui/react-dialog": "^9.11.4",
|
|
39
39
|
"@fluentui/react-jsx-runtime": "^9.0.40",
|
|
40
40
|
"@fluentui/react-motion-preview": "^0.5.23",
|
|
41
41
|
"@fluentui/react-shared-contexts": "^9.19.0",
|