@skyscanner/backpack-web 41.0.1 → 41.1.0

package/bpk-component-bottom-sheet/src/BpkBottomSheet.js

@@ -20,7 +20,6 @@ import { useCallback, useState } from 'react';
 import BpkBreakpoint, { BREAKPOINTS } from "../../bpk-component-breakpoint";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkCloseButton from "../../bpk-component-close-button";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { BpkButtonLink } from "../../bpk-component-link";
 import BpkNavigationBar from "../../bpk-component-navigation-bar";
 import { TEXT_STYLES } from "../../bpk-component-text/src/BpkText";

package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.js

@@ -18,7 +18,6 @@
 
 import { withRtlSupport } from "../../bpk-component-icon";
 import ArrowRight from "../../bpk-component-icon/sm/arrow-right";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkLink from "../../bpk-component-link";
 import BpkText from "../../bpk-component-text";
 import { cssModules } from "../../bpk-react-utils";
@@ -48,7 +47,7 @@ const BpkBreadcrumbItem = props => {
     }) : /*#__PURE__*/_jsx("div", {
       className: getClassName('bpk-breadcrumb-item__link'),
       children: /*#__PURE__*/_jsx(BpkLink, {
-        href: href,
+        href: href || '#',
         ...linkProps,
         children: children
       })

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

@@ -1,2 +1,2 @@
-declare const _default: any[];
+declare const _default: string[];
 export default _default;

package/bpk-component-drawer/src/BpkDrawerContent.js

@@ -21,7 +21,6 @@ import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkCloseButton from "../../bpk-component-close-button";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { BpkButtonLink } from "../../bpk-component-link";
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkDrawerContent.module.css";

package/bpk-component-drawer/src/themeAttributes.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any[];
+declare const _default: string[];
 export default _default;

package/bpk-component-drawer/src/themeAttributes.js

@@ -16,6 +16,5 @@
  * limitations under the License.
  */
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { themeAttributes as linkAttributes } from "../../bpk-component-link";
 export default [...linkAttributes];

package/bpk-component-info-banner/src/BpkInfoBannerInner.js

@@ -31,7 +31,6 @@ import ChevronDownIcon from "../../bpk-component-icon/sm/chevron-down";
 import ChevronUpIcon from "../../bpk-component-icon/sm/chevron-up";
 import InfoCircleIcon from "../../bpk-component-icon/sm/information-circle";
 import TickCircleIcon from "../../bpk-component-icon/sm/tick-circle";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkLink from "../../bpk-component-link";
 import { cssModules } from "../../bpk-react-utils";
 import AnimateAndFade from "./AnimateAndFade";
@@ -153,7 +152,7 @@ const BpkInfoBannerInner = ({
           children: children
         }), isExpandable && action && /*#__PURE__*/_jsx(BpkLink, {
           onClick: action.callback,
-          href: null,
+          href: "#",
           children: action.title
         })]
       })]

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

@@ -0,0 +1,6 @@
+import BpkButtonLink, { type Props as BpkButtonLinkProps } from './src/BpkButtonLink';
+import BpkLink, { type Props as BpkLinkProps } from './src/BpkLink';
+import themeAttributes, { linkAlternateThemeAttributes } from './src/themeAttributes';
+export type { BpkButtonLinkProps, BpkLinkProps };
+export default BpkLink;
+export { BpkButtonLink, themeAttributes, linkAlternateThemeAttributes };

package/bpk-component-link/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 BpkButtonLink from "./src/BpkButtonLink";
+ */
+
+import BpkButtonLink from "./src/BpkButtonLink";
 import BpkLink from "./src/BpkLink";
 import themeAttributes, { linkAlternateThemeAttributes } from "./src/themeAttributes";
 export default BpkLink;

