@fluentui/react-dialog 9.6.0 → 9.6.1

package/lib-commonjs/utils/useFocusFirstElement.js

@@ -4,15 +4,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useFocusFirstElement", {
     enumerable: true,
-    get: ()=>useFocusFirstElement
+    get: function() {
+        return useFocusFirstElement;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactTabster = require("@fluentui/react-tabster");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reacttabster = require("@fluentui/react-tabster");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 function useFocusFirstElement(open, modalType) {
-    const { findFirstFocusable  } = (0, _reactTabster.useFocusFinders)();
-    const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const { findFirstFocusable } = (0, _reacttabster.useFocusFinders)();
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
     const dialogRef = _react.useRef(null);
     _react.useEffect(()=>{
         if (!open) {
@@ -26,10 +28,9 @@ function useFocusFirstElement(open, modalType) {
             (_dialogRef_current = dialogRef.current) === null || _dialogRef_current === void 0 ? void 0 : _dialogRef_current.focus(); // https://github.com/microsoft/fluentui/issues/25150
             if (process.env.NODE_ENV !== 'production') {
                 // eslint-disable-next-line no-console
-                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'));
+                console.warn(`@fluentui/react-dialog [useFocusFirstElement]:
+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\``);
             }
         }
     }, [

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 !== '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"}
+{"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(`@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,cAAc;gBACvC,sCAAsC;gBACtCC,QAAQC,IAAI,CAAC,CAAC;;oGAEsE,CAAC;YACzF;QACJ;IACJ,GAAG;QACChB;QACAF;QACAC;QACAG;KACH;IACD,OAAOE;AACX"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-dialog",
-  "version": "9.6.0",
+  "version": "9.6.1",
   "description": "Dialog component for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -36,24 +36,24 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.13.0",
-    "@fluentui/react-jsx-runtime": "^9.0.3",
-    "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-context-selector": "^9.1.31",
-    "@fluentui/react-shared-contexts": "^9.7.2",
-    "@fluentui/react-aria": "^9.3.33",
+    "@fluentui/react-utilities": "^9.13.1",
+    "@fluentui/react-jsx-runtime": "^9.0.4",
+    "@fluentui/keyboard-keys": "^9.0.4",
+    "@fluentui/react-context-selector": "^9.1.32",
+    "@fluentui/react-shared-contexts": "^9.7.3",
+    "@fluentui/react-aria": "^9.3.34",
     "@fluentui/react-icons": "^2.0.207",
-    "@fluentui/react-tabster": "^9.12.5",
-    "@fluentui/react-theme": "^9.1.11",
-    "@fluentui/react-portal": "^9.3.10",
+    "@fluentui/react-tabster": "^9.12.6",
+    "@fluentui/react-theme": "^9.1.12",
+    "@fluentui/react-portal": "^9.3.11",
     "@griffel/react": "^1.5.14",
-    "@swc/helpers": "^0.4.14"
+    "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@types/react": ">=16.8.0 <19.0.0",
-    "@types/react-dom": ">=16.8.0 <19.0.0",
-    "react": ">=16.8.0 <19.0.0",
-    "react-dom": ">=16.8.0 <19.0.0"
+    "@types/react": ">=16.14.0 <19.0.0",
+    "@types/react-dom": ">=16.14.0 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [