@transferwise/components 45.15.0 → 45.15.1

package/build/types/avatarWrapper/AvatarWrapper.d.ts

@@ -2,17 +2,26 @@
 import { AvatarProps } from '../avatar';
 import { BadgeProps } from '../badge';
 import { ProfileTypePersonal, ProfileTypeBusiness, Sentiment } from '../common';
-export interface AvatarWrapperProps {
+export type AvatarWrapperProps = {
     url?: string;
     profileType?: ProfileTypeBusiness | ProfileTypePersonal;
     profileId?: string;
-    badgeUrl?: string;
-    badgeAltText?: string;
-    badgeStatusIcon?: Sentiment;
     name?: string;
     avatarProps?: AvatarProps;
     badgeProps?: BadgeProps;
-}
+} & ({
+    badgeUrl: string;
+    badgeAltText: string;
+    badgeStatusIcon?: never;
+} | {
+    badgeUrl?: never;
+    badgeAltText?: never;
+    badgeStatusIcon: Sentiment;
+} | {
+    badgeUrl?: never;
+    badgeAltText?: never;
+    badgeStatusIcon?: never;
+});
 declare const AvatarWrapper: ({ url, profileType, profileId, badgeUrl, badgeAltText, badgeStatusIcon, name, avatarProps, badgeProps, }: AvatarWrapperProps) => import("react").JSX.Element;
 export default AvatarWrapper;
 //# sourceMappingURL=AvatarWrapper.d.ts.map

package/build/types/avatarWrapper/AvatarWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarWrapper.d.ts","sourceRoot":"","sources":["../../../src/avatarWrapper/AvatarWrapper.tsx"],"names":[],"mappings":";AAGA,OAAe,EAAE,WAAW,EAAc,MAAM,WAAW,CAAC;AAC5D,OAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAe,mBAAmB,EAAE,mBAAmB,EAAQ,SAAS,EAAE,MAAM,WAAW,CAAC;AA4BnG,MAAM,WAAW,kBAAkB;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,QAAA,MAAM,aAAa,6GAUhB,kBAAkB,gCA+CpB,CAAC;AAgBF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"AvatarWrapper.d.ts","sourceRoot":"","sources":["../../../src/avatarWrapper/AvatarWrapper.tsx"],"names":[],"mappings":";AAGA,OAAe,EAAE,WAAW,EAAc,MAAM,WAAW,CAAC;AAC5D,OAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAe,mBAAmB,EAAE,mBAAmB,EAAQ,SAAS,EAAE,MAAM,WAAW,CAAC;AA2BnG,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,CACA;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,eAAe,EAAE,SAAS,CAAC;CAC5B,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,CACJ,CAAC;AAEF,QAAA,MAAM,aAAa,6GAUhB,kBAAkB,gCA+CpB,CAAC;AAgBF,eAAe,aAAa,CAAC"}

package/build/types/common/Option/Option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/common/Option/Option.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAc,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGvF,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,iBAAkB,SAAQ,eAAe,EAAE,SAAS;IAC5D,EAAE,EAAE,GAAG,CAAC;CACT;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,iBAAiB,CAAC;AAE5D,QAAA,MAAM,MAAM,uGAkEX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/common/Option/Option.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAc,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGvF,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,iBAAkB,SAAQ,eAAe,EAAE,SAAS;IAC5D,EAAE,EAAE,GAAG,CAAC;CACT;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,iBAAiB,CAAC;AAE5D,QAAA,MAAM,MAAM,uGA4DX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/types/common/focusBoundary/FocusBoundary.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 type FocusBoundaryProps = {
-    children: ReactNode;
+    children: React.ReactNode;
 };
 declare const FocusBoundary: ({ children }: FocusBoundaryProps) => import("react").JSX.Element;
 export default FocusBoundary;

package/build/types/common/focusBoundary/FocusBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusBoundary.d.ts","sourceRoot":"","sources":["../../../../src/common/focusBoundary/FocusBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAS/D,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,aAAa,iBAAkB,kBAAkB,gCA6BtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"FocusBoundary.d.ts","sourceRoot":"","sources":["../../../../src/common/focusBoundary/FocusBoundary.tsx"],"names":[],"mappings":";AAGA,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,aAAa,iBAAkB,kBAAkB,gCAatD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/build/types/dateInput/DateInput.d.ts

@@ -22,8 +22,10 @@ export interface DateInputProps {
     onFocus?: (...args: any[])=>any;
     onBlur?: (...args: any[])=>any;
     dayLabel?: string;
+    dayAutoComplete?: string;
     monthLabel?: string;
     yearLabel?: string;
+    yearAutoComplete?: string;
     monthFormat?: DateInputMonthFormat;
     mode?: DateInputMode;
     placeholders?: DateInputPlaceholders;

package/build/types/dateInput/DateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/dateInput/DateInput.js"],"names":[],"mappings":";AAeA;;;;;;;;;;;;;;;gCAkQC"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/dateInput/DateInput.js"],"names":[],"mappings":";AAeA;;;;;;;;;;;;;;;;;gCAsQC"}

package/build/types/dateLookup/DateLookup.messages.d.ts

@@ -0,0 +1,65 @@
+declare namespace _default {
+    namespace next {
+        const id: string;
+        const defaultMessage: string;
+        const description: string;
+    }
+    namespace previous {
+        const id_1: string;
+        export { id_1 as id };
+        const defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+        const description_1: string;
+        export { description_1 as description };
+    }
+    namespace day {
+        const id_2: string;
+        export { id_2 as id };
+        const defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+        const description_2: string;
+        export { description_2 as description };
+    }
+    namespace month {
+        const id_3: string;
+        export { id_3 as id };
+        const defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+        const description_3: string;
+        export { description_3 as description };
+    }
+    namespace year {
+        const id_4: string;
+        export { id_4 as id };
+        const defaultMessage_4: string;
+        export { defaultMessage_4 as defaultMessage };
+        const description_4: string;
+        export { description_4 as description };
+    }
+    namespace twentyYears {
+        const id_5: string;
+        export { id_5 as id };
+        const defaultMessage_5: string;
+        export { defaultMessage_5 as defaultMessage };
+        const description_5: string;
+        export { description_5 as description };
+    }
+    namespace selected {
+        const id_6: string;
+        export { id_6 as id };
+        const defaultMessage_6: string;
+        export { defaultMessage_6 as defaultMessage };
+        const description_6: string;
+        export { description_6 as description };
+    }
+    namespace goTo20YearView {
+        const id_7: string;
+        export { id_7 as id };
+        const defaultMessage_7: string;
+        export { defaultMessage_7 as defaultMessage };
+        const description_7: string;
+        export { description_7 as description };
+    }
+}
+export default _default;
+//# sourceMappingURL=DateLookup.messages.d.ts.map

package/build/types/dateLookup/DateLookup.messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateLookup.messages.d.ts","sourceRoot":"","sources":["../../../src/dateLookup/DateLookup.messages.js"],"names":[],"mappings":""}

package/build/types/dateLookup/dateHeader/DateHeader.d.ts

@@ -1,9 +1,10 @@
 export default DateHeader;
