@skyscanner/backpack-web 25.6.0 → 25.7.0-beta

package/bpk-component-datepicker/src/BpkDatepicker.js

@@ -1,277 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _bpkComponentInput = _interopRequireWildcard(require("../../bpk-component-input"));
-var _bpkComponentModal = _interopRequireDefault(require("../../bpk-component-modal"));
-var _bpkComponentPopover = _interopRequireDefault(require("../../bpk-component-popover"));
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _bpkComponentBreakpoint = _interopRequireWildcard(require("../../bpk-component-breakpoint"));
-var _bpkComponentCalendar = require("../../bpk-component-calendar");
-var _BpkDatepickerModule = _interopRequireDefault(require("./BpkDatepicker.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["calendarComponent", "changeMonthLabel", "closeButtonText", "dateModifiers", "daysOfWeek", "fixedWidth", "formatDate", "formatDateFull", "formatMonth", "getApplicationElement", "id", "initiallyFocusedDate", "inputComponent", "inputProps", "markOutsideDays", "markToday", "maxDate", "minDate", "nextMonthLabel", "onMonthChange", "previousMonthLabel", "renderTarget", "selectionConfiguration", "title", "valid", "weekStartsOn"];
-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; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
-                                                                                                                                                                                                                                                                                                                                                                                           * 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.
-                                                                                                                                                                                                                                                                                                                                                                                           */ // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkDatepickerModule.default);
-const Input = (0, _bpkComponentInput.withOpenEvents)(_bpkComponentInput.default);
-const DefaultCalendar = (0, _bpkComponentCalendar.withCalendarState)((0, _bpkComponentCalendar.composeCalendar)(_bpkComponentCalendar.BpkCalendarNav, _bpkComponentCalendar.BpkCalendarGridHeader, _bpkComponentCalendar.BpkCalendarGrid, _bpkComponentCalendar.BpkCalendarDate));
-class BpkDatepicker extends _react.Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "inputRef", void 0);
-    _defineProperty(this, "onOpen", () => {
-      this.setState({
-        isOpen: true
-      });
-      if (this.props.onOpenChange) {
-        this.props.onOpenChange(true);
-      }
-    });
-    _defineProperty(this, "onClose", () => {
-      this.setState({
-        isOpen: false
-      });
-      if (this.props.onOpenChange) {
-        this.props.onOpenChange(false);
-      }
-    });
-    /**
-     * Gets the correct label for the input field to be supplied to the aria-label
-     * @param {Object} selectionConfiguration current selection configuration
-     * @param {Function} formatDateFull function supplied to format date
-     * @returns {String} date string
-     */
-    _defineProperty(this, "getLabel", (selectionConfiguration, formatDateFull) => {
-      if (selectionConfiguration.type === _bpkComponentCalendar.CALENDAR_SELECTION_TYPE.single && selectionConfiguration.date) {
-        return formatDateFull(selectionConfiguration.date);
-      }
-      if (selectionConfiguration.type === _bpkComponentCalendar.CALENDAR_SELECTION_TYPE.range) {
-        if (selectionConfiguration.startDate && !selectionConfiguration.endDate) {
-          return formatDateFull(selectionConfiguration.startDate);
-        }
-        if (selectionConfiguration.startDate && selectionConfiguration.endDate) {
-          return `${formatDateFull(selectionConfiguration.startDate)} - ${formatDateFull(selectionConfiguration.endDate)}`;
-        }
-      }
-      return '';
-    });
-    /**
-     * Gets the correct value for the input field
-     * @param {Object} selectionConfiguration current selection configuration
-     * @param {Function} formatDate function supplied to format date
-     * @returns {String} date value
-     */
-    _defineProperty(this, "getValue", (selectionConfiguration, formatDate) => {
-      if (selectionConfiguration.type === _bpkComponentCalendar.CALENDAR_SELECTION_TYPE.single && selectionConfiguration.date) {
-        return formatDate(selectionConfiguration.date);
-      }
-      if (selectionConfiguration.type === _bpkComponentCalendar.CALENDAR_SELECTION_TYPE.range) {
-        if (selectionConfiguration.startDate && !selectionConfiguration.endDate) {
-          return formatDate(selectionConfiguration.startDate);
-        }
-        if (selectionConfiguration.startDate && selectionConfiguration.endDate) {
-          return `${formatDate(selectionConfiguration.startDate)} - ${formatDate(selectionConfiguration.endDate)}`;
-        }
-      }
-      return '';
-    });
-    _defineProperty(this, "handleDateSelect", (startDate, endDate = null) => {
-      const {
-        maxDate,
-        minDate,
-        onClose,
-        onDateSelect,
-        selectionConfiguration
-      } = this.props;
-
-      // When the calendar is a single date we always want to close it when a date is selected
-      // or if its a range calendar we only want to close the calendar when a range is selected.
-      // If a custom onClose function is provided then we don't want to run the internal version.
-      if (selectionConfiguration && (selectionConfiguration.type === _bpkComponentCalendar.CALENDAR_SELECTION_TYPE.single || selectionConfiguration.type === _bpkComponentCalendar.CALENDAR_SELECTION_TYPE.range && endDate) && !onClose) {
-        this.onClose();
-      }
-      if (onDateSelect) {
-        const newStartDate = _bpkComponentCalendar.DateUtils.dateToBoundaries(startDate, _bpkComponentCalendar.DateUtils.startOfDay(minDate), _bpkComponentCalendar.DateUtils.startOfDay(maxDate));
-        const newEndDate = _bpkComponentCalendar.DateUtils.dateToBoundaries(endDate, _bpkComponentCalendar.DateUtils.startOfDay(minDate), _bpkComponentCalendar.DateUtils.startOfDay(maxDate));
-        if (selectionConfiguration && selectionConfiguration.type === _bpkComponentCalendar.CALENDAR_SELECTION_TYPE.range && selectionConfiguration.startDate && !selectionConfiguration.endDate && (_bpkComponentCalendar.DateUtils.isAfter(newEndDate, selectionConfiguration.startDate) || _bpkComponentCalendar.DateUtils.isSameDay(newEndDate, selectionConfiguration.startDate))) {
-          onDateSelect(selectionConfiguration.startDate, newEndDate);
-        } else {
-          onDateSelect(newStartDate);
-        }
-      }
-    });
-    this.state = {
-      isOpen: props.isOpen
-    };
-    this.inputRef = /*#__PURE__*/(0, _react.createRef)();
-  }
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      isOpen
-    } = this.props;
-    if (prevProps.isOpen !== isOpen && prevState.isOpen !== isOpen) {
-      if (isOpen) {
-        this.onOpen();
-      } else {
-        this.onClose();
-      }
-    }
-  }
-  render() {
-    const _this$props = this.props,
-      {
-        calendarComponent: Calendar,
-        changeMonthLabel,
-        closeButtonText,
-        dateModifiers,
-        daysOfWeek,
-        fixedWidth,
-        formatDate,
-        formatDateFull,
-        formatMonth,
-        getApplicationElement,
-        id,
-        initiallyFocusedDate,
-        inputComponent,
-        inputProps,
-        markOutsideDays,
-        markToday,
-        maxDate,
-        minDate,
-        nextMonthLabel,
-        onMonthChange,
-        previousMonthLabel,
-        renderTarget,
-        selectionConfiguration,
-        title,
-        valid,
-        weekStartsOn
-      } = _this$props,
-      rest = _objectWithoutProperties(_this$props, _excluded);
-
-    // The following props are not used in render
-    delete rest.onDateSelect;
-    delete rest.onOpenChange;
-    delete rest.isOpen;
-    const input = inputComponent || /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: getClassName('bpk-datepicker__input'),
-      ref: this.inputRef,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Input, _objectSpread({
-        id: id,
-        name: `${id}_input`,
-        value: this.getValue(selectionConfiguration, formatDate),
-        "aria-live": "assertive",
-        "aria-atomic": "true",
-        "aria-label": this.getLabel(selectionConfiguration, formatDateFull),
-        onChange: () => null,
-        onOpen: this.onOpen,
-        isOpen: this.state.isOpen,
-        valid: valid
-      }, inputProps))
-    });
-    const calendarProps = {
-      id: `${id}-calendar`,
-      className: getClassName('bpk-datepicker__calendar'),
-      changeMonthLabel,
-      dateModifiers,
-      daysOfWeek,
-      formatDateFull,
-      formatMonth,
-      markOutsideDays,
-      markToday,
-      maxDate,
-      minDate,
-      nextMonthLabel,
-      onDateSelect: this.handleDateSelect,
-      onMonthChange,
-      previousMonthLabel,
-      weekStartsOn,
-      initiallyFocusedDate,
-      selectionConfiguration
-    };
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentBreakpoint.default, {
-      query: _bpkComponentBreakpoint.BREAKPOINTS.MOBILE,
-      children: isMobile => isMobile ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [input, /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentModal.default, {
-          id: `${id}-modal`,
-          renderTarget: renderTarget,
-          onClose: this.props.onClose || this.onClose,
-          isOpen: this.state.isOpen,
-          title: title,
-          closeLabel: closeButtonText,
-          getApplicationElement: getApplicationElement,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Calendar, _objectSpread(_objectSpread({}, calendarProps), {}, {
-            fixedWidth: false
-          }))
-        })]
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentPopover.default, _objectSpread(_objectSpread({
-        id: `${id}-popover`,
-        target: input,
-        renderTarget: renderTarget,
-        onClose: this.props.onClose || this.onClose,
-        isOpen: this.state.isOpen,
-        label: title,
-        closeButtonText: closeButtonText,
-        tabIndex: 0
-      }, rest), {}, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Calendar, _objectSpread(_objectSpread({}, calendarProps), {}, {
-          fixedWidth: fixedWidth
-        }))
-      }))
-    });
-  }
-}
-_defineProperty(BpkDatepicker, "defaultProps", {
-  calendarComponent: DefaultCalendar,
-  inputComponent: null,
-  dateModifiers: {},
-  inputProps: {},
-  fixedWidth: true,
-  markOutsideDays: true,
-  markToday: DefaultCalendar.defaultProps.markToday,
-  maxDate: DefaultCalendar.defaultProps.maxDate,
-  minDate: DefaultCalendar.defaultProps.minDate,
-  nextMonthLabel: null,
-  onDateSelect: null,
-  onOpenChange: null,
-  onMonthChange: null,
-  previousMonthLabel: null,
-  selectionConfiguration: {
-    type: _bpkComponentCalendar.CALENDAR_SELECTION_TYPE.single,
-    date: null
-  },
-  initiallyFocusedDate: null,
-  renderTarget: null,
-  isOpen: false,
-  valid: null
-});
-var _default = BpkDatepicker;
-exports.default = _default;

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

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _bpkComponentCloseButton = _interopRequireDefault(require("../../bpk-component-close-button"));
-var _BpkDialogInner = _interopRequireDefault(require("./BpkDialogInner"));
-var _commonTypes = require("./common-types");
-var _BpkDialogModule = _interopRequireDefault(require("./BpkDialog.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "closeLabel", "dismissible", "headerIcon", "headerIconType", "isOpen", "onClose", "renderTarget"];
-/*
- * 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.
- */
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkDialogModule.default);
-const BpkDialog = _ref => {
-  let {
-      children,
-      closeLabel = '',
-      dismissible = true,
-      headerIcon = null,
-      headerIconType = _commonTypes.HEADER_ICON_TYPES.primary,
-      isOpen,
-      onClose = () => {},
-      renderTarget = () => null
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const headerIconClassNames = getClassName('bpk-dialog__icon', `bpk-dialog__icon--${headerIconType}`);
-  const closeButtonClassNames = getClassName('bpk-dialog__close-button');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkReactUtils.Portal, {
-    isOpen: isOpen,
-    onClose: onClose,
-    renderTarget: renderTarget,
-    closeOnEscPressed: dismissible,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_BpkDialogInner.default, _objectSpread(_objectSpread({
-      onClose: onClose,
-      closeOnScrimClick: dismissible,
-      containerClassName: getClassName('bpk-dialog__container'),
-      contentClassName: headerIcon ? getClassName('bpk-dialog--with-icon') : undefined
-    }, rest), {}, {
-      children: [headerIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: headerIconClassNames,
-        children: headerIcon
-      }), dismissible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCloseButton.default, {
-        className: closeButtonClassNames,
-        label: closeLabel,
-        onClick: onClose
-      }), children]
-    }))
-  });
-};
-var _default = BpkDialog;
-exports.default = _default;

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

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _bpkScrimUtils = require("../../bpk-scrim-utils");
-var _bpkComponentFlare = require("../../bpk-component-flare");
-var _BpkDialogInnerModule = _interopRequireDefault(require("./BpkDialogInner.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/*
- * 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.
- */
-
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkDialogInnerModule.default);
-const BpkDialogInner = props => {
-  const {
-    ariaLabel,
-    children,
-    className = null,
-    contentClassName,
-    dialogRef,
-    flare = false,
-    flareClassName = null,
-    id
-  } = props;
-  const classNames = getClassName('bpk-dialog-inner', className);
-  const contentClassNames = getClassName('bpk-dialog-inner__content', contentClassName);
-  const flareClassNames = getClassName('bpk-dialog-inner__flare', flareClassName);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkReactUtils.TransitionInitialMount, {
-    appearClassName: getClassName('bpk-dialog-inner--appear'),
-    appearActiveClassName: getClassName('bpk-dialog-inner--appear-active'),
-    transitionTimeout: 300,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
-      id: id,
-      tabIndex: -1,
-      role: "dialog",
-      "aria-label": ariaLabel,
-      className: classNames,
-      ref: dialogRef,
-      children: [flare && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentFlare.BpkContentBubble, {
-        className: flareClassNames
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: contentClassNames,
-        children: children
-      })]
-    })
-  });
-};
-var _default = (0, _bpkScrimUtils.withScrim)(BpkDialogInner);
-exports.default = _default;

