@transferwise/components 46.35.0 → 46.36.0

package/build/index.js

@@ -19,7 +19,6 @@ var react = require('@floating-ui/react');
 var overlays = require('@react-aria/overlays');
 var reactPopper = require('react-popper');
 var art = require('@wise/art');
-var reactId = require('@radix-ui/react-id');
 var clamp$2 = require('lodash.clamp');
 var debounce = require('lodash.debounce');
 var requiredIf = require('react-required-if');
@@ -731,40 +730,6 @@ const CloseButton = /*#__PURE__*/React.forwardRef(function CloseButton({
   });
 });
 
-var messages$c = reactIntl.defineMessages({
-  opensInNewTab: {
-    id: "neptune.Link.opensInNewTab"
-  }
-});
-
-const Link = ({
-  className,
-  children,
-  href,
-  target,
-  type,
-  'aria-label': ariaLabel,
-  onClick,
-  ...props
-}) => {
-  const isBlank = target === '_blank';
-  const {
-    formatMessage
-  } = reactIntl.useIntl();
-  return /*#__PURE__*/jsxRuntime.jsxs("a", {
-    href: href,
-    target: target,
-    className: classNames__default.default('np-link', type ? `np-text-${type}` : undefined, 'd-inline-flex', className),
-    "aria-label": ariaLabel,
-    rel: isBlank ? 'noreferrer' : undefined,
-    onClick: onClick,
-    ...props,
-    children: [children, " ", isBlank && /*#__PURE__*/jsxRuntime.jsx(icons.NavigateAway, {
-      title: formatMessage(messages$c.opensInNewTab)
-    })]
-  });
-};
-
 const iconTypeMap = {
   positive: icons.Check,
   neutral: icons.Info,
@@ -911,6 +876,64 @@ InlineMarkdown.defaultProps = {
   className: undefined
 };
 
+var messages$c = reactIntl.defineMessages({
+  opensInNewTab: {
+    id: "neptune.Link.opensInNewTab"
+  }
+});
+
+const Link = ({
+  className,
+  children,
+  href,
+  target,
+  type,
+  'aria-label': ariaLabel,
+  onClick,
+  ...props
+}) => {
+  const isBlank = target === '_blank';
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  return /*#__PURE__*/jsxRuntime.jsxs("a", {
+    href: href,
+    target: target,
+    className: classNames__default.default('np-link', type ? `np-text-${type}` : undefined, 'd-inline-flex', className),
+    "aria-label": ariaLabel,
+    rel: isBlank ? 'noreferrer' : undefined,
+    onClick: onClick,
+    ...props,
+    children: [children, " ", isBlank && /*#__PURE__*/jsxRuntime.jsx(icons.NavigateAway, {
+      title: formatMessage(messages$c.opensInNewTab)
+    })]
+  });
+};
+
+function Action({
+  action,
+  className
+}) {
+  if ('href' in action) {
+    return /*#__PURE__*/jsxRuntime.jsx(Link, {
+      href: action.href,
+      className: className,
+      "aria-label": action['aria-label'],
+      target: action.target,
+      type: exports.Typography.LINK_LARGE,
+      onClick: action.onClick,
+      children: action.text
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("button", {
+    type: "button",
+    "aria-label": action['aria-label'],
+    className: classNames__default.default('btn-unstyled np-text-link-large', className),
+    onClick: action.onClick,
+    children: action.text
+  });
+}
+
 exports.AlertArrowPosition = void 0;
 (function (AlertArrowPosition) {
   AlertArrowPosition["TOP_LEFT"] = "up-left";
@@ -1017,7 +1040,8 @@ function Alert({
             })
           })]
         }), action && /*#__PURE__*/jsxRuntime.jsx(Action, {
-          action: action
+          action: action,
+          className: "m-t-1"
         })]
       })]
     }), onDismiss && /*#__PURE__*/jsxRuntime.jsx(CloseButton, {
@@ -1044,28 +1068,6 @@ function alertArrowClassNames(arrow) {
       return 'arrow';
   }
 }
-function Action({
-  action
-}) {
-  if ('href' in action) {
-    return /*#__PURE__*/jsxRuntime.jsx(Link, {
-      href: action.href,
-      className: "m-t-1",
-      "aria-label": action['aria-label'],
-      target: action.target,
-      type: exports.Typography.LINK_LARGE,
-      onClick: action.onClick,
-      children: action.text
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsx("button", {
-    type: "button",
-    "aria-label": action['aria-label'],
-    className: "btn-unstyled np-text-link-large m-t-1",
-    onClick: action.onClick,
-    children: action.text
-  });
-}
 
 // TODO: consider to move this enum into component file once we migrate it on TypeScript or replace with some common enum
 exports.AvatarType = void 0;
@@ -7827,7 +7829,8 @@ const Nudge = ({
   persistDismissal,
   isPreviouslyDismissed,
   id,
-  className
+  className,
+  action
 }) => {
   const [isDismissed, setIsDismissed] = React.useState(false);
   const [isMounted, setIsMounted] = React.useState(false);
@@ -7888,6 +7891,9 @@ const Nudge = ({
           className: "wds-nudge-link",
           onClick: onClick,
           children: link
+        }), action && /*#__PURE__*/jsxRuntime.jsx(Action, {
+          action: action,
+          className: "m-t-1"
         })]
       }), onDismiss || persistDismissal ? /*#__PURE__*/jsxRuntime.jsx(CloseButton, {
         className: "wds-nudge-control",
@@ -10150,7 +10156,7 @@ function Select({
   }, [defaultOptions, search, searchValue]);
   const selectableOptions = React.useMemo(() => options.filter(isActionableOption), [options]);
   const focusedOption = selectableOptions[keyboardFocusedOptionIndex];
-  const fallbackButtonId = reactId.useId();
+  const fallbackButtonId = React.useId();
   const computedId = id || inputAttributes.id || fallbackButtonId;
   const listboxId = `${computedId}-listbox`;
   const searchBoxId = `${computedId}-searchbox`;
@@ -10861,13 +10867,9 @@ const Summary = ({
         type: exports.Typography.BODY_DEFAULT,
         className: "d-block np-summary__description",
         children: description
-      }), action && /*#__PURE__*/jsxRuntime.jsx(Link, {
-        href: action.href,
-        target: action.target,
-        className: "np-summary__action",
-        "aria-label": action['aria-label'],
-        onClick: action.onClick,
-        children: action.text
+      }), action && /*#__PURE__*/jsxRuntime.jsx(Action, {
+        action: action,
+        className: "np-summary__action"
       })]
     }), info && /*#__PURE__*/jsxRuntime.jsx(Info, {
       "aria-label": info['aria-label'],