@transferwise/components 46.5.0 → 46.7.0

package/build/types/phoneNumberInput/utils/explodeNumberModel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/explodeNumberModel/index.js"],"names":[],"mappings":"AASO,2CAHI,MAAM;YACK,CAAC,MAAM,MAAE,CAAC;YAAU,MAAM;YAAU,MAAM;EAmB/D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/explodeNumberModel/index.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,WAAY,MAAM,KAAG,WAYnD,CAAC"}

package/build/types/phoneNumberInput/utils/findCountryByCode/index.d.ts

@@ -1,2 +1,2 @@
-export function findCountryByCode(code: any): any;
+export declare const findCountryByCode: (code: string) => import("../../data/countries").Country | null;
 //# sourceMappingURL=index.d.ts.map

package/build/types/phoneNumberInput/utils/findCountryByCode/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/findCountryByCode/index.js"],"names":[],"mappings":"AAGO,kDAMN"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/findCountryByCode/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,SAAU,MAAM,kDAQ7C,CAAC"}

package/build/types/phoneNumberInput/utils/findCountryByPrefix/index.d.ts

@@ -1,2 +1,2 @@
-export function findCountryByPrefix(number: any): any;
+export declare const findCountryByPrefix: (number: string) => import("../../data/countries").Country | null;
 //# sourceMappingURL=index.d.ts.map

package/build/types/phoneNumberInput/utils/findCountryByPrefix/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/findCountryByPrefix/index.js"],"names":[],"mappings":"AAGO,sDAON"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/findCountryByPrefix/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,WAAY,MAAM,kDAQjD,CAAC"}

package/build/types/phoneNumberInput/utils/groupCountriesByPrefix/groupCountriesByPrefix.d.ts

@@ -1,2 +1,3 @@
-export function groupCountriesByPrefix(countries: any): any[];
+import { Country } from '../../data/countries';
+export declare const groupCountriesByPrefix: (countries: Country[]) => Map<string, Country[]>;
 //# sourceMappingURL=groupCountriesByPrefix.d.ts.map

package/build/types/phoneNumberInput/utils/groupCountriesByPrefix/groupCountriesByPrefix.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"groupCountriesByPrefix.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/groupCountriesByPrefix/groupCountriesByPrefix.js"],"names":[],"mappings":"AAEO,8DAuBN"}
+{"version":3,"file":"groupCountriesByPrefix.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/groupCountriesByPrefix/groupCountriesByPrefix.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,eAAO,MAAM,sBAAsB,cAAe,OAAO,EAAE,2BAS1D,CAAC"}

package/build/types/phoneNumberInput/utils/groupCountriesByPrefix/index.d.ts

@@ -1,2 +1,2 @@
-export { groupCountriesByPrefix } from "./groupCountriesByPrefix";
+export { groupCountriesByPrefix } from './groupCountriesByPrefix';
 //# sourceMappingURL=index.d.ts.map

package/build/types/phoneNumberInput/utils/groupCountriesByPrefix/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/groupCountriesByPrefix/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/groupCountriesByPrefix/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/build/types/phoneNumberInput/utils/index.d.ts

@@ -1,14 +1,12 @@
-export { setDefaultPrefix } from "./setDefaultPrefix";
-export { isValidPhoneNumber } from "./isValidPhoneNumber";
-export { explodeNumberModel } from "./explodeNumberModel";
-export { longestMatchingPrefix } from "./longestMatchingPrefix";
-export { findCountryByPrefix } from "./findCountryByPrefix";
-export { findCountryByCode } from "./findCountryByCode";
-export { filterOptionsForQuery } from "./filterOptionsForQuery";
-export { isOptionAndFitsQuery } from "./isOptionAndFitsQuery";
-export { cleanNumber } from "./cleanNumber";
-export { isStringNumeric } from "./isStringNumeric";
-export { sortArrayByProperty } from "./sortArrayByProperty";
-export { groupCountriesByPrefix } from "./groupCountriesByPrefix";
-export { excludeCountries } from "./excludeCountries";
+export { setDefaultPrefix } from './setDefaultPrefix';
+export { isValidPhoneNumber } from './isValidPhoneNumber';
+export { explodeNumberModel } from './explodeNumberModel';
+export { longestMatchingPrefix } from './longestMatchingPrefix';
+export { findCountryByPrefix } from './findCountryByPrefix';
+export { findCountryByCode } from './findCountryByCode';
+export { cleanNumber } from './cleanNumber';
+export { isStringNumeric } from './isStringNumeric';
+export { sortArrayByProperty } from './sortArrayByProperty';
+export { groupCountriesByPrefix } from './groupCountriesByPrefix';
+export { excludeCountries } from './excludeCountries';
 //# sourceMappingURL=index.d.ts.map

