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

package/build/types/link/Link.d.ts

@@ -0,0 +1,12 @@
+import { AnchorHTMLAttributes } from 'react';
+import { LinkLarge, LinkDefault } from '../common';
+type Props = AnchorHTMLAttributes<HTMLAnchorElement> & {
+    type?: LinkLarge | LinkDefault;
+};
+/**
+ * Standard Link component with navigate away icon
+ *
+ * Documentation: https://transferwise.github.io/neptune-web/components/content/Link
+ */
+declare const Link: ({ className, children, href, target, type, "aria-label": ariaLabel, onClick, ...props }: Props) => JSX.Element;
+export default Link;

package/build/types/link/Link.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/types/link/Link.story.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const _default: {
+    component: ({ className, children, href, target, type, "aria-label": ariaLabel, onClick, ...props }: import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
+        type?: "link-default" | "link-large" | undefined;
+    }) => JSX.Element;
+    title: string;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;

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

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

package/build/types/loader/Loader.d.ts

@@ -0,0 +1,24 @@
+import { ReactElement } from 'react';
+import { SizeExtraSmall, SizeSmall, SizeMedium, SizeLarge, SizeExtraLarge } from '../common';
+type SizeType = SizeExtraSmall | SizeSmall | SizeMedium | SizeLarge | SizeExtraLarge;
+type Props = {
+    /**
+     * @deprecated use `size` instead
+     */
+    small?: boolean;
+    size?: SizeType;
+    classNames?: Record<string, string>;
+    'data-testid'?: string;
+};
+/**
+ * Loader component
+ *
+ * Docs link: https://transferwise.github.io/neptune-web/components/progress/Loader
+ *
+ * @param root0
+ * @param root0.small
+ * @param root0.size
+ * @param root0.classNames
+ */
+declare const Loader: ({ small, size, classNames, ...restProps }: Props) => ReactElement;
+export default Loader;

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

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

package/build/types/logo/Logo.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+export type LogoType = "WISE" | "WISE_BUSINESS";
+
+export interface LogoProps {
+    /**
+     * Extra classes applied to Logo
+     */
+    className?: string;
+    /**
+     * If true, will use dark colours for dark on light theme
+     */
+    inverse?: boolean;
+    /**
+     * What type of logo to display
+     */
+    type?: LogoType;
+}
+
+declare const Logo: React.FC<LogoProps>;
+
+export default Logo;
+

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

@@ -0,0 +1,2 @@
+export { LogoType } from "./logoTypes";
+export { default } from "./Logo";

package/build/types/logo/logoTypes.d.ts

@@ -0,0 +1,4 @@
+export declare enum LogoType {
+    WISE = "WISE",
+    WISE_BUSINESS = "WISE_BUSINESS"
+}

package/build/types/markdown/Markdown.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+
+export type MarkdownAllowList = "block_quote" | "code_block" | "code" | "emph" | "heading" | "html_block" | "html_inline" | "image" | "item" | "linebreak" | "link" | "list" | "paragraph" | "softbreak" | "strong" | "thematic_break";
+
+export type MarkdownBlockList = "block_quote" | "code_block" | "code" | "emph" | "heading" | "html_block" | "html_inline" | "image" | "item" | "linebreak" | "link" | "list" | "paragraph" | "softbreak" | "strong" | "thematic_break";
+
+export interface MarkdownConfig {
+    link?: {
+        target?: "_blank" | "_self";
+    };
+}
+
+export interface MarkdownProps {
+    children: string;
+    as?: string;
+    className?: string;
+    allowList?: MarkdownAllowList[];
+    blockList?: MarkdownBlockList[];
+    config?: MarkdownConfig;
+}
+
+declare const Markdown: React.FC<MarkdownProps>;
+
+export default Markdown;
+

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

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

