lib: Adapt TypeaheadSelect and MultiTypeaheadSelect to key navigation…

… changes

The new PF version will move the keyboard focus into the SelectList of
a opened Select when the user presses ArrowUp or ArrowDown
keys. Further keyboard navigation then happens by moving the focus
around in that list.

However, TypeaheadSelect and MultiTypeaheadSelect templated implement
their own custom keyboard navigation based on the (now broken)
assumption that the text input stays in focus all the time.

To restore the assumption, Select has a new "typeahead" variant that
switches off its new key handling, letting the Typeahead templates
live in the past for a little while longer.

See patternfly/patternfly-react#11249

pkg/lib/cockpit-components-multi-typeahead-select.tsx

@@ -361,7 +361,7 @@ export const MultiTypeaheadSelectBase: React.FunctionComponent<MultiTypeaheadSel
         !isOpen && closeMenu();
       }}
       toggle={toggle}
-      shouldFocusFirstItemOnOpen={false}
+      variant="typeahead"
       ref={innerRef}
       {...props}
     >

pkg/lib/cockpit-components-typeahead-select.tsx

@@ -508,7 +508,7 @@ export const TypeaheadSelectBase: React.FunctionComponent<TypeaheadSelectProps>
       onSelect={_onSelect}
       onOpenChange={(isOpen) => !isOpen && closeMenu()}
       toggle={toggle}
-      shouldFocusFirstItemOnOpen={false}
+      variant="typeahead"
       ref={innerRef}
       {...props}
     >