package/build/types/phoneNumberInput/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/phoneNumberInput/utils/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/phoneNumberInput/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/build/types/phoneNumberInput/utils/isStringNumeric/index.d.ts

@@ -1,2 +1,2 @@
-export { isStringNumeric } from "./isStringNumeric";
+export { isStringNumeric } from './isStringNumeric';
 //# sourceMappingURL=index.d.ts.map

package/build/types/phoneNumberInput/utils/isStringNumeric/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/isStringNumeric/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/isStringNumeric/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/build/types/phoneNumberInput/utils/isStringNumeric/isStringNumeric.d.ts

@@ -1,2 +1,2 @@
-export function isStringNumeric(value: any): boolean;
+export declare const isStringNumeric: (value: string) => boolean;
 //# sourceMappingURL=isStringNumeric.d.ts.map

package/build/types/phoneNumberInput/utils/isStringNumeric/isStringNumeric.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isStringNumeric.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/isStringNumeric/isStringNumeric.js"],"names":[],"mappings":"AAAO,qDAA8D"}
+{"version":3,"file":"isStringNumeric.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/isStringNumeric/isStringNumeric.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,UAAW,MAAM,YAAgC,CAAC"}

package/build/types/phoneNumberInput/utils/isValidPhoneNumber/index.d.ts

@@ -1,2 +1,2 @@
-export { isValidPhoneNumber } from "./isValidPhoneNumber";
+export { isValidPhoneNumber } from './isValidPhoneNumber';
 //# sourceMappingURL=index.d.ts.map

package/build/types/phoneNumberInput/utils/isValidPhoneNumber/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/isValidPhoneNumber/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/isValidPhoneNumber/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/build/types/phoneNumberInput/utils/isValidPhoneNumber/isValidPhoneNumber.d.ts

@@ -1,2 +1,7 @@
-export function isValidPhoneNumber(phoneNumber: any): boolean;
+/**
+ *
+ * @param phoneNumber
+ * @returns True if number that starts with "+" and contains a mix of digits and spaces with at least 4 digits.
+ */
+export declare const isValidPhoneNumber: (phoneNumber: string) => boolean;
 //# sourceMappingURL=isValidPhoneNumber.d.ts.map

package/build/types/phoneNumberInput/utils/isValidPhoneNumber/isValidPhoneNumber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isValidPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/isValidPhoneNumber/isValidPhoneNumber.js"],"names":[],"mappings":"AAMO,sDAHM,OAAO,CAM4B"}
+{"version":3,"file":"isValidPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/isValidPhoneNumber/isValidPhoneNumber.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,gBAAiB,MAAM,YACsC,CAAC"}

package/build/types/phoneNumberInput/utils/longestMatchingPrefix/index.d.ts

@@ -1,2 +1,3 @@
-export function longestMatchingPrefix(matchingCodes: any): any;
+import { Country } from '../../data/countries';
+export declare const longestMatchingPrefix: (matchingCodes: Country[]) => Country;
 //# sourceMappingURL=index.d.ts.map

package/build/types/phoneNumberInput/utils/longestMatchingPrefix/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/longestMatchingPrefix/index.js"],"names":[],"mappings":"AAAO,+DACoE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/longestMatchingPrefix/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,eAAO,MAAM,qBAAqB,kBAAmB,OAAO,EAAE,YACa,CAAC"}

package/build/types/phoneNumberInput/utils/setDefaultPrefix/index.d.ts

