@skyscanner/backpack-web 33.6.0 → 33.7.0

package/bpk-component-pagination/src/BpkPaginationNudger.js

@@ -18,26 +18,16 @@
 
 import PropTypes from 'prop-types';
 import { BpkButtonV2, BUTTON_TYPES } from "../../bpk-component-button";
-import { withRtlSupport } from "../../bpk-component-icon";
+import { withRtlSupport, withButtonAlignment } from "../../bpk-component-icon";
 import ArrowLeftIcon from "../../bpk-component-icon/sm/arrow-left";
 import ArrowRightIcon from "../../bpk-component-icon/sm/arrow-right";
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkPaginationNudger.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
-const AlignedArrowLeftIcon = withRtlSupport(ArrowLeftIcon);
-const AlignedArrowRightIcon = withRtlSupport(ArrowRightIcon);
-const nudgerIcon = forward => forward ? /*#__PURE__*/_jsx(AlignedArrowRightIcon
-// TODO: className to be removed
-// eslint-disable-next-line @skyscanner/rules/forbid-component-props
-, {
-  className: getClassName('bpk-pagination-nudger__icon')
-}) : /*#__PURE__*/_jsx(AlignedArrowLeftIcon
-// TODO: className to be removed
-// eslint-disable-next-line @skyscanner/rules/forbid-component-props
-, {
-  className: getClassName('bpk-pagination-nudger__icon')
-});
+const AlignedArrowLeftIcon = withRtlSupport(withButtonAlignment(ArrowLeftIcon));
+const AlignedArrowRightIcon = withRtlSupport(withButtonAlignment(ArrowRightIcon));
+const nudgerIcon = forward => forward ? /*#__PURE__*/_jsx(AlignedArrowRightIcon, {}) : /*#__PURE__*/_jsx(AlignedArrowLeftIcon, {});
 const BpkPaginationNudger = props => {
   const {
     disabled,
@@ -45,18 +35,17 @@ const BpkPaginationNudger = props => {
     label,
     onNudge
   } = props;
-  return /*#__PURE__*/_jsxs(BpkButtonV2, {
-    type: BUTTON_TYPES.link,
-    onClick: onNudge,
-    disabled: disabled
-    // TODO: className to be removed
-    // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-    ,
+  return /*#__PURE__*/_jsx("div", {
     className: getClassName('bpk-pagination-nudger'),
-    children: [nudgerIcon(forward), /*#__PURE__*/_jsx("span", {
-      className: getClassName('bpk-pagination-nudger__text--hidden'),
-      children: label
-    })]
+    children: /*#__PURE__*/_jsxs(BpkButtonV2, {
+      type: BUTTON_TYPES.link,
+      onClick: onNudge,
+      disabled: disabled,
+      children: [nudgerIcon(forward), /*#__PURE__*/_jsx("span", {
+        className: getClassName('bpk-pagination-nudger__text--hidden'),
+        children: label
+      })]
+    })
   });
 };
 BpkPaginationNudger.propTypes = {

package/bpk-component-pagination/src/BpkPaginationNudger.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-pagination-nudger{display:flex;width:2.25rem;height:2.25rem;padding:.625rem}.bpk-pagination-nudger__text--hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}
+.bpk-pagination-nudger{display:flex;width:2.25rem;height:2.25rem;justify-content:center;align-content:center}.bpk-pagination-nudger__text--hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}

package/bpk-component-rtl-toggle/index.d.ts

@@ -1,23 +1,4 @@
-/*
- * 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.
- */
-
 import BpkRtlToggle from './src/BpkRtlToggle';
 import updateOnDirectionChange from './src/updateOnDirectionChange';
-
 export default BpkRtlToggle;
 export { updateOnDirectionChange };

package/bpk-component-rtl-toggle/src/BpkRtlToggle.d.ts

@@ -1,41 +1,15 @@
-/*
- * 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.
- */
-
 import { Component } from 'react';
-
 type State = {
-  direction: string;
-};
-type Props = {
-  className?: string | null;
+    direction: string;
 };
+type Props = {};
 type InteractionEvents = KeyboardEvent | MouseEvent | TouchEvent;
 declare class BpkRtlToggle extends Component<Props, State> {
-  constructor(props: Props);
-
-  componentDidMount(): void;
-
-  componentWillUnmount(): void;
-
-  handleKeyDown: (e: KeyboardEvent) => void;
-
-  toggleRtl: (e: InteractionEvents) => void;
-
-  render(): JSX.Element;
+    constructor(props: Props);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    handleKeyDown: (e: KeyboardEvent) => void;
+    toggleRtl: (e: InteractionEvents) => void;
+    render(): JSX.Element;
 }
 export default BpkRtlToggle;

package/bpk-component-rtl-toggle/src/updateOnDirectionChange.d.ts

@@ -1,151 +1,58 @@
-/*
- * 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.
- */
-
 import type { ComponentType } from 'react';
-
-declare const updateOnDirectionChange: (
-  EnhancedComponent: ComponentType<any> | string,
-) => {
-  new (props: {} | Readonly<{}>): {
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    onDirectionChange: () => void;
-    render(): JSX.Element;
-    context: any;
-    setState<K extends never>(
-      state:
-        | {}
-        | ((
-            prevState: Readonly<{}>,
-            props: Readonly<{}>,
-          ) => {} | Pick<{}, K> | null)
-        | Pick<{}, K>
-        | null,
-      callback?: (() => void) | undefined,
-    ): void;
-    forceUpdate(callback?: (() => void) | undefined): void;
-    readonly props: Readonly<{}> &
-      Readonly<{
-        children?: import('react').ReactNode;
-      }>;
-    state: Readonly<{}>;
-    refs: {
-      [key: string]: import('react').ReactInstance;
+declare const updateOnDirectionChange: (EnhancedComponent: ComponentType<any> | string) => {
+    new (props: {} | Readonly<{}>): {
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        onDirectionChange: () => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}> & Readonly<{
+            children?: import("react").ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    shouldComponentUpdate?(
-      nextProps: Readonly<{}>,
-      nextState: Readonly<{}>,
-      nextContext: any,
-    ): boolean;
-    componentDidCatch?(
-      error: Error,
-      errorInfo: import('react').ErrorInfo,
-    ): void;
-    getSnapshotBeforeUpdate?(
-      prevProps: Readonly<{}>,
-      prevState: Readonly<{}>,
-    ): any;
-    componentDidUpdate?(
-      prevProps: Readonly<{}>,
-      prevState: Readonly<{}>,
-      snapshot?: any,
-    ): void;
-    componentWillMount?(): void;
-    UNSAFE_componentWillMount?(): void;
-    componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-    UNSAFE_componentWillReceiveProps?(
-      nextProps: Readonly<{}>,
-      nextContext: any,
-    ): void;
-    componentWillUpdate?(
-      nextProps: Readonly<{}>,
-      nextState: Readonly<{}>,
-      nextContext: any,
-    ): void;
-    UNSAFE_componentWillUpdate?(
-      nextProps: Readonly<{}>,
-      nextState: Readonly<{}>,
-      nextContext: any,
-    ): void;
-  };
-  new (props: {}, context: any): {
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    onDirectionChange: () => void;
-    render(): JSX.Element;
-    context: any;
-    setState<K extends never>(
-      state:
-        | {}
-        | ((
-            prevState: Readonly<{}>,
-            props: Readonly<{}>,
-          ) => {} | Pick<{}, K> | null)
-        | Pick<{}, K>
-        | null,
-      callback?: (() => void) | undefined,
-    ): void;
-    forceUpdate(callback?: (() => void) | undefined): void;
-    readonly props: Readonly<{}> &
-      Readonly<{
-        children?: import('react').ReactNode;
-      }>;
-    state: Readonly<{}>;
-    refs: {
-      [key: string]: import('react').ReactInstance;
+    new (props: {}, context: any): {
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        onDirectionChange: () => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}> & Readonly<{
+            children?: import("react").ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    shouldComponentUpdate?(
-      nextProps: Readonly<{}>,
-      nextState: Readonly<{}>,
-      nextContext: any,
-    ): boolean;
-    componentDidCatch?(
-      error: Error,
-      errorInfo: import('react').ErrorInfo,
-    ): void;
-    getSnapshotBeforeUpdate?(
-      prevProps: Readonly<{}>,
-      prevState: Readonly<{}>,
-    ): any;
-    componentDidUpdate?(
-      prevProps: Readonly<{}>,
-      prevState: Readonly<{}>,
-      snapshot?: any,
-    ): void;
-    componentWillMount?(): void;
-    UNSAFE_componentWillMount?(): void;
-    componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-    UNSAFE_componentWillReceiveProps?(
-      nextProps: Readonly<{}>,
-      nextContext: any,
-    ): void;
-    componentWillUpdate?(
-      nextProps: Readonly<{}>,
-      nextState: Readonly<{}>,
-      nextContext: any,
-    ): void;
-    UNSAFE_componentWillUpdate?(
-      nextProps: Readonly<{}>,
-      nextState: Readonly<{}>,
-      nextContext: any,
-    ): void;
-  };
-  displayName: string;
-  contextType?: import('react').Context<any> | undefined;
+    displayName: string;
+    contextType?: import("react").Context<any> | undefined;
 };
 export default updateOnDirectionChange;

package/bpk-component-rtl-toggle/src/utils.d.ts

@@ -1,25 +1,7 @@
-/*
- * 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.
- */
-
 declare const DIRECTIONS: {
-  readonly LTR: 'ltr';
-  readonly RTL: 'rtl';
+    readonly LTR: "ltr";
+    readonly RTL: "rtl";
 };
-declare const DIRECTION_CHANGE_EVENT = 'bpkchangedirection';
+declare const DIRECTION_CHANGE_EVENT = "bpkchangedirection";
 declare const getHtmlElement: () => HTMLElement | null | {};
 export { DIRECTIONS, DIRECTION_CHANGE_EVENT, getHtmlElement };

package/bpk-component-scrollable-calendar/index.d.ts

@@ -1,21 +1,3 @@
-/*
- * 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.
- */
-
 import { CALENDAR_SELECTION_TYPE } from '../bpk-component-calendar';
 import BpkScrollableCalendar from './src/BpkScrollableCalendar';
 import BpkScrollableCalendarDate from './src/BpkScrollableCalendarDate';