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

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

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

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+export interface RadioOptionProps {
+    "aria-label"?: string;
+    media?: React.ReactNode;
+    id: string;
+    name: string;
+    title: React.ReactNode;
+    content?: React.ReactNode;
+    checked?: boolean;
+    onChange: (...args: any[])=>any;
+    complex?: boolean;
+    disabled?: boolean;
+    value?: string;
+    showMediaCircle?: boolean;
+    showMediaAtAllSizes?: boolean;
+    isContainerAligned?: boolean;
+}
+
+declare const RadioOption: React.FC<RadioOptionProps>;
+
+export default RadioOption;
+

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

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

package/build/types/section/Section.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+import { CommonProps } from '../common';
+type SectionProps = PropsWithChildren<CommonProps & {
+    withHorizontalPadding?: boolean;
+}>;
+/**
+ *
+ * Neptune Web: https://transferwise.github.io/neptune-web/components/content/Section
+ *
+ */
+declare const Section: ({ children, className, withHorizontalPadding }: SectionProps) => JSX.Element;
+export default Section;

package/build/types/section/Section.spec.d.ts

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

package/build/types/section/Section.story.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const _default: {
+    component: ({ children, className, withHorizontalPadding }: import("../common").CommonProps & {
+        withHorizontalPadding?: boolean | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    }) => JSX.Element;
+    title: string;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const WithHeader: () => JSX.Element;
+export declare const withAccordion: () => JSX.Element;
+export declare const WithCards: () => JSX.Element;
+export declare const WithNavigationOptions: () => JSX.Element;

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

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

package/build/types/select/Select.d.ts

@@ -0,0 +1,94 @@
+import * as React from 'react';
+
+export type SelectDropdownRight = "xs" | "sm" | "md" | "lg" | "xl";
+
+export type SelectDropdownWidth = "sm" | "md" | "lg";
+
+export type SelectSize = "sm" | "md" | "lg";
+
+export interface SelectSelected {
+    value: any;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    currency?: string;
+    note?: React.ReactNode;
+    secondary?: React.ReactNode;
+}
+
+export type SelectSearch = boolean | ((...args: any[])=>any);
+
+export interface SelectOptions {
+    value?: any;
+    label?: React.ReactNode;
+    header?: React.ReactNode;
+    icon?: React.ReactNode;
+    currency?: string;
+    note?: React.ReactNode;
+    secondary?: React.ReactNode;
+    separator?: boolean;
+    disabled?: boolean;
+    searchStrings?: string[];
+}
+
+export interface SelectProps {
+    placeholder?: string;
+    id?: string;
+    required?: boolean;
+    disabled?: boolean;
+    inverse?: boolean;
+    dropdownRight?: SelectDropdownRight;
+    dropdownWidth?: SelectDropdownWidth;
+    size?: SelectSize;
+    block?: boolean;
+    selected?: SelectSelected;
+    /**
+     * Search toggle
+     * if `true` default search functionality being enabled (not case sensitive search in option labels & currency props)
+     * if `function` you can define your own search function to implement custom search experience. This search function used while filtering the options array. The custom search function takes two parameters. First is the option the second is the keyword.
+     */
+    search?: SelectSearch;
+    onChange: (...args: any[])=>any;
+    onFocus?: (...args: any[])=>any;
+    onBlur?: (...args: any[])=>any;
+    options: SelectOptions[];
+    /**
+     * To have full control of your search value and response use `onSearchChange` function combined with `searchValue` and custom filtering on the options array.
+     * DO NOT USE TOGETHER WITH `search` PROPERTY
+     */
+    onSearchChange?: (...args: any[])=>any;
+    searchValue?: string;
+    searchPlaceholder?: string;
+    classNames?: any;
+    dropdownUp?: boolean;
+    buttonProps?: Object;
+    dropdownProps?: Object;
+}
+
+declare const Select: React.FC<SelectProps>;
+
+export default Select;
+
+declare const renderOptionsList: React.FC;
+
+export default renderOptionsList;
+
+declare const ShowMoreOption: React.FC;
+
+export default ShowMoreOption;
+
+declare const PlaceHolderOption: React.FC;
+
+export default PlaceHolderOption;
+
+declare const SeparatorOption: React.FC;
+
+export default SeparatorOption;
+
+declare const HeaderOption: React.FC;
+
+export default HeaderOption;
+
+declare const renderOption: React.FC;
+
+export default renderOption;
+

package/build/types/select/Select.messages.d.ts

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

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

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

package/build/types/select/option/Option.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type Props<T> = {
+    label: ReactNode;
+    value: T;
+    currency?: string;
+    note?: ReactNode;
+    secondary?: ReactNode;
+    icon?: ReactNode;
+    classNames?: Record<string, string>;
+    selected?: boolean;
+};
+declare function Option<T>({ label, currency, note, secondary, icon, classNames, selected, }: Props<T>): JSX.Element;
+export default Option;

package/build/types/select/option/index.d.ts

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

package/build/types/select/searchBox/SearchBox.d.ts

@@ -0,0 +1,6 @@
+import { InputHTMLAttributes } from 'react';
+declare const SearchBox: import("react").ForwardRefExoticComponent<{
+    id?: string | undefined;
+    classNames?: Record<string, string> | undefined;
+} & Pick<InputHTMLAttributes<HTMLInputElement>, "value" | "placeholder" | "onChange" | "onClick"> & import("react").RefAttributes<HTMLInputElement>>;
+export default SearchBox;

package/build/types/select/searchBox/index.d.ts

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

package/build/types/sizeSwapper/SizeSwapper.d.ts

@@ -0,0 +1,2 @@
+export default SizeSwapper;
+declare const SizeSwapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

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

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

package/build/types/slidingPanel/SlidingPanel.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+export type SlidingPanelPosition = "top" | "bottom" | "left" | "right";
+
+export interface SlidingPanelProps {
+    children?: React.ReactNode;
+    className?: string;
+    open?: boolean;
+    position?: SlidingPanelPosition;
+    showSlidingPanelBorder?: boolean;
+    slidingPanelPositionFixed?: boolean;
+}
+
+declare const SlidingPanel: React.FC<SlidingPanelProps>;
+
+export default SlidingPanel;
+

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

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

package/build/types/snackbar/Snackbar.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+export interface SnackbarAction {
+    label: string;
+    onClick: (...args: any[])=>any;
+}
+
+export type SnackbarTheme = "light" | "dark";
+
+export interface SnackbarProps {
+    action?: SnackbarAction;
+    text: React.ReactNode;
+    theme?: SnackbarTheme;
+    timeout: number;
+    timestamp: number;
+}
+
+export class Snackbar extends React.Component<SnackbarProps, any> {
+    render(): JSX.Element;
+
+}
+

package/build/types/snackbar/SnackbarContext.d.ts

@@ -0,0 +1,2 @@
+export const SnackbarContext: import("react").Context<any>;
+export const SnackbarConsumer: import("react").Consumer<any>;

package/build/types/snackbar/SnackbarProvider.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+export interface SnackbarProviderProps {
+    children: React.ReactNode;
+    timeout?: number;
+}
+
+export default class SnackbarProvider extends React.Component<SnackbarProviderProps, any> {
+    render(): JSX.Element;
+
+}
+

package/build/types/snackbar/useSnackbar.d.ts

@@ -0,0 +1,2 @@
+export default useSnackbar;
+declare function useSnackbar(): any;

package/build/types/statusIcon/StatusIcon.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { SizeSmall, SizeMedium, SizeLarge, Sentiment } from '../common';
+type Props = {
+    sentiment: Sentiment;
+    size: SizeSmall | SizeMedium | SizeLarge;
+};
+declare const StatusIcon: ({ sentiment, size }: Props) => ReactElement;
+export default StatusIcon;

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

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

package/build/types/stepper/Stepper.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+export interface StepperSteps {
+    label: React.ReactNode;
+    onClick?: (...args: any[])=>any;
+    hoverLabel?: React.ReactNode;
+}
+
+export interface StepperProps {
+    steps: StepperSteps[];
+    activeStep?: number;
+    className?: string;
+}
+
+declare const Stepper: React.FC<StepperProps>;
+
+export default Stepper;
+

package/build/types/stepper/deviceDetection.d.ts

@@ -0,0 +1 @@
+export function isTouchDevice(): boolean;

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

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

package/build/types/sticky/Sticky.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+export type StickyPosition = "top" | "bottom";
+
+export interface StickyProps {
+    open?: boolean;
+    position?: StickyPosition;
+    children?: React.ReactNode;
+}
+
+declare const Sticky: React.FC<StickyProps>;
+
+export default Sticky;
+

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

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

package/build/types/summary/Summary.d.ts

@@ -0,0 +1,71 @@
+import * as React from 'react';
+
+export interface SummaryAction {
+    text: React.ReactNode;
+    href: string;
+    "aria-label"?: string;
+    target?: string;
+    onClick?: (...args: any[])=>any;
+}
+
+export interface SummaryInfo {
+    "aria-label": string;
+    content: React.ReactNode;
+    onClick?: (...args: any[])=>any;
+    presentation?: "POPOVER" | "MODAL";
+    title?: React.ReactNode;
+}
+
+export type SummaryStatus = "notDone" | "done" | "pending";
+
+export interface SummaryProps {
+    /**
+     * Action displayed at the bottom of the Summary
+     */
+    action?: SummaryAction;
+    /**
+     * Decides which html element should wrap the Summary
+     */
+    as?: string;
+    /**
+     * Extra classes applied to Summary
+     */
+    className?: string;
+    /**
+     * @deprecated please use description instead
+     */
+    content?: any;
+    /**
+     * Summary description
+     */
+    description?: React.ReactNode;
+    /**
+     * @deprecated please use info instead
+     */
+    help?: any;
+    /**
+     * Infos displayed on help Icon click inside Popover or Modal
+     */
+    info?: SummaryInfo;
+    /**
+     * @deprecated please use icon instead
+     */
+    illustration?: any;
+    /**
+     * Main Summary Icon
+     */
+    icon?: any;
+    /**
+     * Decides the badge applied to Icon
+     */
+    status?: SummaryStatus;
+    /**
+     * Summary title
+     */
+    title: React.ReactNode;
+}
+
+declare const Summary: React.FC<SummaryProps>;
+
+export default Summary;
+

package/build/types/summary/Summary.messages.d.ts

@@ -0,0 +1,19 @@
+declare namespace _default {
+    namespace statusNotDone {
+        const id: string;
+        const defaultMessage: string;
+    }
+    namespace statusPending {
+        const id_1: string;
+        export { id_1 as id };
+        const defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+    }
+    namespace statusDone {
+        const id_2: string;
+        export { id_2 as id };
+        const defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+    }
+}
+export default _default;

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

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

package/build/types/switch/Switch.d.ts

@@ -0,0 +1,17 @@
+import { MouseEvent, ReactElement } from 'react';
+import { CommonProps } from '../common';
+type Props = CommonProps & {
+    /** Used to describe the purpose of the switch. To be used if there is no external label (i.e. aria-labelledby is null) */
+    'aria-label'?: string;
+    /** A reference to a label that describes the purpose of the switch. Ignored if aria-label is provided */
+    'aria-labelledby'?: string;
+    /** Whether the switch is checked or not */
+    checked?: boolean;
+    disabled?: boolean;
+    /** ID to apply to the switch container */
+    id?: string;
+    /** Function called when the switch is toggled */
+    onClick: (event?: MouseEvent<HTMLSpanElement>) => void;
+};
+declare const Switch: (props: Props) => ReactElement;
+export default Switch;

package/build/types/switch/Switch.story.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const _default: {
+    component: (props: import("../common").CommonProps & {
+        'aria-label'?: string | undefined;
+        'aria-labelledby'?: string | undefined;
+        checked?: boolean | undefined;
+        disabled?: boolean | undefined;
+        id?: string | undefined;
+        onClick: (event?: import("react").MouseEvent<HTMLSpanElement, MouseEvent> | undefined) => void;
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    title: string;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const Disabled: () => JSX.Element;

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

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

package/build/types/switchOption/SwitchOption.d.ts

@@ -0,0 +1,17 @@
+import { ReactChild, ReactElement } from 'react';
+type Props = {
+    checked?: boolean;
+    complex?: boolean;
+    content?: ReactChild;
+    disabled?: boolean;
+    showMediaCircle?: boolean;
+    showMediaAtAllSizes?: boolean;
+    isContainerAligned?: boolean;
+    id?: string;
+    media?: ReactChild;
+    onChange: (newValue: boolean) => void;
+    title: ReactChild;
+    'aria-label': string;
+};
+declare const SwitchOption: ({ checked, complex, content, disabled, id, media, onChange, title, showMediaCircle, showMediaAtAllSizes, isContainerAligned, "aria-label": ariaLabel, }: Props) => ReactElement;
+export default SwitchOption;

package/build/types/switchOption/SwitchOption.story.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+declare const _default: {
+    component: ({ checked, complex, content, disabled, id, media, onChange, title, showMediaCircle, showMediaAtAllSizes, isContainerAligned, "aria-label": ariaLabel, }: {
+        checked?: boolean | undefined;
+        complex?: boolean | undefined;
+        content?: import("react").ReactChild | undefined;
+        disabled?: boolean | undefined;
+        showMediaCircle?: boolean | undefined;
+        showMediaAtAllSizes?: boolean | undefined;
+        isContainerAligned?: boolean | undefined;
+        id?: string | undefined;
+        media?: import("react").ReactChild | undefined;
+        onChange: (newValue: boolean) => void;
+        title: import("react").ReactChild;
+        'aria-label': string;
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    title: string;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const Multiple: () => JSX.Element;
+export declare const WithContainerContent: () => JSX.Element;

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

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

package/build/types/tabs/Tab.d.ts

@@ -0,0 +1,2 @@
+export default Tab;
+declare const Tab: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

package/build/types/tabs/TabList.d.ts

@@ -0,0 +1,10 @@
+export default TabList;
+declare function TabList({ children }: {
+    children: any;
+}): JSX.Element;
+declare namespace TabList {
+    namespace propTypes {
+        const children: PropTypes.Validator<object>;
+    }
+}
+import PropTypes from "prop-types";

package/build/types/tabs/TabPanel.d.ts

@@ -0,0 +1,18 @@
+export default TabPanel;
+declare function TabPanel({ children, id, tabId, style }: {
+    children: any;
+    id: any;
+    tabId: any;
+    style: any;
+}): JSX.Element;
+declare namespace TabPanel {
+    namespace propTypes {
+        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const id: PropTypes.Validator<string>;
+        const tabId: PropTypes.Validator<string>;
+        const style: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            width: PropTypes.Validator<string>;
+        }>>>;
+    }
+}
+import PropTypes from "prop-types";

package/build/types/tabs/Tabs.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+
+export interface TabsTabs {
+    title: string;
+    content: React.ReactNode;
+    disabled: boolean;
+}
+
+export type TabsTransitionSpacing = "default" | "xs" | "sm" | "md" | "lg";
+
+export type TabsHeaderWidth = "auto" | "block";
+
+export interface TabsProps {
+    tabs: TabsTabs[];
+    selected: number;
+    onTabSelect: (...args: any[])=>any;
+    name: string;
+    animatePanelsOnClick?: boolean;
+    changeTabOnSwipe?: boolean;
+    className?: string;
+    transitionSpacing?: TabsTransitionSpacing;
+    headerWidth?: TabsHeaderWidth;
+}
+
+export default class Tabs extends React.Component<TabsProps, any> {
+    render(): JSX.Element;
+
+}
+

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

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

package/build/types/tabs/utils.d.ts

@@ -0,0 +1,7 @@
+export function getVelocity(coords: any): number;
+export function getSwipeVelocity(start: any, end: any): number;
+export function getSwipeDifference(start: any, end: any, axis?: string): number;
+export function swipedLeftToRight(start: any, end: any): boolean;
+export function swipedRightToLeft(start: any, end: any): boolean;
+export function swipeShouldChangeTab(start: any, end: any): boolean;
+export function getElasticDragDifference(difference: any): number;