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

package/build/types/upload/utils/requestMedia/requestMedia.d.ts

@@ -0,0 +1 @@
+export function requestMedia(mediaRequest: any): Promise<any>;

package/build/types/uploadInput/UploadInput.d.ts

@@ -0,0 +1,75 @@
+import { ReactElement } from 'react';
+import { CommonProps } from '../common';
+import { UploadedFile, UploadResponse } from './types';
+import { UploadButtonProps } from './uploadButton/UploadButton';
+import { UploadItemProps } from './uploadItem/UploadItem';
+export type UploadInputProps = {
+    /**
+     * List of already existing, failed or in progress files
+     */
+    files?: UploadedFile[];
+    /**
+     * The key of the file in the returned FormData object (default: file)
+     */
+    fileInputName?: string;
+    /**
+     * Callback that handles form submission
+     *
+     * @param formData
+     */
+    onUploadFile: (formData: FormData) => Promise<UploadResponse>;
+    /**
+     * Provide a callback if the file can be removed/deleted from the server
+     * Your app is responsible for reloading the uploaded files list and updating the component to ensure that the file has in fact been deleted successfully
+     *
+     * @param id
+     */
+    onDeleteFile?: (id: string | number) => Promise<any>;
+    /**
+     * Provide a callback to trigger on validation error
+     *
+     * @param file
+     */
+    onValidationError?: (file: UploadedFile) => void;
+    /**
+     * Provide a callback to trigger on change whenever the files are updated
+     *
+     * @param files
+     */
+    onFilesChange?: (files: UploadedFile[]) => void;
+    /**
+     * Confirmation modal displayed on delete
+     */
+    deleteConfirm?: {
+        /**
+         * The title of the confirmation modal on delete
+         */
+        title?: string;
+        /**
+         * The body of the confirmation modal on delete
+         */
+        body?: React.ReactNode;
+        /**
+         * The confirm button text of the confirmation modal on delete
+         */
+        confirmText?: string;
+        /**
+         * The cancel button text of the confirmation modal on delete
+         */
+        cancelText?: string;
+    };
+    /**
+     * Maximum number of files allowed, if provided, shows error below file item
+     */
+    maxFiles?: number;
+    /**
+     * Error message to show when the maximum number of files are uploaded already
+     */
+    maxFilesErrorMessage?: string;
+    /**
+     * Error message to show when files over a allowed size limit are uploaded
+     */
+    sizeLimitErrorMessage?: string;
+} & Pick<UploadButtonProps, 'disabled' | 'multiple' | 'fileTypes' | 'sizeLimit' | 'description' | 'id' | 'uploadButtonTitle'> & Pick<UploadItemProps, 'onDownload'> & CommonProps;
+declare const UploadInput: ({ files, fileInputName, className, deleteConfirm, disabled, multiple, fileTypes, sizeLimit, description, onUploadFile, onDeleteFile, onValidationError, onFilesChange, onDownload, maxFiles, maxFilesErrorMessage, id, sizeLimitErrorMessage, uploadButtonTitle, }: UploadInputProps) => ReactElement;
+export default UploadInput;

package/build/types/uploadInput/UploadInput.messages.d.ts