package/bpk-component-link/src/BpkButtonLink.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode, MouseEvent, ButtonHTMLAttributes } from 'react';
+import themeAttributes from './themeAttributes';
+export interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'onClick'> {
+    /** The content of the link. */
+    children: ReactNode;
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
+    className?: string | null;
+    alternate?: boolean;
+    implicit?: boolean;
+}
+declare const BpkButtonLink: ({ alternate, children, className, implicit, onClick, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export { themeAttributes };
+export default BpkButtonLink;

package/bpk-component-link/src/BpkButtonLink.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 { cssModules } from "../../bpk-react-utils";
 import themeAttributes from "./themeAttributes";
 import STYLES from "./BpkLink.module.css";
@@ -46,27 +47,16 @@ const BpkButtonLink = ({
   } else if (implicit && alternate) {
     underlinedClassNames.push(getClassName('bpk-link-underlined-implicit--alternate'));
   }
-  return (
-    /*#__PURE__*/
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsx("button", {
-      type: "button",
-      className: classNames.join(' '),
-      onClick: onClick,
-      ...rest,
-      children: /*#__PURE__*/_jsx("span", {
-        className: underlinedClassNames.join(' '),
-        children: children
-      })
+  return /*#__PURE__*/_jsx("button", {
+    type: "button",
+    className: classNames.join(' '),
+    onClick: onClick,
+    ...rest,
+    children: /*#__PURE__*/_jsx("span", {
+      className: underlinedClassNames.join(' '),
+      children: children
     })
-  );
-};
-BpkButtonLink.propTypes = {
-  onClick: PropTypes.func.isRequired,
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  alternate: PropTypes.bool,
-  implicit: PropTypes.bool
+  });
 };
 export { themeAttributes };
 export default BpkButtonLink;

package/bpk-component-link/src/BpkLink.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode, MouseEvent, AnchorHTMLAttributes } from 'react';
+import themeAttributes, { linkAlternateThemeAttributes } from './themeAttributes';
+export interface Props extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'className' | 'rel'> {
+    /** The content of the link. */
+    children: ReactNode;
+    href: string | null;
+    className?: string | null;
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    blank?: boolean;
+    rel?: string | null;
+    alternate?: boolean;
+    implicit?: boolean;
+}
+declare const BpkLink: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLAnchorElement>>;
+export default BpkLink;
+export { themeAttributes, linkAlternateThemeAttributes };

package/bpk-component-link/src/BpkLink.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 { forwardRef } from 'react';
 import { cssModules } from "../../bpk-react-utils";
 import themeAttributes, { linkAlternateThemeAttributes } from "./themeAttributes";
@@ -28,13 +29,13 @@ const BpkLink = /*#__PURE__*/forwardRef(({
   className = null,
   href,
   implicit = false,
-  onClick = null,
+  onClick = () => {},
   rel: propRel = null,
   ...rest
 }, ref) => {
   const classNames = [getClassName('bpk-link')];
   const underlinedClassNames = [getClassName('bpk-link-underlined')];
-  const target = blank ? '_blank' : null;
+  const target = blank ? '_blank' : undefined;
   const rel = blank ? propRel || 'noopener noreferrer' : propRel;
   if (className) {
     classNames.push(className);
@@ -52,33 +53,19 @@ const BpkLink = /*#__PURE__*/forwardRef(({
   } else if (implicit && alternate) {
     underlinedClassNames.push(getClassName('bpk-link-underlined-implicit--alternate'));
   }
-  return (
-    /*#__PURE__*/
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsx("a", {
-      className: classNames.join(' '),
-      href: href,
-      onClick: onClick,
-      target: target,
-      rel: rel,
-      ref: ref,
-      ...rest,
-      children: /*#__PURE__*/_jsx("span", {
-        className: underlinedClassNames.join(' '),
-        children: children
-      })
+  return /*#__PURE__*/_jsx("a", {
+    className: classNames.join(' '),
+    href: href ?? undefined,
+    onClick: onClick,
+    target: target,
+    rel: rel ?? undefined,
+    ref: ref,
+    ...rest,
+    children: /*#__PURE__*/_jsx("span", {
+      className: underlinedClassNames.join(' '),
+      children: children
     })
-  );
+  });
 });
-BpkLink.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
-  href: PropTypes.string.isRequired,
-  className: PropTypes.string,
-  onClick: PropTypes.func,
-  blank: PropTypes.bool,
-  rel: PropTypes.string,
-  alternate: PropTypes.bool,
-  implicit: PropTypes.bool
-};
 export default BpkLink;
 export { themeAttributes, linkAlternateThemeAttributes };

package/bpk-component-link/src/themeAttributes.d.ts

@@ -0,0 +1,4 @@
+declare const _default: string[];
+export default _default;
+declare const linkAlternateThemeAttributes: string[];
+export { linkAlternateThemeAttributes };

package/bpk-component-link/src/themeAttributes.js

@@ -14,6 +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.
- */export default ['linkColor', 'linkHoverColor', 'linkActiveColor', 'linkVisitedColor'];
+ */
+
+export default ['linkColor', 'linkHoverColor', 'linkActiveColor', 'linkVisitedColor'];
 const linkAlternateThemeAttributes = ['linkAlternateColor', 'linkAlternateHoverColor', 'linkAlternateActiveColor', 'linkAlternateVisitedColor'];
 export { linkAlternateThemeAttributes };

package/bpk-component-modal/src/BpkModalInner.js

@@ -18,7 +18,6 @@
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkCloseButton from "../../bpk-component-close-button";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { BpkButtonLink } from "../../bpk-component-link";
 import BpkNavigationBar, { BAR_STYLES } from "../../bpk-component-navigation-bar";
 import { TransitionInitialMount, cssModules } from "../../bpk-react-utils";

package/bpk-component-modal/src/themeAttributes.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any[];
+declare const _default: string[];
 export default _default;

package/bpk-component-modal/src/themeAttributes.js

@@ -16,6 +16,5 @@
  * limitations under the License.
  */
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { themeAttributes as linkAttributes } from "../../bpk-component-link";
 export default [...linkAttributes];

package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentProps, MouseEvent, ReactNode } from 'react';
 import { BpkButtonLink } from '../../bpk-component-link';
 import { type BarStyle } from './BpkNavigationBar';
-export interface Props extends ComponentProps<BpkButtonLink> {
+export interface Props extends ComponentProps<typeof BpkButtonLink> {
     children: ReactNode;
     onClick: (event: MouseEvent<HTMLElement>) => void;
     className?: string;

package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js

@@ -16,7 +16,6 @@
  * limitations under the License.
  */
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { BpkButtonLink } from "../../bpk-component-link";
 import { BAR_STYLES } from "./BpkNavigationBar";
 import { jsx as _jsx } from "react/jsx-runtime";

package/bpk-component-popover/src/BpkPopover.js

@@ -22,7 +22,6 @@ import { surfaceHighlightDay } from '@skyscanner/bpk-foundations-web/tokens/base
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkCloseButton from "../../bpk-component-close-button";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { BpkButtonLink } from "../../bpk-component-link";
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import { TransitionInitialMount, cssModules } from "../../bpk-react-utils";

package/bpk-component-popover/src/themeAttributes.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any[];
+declare const _default: string[];
 export default _default;

package/bpk-component-popover/src/themeAttributes.js

@@ -16,6 +16,5 @@
  * limitations under the License.
  */
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { themeAttributes as linkAttributes } from "../../bpk-component-link";
 export default [...linkAttributes];

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

@@ -1,9 +1,10 @@
+import type { MouseEvent } from 'react';
 import { Component } from 'react';
 type State = {
     direction: string;
 };
 type Props = {};
-type InteractionEvents = KeyboardEvent | MouseEvent | TouchEvent;
+type InteractionEvents = KeyboardEvent | MouseEvent<HTMLButtonElement> | TouchEvent;
 declare class BpkRtlToggle extends Component<Props, State> {
     constructor(props: Props);
     componentDidMount(): void;

package/bpk-component-rtl-toggle/src/BpkRtlToggle.js

@@ -17,8 +17,6 @@
  */
 
 import { Component } from 'react';
-
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { BpkButtonLink } from "../../bpk-component-link";
 import { getHtmlElement, DIRECTIONS, DIRECTION_CHANGE_EVENT } from "./utils";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/package.json

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