@skyscanner/backpack-web 34.15.1 → 34.16.0

package/bpk-component-banner-alert/src/BpkBannerAlert.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CommonProps } from './common-types';
 /**
  * @deprecated use bpk-component-info-banner instead

package/bpk-component-banner-alert/src/BpkBannerAlertDismissable.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CommonProps, OnDismissHandler } from './common-types';
 export type Props = CommonProps & {
     dismissButtonLabel: string;

package/bpk-component-banner-alert/src/withBannerAlertState.d.ts

@@ -1,20 +1,14 @@
-/// <reference types="node" />
 import type { ComponentType } from 'react';
+import type { Props as BpkBannerAlertDismissableProps } from './BpkBannerAlertDismissable';
+import type { Props as BpkBannerAlertExpandableProps } from './BpkBannerAlertExpandable';
 export type WithBannerAlertStateProps = {
     onHide?: () => void;
     hideAfter?: number;
 };
-declare const withBannerAlertState: <P extends Partial<import("./common-types").CommonProps & {
-    dismissButtonLabel: string;
-    onDismiss?: import("./common-types").OnDismissHandler;
-} & {
-    children: import("react").ReactNode;
-    expanded?: boolean | undefined;
-    toggleButtonLabel: string;
-    onExpandToggle?: import("./common-types").OnExpandToggleHandler;
-}>>(WrappedComponent: ComponentType<P>) => {
+type BpkBannerAlertProps = Partial<BpkBannerAlertDismissableProps & BpkBannerAlertExpandableProps>;
+declare const withBannerAlertState: <P extends BpkBannerAlertProps>(WrappedComponent: ComponentType<P>) => {
     new (props: P & WithBannerAlertStateProps): {
-        hideIntervalId?: NodeJS.Timeout | null | undefined;
+        hideIntervalId?: ReturnType<typeof setTimeout> | null;
         componentDidMount(): void;
         componentWillUnmount(): void;
         onExpandToggle: () => void;
@@ -23,59 +17,59 @@ declare const withBannerAlertState: <P extends Partial<import("./common-types").
         render(): JSX.Element;
         context: any;
         setState<K extends keyof {
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>(state: {
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         } | ((prevState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
-        }>, props: Readonly<P & WithBannerAlertStateProps>) => {
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
-        } | Pick<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
-        }, K> | null) | Pick<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
+        }>, props: Readonly<P & WithBannerAlertStateProps>) => Pick<{
+            expanded?: boolean;
+            show?: boolean;
+        }, K> | {
+            expanded?: boolean;
+            show?: boolean;
+        } | null) | Pick<{
+            expanded?: boolean;
+            show?: boolean;
         }, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<P & WithBannerAlertStateProps> & Readonly<{
-            children?: import("react").ReactNode;
+            children?: import("react").ReactNode | undefined;
         }>;
         state: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>;
         refs: {
             [key: string]: import("react").ReactInstance;
         };
         shouldComponentUpdate?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<P & WithBannerAlertStateProps>, prevState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
-        }>): any;
+            expanded?: boolean;
+            show?: boolean;
+        }>): any | null;
         componentDidUpdate?(prevProps: Readonly<P & WithBannerAlertStateProps>, prevState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>, nextContext: any): void;
     };
     displayName: string;

package/bpk-component-boilerplate/src/BpkBoilerplate.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Props = {
     [rest: string]: any;
 };

package/bpk-component-button/BpkButtonDestructive.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
 declare const BpkButtonDestructive: (props: Props) => JSX.Element;
 export default BpkButtonDestructive;

package/bpk-component-button/BpkButtonFeatured.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
 declare const BpkButtonFeatured: (props: Props) => JSX.Element;
 export default BpkButtonFeatured;

package/bpk-component-button/BpkButtonLink.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
 declare const BpkButtonLink: (props: Props) => JSX.Element;
 export default BpkButtonLink;

package/bpk-component-button/BpkButtonLinkOnDark.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
 declare const BpkButtonLinkOnDark: (props: Props) => JSX.Element;
 export default BpkButtonLinkOnDark;

package/bpk-component-button/BpkButtonPrimary.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
 declare const BpkButtonPrimary: (props: Props) => JSX.Element;
 export default BpkButtonPrimary;

package/bpk-component-button/BpkButtonPrimaryOnDark.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
 declare const BpkButtonPrimaryOnDark: (props: Props) => JSX.Element;
 export default BpkButtonPrimaryOnDark;

package/bpk-component-button/BpkButtonPrimaryOnLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
 declare const BpkButtonPrimaryOnLight: (props: Props) => JSX.Element;
 export default BpkButtonPrimaryOnLight;

package/bpk-component-button/BpkButtonSecondary.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
 declare const BpkButtonSecondary: (props: Props) => JSX.Element;
 export default BpkButtonSecondary;

package/bpk-component-button/BpkButtonSecondaryOnDark.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
 declare const BpkButtonSecondaryOnDark: (props: Props) => JSX.Element;
 export default BpkButtonSecondaryOnDark;

package/bpk-component-button/src/BpkButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { type Props as CommonProps } from './common-types';
 export type Props = CommonProps & {

package/bpk-component-button/src/BpkButtonBase.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './common-types';
 export declare const BUTTON_TYPES: {
     readonly primary: "primary";
@@ -14,17 +13,7 @@ export declare const BUTTON_TYPES: {
 type ValueOf<T> = T[keyof T];
 declare const BpkButtonBase: {
     (props: Props & {
-        type?: ValueOf<{
-            readonly primary: "primary";
-            readonly primaryOnDark: "primary-on-dark";
-            readonly primaryOnLight: "primary-on-light";
-            readonly secondary: "secondary";
-            readonly secondaryOnDark: "secondary-on-dark";
-            readonly destructive: "destructive";
-            readonly featured: "featured";
-            readonly link: "link";
-            readonly linkOnDark: "link-on-dark";
-        }> | undefined;
+        type?: ValueOf<typeof BUTTON_TYPES>;
     }): JSX.Element;
     propTypes: {
         children: import("prop-types").Validator<NonNullable<import("prop-types").ReactNodeLike>>;

package/bpk-component-button/src/BpkButtonV2/BpkButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { Props } from './common-types';
 export declare const BpkButtonV2: ({ blank, children, className, disabled, fullWidth, href, iconOnly, onClick, rel: propRel, size, submit, type, ...rest }: Props) => JSX.Element;

package/bpk-component-calendar/src/BpkCalendarContainer.d.ts

@@ -57,10 +57,10 @@ declare const withCalendarState: <P extends object>(Calendar: ComponentType<P>)
         handleDateKeyDown: (event: KeyboardEvent) => void;
         render(): JSX.Element;
         context: any;
-        setState<K extends keyof State>(state: State | ((prevState: Readonly<State>, props: Readonly<CalendarProps<P>>) => State | Pick<State, K> | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends keyof State>(state: State | ((prevState: Readonly<State>, props: Readonly<CalendarProps<P>>) => Pick<State, K> | State | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<CalendarProps<P>> & Readonly<{
-            children?: import("react").ReactNode;
+            children?: import("react").ReactNode | undefined;
         }>;
         state: Readonly<State>;
         refs: {
@@ -70,7 +70,7 @@ declare const withCalendarState: <P extends object>(Calendar: ComponentType<P>)
         shouldComponentUpdate?(nextProps: Readonly<CalendarProps<P>>, nextState: Readonly<State>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<CalendarProps<P>>, prevState: Readonly<State>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<CalendarProps<P>>, prevState: Readonly<State>): any | null;
         componentDidUpdate?(prevProps: Readonly<CalendarProps<P>>, prevState: Readonly<State>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
@@ -109,10 +109,10 @@ declare const _default: {
         handleDateKeyDown: (event: KeyboardEvent) => void;
         render(): JSX.Element;
         context: any;
-        setState<K extends keyof State>(state: State | ((prevState: Readonly<State>, props: Readonly<CalendarProps<import("./composeCalendar").Props>>) => State | Pick<State, K> | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends keyof State>(state: State | ((prevState: Readonly<State>, props: Readonly<CalendarProps<import("./composeCalendar").Props>>) => Pick<State, K> | State | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<CalendarProps<import("./composeCalendar").Props>> & Readonly<{
-            children?: import("react").ReactNode;
+            children?: import("react").ReactNode | undefined;
         }>;
         state: Readonly<State>;
         refs: {
@@ -122,7 +122,7 @@ declare const _default: {
         shouldComponentUpdate?(nextProps: Readonly<CalendarProps<import("./composeCalendar").Props>>, nextState: Readonly<State>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<CalendarProps<import("./composeCalendar").Props>>, prevState: Readonly<State>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<CalendarProps<import("./composeCalendar").Props>>, prevState: Readonly<State>): any | null;
         componentDidUpdate?(prevProps: Readonly<CalendarProps<import("./composeCalendar").Props>>, prevState: Readonly<State>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;

package/bpk-component-calendar/src/BpkCalendarGrid.d.ts

@@ -57,9 +57,9 @@ declare const BpkCalendarGridWithTransition: typeof BpkCalendarGrid | ((props: O
     TransitionComponent: ElementType;
 } & {
     [rest: string]: any;
-    className?: string | null | undefined;
-    month?: Date | undefined;
-    focusedDate?: Date | null | undefined;
+    className?: string | null;
+    month?: Date;
+    focusedDate?: Date | null;
 }, "TransitionComponent">) => JSX.Element);
 export default BpkCalendarGrid;
 export { BpkCalendarGridWithTransition };

package/bpk-component-card/src/CardContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface BpkCardContext {
     /**
      * Indicates if the BpkCard should render elevated from the page or not. Parent card types can specify `false` when they handle elevation internally, rather than BpkCard.

package/bpk-component-carousel/src/BpkCarousel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Props } from './types';
 declare const BpkCarousel: ({ bottom, images, initialImageIndex, onImageChanged, }: Props) => JSX.Element;
 export default BpkCarousel;

package/bpk-component-chip/src/BpkDismissibleChip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CommonProps as Props } from './commonTypes';
 type BpkDismissibleChipProps = Omit<Props, 'disabled' | 'selected'>;
 declare const BpkDismissibleChip: ({ className, leadingAccessoryView, type, ...rest }: BpkDismissibleChipProps) => JSX.Element;

package/bpk-component-chip/src/BpkDropdownChip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CommonProps as Props } from './commonTypes';
 declare const BpkDropdownChip: ({ disabled, leadingAccessoryView, selected, type, ...rest }: Props) => JSX.Element;
 export default BpkDropdownChip;

package/bpk-component-chip-group/src/BpkSingleSelectChipGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type SingleSelectChipItem, type MultiSelectProps } from './BpkMultiSelectChipGroup';
 export type SingleSelectProps = {
     chips: SingleSelectChipItem[];

package/bpk-component-datatable/src/BpkDataTable.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type BpkDataTableProps } from './common-types';
 declare const BpkDataTable: (props: BpkDataTableProps) => JSX.Element;
 export default BpkDataTable;

package/bpk-component-datatable/src/BpkDataTableHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Internal component to render the header of a column.
  * @returns {JSX.Element} data table header component

package/bpk-component-datepicker/src/BpkDatepicker.d.ts

@@ -99,13 +99,13 @@ declare class BpkDatepicker extends Component<Props, State> {
                     maxDate: Date;
                 }> & {
                     [rest: string]: any;
-                }>) => {
+                }>) => Pick<{
                     preventKeyboardFocus: boolean;
                     focusedDate: Date;
-                } | Pick<{
+                }, K> | {
                     preventKeyboardFocus: boolean;
                     focusedDate: Date;
-                }, K> | null) | Pick<{
+                } | null) | Pick<{
                     preventKeyboardFocus: boolean;
                     focusedDate: Date;
                 }, K> | null, callback?: (() => void) | undefined): void;
@@ -119,7 +119,7 @@ declare class BpkDatepicker extends Component<Props, State> {
                 }> & {
                     [rest: string]: any;
                 }> & Readonly<{
-                    children?: import("react").ReactNode;
+                    children?: import("react").ReactNode | undefined;
                 }>;
                 state: Readonly<{
                     preventKeyboardFocus: boolean;
@@ -154,7 +154,7 @@ declare class BpkDatepicker extends Component<Props, State> {
                 }>, prevState: Readonly<{
                     preventKeyboardFocus: boolean;
                     focusedDate: Date;
-                }>): any;
+                }>): any | null;
                 componentDidUpdate?(prevProps: Readonly<Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
                     onDateClick: ((date: Date) => void) | null;
                     onDateKeyDown: ((event: KeyboardEvent) => void) | null;

package/bpk-component-dialog/src/BpkDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Props } from './common-types';
 declare const BpkDialog: ({ children, closeLabel, dismissible, headerIcon, headerIconType, isOpen, onClose, renderTarget, ...rest }: Props) => JSX.Element;
 export default BpkDialog;

package/bpk-component-dialog/src/BpkDialogInner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type DialogInnerProps as Props } from './common-types';
 declare const _default: {
     new (props: (import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">) | Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>): {
@@ -8,10 +7,10 @@ declare const _default: {
         dialogRef: (ref: HTMLElement | null | undefined) => void;
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">> & Readonly<{
-            children?: import("react").ReactNode;
+            children?: import("react").ReactNode | undefined;
         }>;
         state: Readonly<{}>;
         refs: {
@@ -19,7 +18,7 @@ declare const _default: {
         };
         shouldComponentUpdate?(nextProps: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
@@ -35,10 +34,10 @@ declare const _default: {
         dialogRef: (ref: HTMLElement | null | undefined) => void;
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">> & Readonly<{
-            children?: import("react").ReactNode;
+            children?: import("react").ReactNode | undefined;
         }>;
         state: Readonly<{}>;
         refs: {
@@ -46,7 +45,7 @@ declare const _default: {
         };
         shouldComponentUpdate?(nextProps: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;

package/bpk-component-graphic-promotion/src/BpkGraphicPromo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const TEXT_ALIGN: {
     readonly start: "start";
     readonly center: "center";

package/bpk-component-icon/src/classNameModifierHOCFactory.d.ts

@@ -1,8 +1,8 @@
 import type { ComponentType } from 'react';
 declare const _default: (displayName: string, classNamesToAdd?: string[]) => (ComposedComponent: ComponentType<any> | string) => {
     (props: {
+        className?: string | null;
         [rest: string]: any;
-        className?: string | null | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/bpk-component-icon/src/withRtlSupport.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-declare const _default: (ComposedComponent: string | import("react").ComponentType<any>) => {
+declare const _default: (ComposedComponent: import("react").ComponentType<any> | string) => {
     (props: {
+        className?: string | null;
         [rest: string]: any;
-        className?: string | null | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/bpk-component-image/src/withLazyLoading.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="lodash" />
 import type { ComponentType } from 'react';
 type WithLazyLoadingProps = {
     className?: string;
@@ -9,9 +8,9 @@ type WithLazyLoadingState = {
     inView: boolean;
 };
 export default function withLazyLoading<P extends object>(WrappedComponent: ComponentType<P>, documentRef?: Document | null): {
-    new (props: Omit<P, 'inView'> & WithLazyLoadingProps): {
-        element?: HTMLElement | null | undefined;
-        placeholderReference?: string | undefined;
+    new (props: Omit<P, "inView"> & WithLazyLoadingProps): {
+        element?: HTMLElement | null;
+        placeholderReference?: string;
         componentDidMount(): void;
         componentWillUnmount(): void;
         setInView: () => void;
@@ -25,10 +24,10 @@ export default function withLazyLoading<P extends object>(WrappedComponent: Comp
         isInViewPort: () => boolean;
         render(): JSX.Element;
         context: any;
-        setState<K extends "inView">(state: WithLazyLoadingState | ((prevState: Readonly<WithLazyLoadingState>, props: Readonly<Omit<P, "inView"> & WithLazyLoadingProps>) => WithLazyLoadingState | Pick<WithLazyLoadingState, K> | null) | Pick<WithLazyLoadingState, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends "inView">(state: WithLazyLoadingState | ((prevState: Readonly<WithLazyLoadingState>, props: Readonly<Omit<P, "inView"> & WithLazyLoadingProps>) => Pick<WithLazyLoadingState, K> | WithLazyLoadingState | null) | Pick<WithLazyLoadingState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Omit<P, "inView"> & WithLazyLoadingProps> & Readonly<{
-            children?: import("react").ReactNode;
+            children?: import("react").ReactNode | undefined;
         }>;
         state: Readonly<WithLazyLoadingState>;
         refs: {
@@ -36,7 +35,7 @@ export default function withLazyLoading<P extends object>(WrappedComponent: Comp
         };
         shouldComponentUpdate?(nextProps: Readonly<Omit<P, "inView"> & WithLazyLoadingProps>, nextState: Readonly<WithLazyLoadingState>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<P, "inView"> & WithLazyLoadingProps>, prevState: Readonly<WithLazyLoadingState>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<P, "inView"> & WithLazyLoadingProps>, prevState: Readonly<WithLazyLoadingState>): any | null;
         componentDidUpdate?(prevProps: Readonly<Omit<P, "inView"> & WithLazyLoadingProps>, prevState: Readonly<WithLazyLoadingState>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;

package/bpk-component-image/src/withLoadingBehavior.d.ts

@@ -11,10 +11,10 @@ export default function withLoadingBehavior<P extends object>(WrappedComponent:
         onLoad: () => void;
         render(): JSX.Element;
         context: any;
-        setState<K extends "loading">(state: State | ((prevState: Readonly<State>, props: Readonly<Omit<P, keyof InjectedProps>>) => State | Pick<State, K> | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends "loading">(state: State | ((prevState: Readonly<State>, props: Readonly<Omit<P, keyof InjectedProps>>) => Pick<State, K> | State | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Omit<P, keyof InjectedProps>> & Readonly<{
-            children?: import("react").ReactNode;
+            children?: import("react").ReactNode | undefined;
         }>;
         state: Readonly<State>;
         refs: {
@@ -24,7 +24,7 @@ export default function withLoadingBehavior<P extends object>(WrappedComponent:
         shouldComponentUpdate?(nextProps: Readonly<Omit<P, keyof InjectedProps>>, nextState: Readonly<State>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<P, keyof InjectedProps>>, prevState: Readonly<State>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<P, keyof InjectedProps>>, prevState: Readonly<State>): any | null;
         componentDidUpdate?(prevProps: Readonly<Omit<P, keyof InjectedProps>>, prevState: Readonly<State>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;

package/bpk-component-info-banner/src/BpkInfoBanner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CommonProps } from './common-types';
 declare const BpkInfoBanner: ({ animateOnEnter, animateOnLeave, icon, show, ...rest }: CommonProps) => JSX.Element;
 export default BpkInfoBanner;

package/bpk-component-info-banner/src/BpkInfoBannerDismissable.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CommonProps, OnDismissHandler } from './common-types';
 export type Props = CommonProps & {
     dismissButtonLabel: string;