@transferwise/components 0.0.0-experimental-eec707b → 0.0.0-experimental-dc27730

package/build/index.esm.js

@@ -1336,7 +1336,6 @@ const Badge = ({
     })]
   });
 };
-var Badge$1 = Badge;
 
 const OptionalBadge = ({
   url,
@@ -1346,7 +1345,7 @@ const OptionalBadge = ({
   ...rest
 }) => {
   if (url) {
-    return /*#__PURE__*/jsx(Badge$1, {
+    return /*#__PURE__*/jsx(Badge, {
       badge: /*#__PURE__*/jsx("img", {
         src: url,
         alt: altText
@@ -1356,7 +1355,7 @@ const OptionalBadge = ({
     });
   }
   if (statusIcon) {
-    return /*#__PURE__*/jsx(Badge$1, {
+    return /*#__PURE__*/jsx(Badge, {
       badge: /*#__PURE__*/jsx(StatusIcon, {
         sentiment: statusIcon,
         size: Size.SMALL
@@ -1365,18 +1364,9 @@ const OptionalBadge = ({
       children: children
     });
   }
-  return children;
-};
-OptionalBadge.propTypes = {
-  url: PropTypes.string,
-  altText: PropTypes.string,
-  statusIcon: PropTypes.oneOf([Sentiment.POSITIVE, Sentiment.NEGATIVE, Sentiment.NEUTRAL, Sentiment.WARNING, Sentiment.PENDING]),
-  children: PropTypes.node.isRequired
-};
-OptionalBadge.defaultProps = {
-  url: undefined,
-  altText: undefined,
-  statusIcon: undefined
+  return /*#__PURE__*/jsx(Fragment, {
+    children: children
+  });
 };
 const AvatarWrapper = ({
   url,
@@ -1391,7 +1381,6 @@ const AvatarWrapper = ({
 }) => {
   const [hasImageLoadError, setImageLoadError] = useState(false);
   const isBusinessProfile = profileType === ProfileType.BUSINESS;
-
   // Reset the errored state when url changes
   useEffect(() => setImageLoadError(false), [url]);
   const getAvatarProps = () => {
@@ -1453,29 +1442,6 @@ function getInitials(name) {
   }
   return allInitials[0] + allInitials.slice(-1);
 }
-AvatarWrapper.defaultProps = {
-  url: undefined,
-  profileType: undefined,
-  profileId: undefined,
-  badgeUrl: undefined,
-  badgeAltText: undefined,
-  badgeStatusIcon: undefined,
-  name: undefined,
-  avatarProps: {},
-  badgeProps: {}
-};
-AvatarWrapper.propTypes = {
-  url: PropTypes.string,
-  profileType: PropTypes.oneOf([ProfileType.PERSONAL, ProfileType.BUSINESS]),
-  profileId: PropTypes.number,
-  badgeUrl: PropTypes.string,
-  badgeAltText: PropTypes.string,
-  badgeStatusIcon: PropTypes.oneOf([Sentiment.POSITIVE, Sentiment.NEGATIVE, Sentiment.NEUTRAL, Sentiment.WARNING, Sentiment.PENDING]),
-  name: PropTypes.string,
-  avatarProps: PropTypes.shape({}),
-  badgeProps: PropTypes.shape({})
-};
-var AvatarWrapper$1 = AvatarWrapper;
 
 const THROTTLE_MS = 100;
 const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
@@ -5737,11 +5703,11 @@ const Image = ({
   onError,
   className,
   loading,
-  stretch,
+  stretch = true,
   role,
-  shrink
+  shrink = true
 }) => {
-  const elementReference = useRef();
+  const elementReference = useRef(null);
   const [hasIntersected] = useHasIntersected({
     elRef: elementReference,
     loading
@@ -5750,7 +5716,7 @@ const Image = ({
   let imageOnLoad = onLoad;
   if (loading === 'lazy' && !hasIntersected) {
     imageSource = EmptyTransparentImage;
-    imageOnLoad = null;
+    imageOnLoad = undefined;
   }
   return /*#__PURE__*/jsx("img", {
     ref: elementReference,
@@ -5766,28 +5732,6 @@ const Image = ({
     onError: onError
   });
 };
-Image.propTypes = {
-  id: PropTypes.string,
-  src: PropTypes.string.isRequired,
-  alt: PropTypes.string.isRequired,
-  onLoad: PropTypes.func,
-  onError: PropTypes.func,
-  className: PropTypes.string,
-  loading: PropTypes.oneOf(['lazy', 'eager']),
-  stretch: PropTypes.bool,
-  shrink: PropTypes.bool,
-  role: PropTypes.string
-};
-Image.defaultProps = {
-  id: null,
-  className: '',
-  onLoad: () => {},
-  onError: () => {},
-  loading: 'eager',
-  stretch: true,
-  shrink: true
-};
-var Image$1 = Image;
 
 // TODO: consider to move this enum into component file once we migrate it on TypeScript or replace with some common enum
 var InfoPresentation;
@@ -6023,18 +5967,23 @@ const typeClassMap = {
   [Sentiment.ERROR]: 'danger',
   [Sentiment.NEGATIVE]: 'danger'
 };
-const InlineAlert = props => {
+const InlineAlert = ({
+  id,
+  type = Sentiment.NEUTRAL,
+  className,
+  children
+}) => {
   const {
     isModern
   } = useTheme();
-  const typeClass = `alert-${typeClassMap[props.type] || props.type}`;
+  const typeClass = `alert-${typeClassMap[type] || type}`;
   if (isModern) {
     return /*#__PURE__*/jsxs("div", {
       role: "alert",
-      id: props.id,
-      className: classNames('alert alert-detach', typeClass, props.className),
-      children: [(props.type === 'error' || props.type === 'negative') && /*#__PURE__*/jsx(AlertCircle, {}), /*#__PURE__*/jsx("div", {
-        children: props.children
+      id: id,
+      className: classNames('alert alert-detach', typeClass, className),
+      children: [(type === 'error' || type === 'negative') && /*#__PURE__*/jsx(AlertCircle, {}), /*#__PURE__*/jsx("div", {
+        children: children
       })]
     });
   }
@@ -6044,28 +5993,19 @@ const InlineAlert = props => {
   }) => {
     return /*#__PURE__*/jsx("div", {
       role: "alert",
-      id: props.id,
+      id: id,
       className: classNames('alert alert-detach p-x-2 p-y-1', typeClass, className),
       children: children
     });
   };
   const AlertWithArrow = withArrow(getAlertContents, ArrowPosition.TOP_LEFT);
   return /*#__PURE__*/jsx(AlertWithArrow, {
-    ...props
+    id,
+    type,
+    className,
+    children
   });
 };
-InlineAlert.propTypes = {
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  id: PropTypes.string,
-  type: PropTypes.oneOf(['positive', 'negative', 'warning', 'neutral', 'success', 'info', 'error'])
-};
-InlineAlert.defaultProps = {
-  className: undefined,
-  id: undefined,
-  type: Sentiment.NEUTRAL
-};
-var InlineAlert$1 = InlineAlert;
 
 /*
  * Inspired by:
@@ -9956,10 +9896,9 @@ const PromoCard = /*#__PURE__*/forwardRef(({
       className: classNames('np-Card-image', {
         imageClass
       }),
-      children: /*#__PURE__*/jsx(Image$1, {
+      children: /*#__PURE__*/jsx(Image, {
         src: imageSource,
-        alt: imageAlt,
-        role: !imageAlt ? 'presentation' : null,
+        alt: imageAlt || '',
         loading: "lazy"
       })
     }), /*#__PURE__*/jsx(PromoCardIndicator, {
@@ -12064,7 +12003,7 @@ class Typeahead extends Component {
               children: /*#__PURE__*/jsx(Cross, {})
             })
           })]
-        }), displayAlert && /*#__PURE__*/jsx(InlineAlert$1, {
+        }), displayAlert && /*#__PURE__*/jsx(InlineAlert, {
           type: alert.type,
           children: alert.message
         }), menu]
@@ -14446,5 +14385,5 @@ const translations = {
   zh
 };
 
-export { Accordion, ActionButton, ActionOption, Alert$1 as Alert, ArrowPosition as AlertArrowPosition, Avatar, AvatarType, AvatarWrapper$1 as AvatarWrapper, Badge$1 as Badge, Card as BaseCard, Body, BottomSheet$1 as BottomSheet, Breakpoint, Button, Card$2 as Card, Checkbox$1 as Checkbox, CheckboxButton$1 as CheckboxButton, CheckboxOption, Chevron$1 as Chevron, Chip, Chips, CircularButton$1 as CircularButton, ControlType, CriticalCommsBanner, DEFAULT_LANG, DEFAULT_LOCALE, DateInput$1 as DateInput, DateLookup$1 as DateLookup, DateMode, Decision$1 as Decision, Presentation as DecisionPresentation, Type as DecisionType, DefinitionList$1 as DefinitionList, Dimmer$1 as Dimmer, Direction, DirectionProvider, Display, Drawer$1 as Drawer, DropFade, DynamicFieldDefinitionList$1 as DynamicFieldDefinitionList, Emphasis, FileType, FlowNavigation, Header, Image$1 as Image, Info, InfoPresentation, InlineAlert$1 as InlineAlert, Input, InputGroup, InputWithDisplayFormat$1 as InputWithDisplayFormat, InstructionsList$1 as InstructionsList, LanguageProvider, Layout$1 as Layout, Link, ListItem$1 as ListItem, Loader$1 as Loader, Logo$1 as Logo, LogoType, Markdown$1 as Markdown, MarkdownNodeType, Modal, Money$1 as Money, MoneyInput$1 as MoneyInput, MonthFormat, NavigationOption, NavigationOptionList$1 as NavigationOptionsList, Nudge, Option$2 as Option, OverlayHeader$1 as OverlayHeader, PhoneNumberInput$1 as PhoneNumberInput, Popover$1 as Popover, Position, Priority, ProcessIndicator$1 as ProcessIndicator, ProfileType, Progress, ProgressBar, PromoCard$1 as PromoCard, PromoCard$1 as PromoCardGroup, Provider$1 as Provider, RTL_LANGUAGES, Radio$1 as Radio, RadioGroup$1 as RadioGroup, RadioOption$1 as RadioOption, SUPPORTED_LANGUAGES, Scroll, Section, Select, Sentiment, Size, SlidingPanel$1 as SlidingPanel, SnackbarConsumer, SnackbarContext, SnackbarPortal, SnackbarProvider$1 as SnackbarProvider, Status, StatusIcon, Stepper, Sticky$1 as Sticky, Summary, Switch, SwitchOption, Tabs$1 as Tabs, TextArea, TextareaWithDisplayFormat$1 as TextareaWithDisplayFormat, Theme, Title, Tooltip$1 as Tooltip, Type$1 as Type, Typeahead, Typography, Upload$1 as Upload, UploadInput, UploadStep, Variant, Width, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide, translations, useDirection, useLayout, useSnackbar };
+export { Accordion, ActionButton, ActionOption, Alert$1 as Alert, ArrowPosition as AlertArrowPosition, Avatar, AvatarType, AvatarWrapper, Badge, Card as BaseCard, Body, BottomSheet$1 as BottomSheet, Breakpoint, Button, Card$2 as Card, Checkbox$1 as Checkbox, CheckboxButton$1 as CheckboxButton, CheckboxOption, Chevron$1 as Chevron, Chip, Chips, CircularButton$1 as CircularButton, ControlType, CriticalCommsBanner, DEFAULT_LANG, DEFAULT_LOCALE, DateInput$1 as DateInput, DateLookup$1 as DateLookup, DateMode, Decision$1 as Decision, Presentation as DecisionPresentation, Type as DecisionType, DefinitionList$1 as DefinitionList, Dimmer$1 as Dimmer, Direction, DirectionProvider, Display, Drawer$1 as Drawer, DropFade, DynamicFieldDefinitionList$1 as DynamicFieldDefinitionList, Emphasis, FileType, FlowNavigation, Header, Image, Info, InfoPresentation, InlineAlert, Input, InputGroup, InputWithDisplayFormat$1 as InputWithDisplayFormat, InstructionsList$1 as InstructionsList, LanguageProvider, Layout$1 as Layout, Link, ListItem$1 as ListItem, Loader$1 as Loader, Logo$1 as Logo, LogoType, Markdown$1 as Markdown, MarkdownNodeType, Modal, Money$1 as Money, MoneyInput$1 as MoneyInput, MonthFormat, NavigationOption, NavigationOptionList$1 as NavigationOptionsList, Nudge, Option$2 as Option, OverlayHeader$1 as OverlayHeader, PhoneNumberInput$1 as PhoneNumberInput, Popover$1 as Popover, Position, Priority, ProcessIndicator$1 as ProcessIndicator, ProfileType, Progress, ProgressBar, PromoCard$1 as PromoCard, PromoCard$1 as PromoCardGroup, Provider$1 as Provider, RTL_LANGUAGES, Radio$1 as Radio, RadioGroup$1 as RadioGroup, RadioOption$1 as RadioOption, SUPPORTED_LANGUAGES, Scroll, Section, Select, Sentiment, Size, SlidingPanel$1 as SlidingPanel, SnackbarConsumer, SnackbarContext, SnackbarPortal, SnackbarProvider$1 as SnackbarProvider, Status, StatusIcon, Stepper, Sticky$1 as Sticky, Summary, Switch, SwitchOption, Tabs$1 as Tabs, TextArea, TextareaWithDisplayFormat$1 as TextareaWithDisplayFormat, Theme, Title, Tooltip$1 as Tooltip, Type$1 as Type, Typeahead, Typography, Upload$1 as Upload, UploadInput, UploadStep, Variant, Width, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide, translations, useDirection, useLayout, useSnackbar };
 //# sourceMappingURL=index.esm.js.map