@skyscanner/backpack-web 36.1.2 → 36.1.3

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

@@ -0,0 +1,5 @@
+import BpkAccordion from './src/BpkAccordion';
+import BpkAccordionItem from './src/BpkAccordionItem';
+import withAccordionItemState from './src/withAccordionItemState';
+import withSingleItemAccordionState from './src/withSingleItemAccordionState';
+export { BpkAccordion, BpkAccordionItem, withSingleItemAccordionState, withAccordionItemState, };

package/bpk-component-accordion/index.js

@@ -14,7 +14,9 @@
  * 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 BpkAccordion from "./src/BpkAccordion";
+ */
+
+import BpkAccordion from "./src/BpkAccordion";
 import BpkAccordionItem from "./src/BpkAccordionItem";
 import withAccordionItemState from "./src/withAccordionItemState";
 import withSingleItemAccordionState from "./src/withSingleItemAccordionState";

package/bpk-component-accordion/src/BpkAccordion.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+export type BpkAccordionProps = {
+    children: ReactNode;
+    className?: string;
+    divider?: boolean;
+    onDark?: boolean;
+};
+export declare const BpkAccordionContext: import("react").Context<{
+    onDark: boolean;
+    divider: boolean;
+}>;
+declare const BpkAccordion: (props: BpkAccordionProps) => import("react/jsx-runtime").JSX.Element;
+export default BpkAccordion;

package/bpk-component-accordion/src/BpkAccordion.js

@@ -14,8 +14,9 @@
  * 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 PropTypes from 'prop-types';
-import { createContext, Node } from 'react';
+ */
+
+import { createContext } from 'react';
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkAccordion.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -28,8 +29,8 @@ const BpkAccordion = props => {
   const {
     children,
     className,
-    divider,
-    onDark,
+    divider = true,
+    onDark = false,
     ...rest
   } = props;
   const classNames = getClassName('bpk-accordion', onDark && 'bpk-accordion--on-dark', className);
@@ -45,15 +46,4 @@ const BpkAccordion = props => {
     })
   });
 };
-BpkAccordion.propTypes = {
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  onDark: PropTypes.bool,
-  divider: PropTypes.bool
-};
-BpkAccordion.defaultProps = {
-  className: null,
-  onDark: false,
-  divider: true
-};
 export default BpkAccordion;

package/bpk-component-accordion/src/BpkAccordionItem.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode, ReactElement } from 'react';
+import { TEXT_STYLES } from '../../bpk-component-text';
+export type BpkAccordionItemProps = {
+    children: ReactNode;
+    id: string;
+    title: string;
+    className?: string;
+    expanded?: boolean;
+    initiallyExpanded?: boolean;
+    icon?: ReactElement;
+    onClick?: () => void;
+    tagName?: 'span' | 'p' | 'text' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    textStyle?: (typeof TEXT_STYLES)[keyof typeof TEXT_STYLES];
+};
+declare const BpkAccordionItem: (props: BpkAccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+export default BpkAccordionItem;

package/bpk-component-accordion/src/BpkAccordionItem.js

@@ -14,8 +14,10 @@
  * 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 PropTypes from 'prop-types';
-import { Node, Element, useContext, cloneElement } from 'react';
+ */
+
+import { useContext, cloneElement } from 'react';
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import AnimateHeight from "../../bpk-animate-height";
 import { withButtonAlignment } from "../../bpk-component-icon";
 import ChevronDownIcon from "../../bpk-component-icon/sm/chevron-down";
@@ -39,12 +41,12 @@ const BpkAccordionItem = props => {
   const contentInnerClassNames = [getClassName('bpk-accordion__content-inner-container')];
   const {
     children,
-    expanded,
-    icon,
+    expanded = false,
+    icon = null,
     id,
-    onClick,
-    tagName,
-    textStyle,
+    onClick = () => null,
+    tagName = 'h3',
+    textStyle = TEXT_STYLES.bodyDefault,
     title,
     ...rest
   } = props;
@@ -52,7 +54,6 @@ const BpkAccordionItem = props => {
   // if this component is passed initiallyExpanded, this makes sure it doesn't
   // end up on the node. Not ideal as our container component shouldn't be passing
   // it, but the benefit of a better container api versus this was worth it
-  // $FlowFixMe[prop-missing] - see above
   delete rest.initiallyExpanded;
   if (divider) {
     contentInnerClassNames.push(getClassName('bpk-accordion__content-inner-container--with-divider'));
@@ -126,21 +127,4 @@ const BpkAccordionItem = props => {
     })
   );
 };
-BpkAccordionItem.propTypes = {
-  children: PropTypes.node.isRequired,
-  id: PropTypes.string.isRequired,
-  title: PropTypes.string.isRequired,
-  expanded: PropTypes.bool,
-  icon: PropTypes.node,
-  onClick: PropTypes.func,
-  tagName: PropTypes.string,
-  textStyle: PropTypes.string
-};
-BpkAccordionItem.defaultProps = {
-  expanded: false,
-  icon: null,
-  onClick: () => null,
-  tagName: 'h3',
-  textStyle: TEXT_STYLES.bodyDefault
-};
 export default BpkAccordionItem;

package/bpk-component-accordion/src/withAccordionItemState.d.ts

@@ -0,0 +1,44 @@
+import type { ComponentType } from 'react';
+import type { BpkAccordionItemProps } from './BpkAccordionItem';
+type Props = {
+    initiallyExpanded: boolean;
+    expanded: boolean;
+    onClick?: () => void;
+};
+type State = {
+    expanded: boolean;
+};
+declare const withAccordionItemState: <P extends BpkAccordionItemProps>(ComposedComponent: ComponentType<P>) => {
+    new (props: P & Props): {
+        onClick: () => void;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
+        setState<K extends "expanded">(state: State | ((prevState: Readonly<State>, props: Readonly<P & Props>) => State | Pick<State, K> | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<P & Props>;
+        state: Readonly<State>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<P & Props>, nextState: Readonly<State>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P & Props>, prevState: Readonly<State>): any;
+        componentDidUpdate?(prevProps: Readonly<P & Props>, prevState: Readonly<State>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<P & Props>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P & Props>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<P & Props>, nextState: Readonly<State>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<P & Props>, nextState: Readonly<State>, nextContext: any): void;
+    };
+    displayName: string;
+    defaultProps: {
+        initiallyExpanded: boolean;
+        expanded: boolean;
+        onClick: null;
+    };
+    contextType?: import("react").Context<any> | undefined;
+};
+export default withAccordionItemState;

package/bpk-component-accordion/src/withAccordionItemState.js

@@ -14,17 +14,14 @@
  * 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 PropTypes from 'prop-types';
+ */
+
 import { Component } from 'react';
 import { wrapDisplayName } from "../../bpk-react-utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 const withAccordionItemState = ComposedComponent => {
   class WithAccordionItemState extends Component {
-    static propTypes = {
-      initiallyExpanded: PropTypes.bool,
-      expanded: PropTypes.bool,
-      onClick: PropTypes.func
-    };
+    static displayName = wrapDisplayName(ComposedComponent, 'withAccordionItemState');
     static defaultProps = {
       initiallyExpanded: false,
       expanded: false,
@@ -48,18 +45,13 @@ const withAccordionItemState = ComposedComponent => {
         onClick,
         ...rest
       } = this.props;
-      return (
-        /*#__PURE__*/
-        // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-        _jsx(ComposedComponent, {
-          expanded: this.state.expanded,
-          onClick: this.onClick,
-          ...rest
-        })
-      );
+      return /*#__PURE__*/_jsx(ComposedComponent, {
+        expanded: this.state.expanded,
+        onClick: this.onClick,
+        ...rest
+      });
     }
   }