@@ -1,2 +1,8 @@
-export function setDefaultPrefix(locale: string, countryCode: any): string;
+/**
+ * Given a valid locale it returns the correspondent prefix if found or +44 otherwise.
+ *
+ * @param locale BCP 47 language tag of locale, e.g. `"es-ES"`.
+ * @param countryCode Two-letter country code (ISO 3166-1 alpha-2).
+ */
+export declare const setDefaultPrefix: (locale: string, countryCode?: string) => string;
 //# sourceMappingURL=index.d.ts.map

package/build/types/phoneNumberInput/utils/setDefaultPrefix/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/setDefaultPrefix/index.js"],"names":[],"mappings":"AAeO,yCAJI,MAAM,qBAEJ,MAAM,CAWlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/setDefaultPrefix/index.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,WAAY,MAAM,gBAAgB,MAAM,WAKpE,CAAC"}

package/build/types/phoneNumberInput/utils/sortArrayByProperty/index.d.ts

@@ -1,2 +1,2 @@
-export { sortArrayByProperty } from "./sortArrayByProperty";
+export { sortArrayByProperty } from './sortArrayByProperty';
 //# sourceMappingURL=index.d.ts.map

package/build/types/phoneNumberInput/utils/sortArrayByProperty/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/sortArrayByProperty/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/sortArrayByProperty/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/build/types/phoneNumberInput/utils/sortArrayByProperty/sortArrayByProperty.d.ts

@@ -1,2 +1,2 @@
-export function sortArrayByProperty(arrayToSort: any, property: any): any[];
+export declare function sortArrayByProperty<T extends Record<PropertyKey, string>>(arrayToSort: T[], property: keyof T): T[];
 //# sourceMappingURL=sortArrayByProperty.d.ts.map

package/build/types/phoneNumberInput/utils/sortArrayByProperty/sortArrayByProperty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sortArrayByProperty.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/sortArrayByProperty/sortArrayByProperty.js"],"names":[],"mappings":"AACO,4EACkE"}
+{"version":3,"file":"sortArrayByProperty.d.ts","sourceRoot":"","sources":["../../../../../src/phoneNumberInput/utils/sortArrayByProperty/sortArrayByProperty.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,EACvE,WAAW,EAAE,CAAC,EAAE,EAChB,QAAQ,EAAE,MAAM,CAAC,OAGlB"}

package/build/types/textareaWithDisplayFormat/TextareaWithDisplayFormat.d.ts

@@ -1,11 +1,7 @@
-import * as React from 'react';
-
-export interface TextareaWithDisplayFormatProps {
-    displayPattern: string;
-    onChange: (...args: any[])=>any;
-}
-
-declare const TextareaWithDisplayFormat: React.FC<TextareaWithDisplayFormatProps>;
-
-export default TextareaWithDisplayFormat;
-
+/// <reference types="react" />
+import { type WithDisplayFormatProps } from '../withDisplayFormat';
+export interface TextareaWithDisplayFormatProps extends Omit<WithDisplayFormatProps, 'render'> {
+}
+declare const TextareaWithDisplayFormat: (props: TextareaWithDisplayFormatProps) => import("react").JSX.Element;
+export default TextareaWithDisplayFormat;
+//# sourceMappingURL=TextareaWithDisplayFormat.d.ts.map

package/build/types/textareaWithDisplayFormat/TextareaWithDisplayFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaWithDisplayFormat.d.ts","sourceRoot":"","sources":["../../../src/textareaWithDisplayFormat/TextareaWithDisplayFormat.js"],"names":[],"mappings":";AAIA,oFAEC"}
+{"version":3,"file":"TextareaWithDisplayFormat.d.ts","sourceRoot":"","sources":["../../../src/textareaWithDisplayFormat/TextareaWithDisplayFormat.tsx"],"names":[],"mappings":";AACA,OAA0B,EAAE,KAAK,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEtF,MAAM,WAAW,8BAA+B,SAAQ,IAAI,CAAC,sBAAsB,EAAE,QAAQ,CAAC;CAAG;AAEjG,QAAA,MAAM,yBAAyB,UAAW,8BAA8B,gCAKvE,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/build/types/textareaWithDisplayFormat/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from "./TextareaWithDisplayFormat";
+export { default } from './TextareaWithDisplayFormat';
+export type { TextareaWithDisplayFormatProps } from './TextareaWithDisplayFormat';
 //# sourceMappingURL=index.d.ts.map

package/build/types/textareaWithDisplayFormat/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/textareaWithDisplayFormat/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/textareaWithDisplayFormat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,YAAY,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAC"}

package/build/types/withDisplayFormat/WithDisplayFormat.d.ts

@@ -1,90 +1,62 @@
-export default WithDisplayFormat;
-declare class WithDisplayFormat extends Component<any, any, any> {
-    static getDerivedStateFromProps(nextProps: any, previousState: any): {
-        prevDisplayPattern: any;
-        value: any;
+import { Component } from 'react';
+import { HistoryNavigator } from '../common';
+import { InputProps } from '../inputs/Input';
+import { TextAreaProps } from '../inputs/TextArea';
+type HTMLTextElement = HTMLInputElement | HTMLTextAreaElement;
+type TextElementProps = InputProps | TextAreaProps;
+export type EventType = 'KeyDown' | 'Paste' | 'Cut' | 'Undo' | 'Redo' | 'Backspace' | 'Delete' | 'Initial';
+interface WithDisplayFormatState {
+    value: string;
+    historyNavigator: HistoryNavigator;
+    prevDisplayPattern: string;
+    triggerType: EventType;
+    triggerEvent: React.KeyboardEvent<HTMLTextElement> | null;
+    pastedLength: number;
+    selectionStart: number;
+    selectionEnd: number;
+}
+export interface WithDisplayFormatProps<T extends TextElementProps = TextElementProps> extends Pick<TextElementProps, 'className' | 'disabled' | 'id' | 'maxLength' | 'minLength' | 'name' | 'placeholder' | 'readOnly' | 'required' | 'inputMode'> {
+    value?: string;
+    displayPattern: string;
+    /**
+     * autocomplete hides our form help so we need to disable it when help text
+     * is present. Chrome ignores autocomplete=off, the only way to disable it is
+     * to provide an 'invalid' value, for which 'disabled' serves.
+     */
+    autoComplete?: TextElementProps['autoComplete'] | 'disabled';
+    onChange?: (value: string) => void;
+    onBlur?: (value: string) => void;
+    onFocus?: (value: string) => void;
+    render: (renderProps: T) => JSX.Element;
+}
+declare class WithDisplayFormat<T extends TextElementProps> extends Component<WithDisplayFormatProps<T>, WithDisplayFormatState> {
+    props: WithDisplayFormatProps<T> & Required<Pick<WithDisplayFormatProps<T>, keyof typeof WithDisplayFormat.defaultProps>>;
+    static defaultProps: {
+        autoComplete: string;
+        displayPattern: string;
+        value: string;
+    };
+    constructor(props: WithDisplayFormatProps);
+    static getDerivedStateFromProps({ displayPattern }: WithDisplayFormatProps, { prevDisplayPattern, value, historyNavigator }: WithDisplayFormatState): {
+        prevDisplayPattern: string;
+        value: string;
         triggerType: null;
         triggerEvent: null;
         pastedLength: number;
     } | null;
-    constructor(props: any);
-    state: {
-        value: any;
-        historyNavigator: HistoryNavigator;
-        prevDisplayPattern: any;
-        triggerType: null;
-        triggerEvent: null;
-    };
-    getUserAction: (unformattedValue: any) => any;
+    getUserAction: (unformattedValue: string) => EventType | string;
     resetEvent: () => void;
-    detectUndoRedo: (event: any) => "Redo" | "Undo" | null;
-    handleOnKeyDown: (event: any) => void;
-    handleOnPaste: (event: any) => void;
-    handleOnCut: () => void;
-    isKeyAllowed: (action: any) => boolean;
-    handleOnChange: (event: any) => void;
-    handleOnBlur: (event: any) => void;
-    handleOnFocus: (event: any) => void;
-    handleDelete: (unformattedValue: any, action: any) => string;
-    handleCursorPositioning: (action: any) => void;
-    render(): any;
+    detectUndoRedo: (event: React.KeyboardEvent<HTMLTextElement>) => "Undo" | "Redo" | null;
+    handleOnKeyDown: React.KeyboardEventHandler<HTMLTextElement>;
+    handleOnPaste: React.ClipboardEventHandler<HTMLTextElement>;
+    handleOnCut: React.ClipboardEventHandler<HTMLTextElement>;
+    isKeyAllowed: (action: EventType | string) => boolean;
+    handleOnChange: React.ChangeEventHandler<HTMLTextElement>;
+    handleOnBlur: React.FocusEventHandler<HTMLTextElement>;
+    handleOnFocus: React.FocusEventHandler<HTMLTextElement>;
+    handleDelete: (unformattedValue: string, action: EventType) => string;
+    handleCursorPositioning: (action: string) => void;
+    render(): JSX.Element;
 }
-declare namespace WithDisplayFormat {
-    namespace propTypes {
-        const autoComplete: any;
-        const className: any;
-        const disabled: any;
-        const id: any;
-        const maxLength: any;
-        const minLength: any;
-        const name: any;
-        const onFocus: any;
-        const onBlur: any;
-        const onChange: any;
-        const placeholder: any;
-        const readOnly: any;
-        const render: any;
-        const required: any;
-        const displayPattern: any;
-        const type: any;
-        const inputMode: any;
-        const value: any;
-    }
-    namespace defaultProps {
-        const autoComplete_1: string;
-        export { autoComplete_1 as autoComplete };
-        const className_1: null;
-        export { className_1 as className };
-        const disabled_1: boolean;
-        export { disabled_1 as disabled };
-        const id_1: null;
-        export { id_1 as id };
-        const maxLength_1: null;
-        export { maxLength_1 as maxLength };
-        const minLength_1: null;
-        export { minLength_1 as minLength };
-        const name_1: null;
-        export { name_1 as name };
-        const placeholder_1: null;
-        export { placeholder_1 as placeholder };
-        const readOnly_1: boolean;
-        export { readOnly_1 as readOnly };
-        const required_1: boolean;
-        export { required_1 as required };
-        const displayPattern_1: string;
-        export { displayPattern_1 as displayPattern };
-        const type_1: string;
-        export { type_1 as type };
-        const inputMode_1: null;
-        export { inputMode_1 as inputMode };
-        const value_1: string;
-        export { value_1 as value };
-        const onFocus_1: null;
-        export { onFocus_1 as onFocus };
-        const onBlur_1: null;
-        export { onBlur_1 as onBlur };
-    }
-}
-import { Component } from "react";
-import { HistoryNavigator } from "../common";
+export default WithDisplayFormat;
 //# sourceMappingURL=WithDisplayFormat.d.ts.map

package/build/types/withDisplayFormat/WithDisplayFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WithDisplayFormat.d.ts","sourceRoot":"","sources":["../../../src/withDisplayFormat/WithDisplayFormat.js"],"names":[],"mappings":";AAaA;IAcE;;;;;;aAkBC;IA/BD,wBAWC;IAPC;;;;;;MAMC;IAuBH,8CA0BE;IAEF,uBAME;IAEF,uDAME;IAEF,sCAuBE;IAEF,oCAQE;IAEF,wBAEE;IAEF,uCAKE;IAEF,qCA0BE;IAEF,mCAKE;IAEF,oCAME;IAEF,6DAuBE;IAEF,+CAkBE;IAEF,cAsCC;CACF"}
+{"version":3,"file":"WithDisplayFormat.d.ts","sourceRoot":"","sources":["../../../src/withDisplayFormat/WithDisplayFormat.tsx"],"names":[],"mappings":"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"}

package/build/types/withDisplayFormat/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from "./WithDisplayFormat";
+export { default } from './WithDisplayFormat';
+export type { WithDisplayFormatProps } from './WithDisplayFormat';
 //# sourceMappingURL=index.d.ts.map

package/build/types/withDisplayFormat/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/withDisplayFormat/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/withDisplayFormat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "46.5.0",
+  "version": "46.7.0",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -68,7 +68,6 @@
     "babel-plugin-formatjs": "^10.5.3",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "enzyme": "^3.11.0",
-    "html-loader": "^1.3.2",
     "jest": "^27.0.6",
     "jest-cli": "^27.0.6",
     "jest-fetch-mock": "^3.0.3",
@@ -78,12 +77,12 @@
     "rollup": "^3.28.1",
     "storybook": "^7.4.5",
     "@transferwise/less-config": "3.1.0",
-    "@transferwise/neptune-css": "14.9.3",
+    "@transferwise/neptune-css": "14.9.4",
     "@wise/components-theming": "0.8.4"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.7.0",
-    "@transferwise/neptune-css": "^14.9.3",
+    "@transferwise/neptune-css": "^14.9.4",
     "@wise/art": "^2.7.0",
     "@wise/components-theming": "^0.8.4",
     "react": ">=16.14",

package/src/common/locale/{index.spec.js → index.spec.ts}

@@ -24,8 +24,8 @@ describe('locale utils', () => {
       ['zh_HK', 'zh'],
       ['ja-JP', 'ja'],
       ['zhHK', null],
-      [null, null],
-      [undefined, null],
+      [null as any, null],
+      [undefined as any, null],
       ['', null],
       ['  ', null],
       ['ar-dz', null],
@@ -51,8 +51,8 @@ describe('locale utils', () => {
       ['zh_HK', 'zh-HK'],
       ['ja-JP', 'ja-JP'],
       ['zhHK', null],
-      [null, null],
-      [undefined, null],
+      [null as any, null],
+      [undefined as any, null],
       ['', null],
       ['  ', null],
       ['ar-dz', 'ar-DZ'],

package/src/common/locale/index.ts

@@ -0,0 +1,96 @@
+import { Direction } from '..';
+
+export const DEFAULT_LANG = 'en';
+export const DEFAULT_LOCALE = 'en-GB';
+
+/**
+ * Languages written right-to-left.
+ */
+export const RTL_LANGUAGES = ['ar', 'he'];
+
+/**
+ * @deprecated The source of truth for supported languages lives in Crab.
+ */
+export const SUPPORTED_LANGUAGES = [
+  DEFAULT_LANG,
+  'de',
+  'es',
+  'fr',
+  'hu',
+  'id',
+  'it',
+  'ja',
+  'pl',
+  'pt',
+  'ro',
+  'ru',
+  'th',
+  'tr',
+  'uk',
+  'zh',
+];
+
+/**
+ * Verifies and adjusts locale, replacing `_` with `-`.
+ *
+ * @param locale `es`, `es_ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.
+ * @returns `null` if locale is unrecognized by `Intl.Locale`.
+ */
+export function adjustLocale(locale: string) {
+  const localeTrimmed = locale?.trim();
+  if (localeTrimmed) {
+    try {
+      return new Intl.Locale(localeTrimmed.replace('_', '-')).baseName;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+  return null;
+}
+
+/**
+ * Provides corresponding lang (iso2) for provided locale.
+ *
+ * @deprecated The use of this function almost always breaks language variants
+ * e.g. Simplified and Traditional Chinese.
+ * There should be no use case for this function.
+ * To select the correct translations from a translations object, pass the
+ * locale directly into Crab's getLocalisedMessages.
+ * @param locale `es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.
+ * @returns Two-letter ISO 639-1 language code, falling back to `null` if locale is invalid or language is unsupported.
+ */
+export function getLangFromLocale(locale: string) {
+  const adjustedLocale = adjustLocale(locale);
+  if (adjustedLocale != null) {
+    const { language } = new Intl.Locale(adjustedLocale);
+    if (SUPPORTED_LANGUAGES.includes(language)) {
+      return language;
+    }
+  }
+  return null;
+}
+
+/**
+ * Provides corresponding country code (iso2) for locales code with explicit region value.
+ *
+ * @param locale `es-ES`, `en-GB`, `ja-JP`, etc.
+ * @returns `null` if the locale is invalid or the region can‘t be identified.
+ */
+export function getCountryFromLocale(locale: string) {
+  const adjustedLocale = adjustLocale(locale);
+  return adjustedLocale != null ? new Intl.Locale(adjustedLocale).region ?? null : null;
+}
+
+/**
+ * Provides the layout direction for a given locale.
+ *
+ * @param locale `es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.
+ * @returns The layout direction based on the locale, falling back to `Direction.LTR` if the locale is invalid or unsupported.
+ */
+export function getDirectionFromLocale(locale: string) {
+  const adjustedLocale = adjustLocale(locale);
+  return adjustedLocale != null && RTL_LANGUAGES.includes(new Intl.Locale(adjustedLocale).language)
+    ? Direction.RTL
+    : Direction.LTR;
+}

package/src/common/textFormat/formatWithPattern/{formatWithPattern.js → formatWithPattern.ts}

@@ -1,6 +1,7 @@
 import getSymbolsInPatternWithPosition from '../getSymbolsInPatternWithPosition';
+import type { SymbolWithPosition } from '../getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition';
 
-const formatWithPattern = (value, pattern) => {
+const formatWithPattern = (value: string, pattern: string): string => {
   if (!value || value === '') {
     return '';
   }
@@ -9,13 +10,16 @@ const formatWithPattern = (value, pattern) => {
 
   const patternWithSymbolsPosition = getSymbolsInPatternWithPosition(pattern);
 
-  let patternSymbol = [];
+  let patternSymbol: SymbolWithPosition[] = [];
   // valueArray.length increments during the cycle cause we are adding new elements.
   for (let index = 0; index < valueArray.length; index += 1) {
-    patternSymbol = patternWithSymbolsPosition.filter((symbol) => symbol.index === index);
+    patternSymbol = patternWithSymbolsPosition.filter((pattern) => pattern.index === index);
     // Add pattern's symbol at n position
     if (patternSymbol.length === 1) {
-      valueArray.splice(index, 0, patternSymbol.pop().symbol);
+      const last = patternSymbol.pop();
+      if (last) {
+        valueArray.splice(index, 0, last.symbol);
+      }
     }
   }
 

package/src/common/textFormat/getCursorPositionAfterKeystroke/{getCursorPositionAfterKeystroke.js → getCursorPositionAfterKeystroke.ts}

@@ -1,13 +1,13 @@
 import getCountOfSymbolsInSelection from '../getCountOfSymbolsInSelection';
 import { getDistanceToNextSymbol, getDistanceToPreviousSymbol } from '../getDistanceToSymbol';
 
-const getCursorPositionAfteractionstroke = (
-  action,
-  selectionStart,
-  selectionEnd,
-  pattern,
-  pastedLength,
-) => {
+const getCursorPositionAfterActionStroke = (
+  action: string,
+  selectionStart: number,
+  selectionEnd: number,
+  pattern: string,
+  pastedLength: number,
+): number => {
   let cursorPosition = selectionStart;
 
   switch (action) {
@@ -38,4 +38,4 @@ const getCursorPositionAfteractionstroke = (
   return cursorPosition;
 };
 
-export default getCursorPositionAfteractionstroke;
+export default getCursorPositionAfterActionStroke;

package/src/common/textFormat/getSymbolsInPatternWithPosition/{getSymbolsInPatternWithPosition.js → getSymbolsInPatternWithPosition.ts}

@@ -1,5 +1,10 @@
-const getSymbolsInPatternWithPosition = (pattern) => {
-  const patternWithSymbolsPosition = [];
+export type SymbolWithPosition = {
+  index: number;
+  symbol: string;
+};
+
+const getSymbolsInPatternWithPosition = (pattern: string): SymbolWithPosition[] => {
+  const patternWithSymbolsPosition: SymbolWithPosition[] = [];
   const patternArray = pattern.split('');
   patternArray.forEach((symbol, index) => {
     if (symbol !== '*') {

package/src/common/textFormat/unformatWithPattern/{unformatWithPattern.js → unformatWithPattern.ts}

@@ -1,4 +1,4 @@
-const unformatWithPattern = (value, pattern) => {
+const unformatWithPattern = (value: string, pattern: string): string => {
   let valueArray = [''];
   if (value && value.length > 0) {
     valueArray = value.toString().split('');
@@ -8,6 +8,7 @@ const unformatWithPattern = (value, pattern) => {
   return valueArray.join('');
 };
 
-const getSymbolsInPattern = (pattern) => pattern.split('').filter((symbol) => symbol !== '*');
+const getSymbolsInPattern = (pattern: string): string[] =>
+  pattern.split('').filter((symbol) => symbol !== '*');
 
 export default unformatWithPattern;