package/bpk-component-graphic-promotion/index.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "TEXT_ALIGN", {
-  enumerable: true,
-  get: function () {
-    return _BpkGraphicPromo.TEXT_ALIGN;
-  }
-});
-exports.default = void 0;
-var _BpkGraphicPromo = _interopRequireWildcard(require("./src/BpkGraphicPromo"));
-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; }
-/*
- * 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.
- */
-var _default = _BpkGraphicPromo.default;
-exports.default = _default;

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

@@ -1,152 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TEXT_ALIGN = void 0;
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _bpkComponentText = _interopRequireDefault(require("../../bpk-component-text"));
-var _bpkComponentButton = _interopRequireDefault(require("../../bpk-component-button"));
-var _BpkGraphicPromoModule = _interopRequireDefault(require("./BpkGraphicPromo.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/*
- * 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.
- */
-
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkGraphicPromoModule.default);
-const ACCESSIBILITY_KEYS = {
-  Enter: 13 /* Enter */,
-  Space: 32 /* Space */
-};
-
-const isAccessibilityClick = event => Object.keys(ACCESSIBILITY_KEYS).includes(event.key) || Object.values(ACCESSIBILITY_KEYS).includes(event.keyCode || event.which);
-const TEXT_ALIGN = {
-  start: 'start',
-  center: 'center',
-  end: 'end'
-};
-exports.TEXT_ALIGN = TEXT_ALIGN;
-const constructAriaLabel = ({
-  buttonText,
-  headline,
-  sponsor,
-  subheading,
-  tagline
-}) => {
-  const text = [];
-  const addText = value => value && text.push(value);
-  if (sponsor) {
-    addText(sponsor.label);
-    addText(sponsor.altText);
-  } else {
-    addText(tagline);
-  }
-  addText(headline);
-  addText(subheading);
-  addText(buttonText);
-  return text.join('. ');
-};
-const BpkGraphicPromo = ({
-  buttonText,
-  className = null,
-  contentId,
-  headline,
-  invertVertically = false,
-  onClick,
-  sponsor = null,
-  style = {},
-  subheading = null,
-  tagline = null,
-  textAlign
-}) => {
-  // FIXME: Use useCallback() here when React is updated.
-  const onClickWrapper = event => {
-    event.stopPropagation();
-    onClick();
-  };
-  const onKeyWrapper = event => isAccessibilityClick(event) && onClick();
-  const cardClasses = getClassName('bpk-card', 'bpk-graphic-promo', className);
-  const containerClasses = getClassName('bpk-graphic-promo__container', `bpk-graphic-promo__container--${textAlign}`, invertVertically && 'bpk-graphic-promo__container--inverted');
-  const getTextClasses = baseClass => getClassName(baseClass, `${baseClass}--${textAlign}`);
-  return (
-    /*#__PURE__*/
-    // The card appears as a single component for the screen reader; its children are hidden. The card handles mouse
-    // clicks and key presses (Enter/Space) for the whole component, as described here:
-    // https://developer.mozilla.org/en-US/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets
-    (0, _jsxRuntime.jsx)("div", {
-      id: contentId || '',
-      className: cardClasses,
-      style: style,
-      role: "link",
-      "aria-label": constructAriaLabel({
-        buttonText,
-        headline,
-        sponsor,
-        subheading,
-        tagline
-      }),
-      tabIndex: 0,
-      onClick: onClickWrapper,
-      onKeyDown: onKeyWrapper,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        id: contentId && `${contentId}__content` || '',
-        className: containerClasses,
-        "aria-hidden": true,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: getTextClasses('bpk-graphic-promo__sponsor-content'),
-          children: sponsor && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
-              tagName: "span",
-              className: getClassName('bpk-graphic-promo__sponsor-label'),
-              children: sponsor.label
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-              className: getClassName('bpk-graphic-promo__sponsor-logo'),
-              alt: sponsor.altText,
-              src: sponsor.logo
-            })]
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: getTextClasses('bpk-graphic-promo__promo-content'),
-          children: [!sponsor && tagline && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
-            tagName: "span",
-            className: getClassName('bpk-graphic-promo__tagline'),
-            children: tagline
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
-            tagName: "h2",
-            className: getClassName('bpk-graphic-promo__headline'),
-            children: headline
-          }), subheading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
-            tagName: "p",
-            className: getClassName('bpk-graphic-promo__subheading'),
-            children: subheading
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentButton.default, {
-            primaryOnDark: true,
-            className: getClassName('bpk-graphic-promo__cta'),
-            onClick: onClickWrapper,
-            tabIndex: -1 /* button is not focusable for accessibility */,
-            children: buttonText
-          })]
-        })]
-      })
-    })
-  );
-};
-var _default = BpkGraphicPromo;
-exports.default = _default;