package/build/types/modal/Modal.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { PositionTop, PositionCenter, CommonProps, SizeSmall, SizeMedium, SizeLarge, SizeExtraLarge, ScrollContent, ScrollViewport } from '../common';
+export type ModalProps = CommonProps & {
+    title?: ReactNode;
+    body: ReactNode;
+    footer?: ReactNode;
+    size?: SizeSmall | SizeMedium | SizeLarge | SizeExtraLarge;
+    onClose: () => void;
+    open: boolean;
+    scroll?: ScrollContent | ScrollViewport;
+    position?: PositionTop | PositionCenter;
+};
+declare const Modal: ({ title, body, footer, onClose, className, open, size, scroll, position, ...otherProps }: ModalProps) => JSX.Element;
+export default Modal;

package/build/types/modal/Modal.story.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: {
+    component: ({ title, body, footer, onClose, className, open, size, scroll, position, ...otherProps }: import("./Modal").ModalProps) => JSX.Element;
+    title: string;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const WithLongText: () => JSX.Element;

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

@@ -0,0 +1,2 @@
+export { default } from './Modal';
+export type { ModalProps } from './Modal';

package/build/types/money/Money.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+export interface MoneyProps {
+    amount: number;
+    currency: string;
+}
+
+declare const Money: React.FC<MoneyProps>;
+
+export default Money;
+

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

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

package/build/types/moneyInput/MoneyInput.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+
+export type MoneyInputSize = "sm" | "md" | "lg";
+
+export interface MoneyInputProps {
+    id?: string;
+    currencies: any[];
+    selectedCurrency?: any;
+    onCurrencyChange?: (...args: any[])=>any;
+    placeholder?: number;
+    amount?: number;
+    size?: MoneyInputSize;
+    onAmountChange?: (...args: any[])=>any;
+    addon?: React.ReactNode;
+    searchPlaceholder?: string;
+    /**
+     * Allows the consumer to react to searching, while the search itself is handled internally. Called with `{ searchQuery: string, filteredOptions: Currency[]  }`
+     */
+    onSearchChange?: (...args: any[])=>any;
+    customActionLabel?: React.ReactNode;
+    onCustomAction?: (...args: any[])=>any;
+    classNames?: any;
+    selectProps?: Object;
+    maxLengthOverride?: number;
+}
+
+export class MoneyInput extends React.Component<MoneyInputProps, any> {
+    render(): JSX.Element;
+
+}
+

package/build/types/moneyInput/MoneyInput.messages.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    namespace selectPlaceholder {
+        const id: string;
+        const defaultMessage: string;
+    }
+}
+export default _default;

package/build/types/moneyInput/currencyFormatting.d.ts

@@ -0,0 +1,3 @@
+export function parseAmount(number: any, currency: any, locale: any): number;
+export { formatAmount };
+import { formatAmount } from "@transferwise/formatting/dist/currency/currency";

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { OptionProps, ReferenceType } from '../common/Option/Option';
+declare const NavigationOption: import("react").ForwardRefExoticComponent<OptionProps & import("react").RefAttributes<ReferenceType>>;
+export default NavigationOption;

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

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

package/build/types/navigationOptionsList/NavigationOptionsList.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+export interface NavigationOptionListProps {
+    children: React.ReactNode;
+}
+
+declare const NavigationOptionList: React.FC<NavigationOptionListProps>;
+
+export default NavigationOptionList;
+

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

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

package/build/types/nudge/Nudge.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+export type NudgeMediaName = "globe" | "lock" | "wallet" | "gear" | "invite-letter";
+
+export interface NudgeProps {
+    media?: React.ReactNode;
+    mediaName?: NudgeMediaName;
+    title: React.ReactNode;
+    link?: React.ReactNode;
+    href?: string;
+    onClick?: (...args: any[])=>any;
+    onDismiss?: (...args: any[])=>any;
+    id?: string;
+    className?: string;
+}
+
+declare const Nudge: React.FC<NudgeProps>;
+
+export default Nudge;
+

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

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

