@transferwise/components 0.0.0-experimental-48ee369 → 0.0.0-experimental-20865d1

package/build/index.esm.js

@@ -10027,9 +10027,7 @@ function RadioGroup({
   selectedValue: controlledValue,
   onChange
 }) {
-  const [controlled] = useState(false /* TODO: `controlledValue !== undefined` (BREAKING) */);
   const [uncontrolledValue, setUncontrolledValue] = useState(controlledValue);
-  const selectedValue = controlled ? controlledValue : uncontrolledValue;
   return radios.length > 0 ? /*#__PURE__*/jsx("div", {
     role: "radiogroup",
     children: radios.map(({
@@ -10041,11 +10039,9 @@ function RadioGroup({
       ...restProps,
       name: name,
       value: value,
-      checked: value === selectedValue,
+      checked: value === uncontrolledValue,
       onChange: nextValue => {
-        if (!controlled) {
-          setUncontrolledValue(nextValue);
-        }
+        setUncontrolledValue(nextValue);
         onChange(nextValue);
       }
     }, index))
@@ -12296,7 +12292,12 @@ class Typeahead extends Component {
       query = item.label;
     }
     this.updateSelectedValue(selected);
-    this.hideMenu();
+    if (!item.keepFocusOnSelect) {
+      this.hideMenu();
+    }
+    if (item.clearQueryOnSelect) {
+      query = '';
+    }
     this.setState({
       query
     });
@@ -12420,14 +12421,14 @@ class Typeahead extends Component {
         className: "dropdown-menu",
         role: "menu",
         "aria-labelledby": "dropdownMenu1",
-        children: [optionsToRender.map((option, idx) => /*#__PURE__*/jsx(Option, {
+        children: [optionsToRender.length > 0 ? optionsToRender.map((option, idx) => /*#__PURE__*/jsx(Option, {
           query: query,
           option: option,
           selected: keyboardFocusedOptionIndex === idx,
           onClick: event => {
             this.onOptionSelected(event, option);
           }
-        }, `${option.label}${idx.toString()}`)), footer]
+        }, `${option.label}${idx.toString()}`)) : null, footer]
       })
     });
   };
@@ -12523,10 +12524,10 @@ class Typeahead extends Component {
               children: /*#__PURE__*/jsx(Cross, {})
             })
           })]
-        }), displayAlert && /*#__PURE__*/jsx(InlineAlert, {
+        }), displayAlert ? /*#__PURE__*/jsx(InlineAlert, {
           type: alert.type,
           children: alert.message
-        }), menu]
+        }) : menu]
       })
     });
   }