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

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/nativeEventHandler.d.ts

@@ -1,2 +1,2 @@
-declare function setNativeValue(element: HTMLInputElement, value: string): void;
+declare function setNativeValue(element: HTMLInputElement, value: string | number, shouldDispatchChange?: boolean): void;
 export { setNativeValue };

package/bpk-react-utils/src/nativeEventHandler.js

@@ -20,16 +20,18 @@
 // This causes the elements to not emit events that would have been if they had been modified by the user directly.
 // In order to maintain the expected native behaviour of the input element, It's possible to call this function during an
 // "onEvent" handler and update the element value, together with updating react it's own state which isn't mapped to the elements value prop.
-function setNativeValue(element, value) {
+function setNativeValue(element, value, shouldDispatchChange = true) {
   const inputProto = window.HTMLInputElement.prototype;
   const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'value');
   const setValue = descriptor.set;
   if (setValue) {
-    const event = new Event('change', {
-      bubbles: true
-    });
     setValue.call(element, value);
-    element.dispatchEvent(event);
+    if (shouldDispatchChange) {
+      const event = new Event('change', {
+        bubbles: true
+      });
+      element.dispatchEvent(event);
+    }
   }
 }
 

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;