@mui/material 9.0.0-alpha.2 → 9.0.0-alpha.3

package/themeCssVarsAugmentation/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/themeCssVarsAugmentation/index.mjs

@@ -0,0 +1,5 @@
+export {};
+/**
+ * Enhance the theme types to include new properties from the CssVarsProvider.
+ * The theme is typed with CSS variables in `styled`, `sx`, `useTheme`, etc.
+ */

package/useAutocomplete/useAutocomplete.js

@@ -134,6 +134,7 @@ function useAutocomplete(props) {
   const firstFocus = React.useRef(true);
   const inputRef = React.useRef(null);
   const listboxRef = React.useRef(null);
+  const windowLostFocus = React.useRef(false);
   const [anchorEl, setAnchorEl] = React.useState(null);
   const [focusedItem, setFocusedItem] = React.useState(-1);
   const defaultHighlighted = autoHighlight ? 0 : -1;
@@ -498,6 +499,21 @@ function useAutocomplete(props) {
       syncHighlightedIndex();
     }
   }, [syncHighlightedIndex, filteredOptionsChanged, popupOpen, disableCloseOnSelect]);
+
+  // Listen for browser window blur to detect when the user switches tabs or windows.
+  // This helps prevent the popup from reopening automatically when the window regains focus.
+  React.useEffect(() => {
+    if (typeof window === 'undefined') {
+      return undefined;
+    }
+    const handleWindowBlur = () => {
+      windowLostFocus.current = true;
+    };
+    window.addEventListener('blur', handleWindowBlur);
+    return () => {
+      window.removeEventListener('blur', handleWindowBlur);
+    };
+  }, []);
   const handleOpen = event => {
     if (open) {
       return;
@@ -833,6 +849,14 @@ function useAutocomplete(props) {
       // Ensure DOM focus lands on the input
       focusItem(-1);
     }
+
+    // If the window previously lost focus while the popup was open,
+    // ignore this focus event to prevent unintended reopening.
+    // Reset the flag so normal focus behavior resumes.
+    if (windowLostFocus.current) {
+      windowLostFocus.current = false;
+      return;
+    }
     if (openOnFocus && !ignoreFocus.current) {
       handleOpen(event);
     }

package/useAutocomplete/useAutocomplete.mjs

@@ -126,6 +126,7 @@ function useAutocomplete(props) {
   const firstFocus = React.useRef(true);
   const inputRef = React.useRef(null);
   const listboxRef = React.useRef(null);
+  const windowLostFocus = React.useRef(false);
   const [anchorEl, setAnchorEl] = React.useState(null);
   const [focusedItem, setFocusedItem] = React.useState(-1);
   const defaultHighlighted = autoHighlight ? 0 : -1;
@@ -490,6 +491,21 @@ function useAutocomplete(props) {
       syncHighlightedIndex();
     }
   }, [syncHighlightedIndex, filteredOptionsChanged, popupOpen, disableCloseOnSelect]);
+
+  // Listen for browser window blur to detect when the user switches tabs or windows.
+  // This helps prevent the popup from reopening automatically when the window regains focus.
+  React.useEffect(() => {
+    if (typeof window === 'undefined') {
+      return undefined;
+    }
+    const handleWindowBlur = () => {
+      windowLostFocus.current = true;
+    };
+    window.addEventListener('blur', handleWindowBlur);
+    return () => {
+      window.removeEventListener('blur', handleWindowBlur);
+    };
+  }, []);
   const handleOpen = event => {
     if (open) {
       return;
@@ -825,6 +841,14 @@ function useAutocomplete(props) {
       // Ensure DOM focus lands on the input
       focusItem(-1);
     }
+
+    // If the window previously lost focus while the popup was open,
+    // ignore this focus event to prevent unintended reopening.
+    // Reset the flag so normal focus behavior resumes.
+    if (windowLostFocus.current) {
+      windowLostFocus.current = false;
+      return;
+    }
     if (openOnFocus && !ignoreFocus.current) {
       handleOpen(event);
     }

package/utils/index.d.mts

@@ -5,6 +5,7 @@ export { default as createSvgIcon } from "./createSvgIcon.mjs";
 export { default as debounce } from "./debounce.mjs";
 export { default as deprecatedPropType } from "./deprecatedPropType.mjs";
 export { default as isMuiElement } from "./isMuiElement.mjs";
+export { default as getActiveElement } from "./getActiveElement.mjs";
 export { default as unstable_memoTheme } from "./memoTheme.mjs";
 export { default as ownerDocument } from "./ownerDocument.mjs";
 export { default as ownerWindow } from "./ownerWindow.mjs";
@@ -15,6 +16,7 @@ export { default as unstable_useId } from "./useId.mjs";
 export { default as unsupportedProp } from "./unsupportedProp.mjs";
 export { default as useControlled } from "./useControlled.mjs";
 export { default as useEventCallback } from "./useEventCallback.mjs";
+export { default as useRovingTabIndex } from "./useRovingTabIndex.mjs";
 export { default as useForkRef } from "./useForkRef.mjs";
 export { default as mergeSlotProps } from "./mergeSlotProps.mjs";
 export * from "./types.mjs";

package/utils/index.d.ts

@@ -5,6 +5,7 @@ export { default as createSvgIcon } from "./createSvgIcon.js";
 export { default as debounce } from "./debounce.js";
 export { default as deprecatedPropType } from "./deprecatedPropType.js";
 export { default as isMuiElement } from "./isMuiElement.js";
+export { default as getActiveElement } from "./getActiveElement.js";
 export { default as unstable_memoTheme } from "./memoTheme.js";
 export { default as ownerDocument } from "./ownerDocument.js";
 export { default as ownerWindow } from "./ownerWindow.js";
@@ -15,6 +16,7 @@ export { default as unstable_useId } from "./useId.js";
 export { default as unsupportedProp } from "./unsupportedProp.js";
 export { default as useControlled } from "./useControlled.js";
 export { default as useEventCallback } from "./useEventCallback.js";
+export { default as useRovingTabIndex } from "./useRovingTabIndex.js";
 export { default as useForkRef } from "./useForkRef.js";
 export { default as mergeSlotProps } from "./mergeSlotProps.js";
 export * from "./types.js";

package/utils/index.js

@@ -35,6 +35,12 @@ Object.defineProperty(exports, "deprecatedPropType", {
     return _deprecatedPropType.default;
   }
 });
+Object.defineProperty(exports, "getActiveElement", {
+  enumerable: true,
+  get: function () {
+    return _getActiveElement.default;
+  }
+});
 Object.defineProperty(exports, "isMuiElement", {
   enumerable: true,
   get: function () {
@@ -114,6 +120,12 @@ Object.defineProperty(exports, "useForkRef", {
     return _useForkRef.default;
   }
 });
+Object.defineProperty(exports, "useRovingTabIndex", {
+  enumerable: true,
+  get: function () {
+    return _useRovingTabIndex.default;
+  }
+});
 var _ClassNameGenerator = _interopRequireDefault(require("@mui/utils/ClassNameGenerator"));
 var _capitalize = _interopRequireDefault(require("./capitalize"));
 var _createChainedFunction = _interopRequireDefault(require("./createChainedFunction"));
@@ -121,6 +133,7 @@ var _createSvgIcon = _interopRequireDefault(require("./createSvgIcon"));
 var _debounce = _interopRequireDefault(require("./debounce"));
 var _deprecatedPropType = _interopRequireDefault(require("./deprecatedPropType"));
 var _isMuiElement = _interopRequireDefault(require("./isMuiElement"));
+var _getActiveElement = _interopRequireDefault(require("./getActiveElement"));
 var _memoTheme = _interopRequireDefault(require("./memoTheme"));
 var _ownerDocument = _interopRequireDefault(require("./ownerDocument"));
 var _ownerWindow = _interopRequireDefault(require("./ownerWindow"));
@@ -131,6 +144,7 @@ var _useId = _interopRequireDefault(require("./useId"));
 var _unsupportedProp = _interopRequireDefault(require("./unsupportedProp"));
 var _useControlled = _interopRequireDefault(require("./useControlled"));
 var _useEventCallback = _interopRequireDefault(require("./useEventCallback"));
+var _useRovingTabIndex = _interopRequireDefault(require("./useRovingTabIndex"));
 var _useForkRef = _interopRequireDefault(require("./useForkRef"));
 var _mergeSlotProps = _interopRequireDefault(require("./mergeSlotProps"));
 // TODO: remove this export once ClassNameGenerator is stable

package/utils/index.mjs

@@ -7,6 +7,7 @@ export { default as createSvgIcon } from "./createSvgIcon.mjs";
 export { default as debounce } from "./debounce.mjs";
 export { default as deprecatedPropType } from "./deprecatedPropType.mjs";
 export { default as isMuiElement } from "./isMuiElement.mjs";
+export { default as getActiveElement } from "./getActiveElement.mjs";
 export { default as unstable_memoTheme } from "./memoTheme.mjs";
 export { default as ownerDocument } from "./ownerDocument.mjs";
 export { default as ownerWindow } from "./ownerWindow.mjs";
@@ -17,6 +18,7 @@ export { default as unstable_useId } from "./useId.mjs";
 export { default as unsupportedProp } from "./unsupportedProp.mjs";
 export { default as useControlled } from "./useControlled.mjs";
 export { default as useEventCallback } from "./useEventCallback.mjs";
+export { default as useRovingTabIndex } from "./useRovingTabIndex.mjs";
 export { default as useForkRef } from "./useForkRef.mjs";
 export { default as mergeSlotProps } from "./mergeSlotProps.mjs";
 // TODO: remove this export once ClassNameGenerator is stable

package/utils/useRovingTabIndex.d.mts

@@ -0,0 +1,2 @@
+import useRovingTabIndex from '@mui/utils/useRovingTabIndex';
+export default useRovingTabIndex;

package/utils/useRovingTabIndex.d.ts

@@ -0,0 +1,2 @@
+import useRovingTabIndex from '@mui/utils/useRovingTabIndex';
+export default useRovingTabIndex;

package/utils/useRovingTabIndex.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _useRovingTabIndex = _interopRequireDefault(require("@mui/utils/useRovingTabIndex"));
+var _default = exports.default = _useRovingTabIndex.default;

package/utils/useRovingTabIndex.mjs

@@ -0,0 +1,2 @@
+import useRovingTabIndex from '@mui/utils/useRovingTabIndex';
+export default useRovingTabIndex;

package/version/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "9.0.0-alpha.2";
+const version = exports.version = "9.0.0-alpha.3";
 const major = exports.major = Number("9");
 const minor = exports.minor = Number("0");
 const patch = exports.patch = Number("0");
-const prerelease = exports.prerelease = "alpha.2";
+const prerelease = exports.prerelease = "alpha.3";
 var _default = exports.default = version;

package/version/index.mjs

@@ -1,6 +1,6 @@
-export const version = "9.0.0-alpha.2";
+export const version = "9.0.0-alpha.3";
 export const major = Number("9");
 export const minor = Number("0");
 export const patch = Number("0");
-export const prerelease = "alpha.2";
+export const prerelease = "alpha.3";
 export default version;