@transferwise/components 37.0.0 → 37.0.1-beta.23

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

@@ -3,14 +3,20 @@ 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;
     messages?: {
         "neptune.ClearButton.ariaLabel": string;
         "neptune.CloseButton.ariaLabel": string;
-        "neptune.Link.ariaLabel": string;
-        "neptune.Link.ariaLabelNewTab": string;
+        "neptune.DateInput.day.label": string;
+        "neptune.DateInput.month.label": string;
+        "neptune.DateInput.year.label": string;
         "neptune.MoneyInput.Select.placeholder": string;
         "neptune.Pagination.ariaLabel": string;
         "neptune.PaginationLink.ariaLabel.active": string;
@@ -46,18 +52,24 @@ declare function customRender(ui: any, { locale, messages, ...renderOptions }?:
         "neptune.UploadItem.uploading": string;
         "neptune.UploadItem.uploadingFailed": string;
     } | undefined;
-}): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
+}): import("@testing-library/react").RenderResult<typeof import("@testing-library/react/node_modules/@testing-library/dom/types/queries"), HTMLElement>;
 /**
  * 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;
     messages?: {
         "neptune.ClearButton.ariaLabel": string;
         "neptune.CloseButton.ariaLabel": string;
-        "neptune.Link.ariaLabel": string;
-        "neptune.Link.ariaLabelNewTab": string;
+        "neptune.DateInput.day.label": string;
+        "neptune.DateInput.month.label": string;
+        "neptune.DateInput.year.label": string;
         "neptune.MoneyInput.Select.placeholder": string;
         "neptune.Pagination.ariaLabel": string;
         "neptune.PaginationLink.ariaLabel.active": string;

package/build/types/upload/Upload.d.ts

@@ -42,7 +42,7 @@ export interface UploadProps {
     uploadStep?: UploadUploadStep;
 }
 
-export class Upload extends React.PureComponent<UploadProps, any> {
+export class Upload extends React.Component<UploadProps, any> {
     render(): JSX.Element;
 
 }

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

@@ -3,6 +3,5 @@ export { asyncFileRead } from "./asyncFileRead";
 export { isSizeValid } from "./isSizeValid";
 export { isTypeValid } from "./isTypeValid";
 export { getFileType } from "./getFileType";
-export { generateErrorMessage } from "./generateErrorMessage";
 export { getSupportedSpotMimeTypes } from "./getSupportedSpotMimeTypes";
 export { requestMedia } from "./requestMedia";

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

@@ -1,7 +1,8 @@
-import React, { ReactElement } from 'react';
-import { UploadedFile, UploadResponse } from './types';
+import { ReactElement } from 'react';
 import { CommonProps } from '../common';
+import { UploadedFile, UploadResponse } from './types';
 import { UploadButtonProps } from './uploadButton/UploadButton';
+import { UploadItemProps } from './uploadItem/UploadItem';
 export declare type UploadInputProps = {
     /**
      * List of already existing, failed or in progress files
@@ -13,17 +14,20 @@ export declare type UploadInputProps = {
     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;
@@ -48,6 +52,6 @@ export declare type UploadInputProps = {
          */
         cancelText?: string;
     };
-} & Pick<UploadButtonProps, 'disabled' | 'multiple' | 'fileTypes' | 'sizeLimit'> & CommonProps;
-declare const UploadInput: ({ files, fileInputName, className, deleteConfirm, disabled, multiple, fileTypes, sizeLimit, onUploadFile, onDeleteFile, onValidationError, }: UploadInputProps) => ReactElement;
+} & Pick<UploadButtonProps, 'disabled' | 'multiple' | 'fileTypes' | 'sizeLimit'> & Pick<UploadItemProps, 'onDownload'> & CommonProps;
+declare const UploadInput: ({ files, fileInputName, className, deleteConfirm, disabled, multiple, fileTypes, sizeLimit, onUploadFile, onDeleteFile, onValidationError, onDownload, }: UploadInputProps) => ReactElement;
 export default UploadInput;

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

@@ -2,13 +2,14 @@ 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 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 SingleFile: Story<UploadInputProps>;
+export declare const MultipleFiles: 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>;

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

@@ -19,6 +19,7 @@ export declare type UploadButtonProps = {
     sizeLimit?: number;
     /**
      * Called when some files were successfully selected
+     *
      * @param files
      */
     onChange: (files: FileList) => void;

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

@@ -4,10 +4,17 @@ export declare 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 }: UploadItemProps) => JSX.Element;
+declare const UploadItem: ({ file, canDelete, onDelete, onDownload }: UploadItemProps) => JSX.Element;
 export default UploadItem;

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

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

package/build/types/utilities/{deprecatedProp/deprecatedProp.d.ts → deprecatedProperty/deprecatedProperty.d.ts}

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

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

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

@@ -1,6 +1,6 @@
 export default WithDisplayFormat;
 declare class WithDisplayFormat extends Component<any, any, any> {
-    static getDerivedStateFromProps(nextProps: any, prevState: any): {
+    static getDerivedStateFromProps(nextProps: any, previousState: any): {
         prevDisplayPattern: any;
         value: any;
         triggerType: null;

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

@@ -1,2 +1 @@
-export default withNextPortalWrapper;
-declare function withNextPortalWrapper(Component: any): (props: any) => import("react").ReactPortal | null;
+export default function withNextPortalWrapper(Component: any): (props: any) => import("react").ReactPortal | null;