@transferwise/components 0.0.0-experimental-20865d1 → 0.0.0-experimental-b73b0cb

package/build/index.js

@@ -7416,23 +7416,27 @@ const InputWithDisplayFormat = props => /*#__PURE__*/jsxRuntime.jsx(WithDisplayF
 
 const InstructionsList = ({
   dos,
-  donts
+  donts,
+  sort = 'dosFirst'
 }) => {
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+  const dosInstructions = dos?.map((doThis, index) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-array-index-key
+  jsxRuntime.jsx(Instruction, {
+    item: doThis,
+    type: "do"
+  }, index)) ?? null;
+  const dontsInstructions = donts?.map((dont, index) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-array-index-key
+  jsxRuntime.jsx(Instruction, {
+    item: dont,
+    type: "dont"
+  }, index)) ?? null;
+  const orderedInstructions = sort === 'dosFirst' ? [dosInstructions, dontsInstructions] : [dontsInstructions, dosInstructions];
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "tw-instructions",
-    children: [dos && dos.map((doThis, index) =>
-    /*#__PURE__*/
-    // eslint-disable-next-line react/no-array-index-key
-    jsxRuntime.jsx(Instruction, {
-      item: doThis,
-      type: "do"
-    }, index)), donts && donts.map((dont, index) =>
-    /*#__PURE__*/
-    // eslint-disable-next-line react/no-array-index-key
-    jsxRuntime.jsx(Instruction, {
-      item: dont,
-      type: "dont"
-    }, index))]
+    children: orderedInstructions
   });
 };
 function Instruction({
@@ -7456,7 +7460,6 @@ function Instruction({
     })]
   });
 }
-var InstructionsList$1 = InstructionsList;
 
 const Loader = ({
   small = false,
@@ -12326,12 +12329,7 @@ class Typeahead extends React.Component {
       query = item.label;
     }
     this.updateSelectedValue(selected);
-    if (!item.keepFocusOnSelect) {
-      this.hideMenu();
-    }
-    if (item.clearQueryOnSelect) {
-      query = '';
-    }
+    this.hideMenu();
     this.setState({
       query
     });
@@ -12455,14 +12453,14 @@ class Typeahead extends React.Component {
         className: "dropdown-menu",
         role: "menu",
         "aria-labelledby": "dropdownMenu1",
-        children: [optionsToRender.length > 0 ? optionsToRender.map((option, idx) => /*#__PURE__*/jsxRuntime.jsx(Option, {
+        children: [optionsToRender.map((option, idx) => /*#__PURE__*/jsxRuntime.jsx(Option, {
           query: query,
           option: option,
           selected: keyboardFocusedOptionIndex === idx,
           onClick: event => {
             this.onOptionSelected(event, option);
           }
-        }, `${option.label}${idx.toString()}`)) : null, footer]
+        }, `${option.label}${idx.toString()}`)), footer]
       })
     });
   };
@@ -12558,10 +12556,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]
       })
     });
   }
@@ -15228,7 +15226,7 @@ exports.InlineAlert = InlineAlert;
 exports.Input = Input;
 exports.InputGroup = InputGroup;
 exports.InputWithDisplayFormat = InputWithDisplayFormat;
-exports.InstructionsList = InstructionsList$1;
+exports.InstructionsList = InstructionsList;
 exports.LanguageProvider = LanguageProvider;
 exports.Link = Link;
 exports.ListItem = ListItem$1;