@skyscanner/backpack-web 34.15.1 → 34.16.0-preminor.1

package/bpk-component-split-input/src/BpkInputField.js

@@ -37,6 +37,7 @@ class BpkInputField extends Component {
       id,
       index,
       label,
+      name,
       value,
       ...rest
     } = this.props;
@@ -51,6 +52,7 @@ class BpkInputField extends Component {
           this.input = input;
         },
         value: value || '',
+        name: name || '',
         ...rest
       })
     }, index);
@@ -61,7 +63,8 @@ BpkInputField.propTypes = {
   label: PropTypes.string.isRequired,
   value: PropTypes.string,
   focus: PropTypes.bool.isRequired,
-  index: PropTypes.number.isRequired
+  index: PropTypes.number.isRequired,
+  name: PropTypes.string
 };
 BpkInputField.defaultProps = {
   value: ''

package/bpk-component-split-input/src/BpkSplitInput.js

@@ -188,7 +188,7 @@ class BpkSplitInput extends Component {
         focus: focusedInput === index,
         id: `${id}-${index}`,
         label: label,
-        name: name,
+        name: `${name}-${index}`,
         type: type,
         large: large,
         value: inputValue && inputValue[index],

package/bpk-component-swap-button/src/BpkSwapButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const SWAPBUTTON_STYLES: {
     surfaceContrast: string;
     canvasDefault: string;
@@ -10,5 +9,5 @@ export type Props = {
     ariaLabel: string;
     swapButtonStyle?: SwapButtonStyle;
 };
-declare const BpkSwapButton: (props: Props) => JSX.Element;
+declare const BpkSwapButton: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkSwapButton;

package/bpk-component-text/src/BpkText.d.ts

@@ -42,5 +42,5 @@ type Props = {
     id?: string;
     [rest: string]: any;
 };
-declare const BpkText: ({ children, className, tagName: TagName, textStyle, ...rest }: Props) => JSX.Element;
+declare const BpkText: ({ children, className, tagName: TagName, textStyle, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkText;

package/bpk-component-tooltip/src/BpkTooltip.d.ts

@@ -7,5 +7,5 @@ export type TooltipProps = {
     padded?: boolean;
     className?: string | null;
 };
-declare const BpkTooltip: ({ children, className, id, padded, type, ...rest }: TooltipProps) => JSX.Element;
+declare const BpkTooltip: ({ children, className, id, padded, type, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkTooltip;

package/bpk-component-tooltip/src/BpkTooltipPortal.d.ts

@@ -49,6 +49,6 @@ declare class BpkTooltipPortal extends Component<Props, State> {
     beforeClose: (done: () => void | null) => void;
     openTooltip: () => void;
     closeTooltip: () => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default BpkTooltipPortal;

package/bpk-react-utils/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BpkDialogWrapper } from './src/BpkDialogWrapper/BpkDialogWrapper';
 import Portal from './src/Portal';
 import TransitionInitialMount from './src/TransitionInitialMount';
@@ -16,29 +15,29 @@ declare const _default: {
         appearClassName: string;
         appearActiveClassName: string;
         transitionTimeout: number;
-        children: import("react").ReactNode;
-    }) => JSX.Element;
+        children: string | import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
     cssModules: (styles?: {
         [key: string]: any;
-    }) => (...classNames: (string | number | boolean | {} | null | undefined)[]) => string;
+    }) => (...classNames: Array<string | boolean | number | {} | null | undefined>) => string;
     deprecated: any;
     withDefaultProps: (WrappedComponent: import("react").ComponentType<any>, defaultProps: {
         [rest: string]: any;
-        className?: string | undefined;
+        className?: string;
     }) => {
         ({ children, className: innerClassName, ...rest }: {
             [rest: string]: any;
-            children?: import("react").ReactNode;
-            className?: string | null | undefined;
-        }): JSX.Element;
+            children?: import("react").ReactNode | string;
+            className?: string | null;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    wrapDisplayName: (Component: string | import("react").ComponentType<any> | null, hoc: string) => string;
+    wrapDisplayName: (Component: import("react").ComponentType<any> | string | null, hoc: string) => string;
     isDeviceIphone: () => boolean;
     isDeviceIpad: () => boolean;
     isDeviceIos: () => boolean;
     isRTL: () => boolean;
-    BpkDialogWrapper: ({ children, closeOnEscPressed, closeOnScrimClick, dialogClassName, exiting, id, isOpen, onClose, timeout, transitionClassNames, ...ariaProps }: import("./src/BpkDialogWrapper/BpkDialogWrapper").Props) => JSX.Element | null;
+    BpkDialogWrapper: ({ children, closeOnEscPressed, closeOnScrimClick, dialogClassName, exiting, id, isOpen, onClose, timeout, transitionClassNames, ...ariaProps }: import("./src/BpkDialogWrapper/BpkDialogWrapper").Props) => import("react/jsx-runtime").JSX.Element | null;
     setNativeValue: typeof setNativeValue;
 };
 export default _default;

package/bpk-react-utils/src/BpkDialogWrapper/BpkDialogWrapper.d.ts

@@ -25,5 +25,5 @@ export type Props = CommonProps & ({
 } | {
     ariaLabel: string;
 });
-export declare const BpkDialogWrapper: ({ children, closeOnEscPressed, closeOnScrimClick, dialogClassName, exiting, id, isOpen, onClose, timeout, transitionClassNames, ...ariaProps }: Props) => JSX.Element | null;
+export declare const BpkDialogWrapper: ({ children, closeOnEscPressed, closeOnScrimClick, dialogClassName, exiting, id, isOpen, onClose, timeout, transitionClassNames, ...ariaProps }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/bpk-react-utils/src/TransitionInitialMount.d.ts

@@ -5,5 +5,5 @@ type Props = {
     transitionTimeout: number;
     children: string | ReactNode;
 };
-declare const TransitionInitialMount: ({ appearActiveClassName, appearClassName, children, transitionTimeout, }: Props) => JSX.Element;
+declare const TransitionInitialMount: ({ appearActiveClassName, appearClassName, children, transitionTimeout, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default TransitionInitialMount;

package/bpk-react-utils/src/withDefaultProps.d.ts

@@ -9,7 +9,7 @@ type DefaultProps = {
     [rest: string]: any;
 };
 declare const withDefaultProps: (WrappedComponent: ComponentType<any>, defaultProps: DefaultProps) => {
-    ({ children, className: innerClassName, ...rest }: Props): JSX.Element;
+    ({ children, className: innerClassName, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default withDefaultProps;

package/bpk-scrim-utils/index.d.ts

@@ -1,28 +1,25 @@
-/// <reference types="react" />
 import withScrim from './src/withScrim';
 import withScrimmedPortal from './src/withScrimmedPortal';
 export { withScrim, withScrimmedPortal };
 declare const _default: {
-    withScrim: <P extends object>(WrappedComponent: string | import("react").ComponentType<P>) => {
-        new (props: (import("./src/withScrim").Props & Omit<P, "dialogRef">) | Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>): {
+    withScrim: <P extends object>(WrappedComponent: import("react").ComponentType<P> | string) => {
+        new (props: import("./src/withScrim").Props & Omit<P, "dialogRef">): {
             dialogElement?: HTMLElement | null | undefined;
             componentDidMount(): void;
             componentWillUnmount(): void;
             dialogRef: (ref: HTMLElement | null | undefined) => void;
-            render(): JSX.Element;
-            context: any;
-            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+            render(): import("react/jsx-runtime").JSX.Element;
+            context: unknown;
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">> & Readonly<{
-                children?: import("react").ReactNode;
-            }>;
+            readonly props: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>;
             state: Readonly<{}>;
             refs: {
                 [key: string]: import("react").ReactInstance;
             };
             shouldComponentUpdate?(nextProps: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>, prevState: Readonly<{}>): any;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>, prevState: Readonly<{}>): any | null;
             componentDidUpdate?(prevProps: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
@@ -36,20 +33,18 @@ declare const _default: {
             componentDidMount(): void;
             componentWillUnmount(): void;
             dialogRef: (ref: HTMLElement | null | undefined) => void;
-            render(): JSX.Element;
-            context: any;
-            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+            render(): import("react/jsx-runtime").JSX.Element;
+            context: unknown;
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">> & Readonly<{
-                children?: import("react").ReactNode;
-            }>;
+            readonly props: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>;
             state: Readonly<{}>;
             refs: {
                 [key: string]: import("react").ReactInstance;
             };
             shouldComponentUpdate?(nextProps: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>, prevState: Readonly<{}>): any;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>, prevState: Readonly<{}>): any | null;
             componentDidUpdate?(prevProps: Readonly<import("./src/withScrim").Props & Omit<P, "dialogRef">>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;

package/bpk-scrim-utils/src/BpkScrim.d.ts

@@ -2,5 +2,5 @@ import type { SyntheticEvent } from 'react';
 type Props = {
     onClose?: (e?: SyntheticEvent) => void | null;
 };
-declare const BpkScrim: ({ onClose }: Props) => JSX.Element;
+declare const BpkScrim: ({ onClose }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkScrim;

package/bpk-scrim-utils/src/withScrim.d.ts

@@ -21,25 +21,23 @@ export type Props = {
     [rest: string]: any;
 };
 declare const withScrim: <P extends object>(WrappedComponent: ComponentType<P> | string) => {
-    new (props: (Props & Omit<P, "dialogRef">) | Readonly<Props & Omit<P, "dialogRef">>): {
+    new (props: Props & Omit<P, "dialogRef">): {
         dialogElement?: HTMLElement | null | undefined;
         componentDidMount(): void;
         componentWillUnmount(): void;
         dialogRef: (ref: HTMLElement | null | undefined) => void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props & Omit<P, "dialogRef">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props & Omit<P, "dialogRef">>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Props & Omit<P, "dialogRef">> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
+        readonly props: Readonly<Props & Omit<P, "dialogRef">>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;
         };
         shouldComponentUpdate?(nextProps: Readonly<Props & Omit<P, "dialogRef">>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & Omit<P, "dialogRef">>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & Omit<P, "dialogRef">>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<Props & Omit<P, "dialogRef">>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
@@ -53,20 +51,18 @@ declare const withScrim: <P extends object>(WrappedComponent: ComponentType<P> |
         componentDidMount(): void;
         componentWillUnmount(): void;
         dialogRef: (ref: HTMLElement | null | undefined) => void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props & Omit<P, "dialogRef">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props & Omit<P, "dialogRef">>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Props & Omit<P, "dialogRef">> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
+        readonly props: Readonly<Props & Omit<P, "dialogRef">>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;
         };
         shouldComponentUpdate?(nextProps: Readonly<Props & Omit<P, "dialogRef">>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & Omit<P, "dialogRef">>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & Omit<P, "dialogRef">>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<Props & Omit<P, "dialogRef">>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;

package/bpk-scrim-utils/src/withScrimmedPortal.d.ts

@@ -3,5 +3,5 @@ import type { Props as ScrimProps } from './withScrim';
 export type Props = ScrimProps & {
     renderTarget?: (() => HTMLElement | null) | null;
 };
-declare const withScrimmedPortal: (WrappedComponent: ComponentType<ScrimProps>) => ({ renderTarget, ...rest }: Props) => JSX.Element;
+declare const withScrimmedPortal: (WrappedComponent: ComponentType<ScrimProps>) => ({ renderTarget, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default withScrimmedPortal;