@skyscanner/backpack-web 23.3.0 → 24.0.0

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

@@ -22,20 +22,25 @@ type Props = {
     fixedWidth: boolean;
     maxDate: Date;
     minDate: Date;
-    onDateSelect?: (date: Date, newDate?: Date) => void;
-    onMonthChange?: (event: UIEvent, { month, source }: {
+    onDateSelect?: ((date: Date, newDate?: Date) => void) | null;
+    onMonthChange?: ((event: UIEvent, { month, source }: {
         month: Date;
         source: string;
-    }) => void;
+    }) => void) | null;
     selectionConfiguration: SelectionConfiguration;
     initiallyFocusedDate: Date | null;
 };
-type CalendarProps<P> = P & Props;
+type InjectedProps = {
+    onDateClick: ((date: Date) => void) | null;
+    onDateKeyDown: ((event: KeyboardEvent) => void) | null;
+    month: Date;
+};
+type CalendarProps<P> = Omit<P & Props, keyof InjectedProps>;
 type State = {
     preventKeyboardFocus: boolean;
     focusedDate: Date;
 };
-declare const withCalendarState: <P extends {}>(Calendar: ComponentType<P>) => {
+declare const withCalendarState: <P extends {}>(Calendar: ComponentType<P & InjectedProps>) => {
     new (props: CalendarProps<P>): {
         UNSAFE_componentWillReceiveProps(nextProps: CalendarProps<P>): void;
         handleDateFocus: (event: UIEvent, { date, source }: {
@@ -75,8 +80,8 @@ declare const withCalendarState: <P extends {}>(Calendar: ComponentType<P>) => {
         fixedWidth: boolean;
         maxDate: Date;
         minDate: Date;
-        onDateSelect: () => void;
-        onMonthChange: () => void;
+        onDateSelect: null;
+        onMonthChange: null;
         selectionConfiguration: {
             type: "single";
             date: null;
@@ -104,9 +109,12 @@ declare const _default: {
         focusedDate?: Date | null | undefined;
         markOutsideDays?: boolean | undefined;
         markToday?: boolean | undefined;
-        onMonthChange?: (() => void) | undefined;
-        onDateClick?: (() => void) | undefined;
-        onDateKeyDown?: (() => void) | undefined;
+        onMonthChange?: ((event: UIEvent, { month, source }: {
+            month: Date;
+            source: string;
+        }) => void) | null | undefined;
+        onDateClick?: ((date: Date) => void) | null | undefined;
+        onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
         preventKeyboardFocus?: boolean | undefined;
         selectionConfiguration?: SelectionConfiguration | undefined;
         gridClassName?: string | null | undefined;
@@ -134,9 +142,12 @@ declare const _default: {
             focusedDate?: Date | null | undefined;
             markOutsideDays?: boolean | undefined;
             markToday?: boolean | undefined;
-            onMonthChange?: (() => void) | undefined;
-            onDateClick?: (() => void) | undefined;
-            onDateKeyDown?: (() => void) | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
             preventKeyboardFocus?: boolean | undefined;
             selectionConfiguration?: SelectionConfiguration | undefined;
             gridClassName?: string | null | undefined;
@@ -176,9 +187,12 @@ declare const _default: {
             focusedDate?: Date | null | undefined;
             markOutsideDays?: boolean | undefined;
             markToday?: boolean | undefined;
-            onMonthChange?: (() => void) | undefined;
-            onDateClick?: (() => void) | undefined;
-            onDateKeyDown?: (() => void) | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
             preventKeyboardFocus?: boolean | undefined;
             selectionConfiguration?: SelectionConfiguration | undefined;
             gridClassName?: string | null | undefined;
@@ -207,9 +221,12 @@ declare const _default: {
             focusedDate?: Date | null | undefined;
             markOutsideDays?: boolean | undefined;
             markToday?: boolean | undefined;
-            onMonthChange?: (() => void) | undefined;
-            onDateClick?: (() => void) | undefined;
-            onDateKeyDown?: (() => void) | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
             preventKeyboardFocus?: boolean | undefined;
             selectionConfiguration?: SelectionConfiguration | undefined;
             gridClassName?: string | null | undefined;
@@ -244,9 +261,12 @@ declare const _default: {
             focusedDate?: Date | null | undefined;
             markOutsideDays?: boolean | undefined;
             markToday?: boolean | undefined;
-            onMonthChange?: (() => void) | undefined;
-            onDateClick?: (() => void) | undefined;
-            onDateKeyDown?: (() => void) | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
             preventKeyboardFocus?: boolean | undefined;
             selectionConfiguration?: SelectionConfiguration | undefined;
             gridClassName?: string | null | undefined;
@@ -276,9 +296,12 @@ declare const _default: {
             focusedDate?: Date | null | undefined;
             markOutsideDays?: boolean | undefined;
             markToday?: boolean | undefined;
-            onMonthChange?: (() => void) | undefined;
-            onDateClick?: (() => void) | undefined;
-            onDateKeyDown?: (() => void) | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
             preventKeyboardFocus?: boolean | undefined;
             selectionConfiguration?: SelectionConfiguration | undefined;
             gridClassName?: string | null | undefined;
@@ -306,9 +329,12 @@ declare const _default: {
             focusedDate?: Date | null | undefined;
             markOutsideDays?: boolean | undefined;
             markToday?: boolean | undefined;
-            onMonthChange?: (() => void) | undefined;
-            onDateClick?: (() => void) | undefined;
-            onDateKeyDown?: (() => void) | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
             preventKeyboardFocus?: boolean | undefined;
             selectionConfiguration?: SelectionConfiguration | undefined;
             gridClassName?: string | null | undefined;
@@ -338,9 +364,12 @@ declare const _default: {
             focusedDate?: Date | null | undefined;
             markOutsideDays?: boolean | undefined;
             markToday?: boolean | undefined;
-            onMonthChange?: (() => void) | undefined;
-            onDateClick?: (() => void) | undefined;
-            onDateKeyDown?: (() => void) | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
             preventKeyboardFocus?: boolean | undefined;
             selectionConfiguration?: SelectionConfiguration | undefined;
             gridClassName?: string | null | undefined;
@@ -368,9 +397,12 @@ declare const _default: {
             focusedDate?: Date | null | undefined;
             markOutsideDays?: boolean | undefined;
             markToday?: boolean | undefined;
-            onMonthChange?: (() => void) | undefined;
-            onDateClick?: (() => void) | undefined;
-            onDateKeyDown?: (() => void) | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
             preventKeyboardFocus?: boolean | undefined;
             selectionConfiguration?: SelectionConfiguration | undefined;
             gridClassName?: string | null | undefined;
@@ -398,9 +430,12 @@ declare const _default: {
             focusedDate?: Date | null | undefined;
             markOutsideDays?: boolean | undefined;
             markToday?: boolean | undefined;
-            onMonthChange?: (() => void) | undefined;
-            onDateClick?: (() => void) | undefined;
-            onDateKeyDown?: (() => void) | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
             preventKeyboardFocus?: boolean | undefined;
             selectionConfiguration?: SelectionConfiguration | undefined;
             gridClassName?: string | null | undefined;
@@ -415,8 +450,8 @@ declare const _default: {
         fixedWidth: boolean;
         maxDate: Date;
         minDate: Date;
-        onDateSelect: () => void;
-        onMonthChange: () => void;
+        onDateSelect: null;
+        onMonthChange: null;
         selectionConfiguration: {
             type: "single";
             date: null;

package/bpk-component-calendar/src/BpkCalendarContainer.js

@@ -252,10 +252,10 @@ const withCalendarState = Calendar => {
       const sanitisedFocusedDate = (0, _dateUtils.dateToBoundaries)(this.state.focusedDate, sanitisedMinDate, sanitisedMaxDate);
       const month = (0, _dateUtils.startOfMonth)(sanitisedFocusedDate);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(Calendar, _objectSpread(_objectSpread({
-        onDateClick: this.handleDateSelect,
-        onDateKeyDown: this.handleDateKeyDown,
         onMonthChange: this.handleMonthChange,
+        onDateClick: this.handleDateSelect,
         month: month,
+        onDateKeyDown: this.handleDateKeyDown,
         preventKeyboardFocus: this.state.preventKeyboardFocus,
         focusedDate: sanitisedFocusedDate
       }, calendarProps), {}, {
@@ -269,8 +269,8 @@ const withCalendarState = Calendar => {
     fixedWidth: true,
     maxDate: (0, _dateUtils.addMonths)(new Date(), 12),
     minDate: new Date(),
-    onDateSelect: () => {},
-    onMonthChange: () => {},
+    onDateSelect: null,
+    onMonthChange: null,
     selectionConfiguration: {
       type: _customProptypes.CALENDAR_SELECTION_TYPE.single,
       date: null

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

@@ -36,9 +36,12 @@ type Props = {
     focusedDate?: Date | null;
     markOutsideDays?: boolean;
     markToday?: boolean;
-    onMonthChange?: () => void;
-    onDateClick?: () => void;
-    onDateKeyDown?: () => void;
+    onMonthChange?: ((event: UIEvent, { month, source }: {
+        month: Date;
+        source: string;
+    }) => void) | null;
+    onDateClick?: ((date: Date) => void) | null;
+    onDateKeyDown?: ((event: KeyboardEvent) => void) | null;
     preventKeyboardFocus?: boolean;
     selectionConfiguration?: SelectionConfiguration;
     gridClassName?: string | null;

package/bpk-component-calendar/src/composeCalendar.js

@@ -53,9 +53,9 @@ const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
     month,
     navProps = {},
     nextMonthLabel = null,
-    onDateClick = () => {},
-    onDateKeyDown = () => {},
-    onMonthChange = () => {},
+    onDateClick = null,
+    onDateKeyDown = null,
+    onMonthChange = null,
     preventKeyboardFocus = false,
     previousMonthLabel = null,
     selectionConfiguration = {

package/bpk-component-chip/src/BpkSelectableChip.js

@@ -27,7 +27,6 @@ const _excluded = ["role", "selected", "trailingAccessoryView", "className", "di
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

@@ -18,16 +18,5 @@
 
 /// <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) => JSX.Element;
 export default BpkDialog;

package/bpk-component-dialog/src/BpkDialog.js

@@ -61,7 +61,7 @@ const BpkDialog = _ref => {
       onClose: onClose,
       closeOnScrimClick: dismissible,
       containerClassName: getClassName('bpk-dialog__container'),
-      contentClassName: headerIcon ? getClassName('bpk-dialog--with-icon') : null
+      contentClassName: headerIcon ? getClassName('bpk-dialog--with-icon') : undefined
     }, rest), {}, {
       children: [headerIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: headerIconClassNames,

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

@@ -16,6 +16,260 @@
  * limitations under the License.
  */
 
-/* eslint-disable no-underscore-dangle */
-declare const _default: any;
+/// <reference types="react" />
+import { type DialogInnerProps as Props } from './common-types';
+declare const _default: {
+    new (props: (Props & {
+        getApplicationElement: () => HTMLElement | null;
+        containerClassName?: string | undefined;
+        closeOnScrimClick?: boolean | undefined;
+    } & {
+        [rest: string]: any;
+        onClose?: (() => void | null) | undefined;
+        isIphone?: boolean | undefined;
+        isIpad?: boolean | undefined;
+    }) | Readonly<Props & {
+        getApplicationElement: () => HTMLElement | null;
+        containerClassName?: string | undefined;
+        closeOnScrimClick?: boolean | undefined;
+    } & {
+        [rest: string]: any;
+        onClose?: (() => void | null) | undefined;
+        isIphone?: boolean | undefined;
+        isIpad?: boolean | undefined;
+    }>): {
+        dialogElement?: import("react").RefObject<HTMLElement> | undefined;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        dialogRef: (ref: import("react").RefObject<HTMLElement>) => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }> & Readonly<{
+            children?: import("react").ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Props & {
+        getApplicationElement: () => HTMLElement | null;
+        containerClassName?: string | undefined;
+        closeOnScrimClick?: boolean | undefined;
+    } & {
+        [rest: string]: any;
+        onClose?: (() => void | null) | undefined;
+        isIphone?: boolean | undefined;
+        isIpad?: boolean | undefined;
+    }, context: any): {
+        dialogElement?: import("react").RefObject<HTMLElement> | undefined;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        dialogRef: (ref: import("react").RefObject<HTMLElement>) => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }> & Readonly<{
+            children?: import("react").ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    defaultProps: {
+        onClose: null;
+        isIphone: boolean;
+        isIpad: boolean;
+        containerClassName: null;
+        closeOnScrimClick: boolean;
+    };
+    contextType?: import("react").Context<any> | undefined;
+};
 export default _default;

package/bpk-component-dialog/src/BpkDialogInner.js

@@ -30,8 +30,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkDialogInnerModule.default);
 const BpkDialogInner = props => {
   const {

package/bpk-component-dialog/src/common-types.d.ts

@@ -16,30 +16,29 @@
  * limitations under the License.
  */
 
-import type { ReactNode, SyntheticEvent } from 'react';
-
+import type { ReactNode } from 'react';
 export declare const HEADER_ICON_TYPES: {
-  readonly primary: 'primary';
-  readonly warning: 'warning';
-  readonly destructive: 'destructive';
+    readonly primary: "primary";
+    readonly warning: "warning";
+    readonly destructive: "destructive";
 };
 export type DialogInnerProps = {
-  ariaLabel: string;
-  id: string;
-  children: ReactNode;
-  dialogRef?: (ref: HTMLElement) => void;
-  getApplicationElement: () => HTMLElement | null;
-  className?: string;
-  contentClassName?: string;
-  flare?: boolean;
-  flareClassName?: string;
+    ariaLabel: string;
+    id: string;
+    children: ReactNode;
+    dialogRef: (ref: HTMLElement | null | undefined) => void;
+    getApplicationElement: () => HTMLElement | null;
+    className?: string;
+    contentClassName?: string;
+    flare?: boolean;
+    flareClassName?: string;
 };
 export type Props = DialogInnerProps & {
-  isOpen: boolean;
-  renderTarget?: () => HTMLElement | null;
-  onClose: (event: SyntheticEvent) => void | null;
-  closeLabel?: string;
-  dismissible?: boolean;
-  headerIcon?: ReactNode;
-  headerIconType?: typeof HEADER_ICON_TYPES[keyof typeof HEADER_ICON_TYPES];
+    isOpen: boolean;
+    renderTarget?: () => HTMLElement | null;
+    onClose: (event?: TouchEvent | MouseEvent | KeyboardEvent) => void | null;
+    closeLabel?: string;
+    dismissible?: boolean;
+    headerIcon?: ReactNode;
+    headerIconType?: typeof HEADER_ICON_TYPES[keyof typeof HEADER_ICON_TYPES];
 };

package/bpk-component-graphic-promotion/src/BpkGraphicPromo.js

@@ -30,8 +30,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkGraphicPromoModule.default);
 const ACCESSIBILITY_KEYS = {
   Enter: 13 /* Enter */,