@skyscanner/backpack-web 34.16.0-preminor.2 → 35.0.0-premajor.1

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

@@ -21,16 +21,18 @@ export type Props = {
     [rest: string]: any;
 };
 declare const withScrim: <P extends object>(WrappedComponent: ComponentType<P> | string) => {
-    new (props: Props & Omit<P, "dialogRef">): {
+    new (props: (Props & Omit<P, "dialogRef">) | Readonly<Props & Omit<P, "dialogRef">>): {
         dialogElement?: HTMLElement | null | undefined;
         componentDidMount(): void;
         componentWillUnmount(): void;
         dialogRef: (ref: HTMLElement | null | undefined) => void;
-        render(): import("react/jsx-runtime").JSX.Element;
-        context: unknown;
+        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;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Props & Omit<P, "dialogRef">>;
+        readonly props: Readonly<Props & Omit<P, "dialogRef">> & Readonly<{
+            children?: import("react").ReactNode | undefined;
+        }>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;
@@ -51,11 +53,13 @@ declare const withScrim: <P extends object>(WrappedComponent: ComponentType<P> |
         componentDidMount(): void;
         componentWillUnmount(): void;
         dialogRef: (ref: HTMLElement | null | undefined) => void;
-        render(): import("react/jsx-runtime").JSX.Element;
-        context: unknown;
+        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;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Props & Omit<P, "dialogRef">>;
+        readonly props: Readonly<Props & Omit<P, "dialogRef">> & Readonly<{
+            children?: import("react").ReactNode | undefined;
+        }>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;

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) => import("react/jsx-runtime").JSX.Element;
+declare const withScrimmedPortal: (WrappedComponent: ComponentType<ScrimProps>) => ({ renderTarget, ...rest }: Props) => JSX.Element;
 export default withScrimmedPortal;

package/bpk-theming/src/BpkThemeProvider.js

@@ -17,6 +17,7 @@
  */
 
 import PropTypes from 'prop-types';
+import { Component } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 const uniq = (arr = []) => {
   const seen = {};
@@ -49,25 +50,35 @@ const createStyle = (theme, themeAttributes) => {
   }
   return style;
 };
-const BpkThemeProvider = props => {
-  const {
-    children,
-    component: WrapperComponent,
-    style: userStyle,
-    theme,
-    themeAttributes,
-    ...rest
-  } = props;
-  const dedupedThemeAttributes = uniq(themeAttributes);
-  const style = createStyle(theme, dedupedThemeAttributes);
-  return /*#__PURE__*/_jsx(WrapperComponent, {
-    style: {
-      ...userStyle,
-      ...style
-    },
-    ...rest,
-    children: children
-  });
+class BpkThemeProvider extends Component {
+  getChildContext() {
+    return {
+      theme: this.props.theme
+    };
+  }
+  render() {
+    const {
+      children,
+      component: WrapperComponent,
+      style: userStyle,
+      theme,
+      themeAttributes,
+      ...rest
+    } = this.props;
+    const dedupedThemeAttributes = uniq(themeAttributes);
+    const style = createStyle(theme, dedupedThemeAttributes);
+    return /*#__PURE__*/_jsx(WrapperComponent, {
+      style: {
+        ...userStyle,
+        ...style
+      },
+      ...rest,
+      children: children
+    });
+  }
+}
+BpkThemeProvider.childContextTypes = {
+  theme: PropTypes.object // eslint-disable-line react/forbid-prop-types
 };
 const themeAttributesPropType = (props, propName, componentName) => {
   const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "34.16.0-preminor.2",
+  "version": "35.0.0-premajor.1",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",
@@ -49,8 +49,8 @@
   },
   "peerDependencies": {
     "node-sass": ">= 7",
-    "react": "^17.0.2 || 18.3.1",
-    "react-dom": "^17.0.2 || 18.3.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-transition-group": "^4.4.5",
     "sass": "^1",
     "sass-embedded": "^1"

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

@@ -1,30 +0,0 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2022 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.
- */
-
-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);
-  });
-});