@@ -0,0 +1,38 @@
+declare const _default: {
+    fileIsTooLarge: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    fileTypeNotSupported: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteModalTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteModalBody: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteModalCancelButtonText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteModalConfirmButtonText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    maximumFilesAlreadyUploaded: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

package/build/types/uploadInput/UploadInput.spec.d.ts

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

package/build/types/uploadInput/UploadInput.story.d.ts

@@ -0,0 +1,20 @@
+import { Story, Meta } from '@storybook/react';
+import { UploadInputProps } from './UploadInput';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const SingleFile: Story<UploadInputProps>;
+export declare const MultipleFiles: Story<UploadInputProps>;
+export declare const UploadInputWithDescriptionFromProps: Story<UploadInputProps>;
+export declare const Disabled: Story<UploadInputProps>;
+export declare const WithAnyFileType: Story<UploadInputProps>;
+export declare const WithSingleFileType: Story<UploadInputProps>;
+export declare const WithMultipleExistingFiles: Story<UploadInputProps>;
+export declare const WithoutDelete: Story<UploadInputProps>;
+export declare const WithUploadFailed: Story<UploadInputProps>;
+export declare const WithDeleteFailed: Story<UploadInputProps>;
+export declare const CustomConfirmMessage: Story<UploadInputProps>;
+export declare const withManualDownloadHandler: Story<UploadInputProps>;
+export declare const withFilesChangeHandler: Story<UploadInputProps>;
+export declare const withMaxFilesToUploadLimit: Story<UploadInputProps>;
+export declare const withFileSizeErrorMessage: Story<UploadInputProps>;
+export declare const withCustomUploadButtonTitle: Story<UploadInputProps>;

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

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

package/build/types/uploadInput/types.d.ts

@@ -0,0 +1,46 @@
+import { Status } from '../common';
+export type UploadError = {
+    message: string;
+    [key: string]: any;
+} | string;
+export type UploadResponse = {
+    /**
+     * Response must include a unique file id (used for deletion/identification)
+     */
+    id: string | number;
+    /**
+     * Optional URL for the uploaded file
+     */
+    url?: string;
+    /**
+     * Optionally set a translated error message when file was rejected
+     */
+    error?: UploadError;
+    [key: string]: any;
+};
+export type UploadedFile = {
+    /**
+     * A unique id that is used for deleting the file and as a key
+     */
+    id: string | number;
+    /**
+     * The original filename of the uploaded file
+     */
+    filename?: string;
+    /**
+     * Optional. Current status of the file. If not defined, we treat the file as Status.SUCCEEDED
+     */
+    status?: Status;
+    /**
+     * Any API errors. The message should be localized.
+     */
+    error?: UploadError;
+    /**
+     * Optional. An external URL where the file can be opened from.
+     */
+    url?: string;
+    /**
+     * Any additional data
+     */
+    [key: string]: any;
+};

package/build/types/uploadInput/uploadButton/UploadButton.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import { FileType } from '../../common';
+type AllowedFileTypes = string | string[] | FileType[];
+export type UploadButtonProps = {
+    /**
+     * Disable the upload button if your app is not yet ready to accept uploads
+     */
+    disabled?: boolean;
+    /**
+     * Allow multiple file uploads
+     */
+    multiple?: boolean;
+    /**
+     * List of allowed filetypes, eg. '*' | '.zip,application/zip' | ['.jpg,.jpeg,image/jpeg', '.png,image/png'] (default: image files + PDF)
+     */
+    fileTypes?: AllowedFileTypes;
+    /**
+     * Size limit in KBs 1000 KB = 1 MB (default: 5000 KB)
+     */
+    sizeLimit?: number;
+    /**
+     * Description for the upload button
+     */
+    description?: string | undefined;
+    /**
+     * Maximum number of files allowed, if provided, shows error below file item
+     */
+    maxFiles?: number;
+    /**
+     * Called when some files were successfully selected
+     *
+     * @param files
+     */
+    onChange: (files: FileList) => void;
+    /**
+     * Id for the upload input
+     */
+    id?: string;
+    /**
+     * Title for the upload button
+     */
+    uploadButtonTitle?: string;
+};
+export declare enum TEST_IDS {
+    uploadInput = "uploadInput",
+    mediaBody = "mediaBody"
+}
+declare const UploadButton: ({ disabled, multiple, description, fileTypes, sizeLimit, maxFiles, onChange, id, uploadButtonTitle, }: UploadButtonProps) => JSX.Element;
+export default UploadButton;

package/build/types/uploadInput/uploadButton/UploadButton.messages.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    uploadFile: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    uploadFiles: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    instructions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    allFileTypes: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    dropFile: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

package/build/types/uploadInput/uploadButton/UploadButton.spec.d.ts

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

package/build/types/uploadInput/uploadButton/defaults.d.ts

@@ -0,0 +1,3 @@
+import { FileType } from '../../common';
+export declare const DEFAULT_SIZE_LIMIT = 5000;
+export declare const imageFileTypes: FileType[];

package/build/types/uploadInput/uploadButton/getAllowedFileTypes.d.ts

@@ -0,0 +1,3 @@
+import { FileType } from '../../common';
+declare const getAllowedFileTypes: (fileTypes: FileType[] | string[]) => string[];
+export default getAllowedFileTypes;

package/build/types/uploadInput/uploadButton/getAllowedFileTypes.spec.d.ts

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

package/build/types/uploadInput/uploadItem/UploadItem.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { UploadedFile } from '../types';
+export type UploadItemProps = JSX.IntrinsicAttributes & {
+    file: UploadedFile;
+    canDelete: boolean;
+    onDelete: () => void;
+    /**
+     * Callback to be called when the file link is clicked.
+     * When provided, you need to manually trigger actions to load/download the file.
+     *
+     * @param file
+     */
+    onDownload?: (file: UploadedFile) => void;
+};
+export declare enum TEST_IDS {
+    uploadItem = "uploadItem",
+    mediaBody = "mediaBody"
+}
+declare const UploadItem: ({ file, canDelete, onDelete, onDownload }: UploadItemProps) => JSX.Element;
+export default UploadItem;

package/build/types/uploadInput/uploadItem/UploadItem.messages.d.ts

@@ -0,0 +1,33 @@
+declare const _default: {
+    uploadingFailed: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    uploaded: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    uploading: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleting: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    uploadedFile: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    removeFile: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

package/build/types/uploadInput/uploadItem/UploadItem.spec.d.ts

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

package/build/types/uploadInput/uploadItem/UploadItemBody.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren, MouseEvent } from 'react';
+type UploadItemLinkProps = PropsWithChildren<{
+    url?: string;
+    onDownload?: (event: MouseEvent) => void;
+}>;
+export declare const UploadItemBody: ({ children, url, onDownload }: UploadItemLinkProps) => JSX.Element;
+export {};

package/build/types/utilities/deprecatedProperty/deprecatedProperty.d.ts

@@ -0,0 +1,7 @@
+export default deprecated;
+declare function deprecated(validator: any, { component, message, newProp: newProperty, expiryDate }: {
+    component: any;
+    message?: string | undefined;
+    newProp?: null | undefined;
+    expiryDate?: null | undefined;
+}): (props: any, propertyName: any, ...rest: any[]) => any;

package/build/types/utilities/deprecatedProperty/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as deprecated } from "./deprecatedProperty";
+export { logActionRequired, logActionRequiredIf } from "./logActionRequired";