-declare function DateHeader({ label, onLabelClick, onPreviousClick, onNextClick }: {
+declare function DateHeader({ label, onLabelClick, onPreviousClick, onNextClick, dateMode }: {
     label: any;
     onLabelClick: any;
     onPreviousClick: any;
     onNextClick: any;
+    dateMode: any;
 }): import("react").JSX.Element;
 declare namespace DateHeader {
     namespace propTypes {
@@ -11,6 +12,7 @@ declare namespace DateHeader {
         const onLabelClick: any;
         const onPreviousClick: any;
         const onNextClick: any;
+        const dateMode: any;
     }
     namespace defaultProps {
         const label_1: null;

package/build/types/dateLookup/dateHeader/DateHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateHeader.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/dateHeader/DateHeader.js"],"names":[],"mappings":";AAOA;;;;;gCA0BC;;;;;;;;;;;QAWe,uCAAQ"}
+{"version":3,"file":"DateHeader.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/dateHeader/DateHeader.js"],"names":[],"mappings":";AASA;;;;;;gCA6CC;;;;;;;;;;;;QAYe,uCAAQ"}

package/build/types/dateLookup/tableLink/TableLink.d.ts

@@ -1,27 +1,5 @@
-export default TableLink;
-declare class TableLink extends PureComponent<any, any, any> {
-    constructor(props: any);
-    constructor(props: any, context: any);
-    onClick: (event: any) => void;
-    render(): import("react").JSX.Element;
-}
-declare namespace TableLink {
-    namespace propTypes {
-        const item: any;
-        const type: any;
-        const title: any;
-        const longTitle: any;
-        const active: any;
-        const disabled: any;
-        const today: any;
-        const onClick: any;
-    }
-    namespace defaultProps {
-        const title_1: null;
-        export { title_1 as title };
-        const longTitle_1: null;
-        export { longTitle_1 as longTitle };
-    }
-}
-import { PureComponent } from "react";
+declare const _default: import("react").FC<import("react-intl").WithIntlProps<any>> & {
+    WrappedComponent: import("react").ComponentType<any>;
+};
+export default _default;
 //# sourceMappingURL=TableLink.d.ts.map

package/build/types/dateLookup/tableLink/TableLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableLink.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/tableLink/TableLink.js"],"names":[],"mappings":";AAGA;IA6Co1kB,wBAA8C;IAAA,sCAAgK;IA5ChilB,8BAKE;IAEF,sCAiBC;CACF"}
+{"version":3,"file":"TableLink.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/tableLink/TableLink.js"],"names":[],"mappings":""}

package/build/types/dateLookup/yearCalendar/YearCalendar.d.ts

@@ -1,30 +1,5 @@
-export default YearCalendar;
-declare class YearCalendar extends PureComponent<any, any, any> {
-    constructor(props: any);
-    constructor(props: any, context: any);
-    onYearSelect: (year: any) => void;
-    selectPreviousYears: () => void;
-    selectNextYears: () => void;
-    render(): import("react").JSX.Element;
-}
-declare namespace YearCalendar {
-    namespace propTypes {
-        const selectedDate: any;
-        const min: any;
-        const max: any;
-        const viewYear: any;
-        const placeholder: any;
-        const onSelect: any;
-        const onViewDateUpdate: any;
-    }
-    namespace defaultProps {
-        const selectedDate_1: null;
-        export { selectedDate_1 as selectedDate };
-        const min_1: null;
-        export { min_1 as min };
-        const max_1: null;
-        export { max_1 as max };
-    }
-}
-import { PureComponent } from "react";
+declare const _default: import("react").FC<import("react-intl").WithIntlProps<any>> & {
+    WrappedComponent: import("react").ComponentType<any>;
+};
+export default _default;
 //# sourceMappingURL=YearCalendar.d.ts.map

package/build/types/dateLookup/yearCalendar/YearCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YearCalendar.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/yearCalendar/YearCalendar.js"],"names":[],"mappings":";AAOA;IA6C0ukB,wBAA8C;IAAA,sCAAgK;IA5Ct7kB,kCAGE;IAEF,gCAEE;IAEF,4BAEE;IAEF,sCAWC;CACF"}
+{"version":3,"file":"YearCalendar.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/yearCalendar/YearCalendar.js"],"names":[],"mappings":""}

package/build/types/phoneNumberInput/PhoneNumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberInput.d.ts","sourceRoot":"","sources":["../../../src/phoneNumberInput/PhoneNumberInput.js"],"names":[],"mappings":";AAuBA,2EAwJC;;;;;;;;;;;;;;;;;;;;;;;;;;QAwBC,gCAAY;QACZ,+BAAW"}
+{"version":3,"file":"PhoneNumberInput.d.ts","sourceRoot":"","sources":["../../../src/phoneNumberInput/PhoneNumberInput.js"],"names":[],"mappings":";AAuBA,2EAyJC;;;;;;;;;;;;;;;;;;;;;;;;;;QAwBC,gCAAY;QACZ,+BAAW"}

package/build/types/snackbar/Snackbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/snackbar/Snackbar.js"],"names":[],"mappings":"AAUA,0CAA2C;AAE3C;IAIE,cAMC;IATD,yCAAyC;IACzC,SADW,UAAU,eAAe,CAAC,CACf;IAIpB;;;MAGC;IAGH,6BAGC;IAED,+DAaC;IAED,4BAME;IAHA,oCAEW;IAGb,6CAsBC;IAVO,8CAG2B;IASnC,sCA4BC;CACF"}
+{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/snackbar/Snackbar.js"],"names":[],"mappings":"AAUA,0CAA2C;AAE3C;IAIE,cAMC;IATD,yCAAyC;IACzC,SADW,UAAU,eAAe,CAAC,CACf;IAIpB;;;MAGC;IAGH,6BAGC;IAED,+DAaC;IAED,4BAME;IAHA,oCAEW;IAGb,6CAsBC;IAVO,8CAG2B;IASnC,sCAiCC;CACF"}

package/build/types/tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/Tabs.js"],"names":[],"mappings":";AA6BA;IAIE,wBAcC;IAjBD,wCAAwC;IACxC,oBADW,UAAU,cAAc,CAAC,CACH;IAI/B;;;;;;;;;;;MAWC;IAGH,gBAAiB;IAEjB,uBAAmB;IAEnB,eAAa;IAEb,8BAEC;IAED,wBAEC;IAED,0BASC;IAED,iEAiCC;IAED,6BAIC;IAED,yBAME;IAEF,6CAGE;IAEF,uCAQE;IAEF,mCAIE;IAEF,2BAME;IAEF,yDAKE;IAEF,wBAeE;IAEF,8BAWE;IAMF,6DA4BE;IAEF,wDAAoF;IAEpF;;;;;yBAkBE;IAEF,gCAGE;IAEF,mDAEC;IAED,iDAIE;IAEF,kCAME;IAGF,sDAYE;IAEF,oCAME;IAEF,2CAEE;IAEF,gDAIE;IAEF,uCAYE;IAEF,sCAiDE;IAEF,qCAoCE;IAEF,sCAgKC;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED;;;;;;;EAAiD"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/Tabs.js"],"names":[],"mappings":";AA6BA;IAIE,wBAcC;IAjBD,wCAAwC;IACxC,oBADW,UAAU,cAAc,CAAC,CACH;IAI/B;;;;;;;;;;;MAWC;IAGH,gBAAiB;IAEjB,uBAAmB;IAEnB,eAAa;IAEb,8BAEC;IAED,wBAEC;IAED,0BASC;IAED,iEAiCC;IAED,6BAIC;IAED,yBAME;IAEF,6CAGE;IAEF,uCAQE;IAEF,mCAIE;IAEF,2BAME;IAEF,yDAKE;IAEF,wBAeE;IAEF,8BAWE;IAMF,6DA4BE;IAEF,wDAAoF;IAEpF;;;;;yBAkBE;IAEF,gCAGE;IAEF,mDAEC;IAED,iDAIE;IAEF,kCAME;IAGF,sDAYE;IAEF,oCAME;IAEF,2CAEE;IAEF,gDAIE;IAEF,uCAYE;IAEF,sCAiDE;IAEF,qCAoCE;IAEF,sCAiKC;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED;;;;;;;EAAiD"}

package/build/types/upload/steps/completeStep/completeStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"completeStep.d.ts","sourceRoot":"","sources":["../../../../../src/upload/steps/completeStep/completeStep.js"],"names":[],"mappings":";AAYA,uEAiEC"}
+{"version":3,"file":"completeStep.d.ts","sourceRoot":"","sources":["../../../../../src/upload/steps/completeStep/completeStep.js"],"names":[],"mappings":";AAYA,uEAoEC"}

