@fluentui/react-dialog 9.5.8 → 9.5.9

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/utils/useDisableBodyScroll.js"],"sourcesContent":["var _element, _disableScrollElementProp;\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useCallback } from 'react';\nconst disableScrollElementProp = '__fluentDisableScrollElement';\n/**\n * hook that disables body scrolling through `overflow: hidden` CSS property\n */\nexport function useDisableBodyScroll() {\n  const {\n    targetDocument\n  } = useFluent_unstable();\n  return useCallback(() => {\n    if (targetDocument) {\n      return disableScroll(targetDocument.body);\n    }\n  }, [targetDocument]);\n}\n/**\n * disables scrolling from a given element through `overflow: hidden` CSS property\n * @param target - element to disable scrolling from\n * @returns a method for enabling scrolling again\n */\nexport function disableScroll(target) {\n  var _target_ownerDocument_defaultView;\n  const {\n    clientWidth\n  } = target.ownerDocument.documentElement;\n  var _target_ownerDocument_defaultView_innerWidth;\n  const innerWidth = (_target_ownerDocument_defaultView_innerWidth = (_target_ownerDocument_defaultView = target.ownerDocument.defaultView) === null || _target_ownerDocument_defaultView === void 0 ? void 0 : _target_ownerDocument_defaultView.innerWidth) !== null && _target_ownerDocument_defaultView_innerWidth !== void 0 ? _target_ownerDocument_defaultView_innerWidth : 0;\n  assertIsDisableScrollElement(target);\n  if (target[disableScrollElementProp].count === 0) {\n    target.style.overflow = 'hidden';\n    target.style.paddingRight = `${innerWidth - clientWidth}px`;\n  }\n  target[disableScrollElementProp].count++;\n  return () => {\n    target[disableScrollElementProp].count--;\n    if (target[disableScrollElementProp].count === 0) {\n      target.style.overflow = target[disableScrollElementProp].previousOverflowStyle;\n      target.style.paddingRight = target[disableScrollElementProp].previousPaddingRightStyle;\n    }\n  };\n}\nfunction assertIsDisableScrollElement(element) {\n  var _;\n  (_ = (_element = element)[_disableScrollElementProp = disableScrollElementProp]) !== null && _ !== void 0 ? _ : _element[_disableScrollElementProp] = {\n    count: 0,\n    previousOverflowStyle: element.style.overflow,\n    previousPaddingRightStyle: element.style.paddingRight\n  };\n}\n//# sourceMappingURL=useDisableBodyScroll.js.map"],"names":["useDisableBodyScroll","disableScroll","_element","_disableScrollElementProp","disableScrollElementProp","targetDocument","useFluent_unstable","useCallback","body","target","_target_ownerDocument_defaultView","clientWidth","ownerDocument","documentElement","_target_ownerDocument_defaultView_innerWidth","innerWidth","defaultView","assertIsDisableScrollElement","count","style","overflow","paddingRight","previousOverflowStyle","previousPaddingRightStyle","element","_"],"mappings":";;;;;;;;;;;IAOgBA,oBAAoB,MAApBA;IAeAC,aAAa,MAAbA;;qCArBmB;uBACP;AAF5B,IAAIC,UAAUC;AAGd,MAAMC,2BAA2B;AAI1B,SAASJ,uBAAuB;IACrC,MAAM,EACJK,eAAc,EACf,GAAGC,IAAAA,uCAAkB;IACtB,OAAOC,IAAAA,kBAAW,EAAC,IAAM;QACvB,IAAIF,gBAAgB;YAClB,OAAOJ,cAAcI,eAAeG,IAAI;QAC1C,CAAC;IACH,GAAG;QAACH;KAAe;AACrB;AAMO,SAASJ,cAAcQ,MAAM,EAAE;IACpC,IAAIC;IACJ,MAAM,EACJC,YAAW,EACZ,GAAGF,OAAOG,aAAa,CAACC,eAAe;IACxC,IAAIC;IACJ,MAAMC,aAAa,AAACD,CAAAA,+CAA+C,AAACJ,CAAAA,oCAAoCD,OAAOG,aAAa,CAACI,WAAW,AAAD,MAAO,IAAI,IAAIN,sCAAsC,KAAK,IAAI,KAAK,IAAIA,kCAAkCK,UAAU,AAAD,MAAO,IAAI,IAAID,iDAAiD,KAAK,IAAIA,+CAA+C,CAAC;IAClXG,6BAA6BR;IAC7B,IAAIA,MAAM,CAACL,yBAAyB,CAACc,KAAK,KAAK,GAAG;QAChDT,OAAOU,KAAK,CAACC,QAAQ,GAAG;QACxBX,OAAOU,KAAK,CAACE,YAAY,GAAG,CAAC,EAAEN,aAAaJ,YAAY,EAAE,CAAC;IAC7D,CAAC;IACDF,MAAM,CAACL,yBAAyB,CAACc,KAAK;IACtC,OAAO,IAAM;QACXT,MAAM,CAACL,yBAAyB,CAACc,KAAK;QACtC,IAAIT,MAAM,CAACL,yBAAyB,CAACc,KAAK,KAAK,GAAG;YAChDT,OAAOU,KAAK,CAACC,QAAQ,GAAGX,MAAM,CAACL,yBAAyB,CAACkB,qBAAqB;YAC9Eb,OAAOU,KAAK,CAACE,YAAY,GAAGZ,MAAM,CAACL,yBAAyB,CAACmB,yBAAyB;QACxF,CAAC;IACH;AACF;AACA,SAASN,6BAA6BO,OAAO,EAAE;IAC7C,IAAIC;IACHA,CAAAA,IAAI,AAACvB,CAAAA,WAAWsB,OAAM,CAAE,CAACrB,4BAA4BC,yBAAyB,AAAD,MAAO,IAAI,IAAIqB,MAAM,KAAK,IAAIA,IAAIvB,QAAQ,CAACC,0BAA0B,GAAG;QACpJe,OAAO;QACPI,uBAAuBE,QAAQL,KAAK,CAACC,QAAQ;QAC7CG,2BAA2BC,QAAQL,KAAK,CAACE,YAAY;IACvD,CAAC;AACH,EACA,gDAAgD"}
+{"version":3,"sources":["useDisableBodyScroll.js"],"sourcesContent":["var _element, _disableScrollElementProp;\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useCallback } from 'react';\nconst disableScrollElementProp = '__fluentDisableScrollElement';\n/**\n * hook that disables body scrolling through `overflow: hidden` CSS property\n */ export function useDisableBodyScroll() {\n    const { targetDocument  } = useFluent_unstable();\n    return useCallback(()=>{\n        if (targetDocument) {\n            return disableScroll(targetDocument.body);\n        }\n    }, [\n        targetDocument\n    ]);\n}\n/**\n * disables scrolling from a given element through `overflow: hidden` CSS property\n * @param target - element to disable scrolling from\n * @returns a method for enabling scrolling again\n */ export function disableScroll(target) {\n    var _target_ownerDocument_defaultView;\n    const { clientWidth  } = target.ownerDocument.documentElement;\n    var _target_ownerDocument_defaultView_innerWidth;\n    const innerWidth = (_target_ownerDocument_defaultView_innerWidth = (_target_ownerDocument_defaultView = target.ownerDocument.defaultView) === null || _target_ownerDocument_defaultView === void 0 ? void 0 : _target_ownerDocument_defaultView.innerWidth) !== null && _target_ownerDocument_defaultView_innerWidth !== void 0 ? _target_ownerDocument_defaultView_innerWidth : 0;\n    assertIsDisableScrollElement(target);\n    if (target[disableScrollElementProp].count === 0) {\n        target.style.overflow = 'hidden';\n        target.style.paddingRight = `${innerWidth - clientWidth}px`;\n    }\n    target[disableScrollElementProp].count++;\n    return ()=>{\n        target[disableScrollElementProp].count--;\n        if (target[disableScrollElementProp].count === 0) {\n            target.style.overflow = target[disableScrollElementProp].previousOverflowStyle;\n            target.style.paddingRight = target[disableScrollElementProp].previousPaddingRightStyle;\n        }\n    };\n}\nfunction assertIsDisableScrollElement(element) {\n    var _;\n    (_ = (_element = element)[_disableScrollElementProp = disableScrollElementProp]) !== null && _ !== void 0 ? _ : _element[_disableScrollElementProp] = {\n        count: 0,\n        previousOverflowStyle: element.style.overflow,\n        previousPaddingRightStyle: element.style.paddingRight\n    };\n}\n"],"names":["useDisableBodyScroll","disableScroll","_element","_disableScrollElementProp","disableScrollElementProp","targetDocument","useFluent_unstable","useCallback","body","target","_target_ownerDocument_defaultView","clientWidth","ownerDocument","documentElement","_target_ownerDocument_defaultView_innerWidth","innerWidth","defaultView","assertIsDisableScrollElement","count","style","overflow","paddingRight","previousOverflowStyle","previousPaddingRightStyle","element","_"],"mappings":";;;;;;;;;;;IAMoBA,oBAAoB,MAApBA;IAcAC,aAAa,MAAbA;;qCAnBe;uBACP;AAF5B,IAAIC,UAAUC;AAGd,MAAMC,2BAA2B;AAGtB,SAASJ,uBAAuB;IACvC,MAAM,EAAEK,eAAc,EAAG,GAAGC,IAAAA,uCAAkB;IAC9C,OAAOC,IAAAA,kBAAW,EAAC,IAAI;QACnB,IAAIF,gBAAgB;YAChB,OAAOJ,cAAcI,eAAeG,IAAI;QAC5C,CAAC;IACL,GAAG;QACCH;KACH;AACL;AAKW,SAASJ,cAAcQ,MAAM,EAAE;IACtC,IAAIC;IACJ,MAAM,EAAEC,YAAW,EAAG,GAAGF,OAAOG,aAAa,CAACC,eAAe;IAC7D,IAAIC;IACJ,MAAMC,aAAa,AAACD,CAAAA,+CAA+C,AAACJ,CAAAA,oCAAoCD,OAAOG,aAAa,CAACI,WAAW,AAAD,MAAO,IAAI,IAAIN,sCAAsC,KAAK,IAAI,KAAK,IAAIA,kCAAkCK,UAAU,AAAD,MAAO,IAAI,IAAID,iDAAiD,KAAK,IAAIA,+CAA+C,CAAC;IAClXG,6BAA6BR;IAC7B,IAAIA,MAAM,CAACL,yBAAyB,CAACc,KAAK,KAAK,GAAG;QAC9CT,OAAOU,KAAK,CAACC,QAAQ,GAAG;QACxBX,OAAOU,KAAK,CAACE,YAAY,GAAG,CAAC,EAAEN,aAAaJ,YAAY,EAAE,CAAC;IAC/D,CAAC;IACDF,MAAM,CAACL,yBAAyB,CAACc,KAAK;IACtC,OAAO,IAAI;QACPT,MAAM,CAACL,yBAAyB,CAACc,KAAK;QACtC,IAAIT,MAAM,CAACL,yBAAyB,CAACc,KAAK,KAAK,GAAG;YAC9CT,OAAOU,KAAK,CAACC,QAAQ,GAAGX,MAAM,CAACL,yBAAyB,CAACkB,qBAAqB;YAC9Eb,OAAOU,KAAK,CAACE,YAAY,GAAGZ,MAAM,CAACL,yBAAyB,CAACmB,yBAAyB;QAC1F,CAAC;IACL;AACJ;AACA,SAASN,6BAA6BO,OAAO,EAAE;IAC3C,IAAIC;IACHA,CAAAA,IAAI,AAACvB,CAAAA,WAAWsB,OAAM,CAAE,CAACrB,4BAA4BC,yBAAyB,AAAD,MAAO,IAAI,IAAIqB,MAAM,KAAK,IAAIA,IAAIvB,QAAQ,CAACC,0BAA0B,GAAG;QAClJe,OAAO;QACPI,uBAAuBE,QAAQL,KAAK,CAACC,QAAQ;QAC7CG,2BAA2BC,QAAQL,KAAK,CAACE,YAAY;IACzD,CAAC;AACL"}

