@skyscanner/backpack-web 25.8.0 → 25.8.3

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js

@@ -1,41 +1,32 @@
-"use strict";
+/*
+ * 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.
+ */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _dateFns = require("date-fns");
-var _reactWindow = require("react-window");
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _bpkComponentCalendar = require("../../bpk-component-calendar");
-var _BpkScrollableCalendarGridListModule = _interopRequireDefault(require("./BpkScrollableCalendarGridList.module.css"));
-var _BpkScrollableCalendarGrid = _interopRequireDefault(require("./BpkScrollableCalendarGrid"));
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-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); } /*
-                                                                                                                                                                                                                                                                                                                                                                                           * 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)(_BpkScrollableCalendarGridListModule.default);
+import { Component } from 'react';
+import { startOfDay, startOfMonth } from 'date-fns';
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+import { VariableSizeList as List } from 'react-window';
+import { cssModules } from "../../bpk-react-utils";
+import { CALENDAR_SELECTION_TYPE, DateUtils } from "../../bpk-component-calendar";
+import STYLES from "./BpkScrollableCalendarGridList.module.css";
+import BpkScrollableCalendarGrid from "./BpkScrollableCalendarGrid";
+import { getMonthsArray, getMonthItemHeights } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 
 // The `react-window` API requires the height in pixels to be specified.
 // These constants are here to facilitate calculating the height.
@@ -45,92 +36,97 @@ const BASE_MONTH_ITEM_HEIGHT = 130;
 const COLUMN_COUNT = 7;
 // Most calendar grids have 5 rows:
 const ESTIMATED_MONTH_ITEM_HEIGHT = BASE_MONTH_ITEM_HEIGHT + 5 * ROW_HEIGHT;
-class BpkScrollableCalendarGridList extends _react.Component {
+class BpkScrollableCalendarGridList extends Component {
+  static defaultProps = {
+    // Disabling as the rule doesn't work when types are defined in a different file
+    /* eslint-disable react/default-props-match-prop-types */
+    className: null,
+    focusedDate: null
+  };
   constructor(props) {
     super(props);
-    _defineProperty(this, "outerDiv", void 0);
-    _defineProperty(this, "componentDidMount", () => {
-      this.setComponentHeight();
-      if (typeof document !== 'undefined') {
-        window.addEventListener('resize', this.setComponentHeight);
-        document.addEventListener('orientationchange', this.setComponentHeight);
-        document.addEventListener('fullscreenchange', this.setComponentHeight);
-      }
-    });
-    _defineProperty(this, "componentWillUnmount", () => {
-      if (typeof document !== 'undefined') {
-        window.removeEventListener('resize', this.setComponentHeight);
-        document.removeEventListener('orientationchange', this.setComponentHeight);
-        document.removeEventListener('fullscreenchange', this.setComponentHeight);
-      }
-    });
-    _defineProperty(this, "getHtmlElement", () => typeof document !== 'undefined' ? document.querySelector('html') : {});
-    _defineProperty(this, "getItemSize", index => this.state.monthItemHeights[index] || ESTIMATED_MONTH_ITEM_HEIGHT);
-    _defineProperty(this, "setComponentHeight", () => {
-      const outerNode = this.outerDiv;
-      if (outerNode) {
-        if (outerNode.clientHeight > 0) {
-          const newHeight = outerNode.clientHeight;
-          this.setState({
-            outerHeight: newHeight
-          });
-        }
-      } else {
-        this.setState({
-          outerHeight: ESTIMATED_MONTH_ITEM_HEIGHT
-        });
-      }
-    });
-    _defineProperty(this, "rowRenderer", ({
-      index,
-      style
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: style,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkScrollableCalendarGrid.default, _objectSpread(_objectSpread({
-        onDateClick: this.props.onDateClick
-      }, this.props), {}, {
-        month: this.state.months[index],
-        focusedDate: this.props.focusedDate,
-        preventKeyboardFocus: this.props.preventKeyboardFocus,
-        "aria-hidden": index !== 1,
-        className: getClassName('bpk-scrollable-calendar-grid-list__item')
-      }))
-    }));
-    _defineProperty(this, "calculateOffsetInPixels", numberOfMonths => {
-      // The `react-window` API requires the scroll offset to be provided in pixels.
-      // Here we use the pre-calculated item heights to find the correct pixel offset
-      let result = 0;
-      for (let i = 0; i < numberOfMonths; i += 1) {
-        result += this.getItemSize(i);
-      }
-      return result;
-    });
     this.outerDiv = null;
