@rhc-shared-components/form-select-component 0.2.8 → 0.2.9

package/dist/index.js

@@ -9674,21 +9674,15 @@ var FormSelect = function FormSelect(_ref) {
       isOpen = _React$useState[0],
       setIsOpen = _React$useState[1];
 
-  var selectRef = React__namespace.useRef(null);
-
   var onToggle = function onToggle() {
     setIsOpen(!isOpen);
   };
 
   var onSelect = function onSelect(_event, selection) {
-    var _selectRef$current, _selectRef$current$pa, _selectRef$current$pa2;
-
     if (onChange) onChange(_event, selection);
     setFieldValue(rest.name, selection);
     validateField(rest.name);
-    onToggle(); // eslint-disable-next-line no-unused-expressions
-
-    selectRef == null ? void 0 : (_selectRef$current = selectRef.current) == null ? void 0 : (_selectRef$current$pa = _selectRef$current.parentNode) == null ? void 0 : (_selectRef$current$pa2 = _selectRef$current$pa.querySelector('button')) == null ? void 0 : _selectRef$current$pa2.focus();
+    onToggle();
   };
 
   var toggle = function toggle(toggleRef) {
@@ -9731,7 +9725,7 @@ var FormSelect = function FormSelect(_ref) {
     onOpenChange: function onOpenChange() {
       return setIsOpen(!isOpen);
     },
-    innerRef: selectRef
+    shouldFocusToggleOnSelect: true
   }, extraProps && _extends({}, extraProps), rest), React__namespace.createElement(reactCore.SelectList, null, lodash.map(selectOptions, function (option, index) {
     return React__namespace.createElement(reactCore.SelectOption, _extends({
       key: index,

package/dist/index.modern.js

@@ -9624,21 +9624,16 @@ const FormSelect = _ref => {
     validateField
   } = useFormikContext();
   const [isOpen, setIsOpen] = React.useState(false);
-  const selectRef = React.useRef(null);
 
   const onToggle = () => {
     setIsOpen(!isOpen);
   };
 
   const onSelect = (_event, selection) => {
-    var _selectRef$current, _selectRef$current$pa, _selectRef$current$pa2;
-
     if (onChange) onChange(_event, selection);
     setFieldValue(rest.name, selection);
     validateField(rest.name);
-    onToggle(); // eslint-disable-next-line no-unused-expressions
-
-    selectRef == null ? void 0 : (_selectRef$current = selectRef.current) == null ? void 0 : (_selectRef$current$pa = _selectRef$current.parentNode) == null ? void 0 : (_selectRef$current$pa2 = _selectRef$current$pa.querySelector('button')) == null ? void 0 : _selectRef$current$pa2.focus();
+    onToggle();
   };
 
   const toggle = toggleRef => React.createElement(MenuToggle, {
@@ -9677,7 +9672,7 @@ const FormSelect = _ref => {
     },
     "aria-label": ariaLabel,
     onOpenChange: () => setIsOpen(!isOpen),
-    innerRef: selectRef
+    shouldFocusToggleOnSelect: true
   }, extraProps && _extends({}, extraProps), rest), React.createElement(SelectList, null, lodash.map(selectOptions, (option, index) => React.createElement(SelectOption, _extends({
     key: index,
     value: option.value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhc-shared-components/form-select-component",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "project description",
   "author": "redhatofficial",
   "license": "MIT",