@transferwise/components 38.3.1 → 38.5.0

package/build/types/common/focusBoundary/FocusBoundary.d.ts

@@ -4,7 +4,7 @@ declare function FocusBoundary({ children }: {
 }): JSX.Element;
 declare namespace FocusBoundary {
     namespace propTypes {
-        const children: Types.Validator<string | number | boolean | {} | Types.ReactElementLike | Types.ReactNodeArray>;
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     }
 }
-import Types from "prop-types";
+import PropTypes from "prop-types";

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

@@ -1,19 +1,31 @@
-import * as React from 'react';
-
-export interface DimmerProps {
-    children?: React.ReactNode;
-    className?: string;
-    disableClickToClose?: boolean;
-    fadeContentOnEnter?: boolean;
-    fadeContentOnExit?: boolean;
-    /**
-     * Sets the background to transparent and prevents body scroll locking
-     */
-    transparent?: boolean;
-    onClose?: (...args: any[])=>any;
-    open?: boolean;
-    scrollable?: boolean;
-}
-
-export const Dimmer: React.FC<DimmerProps>;
-
+import { MouseEvent, ReactElement, ReactNode } from 'react';
+import { CommonProps } from '../common';
+export declare const EXIT_ANIMATION = 350;
+declare 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/section/Section.d.ts

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

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

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

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

@@ -31,6 +31,12 @@ export declare type UploadInputProps = {
      * @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
      */
@@ -53,5 +59,5 @@ export declare type UploadInputProps = {
         cancelText?: string;
     };
 } & 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;
+declare const UploadInput: ({ files, fileInputName, className, deleteConfirm, disabled, multiple, fileTypes, sizeLimit, onUploadFile, onDeleteFile, onValidationError, onFilesChange, onDownload, }: UploadInputProps) => ReactElement;
 export default UploadInput;

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

@@ -13,3 +13,4 @@ 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>;

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

@@ -1 +1,2 @@
-export default function withNextPortalWrapper(Component: any): (props: any) => import("react").ReactPortal | null;
+import { ComponentType } from 'react';
+export default function withNextPortalWrapper<T>(Component: ComponentType<T>): (props: T) => import("react").ReactPortal | null;