@transferwise/components 0.0.0-experimental-8a06fb3 → 0.0.0-experimental-0985009

package/build/index.mjs

@@ -1131,6 +1131,9 @@ function withInputAttributes(Component, args) {
 var messages$c = defineMessages({
   actionLabel: {
     id: "neptune.SelectOption.action.label"
+  },
+  selectedActionLabel: {
+    id: "neptune.SelectOption.selected.action.label"
   }
 });
 
@@ -1964,31 +1967,24 @@ function SelectOption({
       className: classNames({
         'np-select-option-list': isLargeScreen
       }),
-      children: options.map(optionsSection =>
-      /*#__PURE__*/
-      // eslint-disable-next-line react/jsx-key
-      jsxs(Section, {
-        className: classNames('np-select-option-section', {
+      children: options.map((optionsSection, index) => /*#__PURE__*/jsxs(Section, {
+        className: classNames({
           'p-x-2 p-y-1': isLargeScreen
         }),
         children: [optionsSection.title && /*#__PURE__*/jsx(Header, {
           title: optionsSection.title
         }), /*#__PURE__*/jsx(NavigationOptionList, {
-          children: optionsSection.options.map(option => {
-            return (
-              /*#__PURE__*/
-              // eslint-disable-next-line react/jsx-key
-              jsx(NavigationOption, {
-                isContainerAligned: !isLargeScreen,
-                showMediaCircle: true,
-                showMediaAtAllSizes: true,
-                onClick: handleOnChange(option),
-                ...option
-              })
-            );
+          children: optionsSection.options.map((option, index) => {
+            return /*#__PURE__*/jsx(NavigationOption, {
+              isContainerAligned: !isLargeScreen,
+              showMediaCircle: true,
+              showMediaAtAllSizes: true,
+              onClick: handleOnChange(option),
+              ...option
+            }, index);
           })
         })]
-      }))
+      }, index))
     });
   }
   return /*#__PURE__*/jsxs(Fragment, {
@@ -2014,7 +2010,7 @@ function SelectOption({
         "aria-label": hasSelected ? undefined : props['aria-label'],
         onClick: handleOnClick(true),
         children: hasSelected ? /*#__PURE__*/jsx(ChevronDown, {
-          title: intl.formatMessage(messages$c.actionLabel)
+          title: intl.formatMessage(messages$c.selectedActionLabel)
         }) : placeholder.actionLabel || intl.formatMessage(messages$c.actionLabel)
       })
     }), /*#__PURE__*/jsx(ResponsivePanel, {
@@ -5035,20 +5031,17 @@ function InlineAlert({
   className,
   children
 }) {
-  return /*#__PURE__*/jsx("div", {
+  return /*#__PURE__*/jsxs("div", {
     role: "alert",
     id: id,
     className: classNames('alert alert-detach', `alert-${type === Sentiment.NEGATIVE || type === Sentiment.ERROR ? 'danger' : type}`, className),
-    children: /*#__PURE__*/jsxs("div", {
-      className: "d-inline-flex",
-      children: [type !== Sentiment.NEUTRAL && type !== Sentiment.PENDING && /*#__PURE__*/jsx(StatusIcon, {
-        sentiment: type,
-        size: Size.SMALL
-      }), /*#__PURE__*/jsx("div", {
-        className: "np-text-body-default",
-        children: children
-      })]
-    })
+    children: [type !== Sentiment.NEUTRAL && type !== Sentiment.PENDING && /*#__PURE__*/jsx(StatusIcon, {
+      sentiment: type,
+      size: Size.SMALL
+    }), /*#__PURE__*/jsx("div", {
+      className: "np-text-body-default",
+      children: children
+    })]
   });
 }
 
@@ -9524,6 +9517,7 @@ var en = {
 	"neptune.Select.searchPlaceholder": "Search...",
 	"neptune.SelectInput.noResultsFound": "No results found",
 	"neptune.SelectOption.action.label": "Choose",
+	"neptune.SelectOption.selected.action.label": "Change chosen option",
 	"neptune.Summary.statusDone": "Item done",
 	"neptune.Summary.statusNotDone": "Item to do",
 	"neptune.Summary.statusPending": "Item pending",