package/build/types/overlayHeader/OverlayHeader.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+export interface OverlayHeaderProps {
+    /**
+     * An Avatar
+     */
+    avatar?: React.ReactElement<any>;
+    logo?: React.ReactNode;
+    /**
+     * Function called when the close is clicked
+     */
+    onClose?: (...args: any[])=>any;
+}
+
+declare const OverlayHeader: React.FC<OverlayHeaderProps>;
+
+export default OverlayHeader;
+

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

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

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+export type PhoneNumberInputSize = "sm" | "md" | "lg";
+
+export interface PhoneNumberInputProps {
+    id?: string;
+    required?: boolean;
+    disabled?: boolean;
+    initialValue?: string;
+    onChange: (...args: any[])=>any;
+    onFocus?: (...args: any[])=>any;
+    onBlur?: (...args: any[])=>any;
+    countryCode?: string;
+    searchPlaceholder?: string;
+    size?: PhoneNumberInputSize;
+    placeholder?: string;
+    selectProps?: Object;
+}
+
+declare const PhoneNumberInput: React.FC<PhoneNumberInputProps>;
+
+export default PhoneNumberInput;
+

package/build/types/phoneNumberInput/data/countries.d.ts

@@ -0,0 +1,14 @@
+export default countries;
+declare const countries: ({
+    name: string;
+    iso2: string;
+    iso3: string;
+    phone: string;
+    phoneFormat?: undefined;
+} | {
+    name: string;
+    iso2: string;
+    iso3: string;
+    phone: string;
+    phoneFormat: string;
+})[];

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

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

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

@@ -0,0 +1 @@
+export function cleanNumber(number: any): any;

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

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

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

@@ -0,0 +1,5 @@
+export function explodeNumberModel(number: string): {
+    prefix: (string | any);
+    suffix: string;
+    format: string;
+};

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

@@ -0,0 +1 @@
+export function filterOptionsForQuery(options: any, query: any): any;

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

@@ -0,0 +1 @@
+export function findCountryByCode(code: any): any;

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

@@ -0,0 +1 @@
+export function findCountryByPrefix(number: any): any;

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

@@ -0,0 +1 @@
+export function groupCountriesByPrefix(countries: any): any[];

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

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

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

@@ -0,0 +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";

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

@@ -0,0 +1 @@
+export { isOptionAndFitsQuery, startsWith } from "./isOptionAndFitsQuery";

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

@@ -0,0 +1,2 @@
+export function isOptionAndFitsQuery(option: object, query: string): boolean;
+export function startsWith(property: any, query: any): boolean;

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

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

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

@@ -0,0 +1 @@
+export function isStringNumeric(value: any): boolean;

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

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

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

@@ -0,0 +1 @@
+export function isValidPhoneNumber(phoneNumber: any): boolean;

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

@@ -0,0 +1 @@
+export function longestMatchingPrefix(matchingCodes: any): any;

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

@@ -0,0 +1 @@
+export function setDefaultPrefix(locale: string, countryCode: any): string;

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

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

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

@@ -0,0 +1 @@
+export function sortArrayByProperty(arrayToSort: any, property: any): any[];

package/build/types/popover/Popover.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+export type PopoverPreferredPlacement = "top" | "right" | "bottom" | "left" | "left-top" | "right-top" | "bottom-right" | "bottom-left";
+
+export interface PopoverProps {
+    children: React.ReactNode;
+    className?: string;
+    content: React.ReactNode;
+    /**
+     * `'left-top'` / `'right-top'` are deprecated use `Position.TOP` / `'top'` instead,
+     * `'bottom-right'` / `'bottom-left'` are deprecated use `Position.BOTTOM` / `'bottom'` instead
+     */
+    preferredPlacement?: PopoverPreferredPlacement;
+    title?: React.ReactNode;
+}
+
+declare const Popover: React.FC<PopoverProps>;
+
+export default Popover;
+

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

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

