@fluentui/react-dialog 9.11.20 → 9.11.22

package/CHANGELOG.md

@@ -1,12 +1,23 @@
 # Change Log - @fluentui/react-dialog
 
-This log was last generated on Tue, 12 Nov 2024 09:30:42 GMT and should not be manually modified.
+This log was last generated on Thu, 28 Nov 2024 09:29:41 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.11.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.11.22)
+
+Thu, 28 Nov 2024 09:29:41 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.11.20..@fluentui/react-dialog_v9.11.22)
+
+### Patches
+
+- feat(motion): update DialogBackdropMotion to use createFadePresence API ([PR #33288](https://github.com/microsoft/fluentui/pull/33288) by olkatruk@microsoft.com)
+- Bump @fluentui/react-motion to v9.6.2 ([PR #33331](https://github.com/microsoft/fluentui/pull/33331) by beachball)
+- Bump @fluentui/react-motion-components-preview to v0.3.1 ([PR #33331](https://github.com/microsoft/fluentui/pull/33331) by beachball)
+
 ## [9.11.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.11.20)
 
-Tue, 12 Nov 2024 09:30:42 GMT 
+Tue, 12 Nov 2024 09:31:25 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.11.19..@fluentui/react-dialog_v9.11.20)
 
 ### Patches

package/dist/index.d.ts

@@ -9,7 +9,6 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import { JSXElementConstructor } from 'react';
 import type { PortalProps } from '@fluentui/react-portal';
 import type { PresenceMotionSlotProps } from '@fluentui/react-motion';
-import { Provider } from 'react';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
 import type { Slot } from '@fluentui/react-utilities';
@@ -245,7 +244,7 @@ export declare type DialogSurfaceElement = HTMLElement;
  */
 export declare type DialogSurfaceProps = ComponentProps<Partial<DialogSurfaceSlots>> & Pick<PortalProps, 'mountNode'>;
 
-export declare const DialogSurfaceProvider: Provider<boolean | undefined>;
+export declare const DialogSurfaceProvider: React_2.Provider<boolean | undefined>;
 
 export declare type DialogSurfaceSlots = {
     /**

package/lib/components/DialogBackdropMotion.js

@@ -1,23 +1,2 @@
-import { createPresenceComponent, motionTokens } from '@fluentui/react-motion';
-const keyframes = [
-    {
-        opacity: 0
-    },
-    {
-        opacity: 1
-    }
-];
-export const DialogBackdropMotion = createPresenceComponent({
-    enter: {
-        keyframes,
-        easing: motionTokens.curveLinear,
-        duration: motionTokens.durationGentle
-    },
-    exit: {
-        keyframes: [
-            ...keyframes
-        ].reverse(),
-        easing: motionTokens.curveLinear,
-        duration: motionTokens.durationGentle
-    }
-});
+import { FadeRelaxed } from '@fluentui/react-motion-components-preview';
+export const DialogBackdropMotion = FadeRelaxed;

package/lib/components/DialogBackdropMotion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DialogBackdropMotion.ts"],"sourcesContent":["import { createPresenceComponent, motionTokens } from '@fluentui/react-motion';\n\nconst keyframes = [{ opacity: 0 }, { opacity: 1 }];\n\nexport const DialogBackdropMotion = createPresenceComponent({\n  enter: {\n    keyframes,\n    easing: motionTokens.curveLinear,\n    duration: motionTokens.durationGentle,\n  },\n  exit: {\n    keyframes: [...keyframes].reverse(),\n    easing: motionTokens.curveLinear,\n    duration: motionTokens.durationGentle,\n  },\n});\n"],"names":["createPresenceComponent","motionTokens","keyframes","opacity","DialogBackdropMotion","enter","easing","curveLinear","duration","durationGentle","exit","reverse"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,uBAAuB,EAAEC,YAAY,QAAQ,yBAAyB;AAE/E,MAAMC,YAAY;IAAC;QAAEC,SAAS;IAAE;IAAG;QAAEA,SAAS;IAAE;CAAE;AAElD,OAAO,MAAMC,uBAAuBJ,wBAAwB;IAC1DK,OAAO;QACLH;QACAI,QAAQL,aAAaM,WAAW;QAChCC,UAAUP,aAAaQ,cAAc;IACvC;IACAC,MAAM;QACJR,WAAW;eAAIA;SAAU,CAACS,OAAO;QACjCL,QAAQL,aAAaM,WAAW;QAChCC,UAAUP,aAAaQ,cAAc;IACvC;AACF,GAAG"}
+{"version":3,"sources":["../src/components/DialogBackdropMotion.ts"],"sourcesContent":["import { FadeRelaxed } from '@fluentui/react-motion-components-preview';\n\nexport const DialogBackdropMotion = FadeRelaxed;\n"],"names":["FadeRelaxed","DialogBackdropMotion"],"rangeMappings":";","mappings":"AAAA,SAASA,WAAW,QAAQ,4CAA4C;AAExE,OAAO,MAAMC,uBAAuBD,YAAY"}

package/lib/contexts/dialogSurfaceContext.js

@@ -1,8 +1,8 @@
-import { createContext, useContext } from 'react';
+import * as React from 'react';
 const defaultContextValue = false;
-export const DialogSurfaceContext = createContext(undefined);
+export const DialogSurfaceContext = React.createContext(undefined);
 export const DialogSurfaceProvider = DialogSurfaceContext.Provider;
 export const useDialogSurfaceContext_unstable = ()=>{
-    var _useContext;
-    return (_useContext = useContext(DialogSurfaceContext)) !== null && _useContext !== void 0 ? _useContext : defaultContextValue;
+    var _React_useContext;
+    return (_React_useContext = React.useContext(DialogSurfaceContext)) !== null && _React_useContext !== void 0 ? _React_useContext : defaultContextValue;
 };

package/lib/contexts/dialogSurfaceContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/contexts/dialogSurfaceContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type DialogSurfaceContextValue = boolean;\n\nconst defaultContextValue: DialogSurfaceContextValue = false;\n\nexport const DialogSurfaceContext = createContext<DialogSurfaceContextValue | undefined>(undefined);\n\nexport const DialogSurfaceProvider = DialogSurfaceContext.Provider;\n\nexport const useDialogSurfaceContext_unstable = () => useContext(DialogSurfaceContext) ?? defaultContextValue;\n"],"names":["createContext","useContext","defaultContextValue","DialogSurfaceContext","undefined","DialogSurfaceProvider","Provider","useDialogSurfaceContext_unstable"],"rangeMappings":";;;;;;;","mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;AAIlD,MAAMC,sBAAiD;AAEvD,OAAO,MAAMC,uBAAuBH,cAAqDI,WAAW;AAEpG,OAAO,MAAMC,wBAAwBF,qBAAqBG,QAAQ,CAAC;AAEnE,OAAO,MAAMC,mCAAmC;QAAMN;WAAAA,CAAAA,cAAAA,WAAWE,mCAAXF,yBAAAA,cAAoCC;AAAkB,EAAE"}
+{"version":3,"sources":["../src/contexts/dialogSurfaceContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type DialogSurfaceContextValue = boolean;\n\nconst defaultContextValue: DialogSurfaceContextValue = false;\n\nexport const DialogSurfaceContext = React.createContext<DialogSurfaceContextValue | undefined>(undefined);\n\nexport const DialogSurfaceProvider = DialogSurfaceContext.Provider;\n\nexport const useDialogSurfaceContext_unstable = () => React.useContext(DialogSurfaceContext) ?? defaultContextValue;\n"],"names":["React","defaultContextValue","DialogSurfaceContext","createContext","undefined","DialogSurfaceProvider","Provider","useDialogSurfaceContext_unstable","useContext"],"rangeMappings":";;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,MAAMC,sBAAiD;AAEvD,OAAO,MAAMC,uBAAuBF,MAAMG,aAAa,CAAwCC,WAAW;AAE1G,OAAO,MAAMC,wBAAwBH,qBAAqBI,QAAQ,CAAC;AAEnE,OAAO,MAAMC,mCAAmC;QAAMP;WAAAA,CAAAA,oBAAAA,MAAMQ,UAAU,CAACN,mCAAjBF,+BAAAA,oBAA0CC;AAAkB,EAAE"}

package/lib/utils/useDisableBodyScroll.js

@@ -1,5 +1,5 @@
+import * as React from 'react';
 import { useFluent_unstable } from '@fluentui/react-shared-contexts';
-import { useCallback } from 'react';
 import { useBodyNoScrollStyles, useHTMLNoScrollStyles } from './useDisableBodyScroll.styles';
 /**
  * @internal
@@ -8,7 +8,7 @@ import { useBodyNoScrollStyles, useHTMLNoScrollStyles } from './useDisableBodySc
     const htmlNoScrollStyles = useHTMLNoScrollStyles();
     const bodyNoScrollStyles = useBodyNoScrollStyles();
     const { targetDocument } = useFluent_unstable();
-    const disableBodyScroll = useCallback(()=>{
+    const disableBodyScroll = React.useCallback(()=>{
         var _targetDocument_defaultView;
         if (!targetDocument) {
             return;
@@ -28,7 +28,7 @@ import { useBodyNoScrollStyles, useHTMLNoScrollStyles } from './useDisableBodySc
         htmlNoScrollStyles,
         bodyNoScrollStyles
     ]);
-    const enableBodyScroll = useCallback(()=>{
+    const enableBodyScroll = React.useCallback(()=>{
         if (!targetDocument) {
             return;
         }

package/lib/utils/useDisableBodyScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/useDisableBodyScroll.ts"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useCallback } from 'react';\n\nimport { useBodyNoScrollStyles, useHTMLNoScrollStyles } from './useDisableBodyScroll.styles';\n\n/**\n * @internal\n * A React *hook* that disables body scrolling through `overflowY: hidden` CSS property\n */\nexport function useDisableBodyScroll(): {\n  disableBodyScroll: () => void;\n  enableBodyScroll: () => void;\n} {\n  const htmlNoScrollStyles = useHTMLNoScrollStyles();\n  const bodyNoScrollStyles = useBodyNoScrollStyles();\n  const { targetDocument } = useFluent_unstable();\n\n  const disableBodyScroll = useCallback(() => {\n    if (!targetDocument) {\n      return;\n    }\n    const isHorizontalScrollbarVisible =\n      // When the window is a fractional height, `innerHeight` always rounds down but `clientHeight` rounds either up or down depending on the value.\n      // To properly compare the body clientHeight to the window innerHeight, manually round down the fractional value to match innerHeight's calculation.\n      Math.floor(targetDocument.body.getBoundingClientRect().height) > (targetDocument.defaultView?.innerHeight ?? 0);\n    if (!isHorizontalScrollbarVisible) {\n      return;\n    }\n    targetDocument.documentElement.classList.add(htmlNoScrollStyles);\n    targetDocument.body.classList.add(bodyNoScrollStyles);\n    return;\n  }, [targetDocument, htmlNoScrollStyles, bodyNoScrollStyles]);\n\n  const enableBodyScroll = useCallback(() => {\n    if (!targetDocument) {\n      return;\n    }\n    targetDocument.documentElement.classList.remove(htmlNoScrollStyles);\n    targetDocument.body.classList.remove(bodyNoScrollStyles);\n  }, [targetDocument, htmlNoScrollStyles, bodyNoScrollStyles]);\n\n  return {\n    disableBodyScroll,\n    enableBodyScroll,\n  };\n}\n"],"names":["useFluent_unstable","useCallback","useBodyNoScrollStyles","useHTMLNoScrollStyles","useDisableBodyScroll","htmlNoScrollStyles","bodyNoScrollStyles","targetDocument","disableBodyScroll","isHorizontalScrollbarVisible","Math","floor","body","getBoundingClientRect","height","defaultView","innerHeight","documentElement","classList","add","enableBodyScroll","remove"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,WAAW,QAAQ,QAAQ;AAEpC,SAASC,qBAAqB,EAAEC,qBAAqB,QAAQ,gCAAgC;AAE7F;;;CAGC,GACD,OAAO,SAASC;IAId,MAAMC,qBAAqBF;IAC3B,MAAMG,qBAAqBJ;IAC3B,MAAM,EAAEK,cAAc,EAAE,GAAGP;IAE3B,MAAMQ,oBAAoBP,YAAY;YAOgCM;QANpE,IAAI,CAACA,gBAAgB;YACnB;QACF;YAIoEA;QAHpE,MAAME,+BACJ,+IAA+I;QAC/I,oJAAoJ;QACpJC,KAAKC,KAAK,CAACJ,eAAeK,IAAI,CAACC,qBAAqB,GAAGC,MAAM,IAAKP,CAAAA,CAAAA,2CAAAA,8BAAAA,eAAeQ,WAAW,cAA1BR,kDAAAA,4BAA4BS,WAAW,cAAvCT,qDAAAA,0CAA2C,CAAA;QAC/G,IAAI,CAACE,8BAA8B;YACjC;QACF;QACAF,eAAeU,eAAe,CAACC,SAAS,CAACC,GAAG,CAACd;QAC7CE,eAAeK,IAAI,CAACM,SAAS,CAACC,GAAG,CAACb;QAClC;IACF,GAAG;QAACC;QAAgBF;QAAoBC;KAAmB;IAE3D,MAAMc,mBAAmBnB,YAAY;QACnC,IAAI,CAACM,gBAAgB;YACnB;QACF;QACAA,eAAeU,eAAe,CAACC,SAAS,CAACG,MAAM,CAAChB;QAChDE,eAAeK,IAAI,CAACM,SAAS,CAACG,MAAM,CAACf;IACvC,GAAG;QAACC;QAAgBF;QAAoBC;KAAmB;IAE3D,OAAO;QACLE;QACAY;IACF;AACF"}
+{"version":3,"sources":["../src/utils/useDisableBodyScroll.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useBodyNoScrollStyles, useHTMLNoScrollStyles } from './useDisableBodyScroll.styles';\n\n/**\n * @internal\n * A React *hook* that disables body scrolling through `overflowY: hidden` CSS property\n */\nexport function useDisableBodyScroll(): {\n  disableBodyScroll: () => void;\n  enableBodyScroll: () => void;\n} {\n  const htmlNoScrollStyles = useHTMLNoScrollStyles();\n  const bodyNoScrollStyles = useBodyNoScrollStyles();\n  const { targetDocument } = useFluent_unstable();\n\n  const disableBodyScroll = React.useCallback(() => {\n    if (!targetDocument) {\n      return;\n    }\n    const isHorizontalScrollbarVisible =\n      // When the window is a fractional height, `innerHeight` always rounds down but `clientHeight` rounds either up or down depending on the value.\n      // To properly compare the body clientHeight to the window innerHeight, manually round down the fractional value to match innerHeight's calculation.\n      Math.floor(targetDocument.body.getBoundingClientRect().height) > (targetDocument.defaultView?.innerHeight ?? 0);\n    if (!isHorizontalScrollbarVisible) {\n      return;\n    }\n    targetDocument.documentElement.classList.add(htmlNoScrollStyles);\n    targetDocument.body.classList.add(bodyNoScrollStyles);\n    return;\n  }, [targetDocument, htmlNoScrollStyles, bodyNoScrollStyles]);\n\n  const enableBodyScroll = React.useCallback(() => {\n    if (!targetDocument) {\n      return;\n    }\n    targetDocument.documentElement.classList.remove(htmlNoScrollStyles);\n    targetDocument.body.classList.remove(bodyNoScrollStyles);\n  }, [targetDocument, htmlNoScrollStyles, bodyNoScrollStyles]);\n\n  return {\n    disableBodyScroll,\n    enableBodyScroll,\n  };\n}\n"],"names":["React","useFluent_unstable","useBodyNoScrollStyles","useHTMLNoScrollStyles","useDisableBodyScroll","htmlNoScrollStyles","bodyNoScrollStyles","targetDocument","disableBodyScroll","useCallback","isHorizontalScrollbarVisible","Math","floor","body","getBoundingClientRect","height","defaultView","innerHeight","documentElement","classList","add","enableBodyScroll","remove"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ,kCAAkC;AAErE,SAASC,qBAAqB,EAAEC,qBAAqB,QAAQ,gCAAgC;AAE7F;;;CAGC,GACD,OAAO,SAASC;IAId,MAAMC,qBAAqBF;IAC3B,MAAMG,qBAAqBJ;IAC3B,MAAM,EAAEK,cAAc,EAAE,GAAGN;IAE3B,MAAMO,oBAAoBR,MAAMS,WAAW,CAAC;YAO0BF;QANpE,IAAI,CAACA,gBAAgB;YACnB;QACF;YAIoEA;QAHpE,MAAMG,+BACJ,+IAA+I;QAC/I,oJAAoJ;QACpJC,KAAKC,KAAK,CAACL,eAAeM,IAAI,CAACC,qBAAqB,GAAGC,MAAM,IAAKR,CAAAA,CAAAA,2CAAAA,8BAAAA,eAAeS,WAAW,cAA1BT,kDAAAA,4BAA4BU,WAAW,cAAvCV,qDAAAA,0CAA2C,CAAA;QAC/G,IAAI,CAACG,8BAA8B;YACjC;QACF;QACAH,eAAeW,eAAe,CAACC,SAAS,CAACC,GAAG,CAACf;QAC7CE,eAAeM,IAAI,CAACM,SAAS,CAACC,GAAG,CAACd;QAClC;IACF,GAAG;QAACC;QAAgBF;QAAoBC;KAAmB;IAE3D,MAAMe,mBAAmBrB,MAAMS,WAAW,CAAC;QACzC,IAAI,CAACF,gBAAgB;YACnB;QACF;QACAA,eAAeW,eAAe,CAACC,SAAS,CAACG,MAAM,CAACjB;QAChDE,eAAeM,IAAI,CAACM,SAAS,CAACG,MAAM,CAAChB;IACvC,GAAG;QAACC;QAAgBF;QAAoBC;KAAmB;IAE3D,OAAO;QACLE;QACAa;IACF;AACF"}

package/lib-commonjs/components/DialogBackdropMotion.js

@@ -8,26 +8,5 @@ Object.defineProperty(exports, "DialogBackdropMotion", {
         return DialogBackdropMotion;
     }
 });
-const _reactmotion = require("@fluentui/react-motion");
-const keyframes = [
-    {
-        opacity: 0
-    },
-    {
-        opacity: 1
-    }
-];
-const DialogBackdropMotion = (0, _reactmotion.createPresenceComponent)({
-    enter: {
-        keyframes,
-        easing: _reactmotion.motionTokens.curveLinear,
-        duration: _reactmotion.motionTokens.durationGentle
-    },
-    exit: {
-        keyframes: [
-            ...keyframes
-        ].reverse(),
-        easing: _reactmotion.motionTokens.curveLinear,
-        duration: _reactmotion.motionTokens.durationGentle
-    }
-});
+const _reactmotioncomponentspreview = require("@fluentui/react-motion-components-preview");
+const DialogBackdropMotion = _reactmotioncomponentspreview.FadeRelaxed;

package/lib-commonjs/components/DialogBackdropMotion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DialogBackdropMotion.ts"],"sourcesContent":["import { createPresenceComponent, motionTokens } from '@fluentui/react-motion';\n\nconst keyframes = [{ opacity: 0 }, { opacity: 1 }];\n\nexport const DialogBackdropMotion = createPresenceComponent({\n  enter: {\n    keyframes,\n    easing: motionTokens.curveLinear,\n    duration: motionTokens.durationGentle,\n  },\n  exit: {\n    keyframes: [...keyframes].reverse(),\n    easing: motionTokens.curveLinear,\n    duration: motionTokens.durationGentle,\n  },\n});\n"],"names":["DialogBackdropMotion","keyframes","opacity","createPresenceComponent","enter","easing","motionTokens","curveLinear","duration","durationGentle","exit","reverse"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;6BAJyC;AAEtD,MAAMC,YAAY;IAAC;QAAEC,SAAS;IAAE;IAAG;QAAEA,SAAS;IAAE;CAAE;AAE3C,MAAMF,uBAAuBG,IAAAA,oCAAAA,EAAwB;IAC1DC,OAAO;QACLH;QACAI,QAAQC,yBAAAA,CAAaC,WAAW;QAChCC,UAAUF,yBAAAA,CAAaG,cAAc;IACvC;IACAC,MAAM;QACJT,WAAW;eAAIA;SAAU,CAACU,OAAO;QACjCN,QAAQC,yBAAAA,CAAaC,WAAW;QAChCC,UAAUF,yBAAAA,CAAaG,cAAc;IACvC;AACF"}
+{"version":3,"sources":["../src/components/DialogBackdropMotion.ts"],"sourcesContent":["import { FadeRelaxed } from '@fluentui/react-motion-components-preview';\n\nexport const DialogBackdropMotion = FadeRelaxed;\n"],"names":["DialogBackdropMotion","FadeRelaxed"],"rangeMappings":";;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;8CAFe;AAErB,MAAMA,uBAAuBC,yCAAAA"}

package/lib-commonjs/contexts/dialogSurfaceContext.js

@@ -19,11 +19,12 @@ _export(exports, {
         return useDialogSurfaceContext_unstable;
     }
 });
-const _react = require("react");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const defaultContextValue = false;
-const DialogSurfaceContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
+const DialogSurfaceContext = /*#__PURE__*/ _react.createContext(undefined);
 const DialogSurfaceProvider = DialogSurfaceContext.Provider;
 const useDialogSurfaceContext_unstable = ()=>{
-    var _useContext;
-    return (_useContext = (0, _react.useContext)(DialogSurfaceContext)) !== null && _useContext !== void 0 ? _useContext : defaultContextValue;
+    var _React_useContext;
+    return (_React_useContext = _react.useContext(DialogSurfaceContext)) !== null && _React_useContext !== void 0 ? _React_useContext : defaultContextValue;
 };

package/lib-commonjs/contexts/dialogSurfaceContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/contexts/dialogSurfaceContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type DialogSurfaceContextValue = boolean;\n\nconst defaultContextValue: DialogSurfaceContextValue = false;\n\nexport const DialogSurfaceContext = createContext<DialogSurfaceContextValue | undefined>(undefined);\n\nexport const DialogSurfaceProvider = DialogSurfaceContext.Provider;\n\nexport const useDialogSurfaceContext_unstable = () => useContext(DialogSurfaceContext) ?? defaultContextValue;\n"],"names":["DialogSurfaceContext","DialogSurfaceProvider","useDialogSurfaceContext_unstable","defaultContextValue","createContext","undefined","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,oBAAAA;eAAAA;;IAEAC,qBAAAA;eAAAA;;IAEAC,gCAAAA;eAAAA;;;uBAV6B;AAI1C,MAAMC,sBAAiD;AAEhD,MAAMH,qCAAuBI,IAAAA,oBAAAA,EAAqDC;AAElF,MAAMJ,wBAAwBD,qBAAqBM,QAAQ;AAE3D,MAAMJ,mCAAmC;QAAMK;WAAAA,CAAAA,cAAAA,IAAAA,iBAAAA,EAAWP,qBAAAA,MAAAA,QAAXO,gBAAAA,KAAAA,IAAAA,cAAoCJ;AAAkB"}
+{"version":3,"sources":["../src/contexts/dialogSurfaceContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type DialogSurfaceContextValue = boolean;\n\nconst defaultContextValue: DialogSurfaceContextValue = false;\n\nexport const DialogSurfaceContext = React.createContext<DialogSurfaceContextValue | undefined>(undefined);\n\nexport const DialogSurfaceProvider = DialogSurfaceContext.Provider;\n\nexport const useDialogSurfaceContext_unstable = () => React.useContext(DialogSurfaceContext) ?? defaultContextValue;\n"],"names":["DialogSurfaceContext","DialogSurfaceProvider","useDialogSurfaceContext_unstable","defaultContextValue","React","createContext","undefined","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,oBAAAA;eAAAA;;IAEAC,qBAAAA;eAAAA;;IAEAC,gCAAAA;eAAAA;;;;iEAVU;AAIvB,MAAMC,sBAAiD;AAEhD,MAAMH,qCAAuBI,OAAMC,aAAa,CAAwCC;AAExF,MAAML,wBAAwBD,qBAAqBO,QAAQ;AAE3D,MAAML,mCAAmC;QAAME;WAAAA,CAAAA,oBAAAA,OAAMI,UAAU,CAACR,qBAAAA,MAAAA,QAAjBI,sBAAAA,KAAAA,IAAAA,oBAA0CD;AAAkB"}

package/lib-commonjs/utils/useDisableBodyScroll.js

@@ -8,14 +8,15 @@ Object.defineProperty(exports, "useDisableBodyScroll", {
         return useDisableBodyScroll;
     }
 });
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _react = require("react");
 const _useDisableBodyScrollstyles = require("./useDisableBodyScroll.styles");
 function useDisableBodyScroll() {
     const htmlNoScrollStyles = (0, _useDisableBodyScrollstyles.useHTMLNoScrollStyles)();
     const bodyNoScrollStyles = (0, _useDisableBodyScrollstyles.useBodyNoScrollStyles)();
     const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
-    const disableBodyScroll = (0, _react.useCallback)(()=>{
+    const disableBodyScroll = _react.useCallback(()=>{
         var _targetDocument_defaultView;
         if (!targetDocument) {
             return;
@@ -34,7 +35,7 @@ function useDisableBodyScroll() {
         htmlNoScrollStyles,
         bodyNoScrollStyles
     ]);
-    const enableBodyScroll = (0, _react.useCallback)(()=>{
+    const enableBodyScroll = _react.useCallback(()=>{
         if (!targetDocument) {
             return;
         }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/useDisableBodyScroll.ts"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useCallback } from 'react';\n\nimport { useBodyNoScrollStyles, useHTMLNoScrollStyles } from './useDisableBodyScroll.styles';\n\n/**\n * @internal\n * A React *hook* that disables body scrolling through `overflowY: hidden` CSS property\n */\nexport function useDisableBodyScroll(): {\n  disableBodyScroll: () => void;\n  enableBodyScroll: () => void;\n} {\n  const htmlNoScrollStyles = useHTMLNoScrollStyles();\n  const bodyNoScrollStyles = useBodyNoScrollStyles();\n  const { targetDocument } = useFluent_unstable();\n\n  const disableBodyScroll = useCallback(() => {\n    if (!targetDocument) {\n      return;\n    }\n    const isHorizontalScrollbarVisible =\n      // When the window is a fractional height, `innerHeight` always rounds down but `clientHeight` rounds either up or down depending on the value.\n      // To properly compare the body clientHeight to the window innerHeight, manually round down the fractional value to match innerHeight's calculation.\n      Math.floor(targetDocument.body.getBoundingClientRect().height) > (targetDocument.defaultView?.innerHeight ?? 0);\n    if (!isHorizontalScrollbarVisible) {\n      return;\n    }\n    targetDocument.documentElement.classList.add(htmlNoScrollStyles);\n    targetDocument.body.classList.add(bodyNoScrollStyles);\n    return;\n  }, [targetDocument, htmlNoScrollStyles, bodyNoScrollStyles]);\n\n  const enableBodyScroll = useCallback(() => {\n    if (!targetDocument) {\n      return;\n    }\n    targetDocument.documentElement.classList.remove(htmlNoScrollStyles);\n    targetDocument.body.classList.remove(bodyNoScrollStyles);\n  }, [targetDocument, htmlNoScrollStyles, bodyNoScrollStyles]);\n\n  return {\n    disableBodyScroll,\n    enableBodyScroll,\n  };\n}\n"],"names":["useDisableBodyScroll","htmlNoScrollStyles","useHTMLNoScrollStyles","bodyNoScrollStyles","useBodyNoScrollStyles","targetDocument","useFluent_unstable","disableBodyScroll","useCallback","isHorizontalScrollbarVisible","Math","floor","body","getBoundingClientRect","height","defaultView","innerHeight","documentElement","classList","add","enableBodyScroll","remove"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASgBA;;;eAAAA;;;qCATmB;uBACP;4CAEiC;AAMtD,SAASA;IAId,MAAMC,qBAAqBC,IAAAA,iDAAAA;IAC3B,MAAMC,qBAAqBC,IAAAA,iDAAAA;IAC3B,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAAA;IAE3B,MAAMC,oBAAoBC,IAAAA,kBAAAA,EAAY;YAOgCH;QANpE,IAAI,CAACA,gBAAgB;YACnB;QACF;YAIoEA;QAHpE,MAAMI,+BAEJ,oJAAoJ;QACpJC,KAAKC,KAAK,CAACN,eAAeO,IAAI,CAACC,qBAAqB,GAAGC,MAAM,IAAKT,CAAAA,CAAAA,0CAAAA,CAAAA,8BAAAA,eAAeU,WAAW,AAAXA,MAAW,QAA1BV,gCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,4BAA4BW,WAAW,AAAXA,MAAW,QAAvCX,4CAAAA,KAAAA,IAAAA,0CAA2C,CAAA;QAC/G,IAAI,CAACI,8BAA8B;YACjC;QACF;QACAJ,eAAeY,eAAe,CAACC,SAAS,CAACC,GAAG,CAAClB;QAC7CI,eAAeO,IAAI,CAACM,SAAS,CAACC,GAAG,CAAChB;QAClC;IACF,GAAG;QAACE;QAAgBJ;QAAoBE;KAAmB;IAE3D,MAAMiB,mBAAmBZ,IAAAA,kBAAAA,EAAY;QACnC,IAAI,CAACH,gBAAgB;YACnB;QACF;QACAA,eAAeY,eAAe,CAACC,SAAS,CAACG,MAAM,CAACpB;QAChDI,eAAeO,IAAI,CAACM,SAAS,CAACG,MAAM,CAAClB;IACvC,GAAG;QAACE;QAAgBJ;QAAoBE;KAAmB;IAE3D,OAAO;QACLI;QACAa;IACF;AACF"}
+{"version":3,"sources":["../src/utils/useDisableBodyScroll.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useBodyNoScrollStyles, useHTMLNoScrollStyles } from './useDisableBodyScroll.styles';\n\n/**\n * @internal\n * A React *hook* that disables body scrolling through `overflowY: hidden` CSS property\n */\nexport function useDisableBodyScroll(): {\n  disableBodyScroll: () => void;\n  enableBodyScroll: () => void;\n} {\n  const htmlNoScrollStyles = useHTMLNoScrollStyles();\n  const bodyNoScrollStyles = useBodyNoScrollStyles();\n  const { targetDocument } = useFluent_unstable();\n\n  const disableBodyScroll = React.useCallback(() => {\n    if (!targetDocument) {\n      return;\n    }\n    const isHorizontalScrollbarVisible =\n      // When the window is a fractional height, `innerHeight` always rounds down but `clientHeight` rounds either up or down depending on the value.\n      // To properly compare the body clientHeight to the window innerHeight, manually round down the fractional value to match innerHeight's calculation.\n      Math.floor(targetDocument.body.getBoundingClientRect().height) > (targetDocument.defaultView?.innerHeight ?? 0);\n    if (!isHorizontalScrollbarVisible) {\n      return;\n    }\n    targetDocument.documentElement.classList.add(htmlNoScrollStyles);\n    targetDocument.body.classList.add(bodyNoScrollStyles);\n    return;\n  }, [targetDocument, htmlNoScrollStyles, bodyNoScrollStyles]);\n\n  const enableBodyScroll = React.useCallback(() => {\n    if (!targetDocument) {\n      return;\n    }\n    targetDocument.documentElement.classList.remove(htmlNoScrollStyles);\n    targetDocument.body.classList.remove(bodyNoScrollStyles);\n  }, [targetDocument, htmlNoScrollStyles, bodyNoScrollStyles]);\n\n  return {\n    disableBodyScroll,\n    enableBodyScroll,\n  };\n}\n"],"names":["useDisableBodyScroll","htmlNoScrollStyles","useHTMLNoScrollStyles","bodyNoScrollStyles","useBodyNoScrollStyles","targetDocument","useFluent_unstable","disableBodyScroll","React","useCallback","isHorizontalScrollbarVisible","Math","floor","body","getBoundingClientRect","height","defaultView","innerHeight","documentElement","classList","add","enableBodyScroll","remove"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASgBA;;;eAAAA;;;;iEATO;qCACY;4CAE0B;AAMtD,SAASA;IAId,MAAMC,qBAAqBC,IAAAA,iDAAAA;IAC3B,MAAMC,qBAAqBC,IAAAA,iDAAAA;IAC3B,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAAA;IAE3B,MAAMC,oBAAoBC,OAAMC,WAAW,CAAC;YAO0BJ;QANpE,IAAI,CAACA,gBAAgB;YACnB;QACF;YAIoEA;QAHpE,MAAMK,+BAEJ,oJAAoJ;QACpJC,KAAKC,KAAK,CAACP,eAAeQ,IAAI,CAACC,qBAAqB,GAAGC,MAAM,IAAKV,CAAAA,CAAAA,0CAAAA,CAAAA,8BAAAA,eAAeW,WAAW,AAAXA,MAAW,QAA1BX,gCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,4BAA4BY,WAAW,AAAXA,MAAW,QAAvCZ,4CAAAA,KAAAA,IAAAA,0CAA2C,CAAA;QAC/G,IAAI,CAACK,8BAA8B;YACjC;QACF;QACAL,eAAea,eAAe,CAACC,SAAS,CAACC,GAAG,CAACnB;QAC7CI,eAAeQ,IAAI,CAACM,SAAS,CAACC,GAAG,CAACjB;QAClC;IACF,GAAG;QAACE;QAAgBJ;QAAoBE;KAAmB;IAE3D,MAAMkB,mBAAmBb,OAAMC,WAAW,CAAC;QACzC,IAAI,CAACJ,gBAAgB;YACnB;QACF;QACAA,eAAea,eAAe,CAACC,SAAS,CAACG,MAAM,CAACrB;QAChDI,eAAeQ,IAAI,CAACM,SAAS,CAACG,MAAM,CAACnB;IACvC,GAAG;QAACE;QAAgBJ;QAAoBE;KAAmB;IAE3D,OAAO;QACLI;QACAc;IACF;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-dialog",
-  "version": "9.11.20",
+  "version": "9.11.22",
   "description": "Dialog component for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,7 +28,8 @@
     "@fluentui/react-jsx-runtime": "^9.0.46",
     "@fluentui/keyboard-keys": "^9.0.8",
     "@fluentui/react-context-selector": "^9.1.69",
-    "@fluentui/react-motion": "^9.6.1",
+    "@fluentui/react-motion": "^9.6.2",
+    "@fluentui/react-motion-components-preview": "^0.3.1",
     "@fluentui/react-shared-contexts": "^9.21.0",
     "@fluentui/react-aria": "^9.13.9",
     "@fluentui/react-icons": "^2.0.245",