@fluentui/react-dialog 9.11.3 → 9.11.4

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

@@ -1 +1 @@
-{"version":3,"sources":["useDisableBodyScroll.js"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useCallback } from 'react';\nimport { useBodyNoScrollStyles, useHTMLNoScrollStyles } from './useDisableBodyScroll.styles';\n/**\n * @internal\n * A React *hook* that disables body scrolling through `overflowY: hidden` CSS property\n */ export function useDisableBodyScroll() {\n    const htmlNoScrollStyles = useHTMLNoScrollStyles();\n    const bodyNoScrollStyles = useBodyNoScrollStyles();\n    const { targetDocument } = useFluent_unstable();\n    const disableBodyScroll = useCallback(()=>{\n        var _targetDocument_defaultView;\n        if (!targetDocument) {\n            return;\n        }\n        var _targetDocument_defaultView_innerHeight;\n        const isHorizontalScrollbarVisible = targetDocument.body.clientHeight > ((_targetDocument_defaultView_innerHeight = (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.innerHeight) !== null && _targetDocument_defaultView_innerHeight !== void 0 ? _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    }, [\n        targetDocument,\n        htmlNoScrollStyles,\n        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    }, [\n        targetDocument,\n        htmlNoScrollStyles,\n        bodyNoScrollStyles\n    ]);\n    return {\n        disableBodyScroll,\n        enableBodyScroll\n    };\n}\n"],"names":["useDisableBodyScroll","htmlNoScrollStyles","useHTMLNoScrollStyles","bodyNoScrollStyles","useBodyNoScrollStyles","targetDocument","useFluent_unstable","disableBodyScroll","useCallback","_targetDocument_defaultView","_targetDocument_defaultView_innerHeight","isHorizontalScrollbarVisible","body","clientHeight","defaultView","innerHeight","documentElement","classList","add","enableBodyScroll","remove"],"mappings":";;;;+BAMoBA;;;eAAAA;;;qCANe;uBACP;4CACiC;AAIlD,SAASA;IAChB,MAAMC,qBAAqBC,IAAAA,iDAAqB;IAChD,MAAMC,qBAAqBC,IAAAA,iDAAqB;IAChD,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,+BAA+BN,eAAeO,IAAI,CAACC,YAAY,GAAI,CAAA,AAACH,CAAAA,0CAA0C,AAACD,CAAAA,8BAA8BJ,eAAeS,WAAW,AAAD,MAAO,QAAQL,gCAAgC,KAAK,IAAI,KAAK,IAAIA,4BAA4BM,WAAW,AAAD,MAAO,QAAQL,4CAA4C,KAAK,IAAIA,0CAA0C,CAAA;QACjY,IAAI,CAACC,8BAA8B;YAC/B;QACJ;QACAN,eAAeW,eAAe,CAACC,SAAS,CAACC,GAAG,CAACjB;QAC7CI,eAAeO,IAAI,CAACK,SAAS,CAACC,GAAG,CAACf;QAClC;IACJ,GAAG;QACCE;QACAJ;QACAE;KACH;IACD,MAAMgB,mBAAmBX,IAAAA,kBAAW,EAAC;QACjC,IAAI,CAACH,gBAAgB;YACjB;QACJ;QACAA,eAAeW,eAAe,CAACC,SAAS,CAACG,MAAM,CAACnB;QAChDI,eAAeO,IAAI,CAACK,SAAS,CAACG,MAAM,CAACjB;IACzC,GAAG;QACCE;QACAJ;QACAE;KACH;IACD,OAAO;QACHI;QACAY;IACJ;AACJ"}
+{"version":3,"sources":["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      targetDocument.body.clientHeight > (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","body","clientHeight","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;YAKEH;QAJtC,IAAI,CAACA,gBAAgB;YACnB;QACF;YAEsCA;QADtC,MAAMI,+BACJJ,eAAeK,IAAI,CAACC,YAAY,GAAIN,CAAAA,CAAAA,0CAAAA,CAAAA,8BAAAA,eAAeO,WAAW,AAAXA,MAAW,QAA1BP,gCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,4BAA4BQ,WAAW,AAAXA,MAAW,QAAvCR,4CAAAA,KAAAA,IAAAA,0CAA2C,CAAA;QACjF,IAAI,CAACI,8BAA8B;YACjC;QACF;QACAJ,eAAeS,eAAe,CAACC,SAAS,CAACC,GAAG,CAACf;QAC7CI,eAAeK,IAAI,CAACK,SAAS,CAACC,GAAG,CAACb;QAClC;IACF,GAAG;QAACE;QAAgBJ;QAAoBE;KAAmB;IAE3D,MAAMc,mBAAmBT,IAAAA,kBAAAA,EAAY;QACnC,IAAI,CAACH,gBAAgB;YACnB;QACF;QACAA,eAAeS,eAAe,CAACC,SAAS,CAACG,MAAM,CAACjB;QAChDI,eAAeK,IAAI,CAACK,SAAS,CAACG,MAAM,CAACf;IACvC,GAAG;QAACE;QAAgBJ;QAAoBE;KAAmB;IAE3D,OAAO;QACLI;QACAU;IACF;AACF"}

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

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    useHTMLNoScrollStyles: function() {
-        return useHTMLNoScrollStyles;
-    },
     useBodyNoScrollStyles: function() {
         return useBodyNoScrollStyles;
+    },
+    useHTMLNoScrollStyles: function() {
+        return useHTMLNoScrollStyles;
     }
 });
 const _react = require("@griffel/react");

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

@@ -1 +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;}\"]);\nexport const useBodyNoScrollStyles = /*#__PURE__*/__resetStyles(\"r144vlu9\", null, [\".r144vlu9{overflow-y:hidden;}\"]);\n//# sourceMappingURL=useDisableBodyScroll.styles.js.map"],"names":["useHTMLNoScrollStyles","useBodyNoScrollStyles","__resetStyles"],"mappings":";;;;;;;;;;;IAEaA,qBAAqB;eAArBA;;IACAC,qBAAqB;eAArBA;;;uBAHiB;AAEvB,MAAMD,wBAAwB,WAAW,GAAEE,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAAuE;AAClJ,MAAMD,wBAAwB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,MAAM;IAAC;CAAgC,GACnH,uDAAuD"}
+{"version":3,"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});\nexport const useBodyNoScrollStyles = makeResetStyles({\n    overflowY: 'hidden'\n});\n"],"names":["useBodyNoScrollStyles","useHTMLNoScrollStyles","__resetStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IASaA,qBAAqB;eAArBA;;IAPAC,qBAAqB;eAArBA;;;uBAFmB;AAEzB,MAAMA,wBAAqB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,WAAA,MAAA;IAAA;CAMpC;AACM,MAAMF,wBAAqB,WAAA,GAAGE,IAAAA,oBAAA,EAAA,YAAA,MAAA;IAAA;CAEpC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useFocusFirstElement.js"],"sourcesContent":["import * as React from 'react';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Focus first element on content when dialog is opened,\n */ export function useFocusFirstElement(open, modalType) {\n    const { findFirstFocusable } = useFocusFinders();\n    const { targetDocument } = useFluent_unstable();\n    const dialogRef = React.useRef(null);\n    React.useEffect(()=>{\n        if (!open) {\n            return;\n        }\n        const element = dialogRef.current && findFirstFocusable(dialogRef.current);\n        if (element) {\n            element.focus();\n        } else {\n            var _dialogRef_current;\n            (_dialogRef_current = dialogRef.current) === null || _dialogRef_current === void 0 ? void 0 : _dialogRef_current.focus(); // https://github.com/microsoft/fluentui/issues/25150\n            if (process.env.NODE_ENV === 'development') {\n                // eslint-disable-next-line no-console\n                console.warn(`@fluentui/react-dialog [useFocusFirstElement]:\nA Dialog should have at least one focusable element inside DialogSurface.\nPlease add at least a close button either on \\`DialogTitle\\` action slot or inside \\`DialogActions\\``);\n            }\n        }\n    }, [\n        findFirstFocusable,\n        open,\n        modalType,\n        targetDocument\n    ]);\n    return dialogRef;\n}\n"],"names":["useFocusFirstElement","open","modalType","findFirstFocusable","useFocusFinders","targetDocument","useFluent_unstable","dialogRef","React","useRef","useEffect","element","current","focus","_dialogRef_current","process","env","NODE_ENV","console","warn"],"mappings":";;;;+BAKoBA;;;eAAAA;;;;iEALG;8BACS;qCACG;AAGxB,SAASA,qBAAqBC,IAAI,EAAEC,SAAS;IACpD,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,IAAAA,6BAAe;IAC9C,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAkB;IAC7C,MAAMC,YAAYC,OAAMC,MAAM,CAAC;IAC/BD,OAAME,SAAS,CAAC;QACZ,IAAI,CAACT,MAAM;YACP;QACJ;QACA,MAAMU,UAAUJ,UAAUK,OAAO,IAAIT,mBAAmBI,UAAUK,OAAO;QACzE,IAAID,SAAS;YACTA,QAAQE,KAAK;QACjB,OAAO;YACH,IAAIC;YACHA,CAAAA,qBAAqBP,UAAUK,OAAO,AAAD,MAAO,QAAQE,uBAAuB,KAAK,IAAI,KAAK,IAAIA,mBAAmBD,KAAK,IAAI,qDAAqD;YAC/K,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;gBACxC,sCAAsC;gBACtCC,QAAQC,IAAI,CAAC,CAAC;;oGAEsE,CAAC;YACzF;QACJ;IACJ,GAAG;QACChB;QACAF;QACAC;QACAG;KACH;IACD,OAAOE;AACX"}
+{"version":3,"sources":["useFocusFirstElement.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport type { DialogSurfaceElement } from '../DialogSurface';\nimport type { DialogModalType } from '../Dialog';\n\n/**\n * Focus first element on content when dialog is opened,\n */\nexport function useFocusFirstElement(open: boolean, modalType: DialogModalType) {\n  const { findFirstFocusable } = useFocusFinders();\n  const { targetDocument } = useFluent_unstable();\n  const dialogRef = React.useRef<DialogSurfaceElement>(null);\n\n  React.useEffect(() => {\n    if (!open) {\n      return;\n    }\n    const element = dialogRef.current && findFirstFocusable(dialogRef.current);\n    if (element) {\n      element.focus();\n    } else {\n      dialogRef.current?.focus(); // https://github.com/microsoft/fluentui/issues/25150\n      if (process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.warn(/** #__DE-INDENT__ */ `\n          @fluentui/react-dialog [useFocusFirstElement]:\n          A Dialog should have at least one focusable element inside DialogSurface.\n          Please add at least a close button either on \\`DialogTitle\\` action slot or inside \\`DialogActions\\`\n        `);\n      }\n    }\n  }, [findFirstFocusable, open, modalType, targetDocument]);\n\n  return dialogRef;\n}\n"],"names":["useFocusFirstElement","open","modalType","findFirstFocusable","useFocusFinders","targetDocument","useFluent_unstable","dialogRef","React","useRef","useEffect","element","current","focus","process","env","NODE_ENV","console","warn"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASgBA;;;eAAAA;;;;iEATO;8BACS;qCACG;AAO5B,SAASA,qBAAqBC,IAAa,EAAEC,SAA0B;IAC5E,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,IAAAA,6BAAAA;IAC/B,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAAA;IAC3B,MAAMC,YAAYC,OAAMC,MAAM,CAAuB;IAErDD,OAAME,SAAS,CAAC;QACd,IAAI,CAACT,MAAM;YACT;QACF;QACA,MAAMU,UAAUJ,UAAUK,OAAO,IAAIT,mBAAmBI,UAAUK,OAAO;QACzE,IAAID,SAAS;YACXA,QAAQE,KAAK;QACf,OAAO;gBACLN;YAAAA,CAAAA,qBAAAA,UAAUK,OAAO,AAAPA,MAAO,QAAjBL,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAmBM,KAAK,IAAI,qDAAqD;YACjF,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;gBAC1C,sCAAsC;gBACtCC,QAAQC,IAAI,CAAuB,CAAC;;oGAIpC,CAAC;YACH;QACF;IACF,GAAG;QAACf;QAAoBF;QAAMC;QAAWG;KAAe;IAExD,OAAOE;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-dialog",
-  "version": "9.11.3",
+  "version": "9.11.4",
   "description": "Dialog component for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -44,7 +44,7 @@
     "@fluentui/react-jsx-runtime": "^9.0.40",
     "@fluentui/keyboard-keys": "^9.0.7",
     "@fluentui/react-context-selector": "^9.1.63",
-    "@fluentui/react-motion": "^9.2.1",
+    "@fluentui/react-motion": "^9.2.2",
     "@fluentui/react-shared-contexts": "^9.19.0",
     "@fluentui/react-aria": "^9.13.0",
     "@fluentui/react-icons": "^2.0.245",