package/build/types/upload/steps/processingStep/processingStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"processingStep.d.ts","sourceRoot":"","sources":["../../../../../src/upload/steps/processingStep/processingStep.js"],"names":[],"mappings":";AASA,yEAiDC"}
+{"version":3,"file":"processingStep.d.ts","sourceRoot":"","sources":["../../../../../src/upload/steps/processingStep/processingStep.js"],"names":[],"mappings":";AASA,yEAkDC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "45.15.0",
+  "version": "45.15.1",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -103,6 +103,7 @@
     "@headlessui/react": "^1.7.17",
     "@popperjs/core": "^2.6.0",
     "@radix-ui/react-id": "^1.0.0",
+    "@react-aria/focus": "^3.14.2",
     "@react-aria/overlays": "^3.17.0",
     "@react-spring/web": "~9.6.1",
     "@transferwise/formatting": "^2.1.0",

package/src/accordion/AccordionItem/__snapshots__/AccordionItem.spec.js.snap

@@ -14,11 +14,11 @@ exports[`AccordionItem open / close renders an item closed 1`] = `
         <div
           class="media-body"
         >
-          <span
-            class="np-text-body-large-bold text-primary np-option__title d-block"
+          <h4
+            class="np-text-body-large-bold text-primary np-option__title"
           >
             This is title number one
-          </span>
+          </h4>
         </div>
         <div
           class="media-right"
@@ -62,11 +62,11 @@ exports[`AccordionItem open / close renders an item open 1`] = `
         <div
           class="media-body"
         >
-          <span
-            class="np-text-body-large-bold text-primary np-option__title d-block"
+          <h4
+            class="np-text-body-large-bold text-primary np-option__title"
           >
             This is title number one
-          </span>
+          </h4>
         </div>
         <div
           class="media-right"

package/src/avatarWrapper/AvatarWrapper.tsx

@@ -6,11 +6,10 @@ import Badge, { BadgeProps } from '../badge';
 import { ProfileType, ProfileTypePersonal, ProfileTypeBusiness, Size, Sentiment } from '../common';
 import StatusIcon from '../statusIcon/StatusIcon';
 
-interface OptionalBadgeProps {
+interface OptionalBadgeProps extends Omit<BadgeProps, 'badge'> {
   url?: string;
   altText?: string;
   statusIcon?: Sentiment;
-  children: React.ReactNode;
 }
 
 const OptionalBadge = ({ url, altText, statusIcon, children, ...rest }: OptionalBadgeProps) => {
@@ -31,17 +30,30 @@ const OptionalBadge = ({ url, altText, statusIcon, children, ...rest }: Optional
   return <>{children}</>;
 };
 
-export interface AvatarWrapperProps {
+export type AvatarWrapperProps = {
   url?: string;
   profileType?: ProfileTypeBusiness | ProfileTypePersonal;
   profileId?: string;
-  badgeUrl?: string;
-  badgeAltText?: string;
-  badgeStatusIcon?: Sentiment;
   name?: string;
   avatarProps?: AvatarProps;
   badgeProps?: BadgeProps;
-}
+} & (
+  | {
+      badgeUrl: string;
+      badgeAltText: string;
+      badgeStatusIcon?: never;
+    }
+  | {
+      badgeUrl?: never;
+      badgeAltText?: never;
+      badgeStatusIcon: Sentiment;
+    }
+  | {
+      badgeUrl?: never;
+      badgeAltText?: never;
+      badgeStatusIcon?: never;
+    }
+);
 
 const AvatarWrapper = ({
   url,
@@ -64,7 +76,7 @@ const AvatarWrapper = ({
     if (url && !hasImageLoadError) {
       return {
         type: AvatarType.THUMBNAIL,
-        children: <img src={url} alt="avatar" onError={() => setImageLoadError(true)} />,
+        children: <img src={url} alt="" onError={() => setImageLoadError(true)} />,
         ...avatarProps,
       };
     }

package/src/avatarWrapper/__snapshots__/AvatarWrapper.spec.tsx.snap

@@ -8,7 +8,7 @@ exports[`FlowNavigationAvatar with a name AND profileType FlowNavigationAvatar w
     class="tw-avatar__content"
   >
     <img
-      alt="avatar"
+      alt=""
       src="https://wise.com"
     />
   </div>

package/src/card/Card.spec.js

@@ -56,12 +56,12 @@ describe('Card', () => {
   });
 
   describe('when there is no children prop', () => {
-    it('redners Option title as a heading 4', () => {
+    it('renders Option title as a heading 4', () => {
       const onClick = jest.fn();
       renderCard(onClick);
 
       expect(screen.queryByRole('button')).not.toBeInTheDocument();
-      expect(screen.getByText(defaultProps.title).tagName).toBe('SPAN');
+      expect(screen.getByText(defaultProps.title).tagName).toBe('H4');
     });
 
     it('has an inactive class', () => {

package/src/common/Option/Option.tsx

@@ -85,13 +85,7 @@ const Option = forwardRef<ReferenceType, OptionProps>(
             </div>
           )}
           <div className="media-body">
-            <Body
-              as="span"
-              type={Typography.BODY_LARGE_BOLD}
-              className="text-primary np-option__title d-block"
-            >
-              {title}
-            </Body>
+            <h4 className="np-text-body-large-bold text-primary np-option__title">{title}</h4>
             {content && <Body className="d-block np-option__body">{content}</Body>}
           </div>
           <div className="media-right">{button}</div>

package/src/common/bottomSheet/__snapshots__/BottomSheet.spec.tsx.snap

@@ -7,9 +7,12 @@ exports[`BottomSheet renders content when open 1`] = `
     class="np-theme-light"
   >
     <div
-      class="np-focus-boundary outline-none"
       tabindex="-1"
     >
+      <span
+        data-focus-scope-start="true"
+        hidden=""
+      />
       <div
         class="dimmer"
         role="presentation"
@@ -63,6 +66,10 @@ exports[`BottomSheet renders content when open 1`] = `
           </div>
         </div>
       </div>
+      <span
+        data-focus-scope-end="true"
+        hidden=""
+      />
     </div>
   </div>
 </body>

package/src/common/focusBoundary/FocusBoundary.tsx

@@ -1,44 +1,21 @@
-import { isKey, isUndefined } from '@transferwise/neptune-validation';
-import { ReactNode, useEffect, useRef, useState } from 'react';
-
-import { useConditionalListener } from '../hooks';
-import { Key } from '../key';
-
-import { getFocusableElements, resetFocus } from './utils';
-
-const { TAB } = Key;
+import { FocusScope } from '@react-aria/focus';
+import { useEffect, useRef } from 'react';
 
 type FocusBoundaryProps = {
-  children: ReactNode;
+  children: React.ReactNode;
 };
 
 const FocusBoundary = ({ children }: FocusBoundaryProps) => {
-  const boundaryReference = useRef<HTMLDivElement | null>(null);
-  const parent = isUndefined(document) ? undefined : document;
-  const [focusableEls, setFocusableEls] = useState({});
-
+  const wrapperReference = useRef<HTMLDivElement>(null);
   useEffect(() => {
-    if (boundaryReference?.current) {
-      boundaryReference.current.focus({ preventScroll: true });
-      setFocusableEls(getFocusableElements(boundaryReference.current));
-    }
+    wrapperReference.current?.focus({ preventScroll: true });
   }, []);
 
-  // If event type is Tab the resetFocus will force the focus to either the first focusable or last in boundaryRef .
-  useConditionalListener({
-    eventType: 'keydown',
-    callback: (event) => {
-      if (isKey({ keyType: TAB, event })) {
-        resetFocus({ event, focusableEls });
-      }
-    },
-    attachListener: true,
-    parent,
-  });
-
   return (
-    <div ref={boundaryReference} tabIndex={-1} className="np-focus-boundary outline-none">
-      {children}
+    <div ref={wrapperReference} tabIndex={-1}>
+      <FocusScope contain restoreFocus>
+        {children}
+      </FocusScope>
     </div>
   );
 };

package/src/dateInput/DateInput.js

@@ -18,8 +18,10 @@ const DateInput = ({
   size,
   value,
   dayLabel,
+  dayAutoComplete,
   monthLabel,
   yearLabel,
+  yearAutoComplete,
   monthFormat,
   mode,
   onChange,
@@ -239,6 +241,7 @@ const DateInput = ({
                 <Input
                   type="number"
                   name="day"
+                  autoComplete={dayAutoComplete}
                   value={day || ''}
                   placeholder={placeholders.day}
                   disabled={disabled}
@@ -259,6 +262,7 @@ const DateInput = ({
               <Input
                 type="number"
                 name="year"
+                autoComplete={yearAutoComplete}
                 placeholder={placeholders.year}
                 value={year || ''}
                 disabled={disabled}
@@ -303,8 +307,10 @@ DateInput.propTypes = {
   onFocus: PropTypes.func,
   onBlur: PropTypes.func,
   dayLabel: PropTypes.string,
+  dayAutoComplete: PropTypes.string,
   monthLabel: PropTypes.string,
   yearLabel: PropTypes.string,
+  yearAutoComplete: PropTypes.string,
   monthFormat: PropTypes.oneOf(['long', 'short']),
   mode: PropTypes.oneOf(['day-month-year', 'month-year']),
   placeholders: PropTypes.shape({

package/src/dateInput/DateInput.story.tsx

@@ -8,8 +8,10 @@ export default {
   title: 'Forms/DateInput',
   args: {
     dayLabel: 'Day input',
+    dayAutoComplete: 'bday-day',
     monthLabel: 'Month select',
     yearLabel: 'Year input',
+    yearAutoComplete: 'bday-year',
     selectProps: {
       buttonProps: {
         'aria-label': 'Select month',

package/src/dateLookup/DateLookup.css

@@ -1 +1 @@
-.tw-date-lookup-menu{width:400px}.tw-date-lookup-calendar{min-width:300px;table-layout:fixed;text-align:center}.tw-date-lookup-calendar>tbody>tr>td{padding:4px;padding:var(--size-4)}.tw-date-lookup-calendar>tbody>tr>td button{background-color:transparent;border:transparent;border-radius:10px;border-radius:var(--radius-small);color:#0097c7;color:var(--color-content-accent);font-weight:600;font-weight:var(--font-weight-semi-bold);padding:4px 0;padding:var(--size-4) 0;width:100%}.tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled).active{background-color:#0081ba;background-color:var(--color-interactive-accent-active);color:#fff}.tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled):hover{background-color:#008fc9;background-color:var(--color-interactive-accent-hover);color:#fff}.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td button{color:#37517e;color:var(--color-content-primary)}.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled).active,.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled):hover{color:var(--color-interactive-control)}.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td:nth-child(7n+6) button,.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td:nth-child(7n+7) button,.np-theme-personal .tw-date-lookup-calendar>thead>tr>th:nth-child(7n+6),.np-theme-personal .tw-date-lookup-calendar>thead>tr>th:nth-child(7n+7){color:#5d7079;color:var(--color-content-secondary);font-weight:400;font-weight:var(--font-weight-regular)}.np-theme-personal .tw-date-lookup-calendar{background-color:inherit}.tw-date-lookup-header-current{font-weight:800;font-weight:var(--font-weight-bold)}.np-theme-personal .tw-date-lookup-menu .table-bordered,.np-theme-personal.tw-date-lookup-menu .table-bordered{border:none}.np-theme-personal .tw-date-lookup-menu thead,.np-theme-personal.tw-date-lookup-menu thead{background-color:unset}.np-theme-personal .tw-date-lookup-menu td,.np-theme-personal.tw-date-lookup-menu td{border:none}.np-theme-personal .tw-date-lookup-menu .tw-date-lookup-header-current,.np-theme-personal.tw-date-lookup-menu .tw-date-lookup-header-current{color:#37517e;color:var(--color-content-primary)}.np-theme-personal .tw-date-lookup-menu .tw-date-lookup-day-option,.np-theme-personal.tw-date-lookup-menu .tw-date-lookup-day-option{align-items:center;color:#37517e;color:var(--color-content-primary);display:inline-flex;height:32px;height:var(--size-32);justify-content:center;line-height:32px;line-height:var(--size-32)}.np-theme-personal .tw-date-lookup-menu .tw-date-lookup-day-option.active,.np-theme-personal.tw-date-lookup-menu .tw-date-lookup-day-option.active{background-color:#00a2dd;background-color:var(--color-interactive-accent);color:var(--color-interactive-primary)}
+.tw-date-lookup-menu{width:400px}.tw-date-lookup-calendar{min-width:300px;table-layout:fixed;text-align:center}.tw-date-lookup-calendar>tbody>tr>td{padding:4px;padding:var(--size-4)}.tw-date-lookup-calendar>tbody>tr>td button{background-color:transparent;border:transparent;border-radius:10px;border-radius:var(--radius-small);color:#0097c7;color:var(--color-content-accent);font-weight:600;font-weight:var(--font-weight-semi-bold);padding:4px 0;padding:var(--size-4) 0;width:100%}.tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled).active{background-color:#0081ba;background-color:var(--color-interactive-accent-active);color:#fff}.tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled):hover{background-color:#008fc9;background-color:var(--color-interactive-accent-hover);color:#fff}.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td button{color:#37517e;color:var(--color-content-primary)}.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled).active,.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled):hover{color:var(--color-interactive-control)}.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td:nth-child(7n+6) button,.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td:nth-child(7n+7) button,.np-theme-personal .tw-date-lookup-calendar>thead>tr>th:nth-child(7n+6),.np-theme-personal .tw-date-lookup-calendar>thead>tr>th:nth-child(7n+7){color:#5d7079;color:var(--color-content-secondary);font-weight:400;font-weight:var(--font-weight-regular)}.tw-date-lookup-calendar abbr{text-decoration:none}.np-theme-personal .tw-date-lookup-calendar{background-color:inherit}.tw-date-lookup-header-current{font-weight:800;font-weight:var(--font-weight-bold)}.np-theme-personal .tw-date-lookup-menu .table-bordered,.np-theme-personal.tw-date-lookup-menu .table-bordered{border:none}.np-theme-personal .tw-date-lookup-menu thead,.np-theme-personal.tw-date-lookup-menu thead{background-color:unset}.np-theme-personal .tw-date-lookup-menu td,.np-theme-personal.tw-date-lookup-menu td{border:none}.np-theme-personal .tw-date-lookup-menu .tw-date-lookup-header-current,.np-theme-personal.tw-date-lookup-menu .tw-date-lookup-header-current{color:#37517e;color:var(--color-content-primary)}.np-theme-personal .tw-date-lookup-menu .tw-date-lookup-day-option,.np-theme-personal.tw-date-lookup-menu .tw-date-lookup-day-option{align-items:center;color:#37517e;color:var(--color-content-primary);display:inline-flex;height:32px;height:var(--size-32);justify-content:center;line-height:32px;line-height:var(--size-32)}.np-theme-personal .tw-date-lookup-menu .tw-date-lookup-day-option.active,.np-theme-personal.tw-date-lookup-menu .tw-date-lookup-day-option.active{background-color:#00a2dd;background-color:var(--color-interactive-accent);color:var(--color-interactive-primary)}

package/src/dateLookup/DateLookup.keyboardEvents.spec.js

@@ -7,13 +7,13 @@ import KEY_CODES from '../common/keyCodes';
 import DateLookup from '.';
 
 const defaultLocale = 'en-GB';
-
+const formatMessage = (id) => `${id}`;
 jest.mock('react-intl', () => ({
   injectIntl: (Component) =>
     function (props) {
-      return <Component {...props} intl={{ locale: defaultLocale }} />;
+      return <Component {...props} intl={{ locale: defaultLocale, formatMessage }} />;
     },
-  useIntl: () => ({ locale: defaultLocale }),
+  useIntl: () => ({ locale: defaultLocale, formatMessage }),
   defineMessages: (translations) => translations,
 }));
 

package/src/dateLookup/DateLookup.less

@@ -54,6 +54,10 @@
     }
   }
 
+  abbr {
+    text-decoration: none;
+  }
+
   .np-theme-personal & {
     background-color: inherit;
   }

package/src/dateLookup/DateLookup.messages.js

@@ -0,0 +1,44 @@
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  next: {
+    id: 'neptune.DateLookup.next',
+    defaultMessage: 'next',
+    description: 'Description of next button',
+  },
+  previous: {
+    id: 'neptune.DateLookup.previous',
+    defaultMessage: 'previous',
+    description: 'Description of previous button',
+  },
+  day: {
+    id: 'neptune.DateLookup.day',
+    defaultMessage: 'day',
+    description: 'Description of next/previous/selected day button',
+  },
+  month: {
+    id: 'neptune.DateLookup.month',
+    defaultMessage: 'month',
+    description: 'Description of next/previous/selected month button',
+  },
+  year: {
+    id: 'neptune.DateLookup.year',
+    defaultMessage: 'year',
+    description: 'Description of next/previous/selected year button',
+  },
+  twentyYears: {
+    id: 'neptune.DateLookup.twentyYears',
+    defaultMessage: '20 years',
+    description: 'Description of next/previous 20 years button',
+  },
+  selected: {
+    id: 'neptune.DateLookup.selected',
+    defaultMessage: 'selected',
+    description: 'Description of the selected day/month/year',
+  },
+  goTo20YearView: {
+    id: 'neptune.DateLookup.goTo20YearView',
+    defaultMessage: 'Go to 20 year view',
+    description: 'Description of the button to go to 20 year view',
+  },
+});