package/build/types/processIndicator/ProcessIndicator.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+export type ProcessIndicatorStatus = "processing" | "failed" | "succeeded" | "hidden";
+
+export type ProcessIndicatorSize = "xs" | "sm" | "xl";
+
+export interface ProcessIndicatorProps {
+    status?: ProcessIndicatorStatus;
+    size?: ProcessIndicatorSize;
+    onAnimationCompleted?: (...args: any[])=>any;
+    className?: string;
+    "data-testid"?: string;
+}
+
+export default class ProcessIndicator extends React.Component<ProcessIndicatorProps, any> {
+    render(): JSX.Element;
+
+}
+

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

@@ -0,0 +1,2 @@
+export { default } from "./ProcessIndicator";
+export * from "./ProcessIndicator";

package/build/types/progress/Progress.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+type ProgressProps = {
+    className?: string;
+    id: string;
+    progress: {
+        value: number;
+        max: number;
+    };
+};
+declare const Progress: ({ className, id, progress }: ProgressProps) => ReactElement | null;
+export default Progress;

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

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

package/build/types/progressBar/ProgressBar.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+type ProgressBarProps = {
+    className?: string;
+    description?: string;
+    id: string;
+    title: string;
+    progress: {
+        value: number;
+        max: number;
+    };
+    textEnd: string;
+};
+declare const ProgressBar: ({ className, description, id, title, progress, textEnd, }: ProgressBarProps) => ReactElement | null;
+export default ProgressBar;

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

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

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+export interface ProviderI18n {
+    locale: string;
+    messages: {
+    };
+    defaultRichTextElements?: {
+    };
+}
+
+export interface ProviderProps {
+    i18n: ProviderI18n;
+    children?: React.ReactNode;
+}
+
+declare const Provider: React.FC<ProviderProps>;
+
+export default Provider;
+

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<NonNullable<import("prop-types").InferProps<{
+                locale: import("prop-types").Validator<string>;
+                messages: import("prop-types").Validator<NonNullable<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

@@ -0,0 +1,8 @@
+import { ReactElement, PropsWithChildren } from 'react';
+import { LayoutDirection } from '../../common/direction';
+export declare const DirectionContext: import("react").Context<LayoutDirection>;
+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/direction/index.d.ts

@@ -0,0 +1 @@
+export { DirectionProvider, DirectionContext } from "./DirectionProvider";

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

@@ -0,0 +1,3 @@
+export { DirectionProvider } from "./direction";
+export { LanguageProvider } from "./language";
+export { default } from "./Provider";

package/build/types/provider/language/LanguageProvider.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement, PropsWithChildren } from 'react';
+export declare const LanguageContext: import("react").Context<string>;
+type Props = PropsWithChildren<{
+    locale: string;
+}>;
+export declare const LanguageProvider: ({ locale, children }: Props) => ReactElement;
+export {};

package/build/types/provider/language/LanguageProvider.spec.d.ts

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

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

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

package/build/types/radio/Radio.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+export type RadioValue = number | string;
+
+export interface RadioProps {
+    avatar?: React.ReactElement<any>;
+    checked?: boolean;
+    disabled?: boolean;
+    id?: string;
+    label: string;
+    name: string;
+    onChange: (...args: any[])=>any;
+    secondary?: string;
+    value?: RadioValue;
+    className?: string;
+}
+
+declare const Radio: React.FC<RadioProps>;
+
+export default Radio;
+

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

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

package/build/types/radioGroup/RadioGroup.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+export interface RadioGroupRadios {
+    id?: string;
+    avatar?: React.ReactElement<any>;
+    value?: number | string;
+    secondary?: string;
+    label: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+}
+
+export type RadioGroupSelectedValue = number | string;
+
+export interface RadioGroupProps {
+    radios: RadioGroupRadios[];
+    onChange: (...args: any[])=>any;
+    selectedValue?: RadioGroupSelectedValue;
+    name: string;
+}
+
+export default class RadioGroup extends React.Component<RadioGroupProps, any> {
+    render(): JSX.Element;
+
+}
+