@fluentui/react-drawer 9.1.11 → 9.2.0
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 +27 -2
- package/dist/index.d.ts +16 -5
- package/lib/components/Drawer/Drawer.js +3 -1
- package/lib/components/Drawer/Drawer.js.map +1 -1
- package/lib/components/Drawer/renderDrawer.js +6 -2
- package/lib/components/Drawer/renderDrawer.js.map +1 -1
- package/lib/components/DrawerBody/useDrawerBody.js +49 -3
- package/lib/components/DrawerBody/useDrawerBody.js.map +1 -1
- package/lib/components/DrawerBody/useDrawerBodyStyles.styles.js +1 -1
- package/lib/components/DrawerBody/useDrawerBodyStyles.styles.js.map +1 -1
- package/lib/components/DrawerFooter/DrawerFooter.types.js.map +1 -1
- package/lib/components/DrawerFooter/useDrawerFooter.js +4 -1
- package/lib/components/DrawerFooter/useDrawerFooter.js.map +1 -1
- package/lib/components/DrawerFooter/useDrawerFooterStyles.styles.js +25 -3
- package/lib/components/DrawerFooter/useDrawerFooterStyles.styles.js.map +1 -1
- package/lib/components/DrawerHeader/DrawerHeader.types.js.map +1 -1
- package/lib/components/DrawerHeader/useDrawerHeader.js +4 -1
- package/lib/components/DrawerHeader/useDrawerHeader.js.map +1 -1
- package/lib/components/DrawerHeader/useDrawerHeaderStyles.styles.js +25 -3
- package/lib/components/DrawerHeader/useDrawerHeaderStyles.styles.js.map +1 -1
- package/lib/components/InlineDrawer/InlineDrawer.js +3 -1
- package/lib/components/InlineDrawer/InlineDrawer.js.map +1 -1
- package/lib/components/InlineDrawer/renderInlineDrawer.js +6 -2
- package/lib/components/InlineDrawer/renderInlineDrawer.js.map +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawer.js +3 -1
- package/lib/components/OverlayDrawer/OverlayDrawer.js.map +1 -1
- package/lib/components/OverlayDrawer/renderOverlayDrawer.js +7 -3
- package/lib/components/OverlayDrawer/renderOverlayDrawer.js.map +1 -1
- package/lib/contexts/drawerContext.js +18 -0
- package/lib/contexts/drawerContext.js.map +1 -0
- package/lib/contexts/index.js +1 -0
- package/lib/contexts/index.js.map +1 -0
- package/lib/shared/DrawerBase.types.js.map +1 -1
- package/lib/shared/drawerSeparatorStyles.js +13 -0
- package/lib/shared/drawerSeparatorStyles.js.map +1 -0
- package/lib-commonjs/components/Drawer/Drawer.js +3 -1
- package/lib-commonjs/components/Drawer/Drawer.js.map +1 -1
- package/lib-commonjs/components/Drawer/renderDrawer.js +6 -2
- package/lib-commonjs/components/Drawer/renderDrawer.js.map +1 -1
- package/lib-commonjs/components/DrawerBody/useDrawerBody.js +48 -2
- package/lib-commonjs/components/DrawerBody/useDrawerBody.js.map +1 -1
- package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js +4 -4
- package/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DrawerFooter/useDrawerFooter.js +4 -1
- package/lib-commonjs/components/DrawerFooter/useDrawerFooter.js.map +1 -1
- package/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.js +46 -3
- package/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DrawerHeader/useDrawerHeader.js +4 -1
- package/lib-commonjs/components/DrawerHeader/useDrawerHeader.js.map +1 -1
- package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js +46 -3
- package/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js.map +1 -1
- package/lib-commonjs/components/InlineDrawer/InlineDrawer.js +3 -1
- package/lib-commonjs/components/InlineDrawer/InlineDrawer.js.map +1 -1
- package/lib-commonjs/components/InlineDrawer/renderInlineDrawer.js +6 -2
- package/lib-commonjs/components/InlineDrawer/renderInlineDrawer.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawer.js +3 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawer.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/renderOverlayDrawer.js +7 -3
- package/lib-commonjs/components/OverlayDrawer/renderOverlayDrawer.js.map +1 -1
- package/lib-commonjs/contexts/drawerContext.js +43 -0
- package/lib-commonjs/contexts/drawerContext.js.map +1 -0
- package/lib-commonjs/contexts/index.js +6 -0
- package/lib-commonjs/contexts/index.js.map +1 -0
- package/lib-commonjs/shared/drawerSeparatorStyles.js +23 -0
- package/lib-commonjs/shared/drawerSeparatorStyles.js.map +1 -0
- package/package.json +7 -7
|
@@ -0,0 +1,43 @@
|
|
|
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
|
+
drawerContext: function() {
|
|
13
|
+
return drawerContext;
|
|
14
|
+
},
|
|
15
|
+
DrawerProvider: function() {
|
|
16
|
+
return DrawerProvider;
|
|
17
|
+
},
|
|
18
|
+
useDrawerContext_unstable: function() {
|
|
19
|
+
return useDrawerContext_unstable;
|
|
20
|
+
},
|
|
21
|
+
useDrawerContextValue: function() {
|
|
22
|
+
return useDrawerContextValue;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
26
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
27
|
+
const defaultContextValue = {
|
|
28
|
+
scrollState: 'none',
|
|
29
|
+
setScrollState: ()=>({})
|
|
30
|
+
};
|
|
31
|
+
const drawerContext = /*#__PURE__*/ _react.createContext(undefined);
|
|
32
|
+
const DrawerProvider = drawerContext.Provider;
|
|
33
|
+
const useDrawerContext_unstable = ()=>{
|
|
34
|
+
var _React_useContext;
|
|
35
|
+
return (_React_useContext = _react.useContext(drawerContext)) !== null && _React_useContext !== void 0 ? _React_useContext : defaultContextValue;
|
|
36
|
+
};
|
|
37
|
+
const useDrawerContextValue = ()=>{
|
|
38
|
+
const [scrollState, setScrollState] = _react.useState('none');
|
|
39
|
+
return {
|
|
40
|
+
setScrollState,
|
|
41
|
+
scrollState
|
|
42
|
+
};
|
|
43
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["drawerContext.js"],"sourcesContent":["import * as React from 'react';\nconst defaultContextValue = {\n scrollState: 'none',\n setScrollState: ()=>({})\n};\nexport const drawerContext = React.createContext(undefined);\nexport const DrawerProvider = drawerContext.Provider;\nexport const useDrawerContext_unstable = ()=>{\n var _React_useContext;\n return (_React_useContext = React.useContext(drawerContext)) !== null && _React_useContext !== void 0 ? _React_useContext : defaultContextValue;\n};\nexport const useDrawerContextValue = ()=>{\n const [scrollState, setScrollState] = React.useState('none');\n return {\n setScrollState,\n scrollState\n };\n};\n"],"names":["drawerContext","DrawerProvider","useDrawerContext_unstable","useDrawerContextValue","defaultContextValue","scrollState","setScrollState","React","createContext","undefined","Provider","_React_useContext","useContext","useState"],"mappings":";;;;;;;;;;;IAKaA,aAAa;eAAbA;;IACAC,cAAc;eAAdA;;IACAC,yBAAyB;eAAzBA;;IAIAC,qBAAqB;eAArBA;;;;iEAXU;AACvB,MAAMC,sBAAsB;IACxBC,aAAa;IACbC,gBAAgB,IAAK,CAAA,CAAC,CAAA;AAC1B;AACO,MAAMN,8BAAgBO,OAAMC,aAAa,CAACC;AAC1C,MAAMR,iBAAiBD,cAAcU,QAAQ;AAC7C,MAAMR,4BAA4B;IACrC,IAAIS;IACJ,OAAO,AAACA,CAAAA,oBAAoBJ,OAAMK,UAAU,CAACZ,cAAa,MAAO,QAAQW,sBAAsB,KAAK,IAAIA,oBAAoBP;AAChI;AACO,MAAMD,wBAAwB;IACjC,MAAM,CAACE,aAAaC,eAAe,GAAGC,OAAMM,QAAQ,CAAC;IACrD,OAAO;QACHP;QACAD;IACJ;AACJ"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './drawerContext';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "drawerSeparatorStyles", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return drawerSeparatorStyles;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reacttheme = require("@fluentui/react-theme");
|
|
12
|
+
const drawerSeparatorStyles = {
|
|
13
|
+
height: '1px',
|
|
14
|
+
position: 'absolute',
|
|
15
|
+
right: 0,
|
|
16
|
+
left: 0,
|
|
17
|
+
opacity: 0,
|
|
18
|
+
backgroundColor: _reacttheme.tokens.colorNeutralStroke1,
|
|
19
|
+
transitionDuration: _reacttheme.tokens.durationNormal,
|
|
20
|
+
transitionProperty: 'opacity',
|
|
21
|
+
transitionTimingFunction: _reacttheme.tokens.curveEasyEase,
|
|
22
|
+
content: '""'
|
|
23
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["drawerSeparatorStyles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nexport const drawerSeparatorStyles = {\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"],"mappings":";;;;+BACaA;;;eAAAA;;;4BADU;AAChB,MAAMA,wBAAwB;IACjCC,QAAQ;IACRC,UAAU;IACVC,OAAO;IACPC,MAAM;IACNC,SAAS;IACTC,iBAAiBC,kBAAM,CAACC,mBAAmB;IAC3CC,oBAAoBF,kBAAM,CAACG,cAAc;IACzCC,oBAAoB;IACpBC,0BAA0BL,kBAAM,CAACM,aAAa;IAC9CC,SAAS;AACb"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-drawer",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.2.0",
|
|
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.10.
|
|
39
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
40
|
-
"@fluentui/react-motion-preview": "^0.5.
|
|
41
|
-
"@fluentui/react-shared-contexts": "^9.
|
|
42
|
-
"@fluentui/react-tabster": "^9.
|
|
38
|
+
"@fluentui/react-dialog": "^9.10.2",
|
|
39
|
+
"@fluentui/react-jsx-runtime": "^9.0.36",
|
|
40
|
+
"@fluentui/react-motion-preview": "^0.5.19",
|
|
41
|
+
"@fluentui/react-shared-contexts": "^9.17.0",
|
|
42
|
+
"@fluentui/react-tabster": "^9.21.0",
|
|
43
43
|
"@fluentui/react-theme": "^9.1.19",
|
|
44
|
-
"@fluentui/react-utilities": "^9.18.
|
|
44
|
+
"@fluentui/react-utilities": "^9.18.7",
|
|
45
45
|
"@griffel/react": "^1.5.14",
|
|
46
46
|
"@swc/helpers": "^0.5.1"
|
|
47
47
|
},
|