@transferwise/components 46.38.0 → 46.39.0

package/build/index.js

@@ -17,8 +17,8 @@ var mergeProps = require('merge-props');
 var react = require('@floating-ui/react');
 var overlays = require('@react-aria/overlays');
 var reactPopper = require('react-popper');
-var PropTypes = require('prop-types');
 var art = require('@wise/art');
+var PropTypes = require('prop-types');
 var clamp$2 = require('lodash.clamp');
 var debounce = require('lodash.debounce');
 var web = require('@react-spring/web');
@@ -5330,33 +5330,25 @@ const AnimatedLabel = ({
   });
 };
 
-const BackButton = ({
+function BackButton({
   className,
   onClick,
   'aria-label': ariaLabel
-}) => /*#__PURE__*/jsxRuntime.jsx(Avatar, {
-  type: exports.AvatarType.ICON,
-  size: 40,
-  children: /*#__PURE__*/jsxRuntime.jsx("button", {
-    type: "button",
-    "aria-label": ariaLabel,
-    className: classNames__default.default('np-back-button', 'btn-unstyled', className),
-    onClick: onClick,
-    children: /*#__PURE__*/jsxRuntime.jsx(icons.ArrowLeft, {
-      size: 24
+}) {
+  return /*#__PURE__*/jsxRuntime.jsx(Avatar, {
+    type: exports.AvatarType.ICON,
+    size: 40,
+    children: /*#__PURE__*/jsxRuntime.jsx("button", {
+      type: "button",
+      "aria-label": ariaLabel,
+      className: classNames__default.default('np-back-button', 'btn-unstyled', className),
+      onClick: onClick,
+      children: /*#__PURE__*/jsxRuntime.jsx(icons.ArrowLeft, {
+        size: 24
+      })
     })
-  })
-});
-BackButton.propTypes = {
-  'aria-label': PropTypes__default.default.string.isRequired,
-  className: PropTypes__default.default.string,
-  label: PropTypes__default.default.element,
-  onClick: PropTypes__default.default.func
-};
-BackButton.defaultProps = {
-  className: undefined,
-  label: undefined
-};
+  });
+}
 
 const FlowNavigation = ({
   activeStep = 0,
@@ -7763,11 +7755,12 @@ const Nudge = ({
   });
 };
 
-const OverlayHeader = ({
+const defaultLogo = /*#__PURE__*/jsxRuntime.jsx(Logo, {});
+function OverlayHeader({
   avatar,
   onClose,
-  logo
-}) => {
+  logo = defaultLogo
+}) {
   const closeButton = onClose && /*#__PURE__*/jsxRuntime.jsx(CloseButton, {
     size: exports.Size.LARGE,
     onClick: onClose
@@ -7785,20 +7778,7 @@ const OverlayHeader = ({
       })
     })
   });
-};
-OverlayHeader.defaultProps = {
-  avatar: null,
-  logo: /*#__PURE__*/jsxRuntime.jsx(Logo, {}),
-  onClose: null
-};
-OverlayHeader.propTypes = {
-  /** An Avatar */
-  avatar: PropTypes__default.default.element,
-  logo: PropTypes__default.default.node,
-  /** Function called when the close is clicked */
-  onClose: PropTypes__default.default.func
-};
-var OverlayHeader$1 = OverlayHeader;
+}
 
 var messages$3 = reactIntl.defineMessages({
   selectInputPlaceholder: {
@@ -14675,7 +14655,7 @@ exports.NavigationOption = NavigationOption;
 exports.NavigationOptionsList = NavigationOptionList;
 exports.Nudge = Nudge;
 exports.Option = Option$2;
-exports.OverlayHeader = OverlayHeader$1;
+exports.OverlayHeader = OverlayHeader;
 exports.PhoneNumberInput = PhoneNumberInput;
 exports.Popover = Popover$1;
 exports.ProcessIndicator = ProcessIndicator;