-    const startDate = (0, _dateFns.startOfDay)((0, _dateFns.startOfMonth)(this.props.minDate));
-    const endDate = (0, _dateFns.startOfDay)((0, _dateFns.startOfMonth)(this.props.maxDate));
-    const monthsCount = _bpkComponentCalendar.DateUtils.differenceInCalendarMonths(endDate, startDate);
-    const months = (0, _utils.getMonthsArray)(startDate, monthsCount);
-    const monthItemHeights = (0, _utils.getMonthItemHeights)(months, props.weekStartsOn, COLUMN_COUNT, ROW_HEIGHT, BASE_MONTH_ITEM_HEIGHT);
+    const startDate = startOfDay(startOfMonth(this.props.minDate));
+    const endDate = startOfDay(startOfMonth(this.props.maxDate));
+    const monthsCount = DateUtils.differenceInCalendarMonths(endDate, startDate);
+    const months = getMonthsArray(startDate, monthsCount);
+    const monthItemHeights = getMonthItemHeights(months, props.weekStartsOn, COLUMN_COUNT, ROW_HEIGHT, BASE_MONTH_ITEM_HEIGHT);
     this.state = {
       months,
       monthItemHeights,
       outerHeight: ESTIMATED_MONTH_ITEM_HEIGHT
     };
   }
