@transferwise/components 0.0.0-experimental-7a83d86 → 0.0.0-experimental-b2a535a

package/build/index.mjs

@@ -63,7 +63,7 @@ var HistoryNavigator$1 = HistoryNavigator;
 function isIosDevice() {
   const sampleTouchDevices = ['iphone', 'ipad', 'ipod'];
   const matchString = sampleTouchDevices.map(device => `(${device})`).join('|');
-  const regex = new RegExp(matchString, 'gi');
+  const regex = new RegExp(matchString, 'ig');
   return typeof navigator !== 'undefined' && !!navigator.userAgent.match(regex);
 }
 
@@ -909,9 +909,8 @@ function resolveType(type) {
       return 'neutral';
     case 'error':
       return 'negative';
-    default:
-      return type;
   }
+  return type;
 }
 function Alert({
   arrow,
@@ -1057,7 +1056,7 @@ const hashSeed = seed => {
   const modulo = avatarColors.length;
   let hashValue = 0;
   let basePow = 1;
-  for (let i = 0; i < seed.length; i += 1) {
+  for (let i = 0; i < seed.length; i++) {
     hashValue = (hashValue + seed.charCodeAt(i) * basePow) % modulo;
     basePow = basePow * base % modulo;
   }
@@ -1349,15 +1348,11 @@ const Dimmer = ({
   }, [onClose]);
   const onEnter = () => {
     setHasNotExited(true);
-    if (dimmerReference.current) {
-      dimmerManager.add(dimmerReference.current);
-    }
+    dimmerReference.current && dimmerManager.add(dimmerReference.current);
   };
   const onExited = () => {
     setHasNotExited(false);
-    if (dimmerReference.current) {
-      dimmerManager.remove(dimmerReference.current);
-    }
+    dimmerReference.current && dimmerManager.remove(dimmerReference.current);
   };
   useEffect(() => {
     const localReferenceCopy = dimmerReference.current;
@@ -5174,6 +5169,7 @@ const Tooltip = ({
 
 function supportsTouchEvents() {
   const onTouchStartIsDefined = typeof window !== 'undefined' && window.ontouchstart !== undefined;
+  // eslint-disable-next-line compat/compat
   const maxTouchPointsIsDefined = typeof navigator !== 'undefined' && navigator.maxTouchPoints;
   const documentTouchIsDefined = typeof window !== 'undefined' && window.DocumentTouch && document instanceof window.DocumentTouch;
   return !!(onTouchStartIsDefined || maxTouchPointsIsDefined || documentTouchIsDefined);
@@ -5181,7 +5177,7 @@ function supportsTouchEvents() {
 function userAgentSuggestsTouchDevice() {
   const sampleTouchDevices = ['android', 'iemobile', 'iphone', 'ipad', 'ipod', 'blackberry', 'bada'];
   const matchString = sampleTouchDevices.map(device => `(${device})`).join('|');
-  const regex = new RegExp(matchString, 'gi');
+  const regex = new RegExp(matchString, 'ig');
   return typeof navigator !== 'undefined' && !!navigator.userAgent.match(regex);
 }
 // Important: this is not fool-proof! It gives false positives and negatives, and will be outdated.
@@ -5587,9 +5583,8 @@ function resolvePlacement(preferredPlacement) {
     case 'bottom-left':
     case 'bottom-right':
       return 'bottom';
-    default:
-      return preferredPlacement;
   }
+  return preferredPlacement;
 }
 function Popover$1({
   children,
@@ -7152,6 +7147,7 @@ const Loader = ({
       }, 1000);
     }
     return () => {
+      // eslint-disable-next-line fp/no-mutation
       cancelled = true;
       clearTimeout(timeout);
     };
@@ -9088,7 +9084,7 @@ const explodeNumberModel = number => {
   };
 };
 
-const DIGITS_MATCH = /^$|^(\+)|(\d+)/g;
+const DIGITS_MATCH = /^$|^(\+)|([\d]+)/g;
 const cleanNumber = number => number.match(DIGITS_MATCH)?.join('') ?? '';
 
 function sortArrayByProperty(arrayToSort, property) {
@@ -9174,8 +9170,7 @@ const PhoneNumberInput = ({
   };
   useEffect(() => {
     if (broadcastedValue === null) {
-      setBroadcastedValue(internalValue);
-      return;
+      return setBroadcastedValue(internalValue);
     }
     const internalPhoneNumber = `${internalValue.prefix ?? ''}${internalValue.suffix}`;
     const broadcastedPhoneNumber = `${broadcastedValue.prefix ?? ''}${broadcastedValue.suffix}`;
@@ -9448,7 +9443,7 @@ const PromoCard = /*#__PURE__*/forwardRef(({
   const checkedProps = (type === 'checkbox' || type === 'radio') && !href ? {
     ...commonProps,
     'aria-checked': type === 'radio' ? value === state : type === 'checkbox' ? checked : undefined,
-    'aria-describedby': `${componentId}-title`,
+    'aria-describedby': `${componentId}-title` || undefined,
     'aria-disabled': isDisabled,
     'data-value': value ?? undefined,
     role: type === 'checkbox' || type === 'radio' ? type : undefined,
@@ -10101,8 +10096,8 @@ function Select({
     }
   };
   function selectKeyboardFocusedOption() {
-    if (keyboardFocusedOptionIndex != null && selectableOptions.length > 0) {
-      selectOption(selectableOptions[keyboardFocusedOptionIndex]);
+    if (keyboardFocusedOptionIndex != null) {
+      selectableOptions.length > 0 && selectOption(selectableOptions[keyboardFocusedOptionIndex]);
     }
   }
   function moveFocusWithDifference(difference) {
@@ -10329,6 +10324,7 @@ function Select({
       disabled: disabled,
       "aria-controls": listboxId,
       "aria-expanded": open,
+      "aria-autocomplete": "none",
       onClick: handleOnClick,
       ...buttonProps,
       children: [selected ? /*#__PURE__*/jsx(Option$1, {
@@ -10444,12 +10440,11 @@ Select.defaultProps = {
 
 const SegmentedControl = ({
   name,
-  defaultValue,
+  selectedValue,
   mode = 'input',
   segments,
   onChange
 }) => {
-  const [selectedValue, setSelectedValue] = useState(defaultValue || segments[0].value);
   const [animate, setAnimate] = useState(false);
   const segmentsRef = useRef(null);
   if (segments.length > 3) {
@@ -10473,6 +10468,7 @@ const SegmentedControl = ({
     }
   };
   useEffect(() => {
+    setAnimate(true);
     updateSegmentPosition();
     const handleWindowSizeChange = () => {
       setAnimate(false);
@@ -10498,7 +10494,6 @@ const SegmentedControl = ({
       children: segmentsWithRefs.map(segment => {
         const onSelect = () => {
           setAnimate(true);
-          setSelectedValue(segment.value);
           onChange(segment.value);
         };
         return mode === 'input' ? /*#__PURE__*/jsxs("label", {