-  WithAccordionItemState.displayName = wrapDisplayName(ComposedComponent, 'withAccordionItemState');
   return WithAccordionItemState;
 };
 export default withAccordionItemState;

package/bpk-component-accordion/src/withSingleItemAccordionState.d.ts

@@ -0,0 +1,38 @@
+import type { ReactNode, ReactElement, ComponentType } from 'react';
+import type { BpkAccordionProps } from './BpkAccordion';
+type Props = {
+    children: ReactNode;
+};
+type State = {
+    expanded?: string | number | null;
+};
+declare const withSingleItemAccordionState: <P extends BpkAccordionProps>(ComposedComponent: ComponentType<P>) => {
+    new (props: P & Props): {
+        openAccordionItem: (key?: string | number | null) => void;
+        renderAccordionItem: (accordionItem: ReactElement) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
+        setState<K extends "expanded">(state: State | ((prevState: Readonly<State>, props: Readonly<P & Props>) => State | Pick<State, K> | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<P & Props>;
+        state: Readonly<State>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<P & Props>, nextState: Readonly<State>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P & Props>, prevState: Readonly<State>): any;
+        componentDidUpdate?(prevProps: Readonly<P & Props>, prevState: Readonly<State>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<P & Props>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P & Props>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<P & Props>, nextState: Readonly<State>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<P & Props>, nextState: Readonly<State>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType?: import("react").Context<any> | undefined;
+};
+export default withSingleItemAccordionState;

package/bpk-component-accordion/src/withSingleItemAccordionState.js

@@ -14,7 +14,8 @@
  * 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 PropTypes from 'prop-types';
+ */
+
 import { Component, Children, cloneElement } from 'react';
 import { wrapDisplayName } from "../../bpk-react-utils";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -25,6 +26,7 @@ const getInitiallyExpanded = children => {
 };
 const withSingleItemAccordionState = ComposedComponent => {
   class WithSingleItemAccordionState extends Component {
+    static displayName = wrapDisplayName(ComposedComponent, 'withSingleItemAccordionState');
     constructor(props) {
       super(props);
       this.state = {
@@ -38,7 +40,7 @@ const withSingleItemAccordionState = ComposedComponent => {
     };
     renderAccordionItem = accordionItem => {
       const expanded = this.state.expanded === accordionItem.key;
-      const onClick = () => this.openAccordionItem(accordionItem.key);
+      const onClick = () => this.openAccordionItem(accordionItem?.key);
       return /*#__PURE__*/cloneElement(accordionItem, {
         expanded,
         onClick
@@ -51,14 +53,10 @@ const withSingleItemAccordionState = ComposedComponent => {
       } = this.props;
       return /*#__PURE__*/_jsx(ComposedComponent, {
         ...rest,
-        children: Children.toArray(children).map(this.renderAccordionItem)
+        children: Children.toArray(children).map(el => this.renderAccordionItem(el))
       });
     }
   }
-  WithSingleItemAccordionState.propTypes = {
-    children: PropTypes.node.isRequired
-  };
-  WithSingleItemAccordionState.displayName = wrapDisplayName(ComposedComponent, 'withSingleItemAccordionState');
   return WithSingleItemAccordionState;
 };
 export default withSingleItemAccordionState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "36.1.2",
+  "version": "36.1.3",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",