@patternfly/quickstarts 6.0.0-prerelease.3 → 6.0.0-prerelease.4

package/dist/quickstarts-full.es.js

@@ -6535,7 +6535,7 @@ const MenuList = (_a) => {
 MenuList.displayName = 'MenuList';
 
 const SelectBase = (_a) => {
-    var { children, className, onSelect, isOpen, selected, toggle, shouldFocusToggleOnSelect = false, shouldFocusFirstItemOnOpen = true, onOpenChange, onOpenChangeKeys = ['Escape', 'Tab'], isPlain, innerRef, zIndex = 9999, role = 'listbox', popperProps, menuHeight, maxMenuHeight, isScrollable } = _a, props = __rest$1(_a, ["children", "className", "onSelect", "isOpen", "selected", "toggle", "shouldFocusToggleOnSelect", "shouldFocusFirstItemOnOpen", "onOpenChange", "onOpenChangeKeys", "isPlain", "innerRef", "zIndex", "role", "popperProps", "menuHeight", "maxMenuHeight", "isScrollable"]);
+    var { children, className, onSelect, isOpen, selected, toggle, shouldFocusToggleOnSelect = false, shouldFocusFirstItemOnOpen = false, onOpenChange, onOpenChangeKeys = ['Escape', 'Tab'], isPlain, innerRef, zIndex = 9999, role = 'listbox', popperProps, menuHeight, maxMenuHeight, isScrollable, shouldPreventScrollOnItemFocus = true, focusTimeoutDelay = 0 } = _a, props = __rest$1(_a, ["children", "className", "onSelect", "isOpen", "selected", "toggle", "shouldFocusToggleOnSelect", "shouldFocusFirstItemOnOpen", "onOpenChange", "onOpenChangeKeys", "isPlain", "innerRef", "zIndex", "role", "popperProps", "menuHeight", "maxMenuHeight", "isScrollable", "shouldPreventScrollOnItemFocus", "focusTimeoutDelay"]);
     const localMenuRef = React__default.useRef();
     const localToggleRef = React__default.useRef();
     const menuRef = innerRef || localMenuRef;
@@ -6549,8 +6549,8 @@ const SelectBase = (_a) => {
             setTimeout(() => {
                 var _a;
                 const firstElement = (_a = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('li button:not(:disabled),li input:not(:disabled)');
-                firstElement && firstElement.focus();
-            }, 10);
+                firstElement && firstElement.focus({ preventScroll: shouldPreventScrollOnItemFocus });
+            }, focusTimeoutDelay);
         }
         prevIsOpen.current = isOpen;
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -6584,7 +6584,16 @@ const SelectBase = (_a) => {
             window.removeEventListener('keydown', handleMenuKeys);
             window.removeEventListener('click', handleClick);
         };
-    }, [isOpen, menuRef, toggleRef, onOpenChange, onOpenChangeKeys]);
+    }, [
+        isOpen,
+        menuRef,
+        toggleRef,
+        onOpenChange,
+        onOpenChangeKeys,
+        shouldPreventScrollOnItemFocus,
+        shouldFocusFirstItemOnOpen,
+        focusTimeoutDelay
+    ]);
     const menu = (React__default.createElement(Menu, Object.assign({ role: role, className: css(className), ref: menuRef, onSelect: (event, value) => {
             onSelect && onSelect(event, value);
             shouldFocusToggleOnSelect && toggleRef.current.focus();