@transferwise/components 46.15.0 → 46.16.0

package/build/index.js

@@ -7416,23 +7416,31 @@ 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' ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [dosInstructions, dontsInstructions]
+  }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [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 +7464,6 @@ function Instruction({
     })]
   });
 }
-var InstructionsList$1 = InstructionsList;
 
 const Loader = ({
   small = false,
@@ -7791,6 +7798,7 @@ class MoneyInput extends React.Component {
       size,
       addon,
       id,
+      'aria-labelledby': ariaLabelledBy,
       selectProps,
       maxLengthOverride
     } = this.props;
@@ -7814,6 +7822,7 @@ class MoneyInput extends React.Component {
     const isFixedCurrency = !this.state.searchQuery && hasSingleCurrency() || !onCurrencyChange;
     const disabled = !this.props.onAmountChange;
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
+      "aria-labelledby": ariaLabelledBy,
       className: classNames__default.default(this.style('tw-money-input'), this.style('input-group'), this.style(`input-group-${size}`)),
       children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
         id: id,
@@ -15223,7 +15232,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;