@transferwise/components 46.17.3 → 46.18.0

package/build/index.js

@@ -4272,6 +4272,7 @@ class DateLookup extends React.PureComponent {
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
       // eslint-disable-line jsx-a11y/no-static-element-interactions
       ref: this.element,
+      id: this.props.id,
       "aria-labelledby": ariaLabelledBy,
       className: "input-group",
       onKeyDown: this.handleKeyDown,
@@ -4296,6 +4297,7 @@ class DateLookup extends React.PureComponent {
   }
 }
 DateLookup.propTypes = {
+  id: PropTypes__default.default.string,
   value: PropTypes__default.default.instanceOf(Date),
   min: PropTypes__default.default.instanceOf(Date),
   max: PropTypes__default.default.instanceOf(Date),
@@ -7402,7 +7404,7 @@ const InstructionsList = ({
   }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [dontsInstructions, dosInstructions]
   });
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
+  return /*#__PURE__*/jsxRuntime.jsx("ul", {
     className: "tw-instructions",
     children: orderedInstructions
   });
@@ -7412,7 +7414,7 @@ function Instruction({
   type
 }) {
   const isInstructionNode = typeof item === 'object' && item !== null && 'content' in item && 'aria-label' in item;
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("li", {
     className: "instruction",
     "aria-label": isInstructionNode ? item['aria-label'] : undefined,
     children: [type === 'do' ? /*#__PURE__*/jsxRuntime.jsx(icons.CheckCircleFill, {
@@ -12299,7 +12301,12 @@ class Typeahead extends React.Component {
       query = item.label;
     }
     this.updateSelectedValue(selected);
-    this.hideMenu();
+    if (!item.keepFocusOnSelect) {
+      this.hideMenu();
+    }
+    if (item.clearQueryOnSelect) {
+      query = '';
+    }
     this.setState({
       query
     });
@@ -12526,10 +12533,10 @@ class Typeahead extends React.Component {
               children: /*#__PURE__*/jsxRuntime.jsx(icons.Cross, {})
             })
           })]
-        }), displayAlert && /*#__PURE__*/jsxRuntime.jsx(InlineAlert, {
+        }), displayAlert ? /*#__PURE__*/jsxRuntime.jsx(InlineAlert, {
           type: alert.type,
           children: alert.message
-        }), menu]
+        }) : menu]
       })
     });
   }