+  componentDidMount = () => {
+    this.setComponentHeight();
+    if (typeof document !== 'undefined') {
+      window.addEventListener('resize', this.setComponentHeight);
+      document.addEventListener('orientationchange', this.setComponentHeight);
+      document.addEventListener('fullscreenchange', this.setComponentHeight);
+    }
+  };
+  componentWillUnmount = () => {
+    if (typeof document !== 'undefined') {
+      window.removeEventListener('resize', this.setComponentHeight);
+      document.removeEventListener('orientationchange', this.setComponentHeight);
+      document.removeEventListener('fullscreenchange', this.setComponentHeight);
+    }
+  };
+  getHtmlElement = () => typeof document !== 'undefined' ? document.querySelector('html') : {};
+  getItemSize = index => this.state.monthItemHeights[index] || ESTIMATED_MONTH_ITEM_HEIGHT;
+  setComponentHeight = () => {
+    const outerNode = this.outerDiv;
+    if (outerNode) {
+      if (outerNode.clientHeight > 0) {
+        const newHeight = outerNode.clientHeight;
+        this.setState({
+          outerHeight: newHeight
+        });
+      }
+    } else {
+      this.setState({
+        outerHeight: ESTIMATED_MONTH_ITEM_HEIGHT
+      });
+    }
+  };
+  rowRenderer = ({
+    index,
+    style
+  }) => /*#__PURE__*/_jsx("div", {
+    style: style,
+    children: /*#__PURE__*/_jsx(BpkScrollableCalendarGrid, {
+      onDateClick: this.props.onDateClick,
+      ...this.props,
+      month: this.state.months[index],
+      focusedDate: this.props.focusedDate,
+      preventKeyboardFocus: this.props.preventKeyboardFocus,
+      "aria-hidden": index !== 1,
+      className: getClassName('bpk-scrollable-calendar-grid-list__item')
+    })
+  });
+  calculateOffsetInPixels = numberOfMonths => {
+    // The `react-window` API requires the scroll offset to be provided in pixels.
+    // Here we use the pre-calculated item heights to find the correct pixel offset
+    let result = 0;
+    for (let i = 0; i < numberOfMonths; i += 1) {
+      result += this.getItemSize(i);
+    }
+    return result;
+  };
   render() {
     const {
       focusedDate,
       minDate,
       selectionConfiguration
     } = this.props;
-    const date = selectionConfiguration?.type === _bpkComponentCalendar.CALENDAR_SELECTION_TYPE.single ? selectionConfiguration?.date : selectionConfiguration?.startDate;
+    const date = selectionConfiguration?.type === CALENDAR_SELECTION_TYPE.single ? selectionConfiguration?.date : selectionConfiguration?.startDate;
     const selectedDate = focusedDate || date;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: getClassName('bpk-scrollable-calendar-grid-list', this.props.className),
       ref: div => {
         this.outerDiv = div;
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactWindow.VariableSizeList, {
+      children: /*#__PURE__*/_jsx(List, {
         extraData: this.props,
         style: this.getHtmlElement().dir === 'rtl' ? {
           direction: 'rtl'
@@ -142,17 +138,10 @@ class BpkScrollableCalendarGridList extends _react.Component {
         itemCount: this.state.months.length,
         rowCount: this.state.months.length,
         overscanCount: 1,
-        initialScrollOffset: this.calculateOffsetInPixels(selectedDate ? _bpkComponentCalendar.DateUtils.differenceInCalendarMonths(selectedDate, minDate) : 0),
+        initialScrollOffset: this.calculateOffsetInPixels(selectedDate ? DateUtils.differenceInCalendarMonths(selectedDate, minDate) : 0),
         children: this.rowRenderer
       })
     });
   }
 }
-_defineProperty(BpkScrollableCalendarGridList, "defaultProps", {
-  // Disabling as the rule doesn't work when types are defined in a different file
-  /* eslint-disable react/default-props-match-prop-types */
-  className: null,
-  focusedDate: null
-});
-var _default = BpkScrollableCalendarGridList;
-exports.default = _default;
+export default BpkScrollableCalendarGridList;

package/bpk-component-scrollable-calendar/src/utils.js

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMonthsArray = exports.getMonthItemHeights = void 0;
-var _bpkComponentCalendar = require("../../bpk-component-calendar");
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -23,25 +16,25 @@ var _bpkComponentCalendar = require("../../bpk-component-calendar");
  * limitations under the License.
  */
 
+import { DateUtils } from "../../bpk-component-calendar";
 const getMonthsArray = (startDate, count) => {
   const months = [];
   for (let i = 0; i < count + 1; i += 1) {
-    months.push(_bpkComponentCalendar.DateUtils.addMonths(startDate, i));
+    months.push(DateUtils.addMonths(startDate, i));
   }
   return months;
 };
 
 // Here we calculate the height of each calendar grid item in pixels, as the `react-window` API
 // requires that these are provided so that they can be efficiently rendered.
-exports.getMonthsArray = getMonthsArray;
 const getMonthItemHeights = (months, weekStartsOn, columnCount, rowHeight, baseMonthItemHeight) => {
   const monthItemHeights = months.map(month => {
     const firstDayOffset = (month.getDay() + 7 - weekStartsOn) % 7;
-    const monthLength = _bpkComponentCalendar.DateUtils.daysInMonth(month.getFullYear(), month.getMonth());
+    const monthLength = DateUtils.daysInMonth(month.getFullYear(), month.getMonth());
     const calendarGridSpaces = firstDayOffset + monthLength;
     const rowCount = Math.ceil(calendarGridSpaces / columnCount);
     return baseMonthItemHeight + rowHeight * rowCount;
   });
   return monthItemHeights;
 };
-exports.getMonthItemHeights = getMonthItemHeights;
+export { getMonthsArray, getMonthItemHeights };

package/bpk-component-scrollable-calendar/test-utils.js

@@ -1,11 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.weekDaysMoreWeekend = exports.weekDaysJapanese = exports.weekDaysArabic = exports.weekDays = exports.formatMonthJapanese = exports.formatMonthArabic = exports.formatMonth = exports.formatDateFullJapanese = exports.formatDateFullArabic = exports.formatDateFull = void 0;
-var _format = _interopRequireDefault(require("date-fns/format"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -24,33 +16,28 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * limitations under the License.
  */
 
-const formatDateFull = date => (0, _format.default)(date, 'EEEE, do MMMM yyyy');
-exports.formatDateFull = formatDateFull;
-const formatDateFullArabic = date => {
+import format from 'date-fns/format';
+export const formatDateFull = date => format(date, 'EEEE, do MMMM yyyy');
+export const formatDateFullArabic = date => {
   const dateString = 'EEEE, dd، MMMM، yyyy';
   const newString = dateString.replace('yyyy', `${date.getUTCFullYear()}`);
-  return (0, _format.default)(date, newString);
+  return format(date, newString);
 };
-exports.formatDateFullArabic = formatDateFullArabic;
-const formatDateFullJapanese = date => {
+export const formatDateFullJapanese = date => {
   const dateString = 'Y年M月d日EEEE';
   const newString = dateString.replace('Y', `${date.getUTCFullYear()}`);
-  return (0, _format.default)(date, newString);
+  return format(date, newString);
 };
-exports.formatDateFullJapanese = formatDateFullJapanese;
-const formatMonth = date => (0, _format.default)(date, 'MMMM yyyy');
-exports.formatMonth = formatMonth;
-const formatMonthArabic = date => {
+export const formatMonth = date => format(date, 'MMMM yyyy');
+export const formatMonthArabic = date => {
   const months = ['يناير', 'فبراير', 'مارس', 'أبريل', 'مايو', 'يونيو', 'يوليو', 'أغسطس', 'سبتمبر', 'أكتوبر', 'نوفمبر', 'ديسمبر'];
   return `${months[date.getMonth()]} ${date.getFullYear()}`;
 };
-exports.formatMonthArabic = formatMonthArabic;
-const formatMonthJapanese = date => {
+export const formatMonthJapanese = date => {
   const months = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'];
   return `${date.getFullYear()}年${months[date.getMonth()]}`;
 };
-exports.formatMonthJapanese = formatMonthJapanese;
-const weekDays = [{
+export const weekDays = [{
   name: 'Sunday',
   nameAbbr: 'Sun',
   index: 0,
@@ -86,8 +73,7 @@ const weekDays = [{
   index: 6,
   isWeekend: true
 }];
-exports.weekDays = weekDays;
-const weekDaysMoreWeekend = [{
+export const weekDaysMoreWeekend = [{
   name: 'Sunday',
   nameAbbr: 'Sun',
   index: 0,
@@ -123,8 +109,7 @@ const weekDaysMoreWeekend = [{
   index: 6,
   isWeekend: true
 }];
-exports.weekDaysMoreWeekend = weekDaysMoreWeekend;
-const weekDaysArabic = [{
+export const weekDaysArabic = [{
   name: 'الأحد',
   nameAbbr: 'الأحد',
   nameShort: 'الأحد',
@@ -174,8 +159,7 @@ const weekDaysArabic = [{
   cldrKey: 'sat',
   isWeekend: true
 }];
-exports.weekDaysArabic = weekDaysArabic;
-const weekDaysJapanese = [{
+export const weekDaysJapanese = [{
   name: '日曜日',
   nameAbbr: '日',
   nameShort: '日',
@@ -224,5 +208,4 @@ const weekDaysJapanese = [{
   index: 6,
   cldrKey: 'sat',
   isWeekend: true
-}];
-exports.weekDaysJapanese = weekDaysJapanese;
+}];

package/bpk-component-section-header/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SECTION_TYPES", {
-  enumerable: true,
-  get: function () {
-    return _BpkSectionHeader.SECTION_TYPES;
-  }
-});
-exports.default = void 0;
-var _BpkSectionHeader = _interopRequireWildcard(require("./src/BpkSectionHeader"));
-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
  *
@@ -30,5 +15,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var _default = _BpkSectionHeader.default;
-exports.default = _default;
+
+import BpkSectionHeader, { SECTION_TYPES } from "./src/BpkSectionHeader";
+export default BpkSectionHeader;
+export { SECTION_TYPES };

package/bpk-component-section-header/src/BpkSectionHeader.js

@@ -1,14 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SECTION_TYPES = void 0;
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _bpkComponentText = _interopRequireDefault(require("../../bpk-component-text"));
-var _BpkSectionHeaderModule = _interopRequireDefault(require("./BpkSectionHeader.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -27,29 +16,32 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * limitations under the License.
  */
 
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkSectionHeaderModule.default);
-const SECTION_TYPES = {
+import { cssModules } from "../../bpk-react-utils";
+import BpkText from "../../bpk-component-text";
+import STYLES from "./BpkSectionHeader.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
+export const SECTION_TYPES = {
   default: 'default',
   onDark: 'on-dark'
 };
-exports.SECTION_TYPES = SECTION_TYPES;
 const BpkSectionHeader = ({
   button,
   description,
   title,
   type = SECTION_TYPES.default
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+}) => /*#__PURE__*/_jsxs("div", {
   className: getClassName('bpk-section-header'),
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  children: [/*#__PURE__*/_jsxs("div", {
     className: getClassName('bpk-section-header__title-description', `bpk-section-header__title-description--${type}`),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
+    children: [/*#__PURE__*/_jsx(BpkText, {
       tagName: "h2",
       className: getClassName('bpk-section-header__title'),
       children: title
-    }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
+    }), description && /*#__PURE__*/_jsx(BpkText, {
       children: description
     })]
   }), button]
 });
-var _default = BpkSectionHeader;
-exports.default = _default;
+export default BpkSectionHeader;

package/bpk-component-section-list/index.js

@@ -1,25 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BpkSectionListItem", {
-  enumerable: true,
-  get: function () {
-    return _BpkSectionListItem.default;
-  }
-});
-Object.defineProperty(exports, "BpkSectionListSection", {
-  enumerable: true,
-  get: function () {
-    return _BpkSectionListSection.default;
-  }
-});
-exports.default = void 0;
-var _BpkSectionList = _interopRequireDefault(require("./src/BpkSectionList"));
-var _BpkSectionListSection = _interopRequireDefault(require("./src/BpkSectionListSection"));
-var _BpkSectionListItem = _interopRequireDefault(require("./src/BpkSectionListItem"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -36,6 +14,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * 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 = _BpkSectionList.default;
-exports.default = _default;
+ */import BpkSectionList from "./src/BpkSectionList";
+import BpkSectionListSection from "./src/BpkSectionListSection";
+import BpkSectionListItem from "./src/BpkSectionListItem";
+export default BpkSectionList;
+export { BpkSectionListSection, BpkSectionListItem };

package/bpk-component-section-list/src/BpkSectionList.js

@@ -1,12 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -23,26 +14,19 @@ const _excluded = ["children"];
  * 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.
- */
-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; }
+ */import PropTypes from 'prop-types';
+import { jsx as _jsx } from "react/jsx-runtime";
 const BpkSectionList = props => {
   const {
-      children
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("section", _objectSpread(_objectSpread({}, rest), {}, {
+    children,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_jsx("section", {
+    ...rest,
     children: children
-  }));
+  });
 };
 BpkSectionList.propTypes = {
-  children: _propTypes.default.node.isRequired
+  children: PropTypes.node.isRequired
 };
-var _default = BpkSectionList;
-exports.default = _default;
+export default BpkSectionList;