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

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

@@ -28,6 +28,6 @@ type DefaultProps = {
 declare class BpkCalendarWeek extends Component<Props> {
     static defaultProps: DefaultProps;
     shouldComponentUpdate(nextProps: Props): boolean;
-    render(): JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }
 export default BpkCalendarWeek;

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

@@ -78,5 +78,5 @@ export type Props = {
      */
     dateProps?: {} | null;
 };
-declare const composeCalendar: (Nav: ComponentType<any> | string | null, GridHeader: ComponentType<any> | string | null, Grid: ComponentType<any> | string, CalendarDate: ComponentType<any> | string | null) => ({ changeMonthLabel, className, customRowHeight, dateModifiers, dateProps, daysOfWeek, fixedWidth, focusedDate, formatDateFull, formatMonth, gridClassName, gridProps, headerProps, id, markOutsideDays, markToday, maxDate, minDate, month, navProps, nextMonthLabel, onDateClick, onDateKeyDown, onMonthChange, preventKeyboardFocus, previousMonthLabel, selectionConfiguration, weekDayKey, weekStartsOn, }: Props) => JSX.Element;
+declare const composeCalendar: (Nav: ComponentType<any> | string | null, GridHeader: ComponentType<any> | string | null, Grid: ComponentType<any> | string, CalendarDate: ComponentType<any> | string | null) => ({ changeMonthLabel, className, customRowHeight, dateModifiers, dateProps, daysOfWeek, fixedWidth, focusedDate, formatDateFull, formatMonth, gridClassName, gridProps, headerProps, id, markOutsideDays, markToday, maxDate, minDate, month, navProps, nextMonthLabel, onDateClick, onDateKeyDown, onMonthChange, preventKeyboardFocus, previousMonthLabel, selectionConfiguration, weekDayKey, weekStartsOn, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default composeCalendar;

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

@@ -8,5 +8,5 @@ type Props = {
     atomic?: boolean;
     [rest: string]: any;
 };
-declare const BpkCard: ({ atomic, blank, children, className, href, padded, ...rest }: Props) => JSX.Element;
+declare const BpkCard: ({ atomic, blank, children, className, href, padded, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkCard;

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

@@ -5,5 +5,5 @@ type Props = {
     backgroundColor: string;
     header: ReactNode;
 };
-declare const BpkCardWrapper: ({ backgroundColor, card, className, header, }: Props) => JSX.Element;
+declare const BpkCardWrapper: ({ backgroundColor, card, className, header, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkCardWrapper;

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

@@ -12,5 +12,5 @@ export type Props = {
     isElevated?: boolean;
     [rest: string]: any;
 };
-declare const BpkDividedCard: ({ href, isElevated, orientation, primaryContent, secondaryContent, ...rest }: Props) => JSX.Element;
+declare const BpkDividedCard: ({ href, isElevated, orientation, primaryContent, secondaryContent, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkDividedCard;

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-card-button/src/BpkSaveButton.d.ts

@@ -17,5 +17,5 @@ type Props = {
     size?: SizeType;
     style?: StyleType;
 };
-declare const BpkSaveButton: ({ accessibilityLabel, checked, onCheckedChange, size, style, }: Props) => JSX.Element;
+declare const BpkSaveButton: ({ accessibilityLabel, checked, onCheckedChange, size, style, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkSaveButton;

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;
+declare const BpkCarousel: ({ bottom, images, initialImageIndex, onImageChanged, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkCarousel;

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

@@ -6,5 +6,5 @@ type Props = {
     imagesRef: MutableRefObject<Array<HTMLElement | null>>;
     onImageChanged: OnImageChangedHandler;
 };
-declare const BpkScrollContainer: import("react").MemoExoticComponent<({ images, imagesRef, onImageChanged, onVisible }: Props) => JSX.Element>;
+declare const BpkScrollContainer: import("react").MemoExoticComponent<({ images, imagesRef, onImageChanged, onVisible }: Props) => import("react/jsx-runtime").JSX.Element>;
 export default BpkScrollContainer;

package/bpk-component-carousel/src/utils.test.js

@@ -0,0 +1,12 @@
+import { renderHook } from '@testing-library/react';
+import { useScrollToInitialImage } from "./utils";
+describe('useScrollToInitialImage', () => {
+  it('should scroll to initial image on mount', () => {
+    const imagesRef = {
+      current: [document.createElement('div'), document.createElement('div')]
+    };
+    const initialImageIndex = 0;
+    renderHook(() => useScrollToInitialImage(initialImageIndex, imagesRef));
+    expect(imagesRef.current[initialImageIndex].scrollIntoView).toHaveBeenCalledTimes(1);
+  });
+});

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

@@ -1,5 +1,4 @@
-/// <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;
+declare const BpkDismissibleChip: ({ className, leadingAccessoryView, type, ...rest }: BpkDismissibleChipProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkDismissibleChip;

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;
+declare const BpkDropdownChip: ({ disabled, leadingAccessoryView, selected, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkDropdownChip;

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

@@ -3,5 +3,5 @@ import type { CommonProps as Props } from './commonTypes';
 export type BpkIconChipProps = {
     leadingAccessoryView: ReactNode;
 } & Omit<Props, 'trailingAccessoryView' | 'leadingAccessoryView' | 'children'>;
-declare const BpkIconChip: (props: BpkIconChipProps) => JSX.Element;
+declare const BpkIconChip: (props: BpkIconChipProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkIconChip;

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

@@ -5,5 +5,5 @@ export interface Props extends CommonProps {
     role?: string;
     trailingAccessoryView?: ReactNode;
 }
-declare const BpkSelectableChip: ({ accessibilityLabel, children, className, disabled, dismissible, leadingAccessoryView, role, selected, trailingAccessoryView, type, ...rest }: Props) => JSX.Element;
+declare const BpkSelectableChip: ({ accessibilityLabel, children, className, disabled, dismissible, leadingAccessoryView, role, selected, trailingAccessoryView, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkSelectableChip;

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

@@ -43,5 +43,5 @@ export type MultiSelectProps = (RailChipGroupProps & {
 } | WrapChipGroupProps & {
     type: typeof CHIP_GROUP_TYPES.wrap;
 });
-declare const BpkMultiSelectChipGroup: (props: MultiSelectProps) => JSX.Element;
+declare const BpkMultiSelectChipGroup: (props: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkMultiSelectChipGroup;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { type SingleSelectChipItem, type MultiSelectProps } from './BpkMultiSelectChipGroup';
 export type SingleSelectProps = {
     chips: SingleSelectChipItem[];
     onItemClick?: (item: SingleSelectChipItem, selected: boolean, index: number) => void;
     selectedIndex?: number;
 } & MultiSelectProps;
-declare const BpkSingleSelectChipGroup: ({ chips, onItemClick, selectedIndex, ...rest }: SingleSelectProps) => JSX.Element;
+declare const BpkSingleSelectChipGroup: ({ chips, onItemClick, selectedIndex, ...rest }: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkSingleSelectChipGroup;

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

@@ -10,5 +10,5 @@ type Props = {
     scrollContainerRef: MutableRefObject<HTMLElement | null>;
     position: (typeof POSITION)[keyof typeof POSITION];
 };
-declare const Nudger: ({ ariaLabel, chipStyle, position, scrollContainerRef }: Props) => JSX.Element | null;
+declare const Nudger: ({ ariaLabel, chipStyle, position, scrollContainerRef }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default Nudger;

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;
+declare const BpkDataTable: (props: BpkDataTableProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkDataTable;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 /**
  * Internal component to render the header of a column.
  * @returns {JSX.Element} data table header component
  */
 declare const BpkDataTableHeader: ({ column }: {
     column: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default BpkDataTableHeader;

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

@@ -80,8 +80,8 @@ declare class BpkDatepicker extends Component<Props, State> {
                     source: string;
                 }) => void;
                 handleDateKeyDown: (event: KeyboardEvent) => void;
-                render(): JSX.Element;
-                context: any;
+                render(): import("react/jsx-runtime").JSX.Element;
+                context: unknown;
                 setState<K extends keyof {
                     preventKeyboardFocus: boolean;
                     focusedDate: Date;
@@ -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;
@@ -118,8 +118,6 @@ declare class BpkDatepicker extends Component<Props, State> {
                     maxDate: Date;
                 }> & {
                     [rest: string]: any;
-                }> & Readonly<{
-                    children?: import("react").ReactNode;
                 }>;
                 state: Readonly<{
                     preventKeyboardFocus: boolean;
@@ -154,7 +152,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;
@@ -260,6 +258,6 @@ declare class BpkDatepicker extends Component<Props, State> {
      */
     getValue: (selectionConfiguration: SelectionConfiguration, formatDate: (date: Date) => string) => string;
     handleDateSelect: (startDate: Date, endDate?: Date | null) => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default BpkDatepicker;

package/bpk-component-datepicker/src/BpkDatepicker.module.css

@@ -0,0 +1,18 @@
+/*
+ * Backpack - Skyscanner's Design System
+ * 
+ * Copyright 2016 Skyscanner Ltd
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.bpk-datepicker__calendar{margin:0 auto}.bpk-datepicker__input{display:inline-block;width:100%}

package/bpk-component-description-list/src/BpkDescriptionDetails.d.ts

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

package/bpk-component-description-list/src/BpkDescriptionList.d.ts

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

package/bpk-component-description-list/src/BpkDescriptionTerm.d.ts

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

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;
+declare const BpkDialog: ({ children, closeLabel, dismissible, headerIcon, headerIconType, isOpen, onClose, renderTarget, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkDialog;

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

@@ -1,25 +1,22 @@
-/// <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">>): {
+    new (props: import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "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("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "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("../../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;
-        }>;
+        readonly props: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;
         };
         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;
@@ -33,20 +30,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("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "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("../../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;
-        }>;
+        readonly props: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;
         };
         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-flare/src/__generated__/js/corner-radius.d.ts

@@ -0,0 +1,5 @@
+declare const _default: ({ styles, ...props }: {
+    [x: string]: any;
+    styles?: {} | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/bpk-component-flare/src/__generated__/js/pointer.d.ts

@@ -0,0 +1,5 @@
+declare const _default: ({ styles, ...props }: {
+    [x: string]: any;
+    styles?: {} | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/bpk-component-floating-notification/src/BpkFloatingNotification.d.ts

@@ -18,5 +18,5 @@ export type Props = {
     text: string;
     [rest: string]: any;
 };
-declare const BpkFloatingNotification: (props: Props) => JSX.Element;
+declare const BpkFloatingNotification: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkFloatingNotification;

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";
@@ -24,5 +23,5 @@ export type Props = {
     textAlign: (typeof TEXT_ALIGN)[keyof typeof TEXT_ALIGN];
     style?: {};
 };
-declare const BpkGraphicPromo: ({ buttonText, className, contentId, headline, invertVertically, onClick, sponsor, style, subheading, tagline, textAlign, }: Props) => JSX.Element;
+declare const BpkGraphicPromo: ({ buttonText, className, contentId, headline, invertVertically, onClick, sponsor, style, subheading, tagline, textAlign, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkGraphicPromo;

package/bpk-component-icon/index.d.ts

@@ -3,11 +3,11 @@ import withAlignment from './src/withAlignment';
 import withDescription from './src/withDescription';
 import withRtlSupport from './src/withRtlSupport';
 declare function withButtonAlignment(WrappedComponent: ComponentType<any>): {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare function withLargeButtonAlignment(WrappedComponent: ComponentType<any>): {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { withButtonAlignment, withLargeButtonAlignment, withAlignment, withRtlSupport, withDescription, };

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

@@ -1,9 +1,9 @@
 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;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default _default;

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

@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react';
 export default function withAlignment(Component: ComponentType | string, objectHeight: string, subjectHeight: string): {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -1,9 +1,8 @@
-/// <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;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default _default;

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

@@ -27,6 +27,6 @@ declare class BpkBackgroundImage extends Component<BpkBackgroundImageProps> {
     onBackgroundImageLoad: () => void;
     getAspectRatio: () => number;
     startImageLoad: () => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default BpkBackgroundImage;

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

@@ -28,6 +28,6 @@ declare class BpkImage extends Component<BpkImageProps> {
     };
     onImageLoad: () => void;
     getAspectRatio: () => number;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default BpkImage;

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;
@@ -23,20 +22,18 @@ export default function withLazyLoading<P extends object>(WrappedComponent: Comp
         checkInView: import("lodash").DebouncedFunc<() => void>;
         supportsPassiveEvents: () => boolean;
         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;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
+        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;
-        }>;
+        readonly props: Readonly<Omit<P, "inView"> & WithLazyLoadingProps>;
         state: Readonly<WithLazyLoadingState>;
         refs: {
             [key: string]: import("react").ReactInstance;
         };
         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

@@ -9,13 +9,11 @@ type State = {
 export default function withLoadingBehavior<P extends object>(WrappedComponent: ComponentType<P>): {
     new (props: Omit<P, keyof InjectedProps>): {
         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;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
+        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;
-        }>;
+        readonly props: Readonly<Omit<P, keyof InjectedProps>>;
         state: Readonly<State>;
         refs: {
             [key: string]: import("react").ReactInstance;
@@ -24,7 +22,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/AnimateAndFade.d.ts

@@ -27,6 +27,6 @@ declare class AnimateAndFade extends Component<Props, State> {
     onAnimateHeightComplete: () => void;
     onFadeComplete: () => void;
     toggle: () => void;
-    render(): JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }
 export default AnimateAndFade;

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;
+declare const BpkInfoBanner: ({ animateOnEnter, animateOnLeave, icon, show, ...rest }: CommonProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkInfoBanner;

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { CommonProps, OnDismissHandler } from './common-types';
 export type Props = CommonProps & {
     dismissButtonLabel: string;
     onDismiss?: OnDismissHandler;
 };
-declare const BpkInfoBannerDismissable: ({ onDismiss, ...rest }: Props) => JSX.Element;
+declare const BpkInfoBannerDismissable: ({ onDismiss, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkInfoBannerDismissable;

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

@@ -7,5 +7,5 @@ export type Props = CommonProps & {
     onExpandToggle?: OnExpandToggleHandler;
     action?: ExpandableBannerAction;
 };
-declare const BpkInfoBannerExpandable: ({ action, children, expanded, onExpandToggle, ...rest }: Props) => JSX.Element;
+declare const BpkInfoBannerExpandable: ({ action, children, expanded, onExpandToggle, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkInfoBannerExpandable;

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

@@ -15,5 +15,5 @@ type Props = CommonProps & {
     dismissButtonLabel?: string;
     onDismiss?: OnDismissHandler;
 };
-declare const BpkInfoBannerInner: ({ action, animateOnEnter, animateOnLeave, bannerClassName, children, configuration, dismissButtonLabel, expanded, icon, message, onDismiss, onExpandToggle, show, style, toggleButtonLabel, type, ...rest }: Props) => JSX.Element;
+declare const BpkInfoBannerInner: ({ action, animateOnEnter, animateOnLeave, bannerClassName, children, configuration, dismissButtonLabel, expanded, icon, message, onDismiss, onExpandToggle, show, style, toggleButtonLabel, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkInfoBannerInner;