@transferwise/components 43.12.6-beta-.16 → 43.12.6

package/build/types/definitionList/DefinitionList.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+export interface DefinitionListDefinitions {
+    action?: {
+        label: string;
+        onClick: (...args: any[])=>any;
+    };
+    title: React.ReactNode;
+    value: React.ReactNode;
+    key: string;
+}
+
+export type DefinitionListLayout = "VERTICAL_TWO_COLUMN" | "VERTICAL_ONE_COLUMN" | "HORIZONTAL_JUSTIFIED" | "HORIZONTAL_LEFT_ALIGNED" | "HORIZONTAL_RIGHT_ALIGNED";
+
+export interface DefinitionListProps {
+    definitions?: DefinitionListDefinitions[];
+    layout?: DefinitionListLayout;
+    muted?: boolean;
+}
+
+declare const DefinitionList: React.FC<DefinitionListProps>;
+
+export default DefinitionList;
+

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

@@ -0,0 +1 @@
+export { default } from "./DefinitionList";

package/build/types/dimmer/Dimmer.d.ts

@@ -0,0 +1,31 @@
+import { MouseEvent, ReactElement, ReactNode } from 'react';
+import { CommonProps } from '../common';
+export declare const EXIT_ANIMATION = 350;
+type DimmerProps = CommonProps & {
+    children?: ReactNode;
+    disableClickToClose?: boolean;
+    fadeContentOnEnter?: boolean;
+    fadeContentOnExit?: boolean;
+    open?: boolean;
+    scrollable?: boolean;
+    transparent?: boolean;
+    onClose?: (event: KeyboardEvent | MouseEvent) => void;
+};
+export declare const handleTouchMove: (event: Event) => void;
+declare const Dimmer: ({ children, className, disableClickToClose, fadeContentOnEnter, fadeContentOnExit, open, scrollable, transparent, onClose, }: DimmerProps) => JSX.Element;
+export declare const DimmerContentWrapper: ({ children, scrollBody, }: {
+    children: ReactElement;
+    scrollBody: boolean;
+}) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export { Dimmer };
+declare const _default: (props: CommonProps & {
+    children?: ReactNode;
+    disableClickToClose?: boolean | undefined;
+    fadeContentOnEnter?: boolean | undefined;
+    fadeContentOnExit?: boolean | undefined;
+    open?: boolean | undefined;
+    scrollable?: boolean | undefined;
+    transparent?: boolean | undefined;
+    onClose?: ((event: KeyboardEvent | MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+}) => import("react").ReactPortal | null;
+export default _default;

package/build/types/dimmer/Dimmer.story.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+declare const _default: {
+    component: (props: import("../common").CommonProps & {
+        children?: import("react").ReactNode;
+        disableClickToClose?: boolean | undefined;
+        fadeContentOnEnter?: boolean | undefined;
+        fadeContentOnExit?: boolean | undefined;
+        open?: boolean | undefined;
+        scrollable?: boolean | undefined;
+        transparent?: boolean | undefined;
+        onClose?: ((event: KeyboardEvent | import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    }) => import("react").ReactPortal | null;
+    title: string;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;

package/build/types/dimmer/dimmerManager/DimmerManager.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Dimmer state management inspired by Material UI's ModalManager (https://github.com/mui-org/material-ui)
+ */
+export default class DimmerManager {
+    /**
+     * Dimmer refs
+     */
+    private dimmers;
+    constructor();
+    add(dimmer: Element): number;
+    remove(dimmer: Element): number;
+    isTop(dimmer: Element): boolean;
+}

package/build/types/dimmer/dimmerManager/index.d.ts

@@ -0,0 +1 @@
+export { default } from './DimmerManager';

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

@@ -0,0 +1 @@
+export { default } from "./Dimmer";

package/build/types/display/Display.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { DisplayTypes } from '../common';
+type Props = PropsWithChildren<{
+    id?: string;
+    type?: DisplayTypes;
+    className?: string;
+}>;
+declare function Display({ type, children, className }: Props): JSX.Element;
+export default Display;

package/build/types/display/Display.story.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const Numbers: () => JSX.Element;

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

@@ -0,0 +1 @@
+export { default } from './Display';

package/build/types/drawer/Drawer.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+
+export type DrawerPosition = "left" | "right" | "bottom";
+
+export interface DrawerProps {
+    /**
+     * The content to appear in the drawer body.
+     */
+    children?: React.ReactNode;
+    className?: string;
+    /**
+     * The content to appear in the drawer footer.
+     */
+    footerContent?: React.ReactNode;
+    /**
+     * The content to appear in the drawer header.
+     */
+    headerTitle?: React.ReactNode;
+    /**
+     * The action to perform on close click.
+     */
+    onClose?: (...args: any[])=>any;
+    /**
+     * The status of Drawer either open or not.
+     */
+    open?: boolean;
+    /**
+     * The placement of Drawer on the screen either left or right. On mobile it will default to bottom.
+     */
+    position?: DrawerPosition;
+}
+
+declare const Drawer: React.FC<DrawerProps>;
+
+export default Drawer;
+

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

@@ -0,0 +1 @@
+export { default } from "./Drawer";

package/build/types/dropFade/DropFade.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+declare const DropFade: ({ children, show }: {
+    children: ReactElement;
+    show: boolean;
+}) => JSX.Element;
+export default DropFade;

package/build/types/dropFade/DropFade.story.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: ({ children, show }: {
+        children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+        show: boolean;
+    }) => JSX.Element;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;

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

@@ -0,0 +1 @@
+export { default } from './DropFade';

package/build/types/dynamicFieldDefinitionList/DynamicFieldDefinitionList.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+export interface DynamicFieldDefinitionListModel {
+}
+
+export interface DynamicFieldDefinitionListFields {
+}
+
+export type DynamicFieldDefinitionListLayout = "VERTICAL_TWO_COLUMN" | "VERTICAL_ONE_COLUMN" | "HORIZONTAL_JUSTIFIED" | "HORIZONTAL_LEFT_ALIGNED";
+
+export interface DynamicFieldDefinitionListProps {
+    model: DynamicFieldDefinitionListModel;
+    fields: DynamicFieldDefinitionListFields;
+    title?: string;
+    layout?: DynamicFieldDefinitionListLayout;
+}
+
+declare const DynamicFieldDefinitionList: React.FC<DynamicFieldDefinitionListProps>;
+
+export default DynamicFieldDefinitionList;
+

package/build/types/dynamicFieldDefinitionList/FormattedValue/FormattedValue.d.ts

@@ -0,0 +1,25 @@
+export default FormattedValue;
+declare function FormattedValue({ field, value }: {
+    field: any;
+    value: any;
+}): JSX.Element;
+declare namespace FormattedValue {
+    namespace propTypes {
+        const field: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            control: PropTypes.Validator<string>;
+            displayFormat: PropTypes.Requireable<string>;
+            refreshRequirementsOnChange: PropTypes.Requireable<boolean>;
+            title: PropTypes.Validator<string>;
+            type: PropTypes.Validator<string>;
+            width: PropTypes.Requireable<string>;
+            tagClassName: PropTypes.Requireable<PropTypes.InferProps<{
+                h3: PropTypes.Requireable<boolean>;
+            }>>;
+            values: PropTypes.Requireable<(PropTypes.InferProps<{
+                value: PropTypes.Requireable<any>;
+            }> | null | undefined)[]>;
+        }>>>;
+        const value: PropTypes.Validator<any>;
+    }
+}
+import PropTypes from "prop-types";

package/build/types/dynamicFieldDefinitionList/FormattedValue/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./FormattedValue";

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

@@ -0,0 +1 @@
+export { default } from "./DynamicFieldDefinitionList";

package/build/types/dynamicFieldDefinitionList/utils/createDefinitions.d.ts

@@ -0,0 +1 @@
+export default function createDefinitions(fields: any, model: any): any;

package/build/types/dynamicFieldDefinitionList/utils/text-format.d.ts

@@ -0,0 +1 @@
+export function formatUsingPattern(value: string | undefined, pattern: any): string;

package/build/types/emphasis/Emphasis.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+type EmphasisProps = {
+    text?: string;
+};
+declare const Emphasis: ({ text }: EmphasisProps) => ReactElement | null;
+export default Emphasis;

package/build/types/emphasis/EmphasisHtmlTransformer.d.ts

@@ -0,0 +1,16 @@
+type Tags = {
+    transformed: {
+        opening: string;
+        closing: string;
+    };
+    escapedRegex: {
+        opening: RegExp;
+        closing: RegExp;
+    };
+};
+declare class EmphasisHtmlTransformer {
+    tags: Array<Tags>;
+    constructor(whitelistedTags: Array<string>);
+    transform(unsafe: string): string | null;
+}
+export default EmphasisHtmlTransformer;

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

@@ -0,0 +1 @@
+export { default } from './Emphasis';

package/build/types/flowNavigation/FlowNavigation.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+
+export interface FlowNavigationSteps {
+    label: React.ReactNode;
+    onClick?: (...args: any[])=>any;
+    hoverLabel?: React.ReactNode;
+}
+
+export interface FlowNavigationProps {
+    activeStep?: number;
+    /**
+     * An Avatar
+     */
+    avatar?: React.ReactElement<any>;
+    logo?: React.ReactNode;
+    /**
+     * Called when the close button is clicked. If not provided the close button won't show
+     */
+    onClose?: (...args: any[])=>any;
+    /**
+     * Called when the back button is clicked. If not provided the back button won't show. The back button only shows on small screens
+     */
+    onGoBack?: (...args: any[])=>any;
+    done?: boolean;
+    /**
+     * Steps to be displayed in stepper. If you don't need the stepper, please use OverlayHeader instead
+     */
+    steps: FlowNavigationSteps[];
+}
+
+declare const FlowNavigation: React.FC<FlowNavigationProps>;
+
+export default FlowNavigation;
+

package/build/types/flowNavigation/animatedLabel/AnimatedLabel.d.ts

@@ -0,0 +1,18 @@
+export default AnimatedLabel;
+declare function AnimatedLabel({ activeLabel, className, labels }: {
+    activeLabel: any;
+    className: any;
+    labels: any;
+}): JSX.Element;
+declare namespace AnimatedLabel {
+    namespace propTypes {
+        const activeLabel: PropTypes.Validator<number>;
+        const className: PropTypes.Requireable<string>;
+        const labels: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
+    }
+    namespace defaultProps {
+        const className_1: undefined;
+        export { className_1 as className };
+    }
+}
+import PropTypes from "prop-types";

package/build/types/flowNavigation/animatedLabel/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./AnimatedLabel";

package/build/types/flowNavigation/backButton/BackButton.d.ts

@@ -0,0 +1,20 @@
+export default BackButton;
+declare function BackButton({ label, className, onClick }: {
+    label: any;
+    className: any;
+    onClick: any;
+}): JSX.Element;
+declare namespace BackButton {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+        const label: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        const onClick: PropTypes.Validator<(...args: any[]) => any>;
+    }
+    namespace defaultProps {
+        const className_1: undefined;
+        export { className_1 as className };
+        const label_1: undefined;
+        export { label_1 as label };
+    }
+}
+import PropTypes from "prop-types";

package/build/types/flowNavigation/backButton/index.d.ts

@@ -0,0 +1,2 @@
+export default BackButton;
+import BackButton from "./BackButton";

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

@@ -0,0 +1 @@
+export { default } from "./FlowNavigation";

package/build/types/header/Header.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { ActionButtonProps } from '../actionButton/ActionButton';
+import { AriaLabelProperty, CommonProps, Heading, LinkProps } from '../common';
+type ActionProps = AriaLabelProperty & {
+    text: string;
+};
+type ButtonActionProps = ActionProps & ActionButtonProps;
+type LinkActionProps = ActionProps & LinkProps;
+export type HeaderProps = CommonProps & {
+    /**
+     * When the `href` property is provided to the `action`, we will render a `Link` instead of a `ActionButton`.
+     */
+    action?: ButtonActionProps | LinkActionProps;
+    /**
+     * Override the heading element rendered for the title, useful to specify the semantics of your header.
+     *
+     * @default "h5"
+     */
+    as?: Heading;
+    title: string;
+};
+/**
+ *
+ * Neptune Web: https://transferwise.github.io/neptune-web/components/content/Header
+ *
+ */
+export declare const Header: ({ action, as, title, className }: HeaderProps) => JSX.Element;
+export default Header;

package/build/types/header/Header.spec.d.ts

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

package/build/types/header/Header.story.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const _default: {
+    component: ({ action, as, title, className }: import("./Header").HeaderProps) => JSX.Element;
+    title: string;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const WithAction: () => JSX.Element;
+export declare const WithActionAsLink: () => JSX.Element;
+export declare const WithActionAsLinkPreventingNavigationWithTracking: () => JSX.Element;

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

@@ -0,0 +1 @@
+export { default } from './Header';

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

@@ -0,0 +1,2 @@
+declare const translations: Record<string, Record<string, string>>;
+export default translations;

package/build/types/image/Image.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+export type ImageLoading = "lazy" | "eager";
+
+export interface ImageProps {
+    id?: string;
+    src: string;
+    alt: string;
+    onLoad?: (...args: any[])=>any;
+    onError?: (...args: any[])=>any;
+    className?: string;
+    loading?: ImageLoading;
+    stretch?: boolean;
+    shrink?: boolean;
+}
+
+declare const Image: React.FC<ImageProps>;
+
+export default Image;
+

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

@@ -0,0 +1 @@
+export { default } from "./Image";

package/build/types/index.d.ts

@@ -0,0 +1,108 @@
+/**
+ * Types
+ */
+export type { UploadedFile, UploadError, UploadResponse } from './uploadInput/types';
+export type { ModalProps } from './modal';
+export type { LayoutDirection, TypographyTypes, TitleTypes, BodyTypes, LinkTypes, DisplayTypes, } from './common';
+/**
+ * Components
+ */
+export { default as Title } from './title';
+export { default as Body } from './body';
+export { default as Accordion } from './accordion';
+export { default as ActionButton } from './actionButton';
+export { default as ActionOption } from './actionOption';
+export { default as Alert } from './alert';
+export { default as Avatar } from './avatar';
+export { default as AvatarWrapper } from './avatarWrapper';
+export { default as Badge } from './badge';
+export { default as BottomSheet } from './common/bottomSheet';
+export { default as Button } from './button';
+export { default as Card } from './card';
+export { default as Checkbox } from './checkbox';
+export { default as CheckboxButton } from './checkboxButton';
+export { default as CheckboxOption } from './checkboxOption';
+export { default as Chevron } from './chevron';
+export { default as Chips, Chip } from './chips';
+export { default as CircularButton } from './circularButton';
+export { default as DateInput } from './dateInput';
+export { default as DateLookup } from './dateLookup';
+export { default as Decision } from './decision';
+export { default as DefinitionList } from './definitionList';
+export { default as Dimmer } from './dimmer';
+export { default as Display } from './display';
+export { default as Drawer } from './drawer';
+export { default as DropFade } from './dropFade';
+export { default as DynamicFieldDefinitionList } from './dynamicFieldDefinitionList';
+export { default as Emphasis } from './emphasis';
+export { default as FlowNavigation } from './flowNavigation';
+export { default as Header } from './header';
+export { default as Image } from './image';
+export { default as Info } from './info';
+export { default as InlineAlert } from './inlineAlert';
+export { default as InputWithDisplayFormat } from './inputWithDisplayFormat';
+export { default as InstructionsList } from './instructionsList';
+export { default as Link } from './link';
+export { default as Loader } from './loader';
+export { default as Logo } from './logo';
+export { default as Markdown } from './markdown';
+export { default as Modal } from './modal';
+export { default as Money } from './money';
+export { default as MoneyInput } from './moneyInput';
+export { default as NavigationOption } from './navigationOption';
+export { default as NavigationOptionsList } from './navigationOptionsList';
+export { default as Nudge } from './nudge';
+export { default as Option } from './common/Option';
+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 ProgressBar } from './progressBar';
+export { default as Progress } from './progress';
+export { default as Provider, DirectionProvider, LanguageProvider } from './provider';
+export { default as Radio } from './radio';
+export { default as RadioGroup } from './radioGroup';
+export { default as RadioOption } from './radioOption';
+export { default as Section } from './section';
+export { default as Select } from './select';
+export { default as SlidingPanel } from './slidingPanel';
+export { default as SnackbarPortal } from './snackbar/Snackbar';
+export { default as SnackbarProvider } from './snackbar/SnackbarProvider';
+export { default as StatusIcon } from './statusIcon/StatusIcon';
+export { default as Stepper } from './stepper';
+export { default as Sticky } from './sticky';
+export { default as Summary } from './summary';
+export { default as Switch } from './switch';
+export { default as SwitchOption } from './switchOption';
+export { default as Tabs } from './tabs';
+export { default as TextareaWithDisplayFormat } from './textareaWithDisplayFormat';
+export { default as Tooltip } from './tooltip';
+export { default as Typeahead } from './typeahead';
+export { default as Upload } from './upload';
+export { default as UploadInput } from './uploadInput';
+export { SnackbarConsumer, SnackbarContext } from './snackbar/SnackbarContext';
+export { default as CriticalCommsBanner } from './criticalBanner';
+/**
+ * Hooks
+ */
+export { default as useSnackbar } from './snackbar/useSnackbar';
+export { useDirection, useLayout } from './common/hooks';
+/**
+ * Enums
+ */
+export { Direction, Size, Width, Sentiment, Priority, ControlType, Type, Theme, DateMode, MonthFormat, Position, Scroll, ProfileType, Breakpoint, Layout, Status, MarkdownNodeType, Typography, Variant, } from './common';
+export { AvatarType } from './avatar';
+export { InfoPresentation } from './info';
+export { UploadStep } from './upload';
+export { DecisionPresentation, DecisionType } from './decision';
+export { AlertArrowPosition } from './alert/withArrow';
+export { LogoType } from './logo';
+export { FileType } from './common';
+/**
+ * Utils
+ */
+export { SUPPORTED_LANGUAGES, RTL_LANGUAGES, DEFAULT_LANG, DEFAULT_LOCALE, adjustLocale, getLangFromLocale, getCountryFromLocale, getDirectionFromLocale, isServerSide, isBrowser, } from './common';
+/**
+ * Translations
+ */
+export { default as translations } from './i18n';

package/build/types/info/Info.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+
+export type InfoPresentation = "MODAL" | "POPOVER";
+
+export type InfoSize = "sm" | "lg";
+
+export interface InfoProps {
+    "aria-label": string;
+    /**
+     * Extra classes applied to Info
+     */
+    className?: string;
+    /**
+     * Content displayed inside a Popover a Modal
+     */
+    content?: React.ReactNode;
+    onClick?: (...args: any[])=>any;
+    /**
+     * Decides whether to display content in a Popover or a Modal
+     */
+    presentation?: InfoPresentation;
+    /**
+     * Decides the size of help Icon
+     */
+    size?: InfoSize;
+    /**
+     * Title displayed inside a Popover a Modal
+     */
+    title?: React.ReactNode;
+}
+
+declare const Info: React.FC<InfoProps>;
+
+export default Info;
+

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

@@ -0,0 +1,2 @@
+export { InfoPresentation } from "./infoPresentations";
+export { default } from "./Info";

package/build/types/info/infoPresentations.d.ts

@@ -0,0 +1,4 @@
+export declare enum InfoPresentation {
+    POPOVER = "POPOVER",
+    MODAL = "MODAL"
+}

package/build/types/inlineAlert/InlineAlert.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+export type InlineAlertType = "positive" | "negative" | "warning" | "neutral" | "success" | "info" | "error";
+
+export interface InlineAlertProps {
+    children: React.ReactNode;
+    className?: string;
+    id?: string;
+    type?: InlineAlertType;
+}
+
+declare const InlineAlert: React.FC<InlineAlertProps>;
+
+export default InlineAlert;
+

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

@@ -0,0 +1 @@
+export { default } from "./InlineAlert";

package/build/types/inputWithDisplayFormat/InputWithDisplayFormat.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+export interface InputWithDisplayFormatProps {
+    displayPattern: string;
+    onChange: (...args: any[])=>any;
+}
+
+declare const InputWithDisplayFormat: React.FC<InputWithDisplayFormatProps>;
+
+export default InputWithDisplayFormat;
+

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

@@ -0,0 +1 @@
+export { default } from "./InputWithDisplayFormat";

package/build/types/instructionsList/InstructionsList.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { CommonProps } from '../common';
+type Props = CommonProps & {
+    dos?: ReactNode[];
+    donts?: ReactNode[];
+};
+declare const InstructionsList: (props: Props) => JSX.Element;
+export default InstructionsList;

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

@@ -0,0 +1,2 @@
+export default InstructionsList;
+import InstructionsList from "./InstructionsList";