@fluentui/react-dialog 9.10.3 → 9.10.4

package/CHANGELOG.md

@@ -1,12 +1,24 @@
 # Change Log - @fluentui/react-dialog
 
-This log was last generated on Mon, 06 May 2024 12:48:54 GMT and should not be manually modified.
+This log was last generated on Thu, 09 May 2024 19:31:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.10.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.10.4)
+
+Thu, 09 May 2024 19:31:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.10.3..@fluentui/react-dialog_v9.10.4)
+
+### Patches
+
+- fix: move styles declared in useDisableBodyScroll() to a separate file ([PR #31299](https://github.com/microsoft/fluentui/pull/31299) by olfedias@microsoft.com)
+- Bump @fluentui/react-aria to v9.11.2 ([PR #31321](https://github.com/microsoft/fluentui/pull/31321) by beachball)
+- Bump @fluentui/react-tabster to v9.21.2 ([PR #31321](https://github.com/microsoft/fluentui/pull/31321) by beachball)
+- Bump @fluentui/react-portal to v9.4.24 ([PR #31321](https://github.com/microsoft/fluentui/pull/31321) by beachball)
+
 ## [9.10.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.10.3)
 
-Mon, 06 May 2024 12:48:54 GMT 
+Mon, 06 May 2024 12:55:02 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.10.2..@fluentui/react-dialog_v9.10.3)
 
 ### Patches

package/lib/utils/useDisableBodyScroll.js

@@ -1,14 +1,6 @@
 import { useFluent_unstable } from '@fluentui/react-shared-contexts';
-import { makeResetStyles } from '@griffel/react';
 import { useCallback } from 'react';
-// this style must be applied to the html element to disable scrolling
-const useHTMLNoScrollStyles = makeResetStyles({
-    overflowY: [
-        'hidden',
-        'clip'
-    ],
-    scrollbarGutter: 'stable'
-});
+import { useHTMLNoScrollStyles } from './useDisableBodyScroll.styles';
 /**
  * hook that disables body scrolling through `overflowY: hidden` CSS property
  */ export function useDisableBodyScroll() {

package/lib/utils/useDisableBodyScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDisableBodyScroll.ts"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { makeResetStyles } from '@griffel/react';\nimport { useCallback } from 'react';\n\n// this style must be applied to the html element to disable scrolling\nconst useHTMLNoScrollStyles = makeResetStyles({\n  overflowY: ['hidden', 'clip'],\n  scrollbarGutter: 'stable',\n});\n\n/**\n * hook that disables body scrolling through `overflowY: hidden` CSS property\n */\nexport function useDisableBodyScroll(): {\n  disableBodyScroll: () => void;\n  enableBodyScroll: () => void;\n} {\n  const htmlNoScrollStyle = useHTMLNoScrollStyles();\n  const { targetDocument } = useFluent_unstable();\n\n  const disableBodyScroll = useCallback(() => {\n    if (!targetDocument) {\n      return;\n    }\n    const isScrollbarVisible =\n      (targetDocument.defaultView?.innerWidth ?? 0) > targetDocument.documentElement.clientWidth;\n    if (!isScrollbarVisible) {\n      return;\n    }\n    targetDocument.documentElement.classList.add(htmlNoScrollStyle);\n    return;\n  }, [targetDocument, htmlNoScrollStyle]);\n\n  const enableBodyScroll = useCallback(() => {\n    if (!targetDocument) {\n      return;\n    }\n    targetDocument.documentElement.classList.remove(htmlNoScrollStyle);\n  }, [targetDocument, htmlNoScrollStyle]);\n\n  return {\n    disableBodyScroll,\n    enableBodyScroll,\n  };\n}\n"],"names":["useFluent_unstable","makeResetStyles","useCallback","useHTMLNoScrollStyles","overflowY","scrollbarGutter","useDisableBodyScroll","htmlNoScrollStyle","targetDocument","disableBodyScroll","isScrollbarVisible","defaultView","innerWidth","documentElement","clientWidth","classList","add","enableBodyScroll","remove"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,eAAe,QAAQ,iBAAiB;AACjD,SAASC,WAAW,QAAQ,QAAQ;AAEpC,sEAAsE;AACtE,MAAMC,wBAAwBF,gBAAgB;IAC5CG,WAAW;QAAC;QAAU;KAAO;IAC7BC,iBAAiB;AACnB;AAEA;;CAEC,GACD,OAAO,SAASC;IAId,MAAMC,oBAAoBJ;IAC1B,MAAM,EAAEK,cAAc,EAAE,GAAGR;IAE3B,MAAMS,oBAAoBP,YAAY;YAKjCM;QAJH,IAAI,CAACA,gBAAgB;YACnB;QACF;YAEGA;QADH,MAAME,qBACJ,AAACF,CAAAA,CAAAA,0CAAAA,8BAAAA,eAAeG,WAAW,cAA1BH,kDAAAA,4BAA4BI,UAAU,cAAtCJ,oDAAAA,yCAA0C,CAAA,IAAKA,eAAeK,eAAe,CAACC,WAAW;QAC5F,IAAI,CAACJ,oBAAoB;YACvB;QACF;QACAF,eAAeK,eAAe,CAACE,SAAS,CAACC,GAAG,CAACT;QAC7C;IACF,GAAG;QAACC;QAAgBD;KAAkB;IAEtC,MAAMU,mBAAmBf,YAAY;QACnC,IAAI,CAACM,gBAAgB;YACnB;QACF;QACAA,eAAeK,eAAe,CAACE,SAAS,CAACG,MAAM,CAACX;IAClD,GAAG;QAACC;QAAgBD;KAAkB;IAEtC,OAAO;QACLE;QACAQ;IACF;AACF"}
+{"version":3,"sources":["useDisableBodyScroll.ts"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useCallback } from 'react';\n\nimport { useHTMLNoScrollStyles } from './useDisableBodyScroll.styles';\n\n/**\n * hook that disables body scrolling through `overflowY: hidden` CSS property\n */\nexport function useDisableBodyScroll(): {\n  disableBodyScroll: () => void;\n  enableBodyScroll: () => void;\n} {\n  const htmlNoScrollStyle = useHTMLNoScrollStyles();\n  const { targetDocument } = useFluent_unstable();\n\n  const disableBodyScroll = useCallback(() => {\n    if (!targetDocument) {\n      return;\n    }\n    const isScrollbarVisible =\n      (targetDocument.defaultView?.innerWidth ?? 0) > targetDocument.documentElement.clientWidth;\n    if (!isScrollbarVisible) {\n      return;\n    }\n    targetDocument.documentElement.classList.add(htmlNoScrollStyle);\n    return;\n  }, [targetDocument, htmlNoScrollStyle]);\n\n  const enableBodyScroll = useCallback(() => {\n    if (!targetDocument) {\n      return;\n    }\n    targetDocument.documentElement.classList.remove(htmlNoScrollStyle);\n  }, [targetDocument, htmlNoScrollStyle]);\n\n  return {\n    disableBodyScroll,\n    enableBodyScroll,\n  };\n}\n"],"names":["useFluent_unstable","useCallback","useHTMLNoScrollStyles","useDisableBodyScroll","htmlNoScrollStyle","targetDocument","disableBodyScroll","isScrollbarVisible","defaultView","innerWidth","documentElement","clientWidth","classList","add","enableBodyScroll","remove"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,WAAW,QAAQ,QAAQ;AAEpC,SAASC,qBAAqB,QAAQ,gCAAgC;AAEtE;;CAEC,GACD,OAAO,SAASC;IAId,MAAMC,oBAAoBF;IAC1B,MAAM,EAAEG,cAAc,EAAE,GAAGL;IAE3B,MAAMM,oBAAoBL,YAAY;YAKjCI;QAJH,IAAI,CAACA,gBAAgB;YACnB;QACF;YAEGA;QADH,MAAME,qBACJ,AAACF,CAAAA,CAAAA,0CAAAA,8BAAAA,eAAeG,WAAW,cAA1BH,kDAAAA,4BAA4BI,UAAU,cAAtCJ,oDAAAA,yCAA0C,CAAA,IAAKA,eAAeK,eAAe,CAACC,WAAW;QAC5F,IAAI,CAACJ,oBAAoB;YACvB;QACF;QACAF,eAAeK,eAAe,CAACE,SAAS,CAACC,GAAG,CAACT;QAC7C;IACF,GAAG;QAACC;QAAgBD;KAAkB;IAEtC,MAAMU,mBAAmBb,YAAY;QACnC,IAAI,CAACI,gBAAgB;YACnB;QACF;QACAA,eAAeK,eAAe,CAACE,SAAS,CAACG,MAAM,CAACX;IAClD,GAAG;QAACC;QAAgBD;KAAkB;IAEtC,OAAO;QACLE;QACAQ;IACF;AACF"}

package/lib/utils/useDisableBodyScroll.styles.js

@@ -0,0 +1,4 @@
+import { __resetStyles } from '@griffel/react';
+// this style must be applied to the html element to disable scrolling
+export const useHTMLNoScrollStyles = /*#__PURE__*/__resetStyles("r6pzz3z", null, [".r6pzz3z{overflow-y:hidden;overflow-y:clip;scrollbar-gutter:stable;}"]);
+//# sourceMappingURL=useDisableBodyScroll.styles.js.map

package/lib/utils/useDisableBodyScroll.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__resetStyles","useHTMLNoScrollStyles"],"sources":["useDisableBodyScroll.styles.js"],"sourcesContent":["import { makeResetStyles } from '@griffel/react';\n// this style must be applied to the html element to disable scrolling\nexport const useHTMLNoScrollStyles = makeResetStyles({\n    overflowY: [\n        'hidden',\n        'clip'\n    ],\n    scrollbarGutter: 'stable'\n});\n"],"mappings":"AAAA,SAAAA,aAAA,QAAgC,gBAAgB;AAChD;AACA,OAAO,MAAMC,qBAAqB,gBAAGD,aAAA,0FAMpC,CAAC"}

package/lib-commonjs/utils/useDisableBodyScroll.js

@@ -9,20 +9,12 @@ Object.defineProperty(exports, "useDisableBodyScroll", {
     }
 });
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _react = require("@griffel/react");
-const _react1 = require("react");
-// this style must be applied to the html element to disable scrolling
-const useHTMLNoScrollStyles = (0, _react.makeResetStyles)({
-    overflowY: [
-        'hidden',
-        'clip'
-    ],
-    scrollbarGutter: 'stable'
-});
+const _react = require("react");
+const _useDisableBodyScrollstyles = require("./useDisableBodyScroll.styles");
 function useDisableBodyScroll() {
-    const htmlNoScrollStyle = useHTMLNoScrollStyles();
+    const htmlNoScrollStyle = (0, _useDisableBodyScrollstyles.useHTMLNoScrollStyles)();
     const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
-    const disableBodyScroll = (0, _react1.useCallback)(()=>{
+    const disableBodyScroll = (0, _react.useCallback)(()=>{
         var _targetDocument_defaultView;
         if (!targetDocument) {
             return;
@@ -38,7 +30,7 @@ function useDisableBodyScroll() {
         targetDocument,
         htmlNoScrollStyle
     ]);
-    const enableBodyScroll = (0, _react1.useCallback)(()=>{
+    const enableBodyScroll = (0, _react.useCallback)(()=>{
         if (!targetDocument) {
             return;
         }

package/lib-commonjs/utils/useDisableBodyScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDisableBodyScroll.js"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { makeResetStyles } from '@griffel/react';\nimport { useCallback } from 'react';\n// this style must be applied to the html element to disable scrolling\nconst useHTMLNoScrollStyles = makeResetStyles({\n    overflowY: [\n        'hidden',\n        'clip'\n    ],\n    scrollbarGutter: 'stable'\n});\n/**\n * hook that disables body scrolling through `overflowY: hidden` CSS property\n */ export function useDisableBodyScroll() {\n    const htmlNoScrollStyle = useHTMLNoScrollStyles();\n    const { targetDocument } = useFluent_unstable();\n    const disableBodyScroll = useCallback(()=>{\n        var _targetDocument_defaultView;\n        if (!targetDocument) {\n            return;\n        }\n        var _targetDocument_defaultView_innerWidth;\n        const isScrollbarVisible = ((_targetDocument_defaultView_innerWidth = (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.innerWidth) !== null && _targetDocument_defaultView_innerWidth !== void 0 ? _targetDocument_defaultView_innerWidth : 0) > targetDocument.documentElement.clientWidth;\n        if (!isScrollbarVisible) {\n            return;\n        }\n        targetDocument.documentElement.classList.add(htmlNoScrollStyle);\n        return;\n    }, [\n        targetDocument,\n        htmlNoScrollStyle\n    ]);\n    const enableBodyScroll = useCallback(()=>{\n        if (!targetDocument) {\n            return;\n        }\n        targetDocument.documentElement.classList.remove(htmlNoScrollStyle);\n    }, [\n        targetDocument,\n        htmlNoScrollStyle\n    ]);\n    return {\n        disableBodyScroll,\n        enableBodyScroll\n    };\n}\n"],"names":["useDisableBodyScroll","useHTMLNoScrollStyles","makeResetStyles","overflowY","scrollbarGutter","htmlNoScrollStyle","targetDocument","useFluent_unstable","disableBodyScroll","useCallback","_targetDocument_defaultView","_targetDocument_defaultView_innerWidth","isScrollbarVisible","defaultView","innerWidth","documentElement","clientWidth","classList","add","enableBodyScroll","remove"],"mappings":";;;;+BAaoBA;;;eAAAA;;;qCAbe;uBACH;wBACJ;AAC5B,sEAAsE;AACtE,MAAMC,wBAAwBC,IAAAA,sBAAe,EAAC;IAC1CC,WAAW;QACP;QACA;KACH;IACDC,iBAAiB;AACrB;AAGW,SAASJ;IAChB,MAAMK,oBAAoBJ;IAC1B,MAAM,EAAEK,cAAc,EAAE,GAAGC,IAAAA,uCAAkB;IAC7C,MAAMC,oBAAoBC,IAAAA,mBAAW,EAAC;QAClC,IAAIC;QACJ,IAAI,CAACJ,gBAAgB;YACjB;QACJ;QACA,IAAIK;QACJ,MAAMC,qBAAqB,AAAC,CAAA,AAACD,CAAAA,yCAAyC,AAACD,CAAAA,8BAA8BJ,eAAeO,WAAW,AAAD,MAAO,QAAQH,gCAAgC,KAAK,IAAI,KAAK,IAAIA,4BAA4BI,UAAU,AAAD,MAAO,QAAQH,2CAA2C,KAAK,IAAIA,yCAAyC,CAAA,IAAKL,eAAeS,eAAe,CAACC,WAAW;QAC/X,IAAI,CAACJ,oBAAoB;YACrB;QACJ;QACAN,eAAeS,eAAe,CAACE,SAAS,CAACC,GAAG,CAACb;QAC7C;IACJ,GAAG;QACCC;QACAD;KACH;IACD,MAAMc,mBAAmBV,IAAAA,mBAAW,EAAC;QACjC,IAAI,CAACH,gBAAgB;YACjB;QACJ;QACAA,eAAeS,eAAe,CAACE,SAAS,CAACG,MAAM,CAACf;IACpD,GAAG;QACCC;QACAD;KACH;IACD,OAAO;QACHG;QACAW;IACJ;AACJ"}
+{"version":3,"sources":["useDisableBodyScroll.js"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useCallback } from 'react';\nimport { useHTMLNoScrollStyles } from './useDisableBodyScroll.styles';\n/**\n * hook that disables body scrolling through `overflowY: hidden` CSS property\n */ export function useDisableBodyScroll() {\n    const htmlNoScrollStyle = useHTMLNoScrollStyles();\n    const { targetDocument } = useFluent_unstable();\n    const disableBodyScroll = useCallback(()=>{\n        var _targetDocument_defaultView;\n        if (!targetDocument) {\n            return;\n        }\n        var _targetDocument_defaultView_innerWidth;\n        const isScrollbarVisible = ((_targetDocument_defaultView_innerWidth = (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.innerWidth) !== null && _targetDocument_defaultView_innerWidth !== void 0 ? _targetDocument_defaultView_innerWidth : 0) > targetDocument.documentElement.clientWidth;\n        if (!isScrollbarVisible) {\n            return;\n        }\n        targetDocument.documentElement.classList.add(htmlNoScrollStyle);\n        return;\n    }, [\n        targetDocument,\n        htmlNoScrollStyle\n    ]);\n    const enableBodyScroll = useCallback(()=>{\n        if (!targetDocument) {\n            return;\n        }\n        targetDocument.documentElement.classList.remove(htmlNoScrollStyle);\n    }, [\n        targetDocument,\n        htmlNoScrollStyle\n    ]);\n    return {\n        disableBodyScroll,\n        enableBodyScroll\n    };\n}\n"],"names":["useDisableBodyScroll","htmlNoScrollStyle","useHTMLNoScrollStyles","targetDocument","useFluent_unstable","disableBodyScroll","useCallback","_targetDocument_defaultView","_targetDocument_defaultView_innerWidth","isScrollbarVisible","defaultView","innerWidth","documentElement","clientWidth","classList","add","enableBodyScroll","remove"],"mappings":";;;;+BAKoBA;;;eAAAA;;;qCALe;uBACP;4CACU;AAG3B,SAASA;IAChB,MAAMC,oBAAoBC,IAAAA,iDAAqB;IAC/C,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAkB;IAC7C,MAAMC,oBAAoBC,IAAAA,kBAAW,EAAC;QAClC,IAAIC;QACJ,IAAI,CAACJ,gBAAgB;YACjB;QACJ;QACA,IAAIK;QACJ,MAAMC,qBAAqB,AAAC,CAAA,AAACD,CAAAA,yCAAyC,AAACD,CAAAA,8BAA8BJ,eAAeO,WAAW,AAAD,MAAO,QAAQH,gCAAgC,KAAK,IAAI,KAAK,IAAIA,4BAA4BI,UAAU,AAAD,MAAO,QAAQH,2CAA2C,KAAK,IAAIA,yCAAyC,CAAA,IAAKL,eAAeS,eAAe,CAACC,WAAW;QAC/X,IAAI,CAACJ,oBAAoB;YACrB;QACJ;QACAN,eAAeS,eAAe,CAACE,SAAS,CAACC,GAAG,CAACd;QAC7C;IACJ,GAAG;QACCE;QACAF;KACH;IACD,MAAMe,mBAAmBV,IAAAA,kBAAW,EAAC;QACjC,IAAI,CAACH,gBAAgB;YACjB;QACJ;QACAA,eAAeS,eAAe,CAACE,SAAS,CAACG,MAAM,CAAChB;IACpD,GAAG;QACCE;QACAF;KACH;IACD,OAAO;QACHI;QACAW;IACJ;AACJ"}

package/lib-commonjs/utils/useDisableBodyScroll.styles.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useHTMLNoScrollStyles", {
+    enumerable: true,
+    get: function() {
+        return useHTMLNoScrollStyles;
+    }
+});
+const _react = require("@griffel/react");
+const useHTMLNoScrollStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r6pzz3z", null, [
+    ".r6pzz3z{overflow-y:hidden;overflow-y:clip;scrollbar-gutter:stable;}"
+]); //# sourceMappingURL=useDisableBodyScroll.styles.js.map

package/lib-commonjs/utils/useDisableBodyScroll.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDisableBodyScroll.styles.js"],"sourcesContent":["import { __resetStyles } from '@griffel/react';\n// this style must be applied to the html element to disable scrolling\nexport const useHTMLNoScrollStyles = /*#__PURE__*/__resetStyles(\"r6pzz3z\", null, [\".r6pzz3z{overflow-y:hidden;overflow-y:clip;scrollbar-gutter:stable;}\"]);\n//# sourceMappingURL=useDisableBodyScroll.styles.js.map"],"names":["useHTMLNoScrollStyles","__resetStyles"],"mappings":";;;;+BAEaA;;;eAAAA;;;uBAFiB;AAEvB,MAAMA,wBAAwB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAAuE,GACzJ,uDAAuD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-dialog",
-  "version": "9.10.3",
+  "version": "9.10.4",
   "description": "Dialog component for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -46,11 +46,11 @@
     "@fluentui/keyboard-keys": "^9.0.7",
     "@fluentui/react-context-selector": "^9.1.59",
     "@fluentui/react-shared-contexts": "^9.18.0",
-    "@fluentui/react-aria": "^9.11.1",
+    "@fluentui/react-aria": "^9.11.2",
     "@fluentui/react-icons": "^2.0.237",
-    "@fluentui/react-tabster": "^9.21.1",
+    "@fluentui/react-tabster": "^9.21.2",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-portal": "^9.4.23",
+    "@fluentui/react-portal": "^9.4.24",
     "@griffel/react": "^1.5.14",
     "@swc/helpers": "^0.5.1"
   },