@transferwise/components 38.4.1 → 39.0.0

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

@@ -14,6 +14,22 @@ 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
  *
@@ -26,6 +42,11 @@ export const DEFAULT_LANG: string;
  * @type {string}
  */
 export const DEFAULT_LOCALE: string;
-export const SUPPORTED_RTL: string[];
+/**
+ * Array of languages that are written from the right to the left
+ *
+ * @type {string[]}
+ */
+export const RTL_LANGUAGES: string[];
 export const SUPPORTED_LANGUAGES: string[];
-export function getCountryFromLocale(locale: string): string | null;
+import { Direction } from "../direction";

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

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

package/build/types/index.d.ts

@@ -2,6 +2,7 @@
  * Types
  */
 export type { UploadedFile, UploadError, UploadResponse } from './uploadInput/types';
+export type { LayoutDirection } from './common';
 /**
  * Components
  */
@@ -50,7 +51,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 } from './provider';
+export { default as Provider, DirectionProvider } from './provider';
 export { default as Radio } from './radio';
 export { default as RadioGroup } from './radioGroup';
 export { default as RadioOption } from './radioOption';
@@ -75,10 +76,11 @@ export { SnackbarConsumer, SnackbarContext } from './snackbar/SnackbarContext';
  * Hooks
  */
 export { default as useSnackbar } from './snackbar/useSnackbar';
+export { useDirection } from './common/hooks';
 /**
  * Enums
  */
-export { Size, Width, Sentiment, Priority, ControlType, Type, Theme, DateMode, MonthFormat, Position, Scroll, ProfileType, Breakpoint, Layout, Status, MarkdownNodeType, } from './common';
+export { Direction, 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';
@@ -89,7 +91,7 @@ export { FileType } from './common';
 /**
  * Utils
  */
-export { SUPPORTED_LANGUAGES, DEFAULT_LANG, DEFAULT_LOCALE, adjustLocale, getLangFromLocale, getCountryFromLocale, } from './common';
+export { SUPPORTED_LANGUAGES, RTL_LANGUAGES, DEFAULT_LANG, DEFAULT_LOCALE, adjustLocale, getLangFromLocale, getCountryFromLocale, getDirectionFromLocale, isServerSide, isBrowser, } from './common';
 /**
  * Translations
  */

package/build/types/provider/Provider.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/build/types/provider/Provider.story.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+declare const _default: {
+    component: {
+        ({ i18n, children }: {
+            i18n: any;
+            children: any;
+        }): JSX.Element;
+        propTypes: {
+            i18n: import("prop-types").Validator<import("prop-types").InferProps<{
+                locale: import("prop-types").Validator<string>;
+                messages: import("prop-types").Validator<import("prop-types").InferProps<{}>>;
+                defaultRichTextElements: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+            }>>;
+            children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        };
+        defaultProps: {
+            children: undefined;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;

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

@@ -1,18 +1,8 @@
-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";
+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 {};

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

@@ -0,0 +1 @@
+export {};

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

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

package/build/types/provider/theme/ThemeProvider.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { ThemeType } from '../../common/theme';
+export declare const ThemeContext: import("react").Context<ThemeType>;
+declare type ThemeProviderProps = PropsWithChildren<{
+    theme: ThemeType;
+}>;
+export declare const ThemeProvider: ({ theme, children }: ThemeProviderProps) => JSX.Element;
+export {};

package/build/types/provider/theme/ThemeProvider.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export { ThemeContext, ThemeProvider } from "./ThemeProvider";

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

@@ -4,10 +4,6 @@ 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;
@@ -58,10 +54,6 @@ 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,18 +1,9 @@
-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;
-
-}
-
+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;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    component: ({ position, children, label, className, }: {
+        position?: "left" | "right" | "bottom" | "top" | undefined;
+        label: import("react").ReactNode;
+    } & {
+        children?: import("react").ReactNode;
+    } & import("../common").CommonProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    title: string;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;