package/build/types/utilities/logActionRequired.d.ts

@@ -0,0 +1,2 @@
+export function logActionRequired(message: any): void;
+export function logActionRequiredIf(message: any, conditional: any): void;

package/build/types/withDisplayFormat/WithDisplayFormat.d.ts

@@ -0,0 +1,90 @@
+export default WithDisplayFormat;
+declare class WithDisplayFormat extends Component<any, any, any> {
+    static getDerivedStateFromProps(nextProps: any, previousState: any): {
+        prevDisplayPattern: any;
+        value: any;
+        triggerType: null;
+        triggerEvent: null;
+        pastedLength: number;
+    } | null;
+    constructor(props: any);
+    state: {
+        value: any;
+        historyNavigator: HistoryNavigator;
+        prevDisplayPattern: any;
+        triggerType: null;
+        triggerEvent: null;
+    };
+    getUserAction: (unformattedValue: any) => any;
+    resetEvent: () => void;
+    detectUndoRedo: (event: any) => "Redo" | "Undo" | null;
+    handleOnKeyDown: (event: any) => void;
+    handleOnPaste: (event: any) => void;
+    handleOnCut: () => void;
+    isKeyAllowed: (action: any) => boolean;
+    handleOnChange: (event: any) => void;
+    handleOnBlur: (event: any) => void;
+    handleOnFocus: (event: any) => void;
+    handleDelete: (unformattedValue: any, action: any) => string;
+    handleCursorPositioning: (action: any) => void;
+    render(): any;
+}
+declare namespace WithDisplayFormat {
+    namespace propTypes {
+        const autoComplete: PropTypes.Requireable<string>;
+        const className: PropTypes.Requireable<string>;
+        const disabled: PropTypes.Requireable<boolean>;
+        const id: PropTypes.Requireable<string>;
+        const maxLength: PropTypes.Requireable<number>;
+        const minLength: PropTypes.Requireable<number>;
+        const name: PropTypes.Requireable<string>;
+        const onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        const onChange: PropTypes.Validator<(...args: any[]) => any>;
+        const placeholder: PropTypes.Requireable<string>;
+        const readOnly: PropTypes.Requireable<boolean>;
+        const render: PropTypes.Validator<(...args: any[]) => any>;
+        const required: PropTypes.Requireable<boolean>;
+        const displayPattern: PropTypes.Requireable<string>;
+        const type: PropTypes.Requireable<string>;
+        const inputMode: PropTypes.Requireable<string>;
+        const value: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        const autoComplete_1: string;
+        export { autoComplete_1 as autoComplete };
+        const className_1: null;
+        export { className_1 as className };
+        const disabled_1: boolean;
+        export { disabled_1 as disabled };
+        const id_1: null;
+        export { id_1 as id };
+        const maxLength_1: null;
+        export { maxLength_1 as maxLength };
+        const minLength_1: null;
+        export { minLength_1 as minLength };
+        const name_1: null;
+        export { name_1 as name };
+        const placeholder_1: null;
+        export { placeholder_1 as placeholder };
+        const readOnly_1: boolean;
+        export { readOnly_1 as readOnly };
+        const required_1: boolean;
+        export { required_1 as required };
+        const displayPattern_1: string;
+        export { displayPattern_1 as displayPattern };
+        const type_1: string;
+        export { type_1 as type };
+        const inputMode_1: null;
+        export { inputMode_1 as inputMode };
+        const value_1: string;
+        export { value_1 as value };
+        const onFocus_1: null;
+        export { onFocus_1 as onFocus };
+        const onBlur_1: null;
+        export { onBlur_1 as onBlur };
+    }
+}
+import { Component } from "react";
+import { HistoryNavigator } from "../common";
+import PropTypes from "prop-types";

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

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

package/build/types/withNextPortal/withNextPortal.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function withNextPortalWrapper<T extends Record<string, any>>(Component: React.FunctionComponent<T>): (props: T) => import("react").ReactPortal | null;