@transferwise/components 38.0.1-beta-e06d01da76.13 → 38.2.2

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

@@ -1,5 +1,6 @@
 export default Option;
-declare function Option({ as: Element, href, target, media, title, content, onClick, htmlFor, disabled, button, decision, complex, className, inverseMediaCircle, showMediaAtAllSizes, showMediaCircle, }: {
+declare function Option({ "aria-label": ariaLabel, as: Element, href, target, media, title, content, onClick, htmlFor, disabled, button, decision, complex, className, inverseMediaCircle, showMediaAtAllSizes, showMediaCircle, }: {
+    "aria-label": any;
     as: any;
     href: any;
     target: any;
@@ -18,55 +19,42 @@ declare function Option({ as: Element, href, target, media, title, content, onCl
     showMediaCircle: any;
 }): JSX.Element;
 declare namespace Option {
-    namespace propTypes {
-        const media: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const htmlFor: PropTypes.Requireable<string>;
-        const title: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const href: any;
-        const target: PropTypes.Requireable<string>;
-        const as: PropTypes.Requireable<string>;
-        const disabled: PropTypes.Requireable<boolean>;
-        const button: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const decision: PropTypes.Requireable<boolean>;
-        const complex: PropTypes.Requireable<boolean>;
-        const inverseMediaCircle: PropTypes.Requireable<boolean>;
-        const className: PropTypes.Requireable<string>;
-        const showMediaAtAllSizes: PropTypes.Requireable<boolean>;
-        const showMediaCircle: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        const as_1: string;
-        export { as_1 as as };
-        const media_1: string;
-        export { media_1 as media };
-        const content_1: null;
-        export { content_1 as content };
-        const htmlFor_1: null;
-        export { htmlFor_1 as htmlFor };
-        const disabled_1: boolean;
-        export { disabled_1 as disabled };
-        const button_1: null;
-        export { button_1 as button };
-        const onClick_1: null;
-        export { onClick_1 as onClick };
-        const href_1: null;
-        export { href_1 as href };
-        const target_1: undefined;
-        export { target_1 as target };
-        const decision_1: boolean;
-        export { decision_1 as decision };
-        const complex_1: boolean;
-        export { complex_1 as complex };
-        const inverseMediaCircle_1: boolean;
-        export { inverseMediaCircle_1 as inverseMediaCircle };
-        const className_1: null;
-        export { className_1 as className };
-        const showMediaAtAllSizes_1: boolean;
-        export { showMediaAtAllSizes_1 as showMediaAtAllSizes };
-        const showMediaCircle_1: boolean;
-        export { showMediaCircle_1 as showMediaCircle };
-    }
+    const propTypes: {
+        'aria-label': PropTypes.Requireable<string>;
+        media: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        htmlFor: PropTypes.Requireable<string>;
+        title: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        href: any;
+        target: PropTypes.Requireable<string>;
+        as: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        button: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        decision: PropTypes.Requireable<boolean>;
+        complex: PropTypes.Requireable<boolean>;
+        inverseMediaCircle: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        showMediaAtAllSizes: PropTypes.Requireable<boolean>;
+        showMediaCircle: PropTypes.Requireable<boolean>;
+    };
+    const defaultProps: {
+        'aria-label': undefined;
+        as: string;
+        media: string;
+        content: null;
+        htmlFor: null;
+        disabled: boolean;
+        button: null;
+        onClick: null;
+        href: null;
+        target: undefined;
+        decision: boolean;
+        complex: boolean;
+        inverseMediaCircle: boolean;
+        className: null;
+        showMediaAtAllSizes: boolean;
+        showMediaCircle: boolean;
+    };
 }
 import PropTypes from "prop-types";

package/build/types/common/domHelpers/index.d.ts

@@ -1,3 +1,2 @@
-export declare function isServerSide(): boolean;
-export declare function isBrowser(): boolean;
+export declare function isServerSideRendering(): boolean;
 export { addClickClassToDocumentOnIos, removeClickClassFromDocumentOnIos, } from './documentIosClick';

package/build/types/common/hooks/index.d.ts

@@ -1,5 +1,4 @@
+export { default as useHasIntersected } from "./useHasIntersected";
 export { default as useClientWidth } from "./useClientWidth";
-export { default as useConditionalListener } from "./useConditionalListener";
 export { default as useDirection } from "./useDirection";
-export { default as useHasIntersected } from "./useHasIntersected";
-export { default as useTheme } from "./useTheme";
+export { default as useConditionalListener } from "./useConditionalListener";

package/build/types/common/hooks/useDirection/useDirection.d.ts

@@ -1,4 +1,4 @@
 export function useDirection(): {
-    direction: import("../..").LayoutDirection;
+    direction: string;
     isRTL: boolean;
 };

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

@@ -1,6 +1,5 @@
 export { default as HistoryNavigator } from "./historyNavigator";
 export * from "./theme";
-export * from "./direction";
 export * from "./propsValues/size";
 export * from "./propsValues/width";
 export * from "./locale";
@@ -18,6 +17,5 @@ export { Scroll } from "./propsValues/scroll";
 export { MarkdownNodeType } from "./propsValues/markdownNodeType";
 export { FileType } from "./fileType";
 export { Key } from "./key";
-export { isServerSide, isBrowser } from "./domHelpers";
 export { addNoScrollBodyClass, removeNoScrollBodyClass } from "./DOMOperations";
 export { Priority, ControlType } from "./propsValues/control";

package/build/types/common/locale/index.d.ts

@@ -14,22 +14,6 @@ export function adjustLocale(locale: string): string | null;
  * @returns {string|null}
  */
 export function getLangFromLocale(locale: string): string | null;
-/**
- * Provides corresponding country code (iso2) for locales code with explicit region value (`es-ES`, `en-GB`, `ja-JP` etc.)
- * if the value is invalid or missing region it returns null
- *
- * @param {string} locale
- * @returns {string|null}
- */
-export function getCountryFromLocale(locale: string): string | null;
-/**
- * Provides the layout direction for a given locale.
- * If locale is invalid or language is unsupported returns Direction.LTR
- *
- * @param {string} locale (`es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP` etc)
- * @returns {Direction} The layout direction based on the locale
- */
-export function getDirectionFromLocale(locale: string): Direction;
 /**
  * Default language
  *
@@ -42,11 +26,6 @@ export const DEFAULT_LANG: string;
  * @type {string}
  */
 export const DEFAULT_LOCALE: string;
-/**
- * Array of languages that are written from the right to the left
- *
- * @type {string[]}
- */
-export const RTL_LANGUAGES: string[];
+export const SUPPORTED_RTL: string[];
 export const SUPPORTED_LANGUAGES: string[];
-import { Direction } from "../direction";
+export function getCountryFromLocale(locale: string): string | null;

package/build/types/common/propsValues/position.d.ts

@@ -9,7 +9,3 @@ export declare enum Position {
     RIGHT_TOP = "right-top",
     TOP = "top"
 }
-export declare type PositionTop = 'top';
-export declare type PositionRight = 'right';
-export declare type PositionBottom = 'bottom';
-export declare type PositionLeft = 'left';

package/build/types/common/theme.d.ts

@@ -1,9 +1,6 @@
 export declare enum Theme {
     LIGHT = "light",
-    DARK = "dark",
-    NAVY = "navy"
+    DARK = "dark"
 }
-export declare type ThemeLight = 'light';
 export declare type ThemeDark = 'dark';
-export declare type ThemeNavy = 'navy';
-export declare type ThemeType = ThemeLight | ThemeDark | ThemeNavy;
+export declare type ThemeLight = 'light';

package/build/types/index.d.ts

@@ -2,7 +2,6 @@
  * Types
  */
 export type { UploadedFile, UploadError, UploadResponse } from './uploadInput/types';
-export type { LayoutDirection } from './common';
 /**
  * Components
  */
@@ -50,7 +49,7 @@ export { default as OverlayHeader } from './overlayHeader';
 export { default as PhoneNumberInput } from './phoneNumberInput';
 export { default as Popover } from './popover';
 export { default as ProcessIndicator } from './processIndicator';
-export { default as Provider, DirectionProvider } from './provider';
+export { default as Provider } from './provider';
 export { default as Radio } from './radio';
 export { default as RadioGroup } from './radioGroup';
 export { default as RadioOption } from './radioOption';
@@ -75,11 +74,10 @@ export { SnackbarConsumer, SnackbarContext } from './snackbar/SnackbarContext';
  * Hooks
  */
 export { default as useSnackbar } from './snackbar/useSnackbar';
-export { useDirection } from './common/hooks';
 /**
  * Enums
  */
-export { Direction, Size, Width, Sentiment, Priority, ControlType, Type, Theme, DateMode, MonthFormat, Position, Scroll, ProfileType, Breakpoint, Layout, Status, MarkdownNodeType, } from './common';
+export { Size, Width, Sentiment, Priority, ControlType, Type, Theme, DateMode, MonthFormat, Position, Scroll, ProfileType, Breakpoint, Layout, Status, MarkdownNodeType, } from './common';
 export { AvatarType } from './avatar';
 export { InfoPresentation } from './info';
 export { UploadStep } from './upload';
@@ -90,7 +88,7 @@ export { FileType } from './common';
 /**
  * Utils
  */
-export { SUPPORTED_LANGUAGES, RTL_LANGUAGES, DEFAULT_LANG, DEFAULT_LOCALE, adjustLocale, getLangFromLocale, getCountryFromLocale, getDirectionFromLocale, isServerSide, isBrowser, } from './common';
+export { SUPPORTED_LANGUAGES, DEFAULT_LANG, DEFAULT_LOCALE, adjustLocale, getLangFromLocale, getCountryFromLocale, } from './common';
 /**
  * Translations
  */

package/build/types/navigationOption/NavigationOption.d.ts

@@ -3,6 +3,7 @@ import * as React from 'react';
 export type NavigationOptionTarget = "_self" | "_blank" | "_parent" | "_top";
 
 export interface NavigationOptionProps {
+    "aria-label"?: string;
     as?: string;
     media?: React.ReactNode;
     title: React.ReactNode;

package/build/types/provider/direction/DirectionProvider.d.ts

@@ -1,8 +1,18 @@
-import { ReactElement, PropsWithChildren } from 'react';
-import { LayoutDirection } from '../../common/direction';
-export declare const DirectionContext: import("react").Context<LayoutDirection>;
-declare type Props = PropsWithChildren<{
-    direction: LayoutDirection;
-}>;
-export declare const DirectionProvider: ({ direction, children }: Props) => ReactElement;
-export {};
+export const DirectionContext: import("react").Context<string>;
+export function DirectionProvider({ locale, children }: {
+    locale: any;
+    children: any;
+}): JSX.Element;
+export namespace DirectionProvider {
+    namespace propTypes {
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const locale: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        const children_1: null;
+        export { children_1 as children };
+        export { DEFAULT_LOCALE as locale };
+    }
+}
+import PropTypes from "prop-types";
+import { DEFAULT_LOCALE } from "../../common/locale";

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

@@ -1,3 +1 @@
-export { DirectionProvider } from "./direction";
-export { ThemeProvider } from "./theme";
 export { default } from "./Provider";

package/build/types/radioOption/RadioOption.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 
 export interface RadioOptionProps {
+    "aria-label"?: string;
     media?: React.ReactNode;
     id: string;
     name: string;

package/build/types/test-utils/index.d.ts

@@ -4,6 +4,10 @@ import userEvent from "@testing-library/user-event";
  * Custom `render` function which wraps passed elements in Provider component
  * Source: https://testing-library.com/docs/example-react-intl/#creating-a-custom-render-function
  *
+ * @param ui
+ * @param root0
+ * @param root0.locale
+ * @param root0.messages
  */
 declare function customRender(ui: any, { locale, messages, ...renderOptions }?: {
     locale?: string | undefined;
@@ -54,6 +58,10 @@ declare function customRender(ui: any, { locale, messages, ...renderOptions }?:
  * Custom `renderHook` function which wraps passed elements in Provider component
  * For more info: https://react-hooks-testing-library.com/usage/advanced-hooks#context
  *
+ * @param callback
+ * @param root0
+ * @param root0.locale
+ * @param root0.messages
  */
 declare function customRenderHook(callback: any, { locale, messages }?: {
     locale?: string | undefined;

package/build/types/tooltip/Tooltip.d.ts

@@ -1,9 +1,18 @@
-import { ReactNode, ReactElement, PropsWithChildren } from 'react';
-import { CommonProps } from '../common';
-import { PositionBottom, PositionLeft, PositionRight, PositionTop } from '../common/propsValues/position';
-declare type Props = PropsWithChildren<{
-    position?: PositionTop | PositionRight | PositionBottom | PositionLeft;
-    label: ReactNode;
-}> & CommonProps;
-declare const Tooltip: ({ position, children, label, className, }: Props) => ReactElement;
-export default Tooltip;
+import * as React from 'react';
+
+export type TooltipChildren = React.ReactElement<any> | React.ReactElement<any>[] | string;
+
+export type TooltipPosition = "top" | "bottom" | "left" | "right";
+
+export interface TooltipProps {
+    children: TooltipChildren;
+    position?: TooltipPosition;
+    label: React.ReactNode;
+    offset?: number;
+}
+
+export default class Tooltip extends React.Component<TooltipProps, any> {
+    render(): JSX.Element;
+
+}
+