package/lib-commonjs/utils/useFocusFirstElement.js

@@ -39,6 +39,4 @@ function useFocusFirstElement(open, modalType) {
         targetDocument
     ]);
     return dialogRef;
-} //# sourceMappingURL=useFocusFirstElement.js.map
-
-//# sourceMappingURL=useFocusFirstElement.js.map
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/utils/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 */\nexport function useFocusFirstElement(open, modalType) {\n  const {\n    findFirstFocusable\n  } = useFocusFinders();\n  const {\n    targetDocument\n  } = 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 !== 'production') {\n        // eslint-disable-next-line no-console\n        console.warn(['@fluentui/react-dialog: a Dialog should have at least one focusable element inside DialogSurface.', 'Please add at least a close button either on `DialogTitle` action slot or inside `DialogActions`'].join('\\n'));\n      }\n    }\n  }, [findFirstFocusable, open, modalType, targetDocument]);\n  return dialogRef;\n}\n//# sourceMappingURL=useFocusFirstElement.js.map"],"names":["useFocusFirstElement","open","modalType","findFirstFocusable","useFocusFinders","targetDocument","useFluent_unstable","dialogRef","React","useRef","useEffect","element","current","focus","_dialogRef_current","process","env","NODE_ENV","console","warn","join"],"mappings":";;;;+BAMgBA;;aAAAA;;;6DANO;8BACS;qCACG;AAI5B,SAASA,qBAAqBC,IAAI,EAAEC,SAAS,EAAE;IACpD,MAAM,EACJC,mBAAkB,EACnB,GAAGC,IAAAA,6BAAe;IACnB,MAAM,EACJC,eAAc,EACf,GAAGC,IAAAA,uCAAkB;IACtB,MAAMC,YAAYC,OAAMC,MAAM,CAAC,IAAI;IACnCD,OAAME,SAAS,CAAC,IAAM;QACpB,IAAI,CAACT,MAAM;YACT;QACF,CAAC;QACD,MAAMU,UAAUJ,UAAUK,OAAO,IAAIT,mBAAmBI,UAAUK,OAAO;QACzE,IAAID,SAAS;YACXA,QAAQE,KAAK;QACf,OAAO;YACL,IAAIC;YACHA,CAAAA,qBAAqBP,UAAUK,OAAO,AAAD,MAAO,IAAI,IAAIE,uBAAuB,KAAK,IAAI,KAAK,IAAIA,mBAAmBD,KAAK,EAAE,EAAE,qDAAqD;YAC/K,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;gBACzC,sCAAsC;gBACtCC,QAAQC,IAAI,CAAC;oBAAC;oBAAqG;iBAAmG,CAACC,IAAI,CAAC;YAC9N,CAAC;QACH,CAAC;IACH,GAAG;QAACjB;QAAoBF;QAAMC;QAAWG;KAAe;IACxD,OAAOE;AACT,EACA,gDAAgD"}
+{"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 !== 'production') {\n                // eslint-disable-next-line no-console\n                console.warn([\n                    '@fluentui/react-dialog: 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                ].join('\\n'));\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","join"],"mappings":";;;;+BAKoBA;;aAAAA;;;6DALG;8BACS;qCACG;AAGxB,SAASA,qBAAqBC,IAAI,EAAEC,SAAS,EAAE;IACtD,MAAM,EAAEC,mBAAkB,EAAG,GAAGC,IAAAA,6BAAe;IAC/C,MAAM,EAAEC,eAAc,EAAG,GAAGC,IAAAA,uCAAkB;IAC9C,MAAMC,YAAYC,OAAMC,MAAM,CAAC,IAAI;IACnCD,OAAME,SAAS,CAAC,IAAI;QAChB,IAAI,CAACT,MAAM;YACP;QACJ,CAAC;QACD,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,IAAI,IAAIE,uBAAuB,KAAK,IAAI,KAAK,IAAIA,mBAAmBD,KAAK,EAAE,EAAE,qDAAqD;YAC/K,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;gBACvC,sCAAsC;gBACtCC,QAAQC,IAAI,CAAC;oBACT;oBACA;iBACH,CAACC,IAAI,CAAC;YACX,CAAC;QACL,CAAC;IACL,GAAG;QACCjB;QACAF;QACAC;QACAG;KACH;IACD,OAAOE;AACX"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-dialog",
-  "version": "9.5.8",
+  "version": "9.5.9",
   "description": "Dialog component for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,23 +30,23 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.21",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@griffel/react": "^1.5.2",
-    "@fluentui/react-utilities": "^9.9.1",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.5",
+    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-context-selector": "^9.1.21",
+    "@fluentui/react-context-selector": "^9.1.22",
     "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-aria": "^9.3.21",
+    "@fluentui/react-aria": "^9.3.22",
     "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-tabster": "^9.7.4",
+    "@fluentui/react-tabster": "^9.7.5",
     "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-portal": "^9.2.11",
+    "@fluentui/react-portal": "^9.2.12",
+    "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {