@fluentui/react-drawer 9.5.3 → 9.5.5
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 +26 -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 +7 -7
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.5",
|
|
4
4
|
"description": "Drawer components for Fluent UI React",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -35,13 +35,13 @@
|
|
|
35
35
|
"@fluentui/scripts-cypress": "*"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@fluentui/react-dialog": "^9.11.
|
|
39
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
40
|
-
"@fluentui/react-motion-preview": "^0.5.
|
|
41
|
-
"@fluentui/react-shared-contexts": "^9.19.
|
|
42
|
-
"@fluentui/react-tabster": "^9.22.
|
|
38
|
+
"@fluentui/react-dialog": "^9.11.5",
|
|
39
|
+
"@fluentui/react-jsx-runtime": "^9.0.41",
|
|
40
|
+
"@fluentui/react-motion-preview": "^0.5.24",
|
|
41
|
+
"@fluentui/react-shared-contexts": "^9.19.1",
|
|
42
|
+
"@fluentui/react-tabster": "^9.22.2",
|
|
43
43
|
"@fluentui/react-theme": "^9.1.19",
|
|
44
|
-
"@fluentui/react-utilities": "^9.18.
|
|
44
|
+
"@fluentui/react-utilities": "^9.18.12",
|
|
45
45
|
"@griffel/react": "^1.5.22",
|
|
46
46
|
"@swc/helpers": "^0.5.1"
|
|
47
47
|
},
|