@skyscanner/backpack-web 25.7.0-beta.2 → 25.8.0

package/bpk-component-infinite-scroll/index.js

@@ -1,3 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ArrayDataSource", {
+  enumerable: true,
+  get: function () {
+    return _DataSource.ArrayDataSource;
+  }
+});
+Object.defineProperty(exports, "DataSource", {
+  enumerable: true,
+  get: function () {
+    return _DataSource.default;
+  }
+});
+exports.default = void 0;
+var _withInfiniteScroll = _interopRequireDefault(require("./src/withInfiniteScroll"));
+var _DataSource = _interopRequireWildcard(require("./src/DataSource"));
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,6 +37,6 @@
  * 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 withInfiniteScroll from "./src/withInfiniteScroll";
-export { default as DataSource, ArrayDataSource } from "./src/DataSource";
-export default withInfiniteScroll;
+ */
+var _default = _withInfiniteScroll.default;
+exports.default = _default;

package/bpk-component-infinite-scroll/src/DataSource.js

@@ -1,3 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ArrayDataSource = void 0;
+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
  *
@@ -16,6 +25,11 @@
  * limitations under the License.
  */class DataSource {
   constructor() {
+    _defineProperty(this, "listeners", void 0);
+    _defineProperty(this, "triggerListeners", void 0);
+    _defineProperty(this, "triggerListeners", (...args) => {
+      this.listeners.forEach(cb => cb(...args));
+    });
     this.listeners = [];
   }
 
@@ -38,13 +52,11 @@
     }
     return false;
   }
-  triggerListeners = (...args) => {
-    this.listeners.forEach(cb => cb(...args));
-  };
 }
-export class ArrayDataSource extends DataSource {
+class ArrayDataSource extends DataSource {
   constructor(elementsArray) {
     super();
+    _defineProperty(this, "elements", void 0);
     this.elements = elementsArray;
   }
   fetchItems(index, nElements) {
@@ -67,4 +79,6 @@ export class ArrayDataSource extends DataSource {
     this.triggerListeners();
   }
 }
-export default DataSource;
+exports.ArrayDataSource = ArrayDataSource;
+var _default = DataSource;
+exports.default = _default;

package/bpk-component-infinite-scroll/src/intersection-observer.js

@@ -1,3 +1,5 @@
+"use strict";
+
 /*
  * Backpack - Skyscanner's Design System
  *

package/bpk-component-infinite-scroll/src/withInfiniteScroll.js

@@ -1,40 +1,51 @@
-/*
- * 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';
-import PropTypes from 'prop-types';
-import omit from 'lodash/omit';
-import extend from 'lodash/extend';
-import { cssModules } from "../../bpk-react-utils";
-import "./intersection-observer";
-import DataSource from "./DataSource";
-import STYLES from "./withInfiniteScroll.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const getClassNames = cssModules(STYLES);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _omit = _interopRequireDefault(require("lodash/omit"));
+var _extend = _interopRequireDefault(require("lodash/extend"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+require("./intersection-observer");
+var _DataSource = _interopRequireDefault(require("./DataSource"));
+var _withInfiniteScrollModule = _interopRequireDefault(require("./withInfiniteScroll.module.css"));
+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.
+                                                                                                                                                                                                                                                                                                                                                                                           */
+const getClassNames = (0, _bpkReactUtils.cssModules)(_withInfiniteScrollModule.default);
 const propTypes = {
-  initiallyLoadedElements: PropTypes.number,
-  elementsPerScroll: PropTypes.number,
-  dataSource: PropTypes.instanceOf(DataSource).isRequired,
-  loaderIntersectionTrigger: PropTypes.oneOf(['small', 'half', 'full']),
-  onScroll: PropTypes.func,
-  onScrollFinished: PropTypes.func,
-  renderLoadingComponent: PropTypes.func,
-  renderSeeMoreComponent: PropTypes.func,
-  seeMoreAfter: PropTypes.number
+  initiallyLoadedElements: _propTypes.default.number,
+  elementsPerScroll: _propTypes.default.number,
+  dataSource: _propTypes.default.instanceOf(_DataSource.default).isRequired,
+  loaderIntersectionTrigger: _propTypes.default.oneOf(['small', 'half', 'full']),
+  onScroll: _propTypes.default.func,
+  onScrollFinished: _propTypes.default.func,
+  renderLoadingComponent: _propTypes.default.func,
+  renderSeeMoreComponent: _propTypes.default.func,
+  seeMoreAfter: _propTypes.default.number
 };
 const defaultProps = {
   initiallyLoadedElements: 5,
@@ -46,187 +57,188 @@ const defaultProps = {
   renderSeeMoreComponent: null,
   seeMoreAfter: null
 };
-const withInfiniteScroll = ComponentToExtend => class WithInfiniteScroll extends Component {
-  static propTypes = {
-    ...propTypes
-  };
-  static defaultProps = {
-    ...defaultProps
-  };
-  constructor(props) {
-    super(props);
-    this.state = {
-      index: 0,
-      elementsToRender: [],
-      isListFinished: false,
-      showSeeMore: false
-    };
-    this.props.dataSource.onDataChange(this.updateData);
-    const thresholds = {
-      small: 0.01,
-      half: 0.5,
-      full: 0.99 // using 0.99 instead of 1 to avoid problems with float precision in IE11
-    };
+const withInfiniteScroll = ComponentToExtend => {
+  var _class;
+  return _class = class WithInfiniteScroll extends _react.Component {
+    constructor(props) {
+      super(props);
+      _defineProperty(this, "handleIntersection", void 0);
+      _defineProperty(this, "handleKeyPress", void 0);
+      _defineProperty(this, "handleSeeMoreClick", void 0);
+      _defineProperty(this, "observer", void 0);
+      _defineProperty(this, "sentinel", void 0);
+      _defineProperty(this, "updateData", () => {
+        const {
+          index
+        } = this.state;
+        // This means updateData was called before any data was loaded, e.g.
+        // An ArrayDataSource initialized empty and then changed latter on via `updateData`
+        // In this case we want to load new data and not just replace the old one.
+        // "See More After" should also be computed again in this case.
+        const isFirstLoad = index < this.props.elementsPerScroll;
+        this.fetchItems({
+          index: 0,
+          elementsPerScroll: isFirstLoad ? this.props.elementsPerScroll : index,
+          elementsToRender: [],
+          computeShowSeeMore: isFirstLoad
+        }).then(newState => this.setStateAfterDsUpdate(newState));
+      });
+      _defineProperty(this, "handleIntersection", entries => {
+        const {
+          onScroll
+        } = this.props;
+        const entry = entries[0];
+        if (entry.isIntersecting) {
+          if (this.sentinel) {
+            this.observer.unobserve(this.sentinel);
+          }
+          if (onScroll) {
+            onScroll({
+              currentIndex: this.state.index
+            });
+          }
+          return this.fetchItems().then(newState => {
+            this.setState(newState);
+          });
+        }
+        return Promise.resolve();
+      });
+      _defineProperty(this, "handleSeeMoreClick", () => {
+        this.fetchItems().then(newState => {
+          this.setState(newState);
+        });
+      });
+      this.state = {
+        index: 0,
+        elementsToRender: [],
+        isListFinished: false,
+        showSeeMore: false
+      };
+      this.props.dataSource.onDataChange(this.updateData);
+      const thresholds = {
+        small: 0.01,
+        half: 0.5,
+        full: 0.99 // using 0.99 instead of 1 to avoid problems with float precision in IE11
+      };
 
-    const displaySize = this.props.loaderIntersectionTrigger || 'full';
-    this.observer = new IntersectionObserver(this.handleIntersection, {
-      threshold: thresholds[displaySize] || thresholds.full
-    });
-  }
-  componentDidMount() {
-    this.fetchItems({
-      elementsPerScroll: this.props.initiallyLoadedElements
-    }).then(newState => {
-      this.setState(newState);
-    });
-  }
-  componentDidUpdate(prevProps) {
-    if (this.sentinel && this.state.index > 0) {
-      this.observer.observe(this.sentinel);
+      const displaySize = this.props.loaderIntersectionTrigger || 'full';
+      this.observer = new IntersectionObserver(this.handleIntersection, {
+        threshold: thresholds[displaySize] || thresholds.full
+      });
     }
-    if (this.props.dataSource !== prevProps.dataSource) {
-      prevProps.dataSource.removeListener(this.updateData);
-      this.props.dataSource.onDataChange(this.updateData);
+    componentDidMount() {
       this.fetchItems({
-        index: 0,
-        elementsPerScroll: this.props.elementsPerScroll,
-        elementsToRender: []
-      }).then(newState => this.setStateAfterDsUpdate(newState));
-    }
-  }
-  componentWillUnmount() {
-    this.props.dataSource.removeListener(this.updateData);
-    if (this.sentinel) {
-      this.observer.unobserve(this.sentinel);
+        elementsPerScroll: this.props.initiallyLoadedElements
+      }).then(newState => {
+        this.setState(newState);
+      });
     }
-  }
-  setStateAfterDsUpdate(newState) {
-    // After a data source update (calling updateData in the data source or changing the dataSource prop)
-    // all visible data is fetched again (from 0 to current index) to update the list with the new data.
-    // If after this call there is no elementsToRender or index present in state
-    // it means the new data source has no items and we need to
-    // reset the list, which we do by setting `elementsToRender` to `[]` and `index` to `0`
-    const {
-      elementsToRender,
-      index
-    } = newState;
-    this.setState({
-      ...newState,
-      elementsToRender: elementsToRender || [],
-      index: index || 0
-    });
-  }
-  updateData = () => {
-    const {
-      index
-    } = this.state;
-    // This means updateData was called before any data was loaded, e.g.
-    // An ArrayDataSource initialized empty and then changed latter on via `updateData`
-    // In this case we want to load new data and not just replace the old one.
-    // "See More After" should also be computed again in this case.
-    const isFirstLoad = index < this.props.elementsPerScroll;
-    this.fetchItems({
-      index: 0,
-      elementsPerScroll: isFirstLoad ? this.props.elementsPerScroll : index,
-      elementsToRender: [],
-      computeShowSeeMore: isFirstLoad
-    }).then(newState => this.setStateAfterDsUpdate(newState));
-  };
-  fetchItems(config) {
-    const {
-      onScrollFinished,
-      seeMoreAfter
-    } = this.props;
-    const {
-      computeShowSeeMore,
-      elementsPerScroll,
-      elementsToRender,
-      index
-    } = extend({
-      index: this.state.index,
-      elementsPerScroll: this.props.elementsPerScroll,
-      elementsToRender: this.state.elementsToRender,
-      computeShowSeeMore: true
-    }, config);
-    return this.props.dataSource.fetchItems(index, elementsPerScroll).then(nextElements => {
-      let result = {
-        isListFinished: true
-      };
-      if (nextElements && nextElements.length > 0) {
-        const nextIndex = index + elementsPerScroll;
-        result = {
-          index: nextIndex,
-          elementsToRender: (elementsToRender || []).concat(nextElements),
-          showSeeMore: computeShowSeeMore ? seeMoreAfter === index / elementsPerScroll : this.state.showSeeMore,
-          isListFinished: nextElements.length < elementsPerScroll
-        };
+    componentDidUpdate(prevProps) {
+      if (this.sentinel && this.state.index > 0) {
+        this.observer.observe(this.sentinel);
       }
-      if (onScrollFinished && result.isListFinished) {
-        onScrollFinished({
-          totalNumberElements: elementsToRender.length
-        });
+      if (this.props.dataSource !== prevProps.dataSource) {
+        prevProps.dataSource.removeListener(this.updateData);
+        this.props.dataSource.onDataChange(this.updateData);
+        this.fetchItems({
+          index: 0,
+          elementsPerScroll: this.props.elementsPerScroll,
+          elementsToRender: []
+        }).then(newState => this.setStateAfterDsUpdate(newState));
       }
-      return result;
-    });
-  }
-  handleIntersection = entries => {
-    const {
-      onScroll
-    } = this.props;
-    const entry = entries[0];
-    if (entry.isIntersecting) {
+    }
+    componentWillUnmount() {
+      this.props.dataSource.removeListener(this.updateData);
       if (this.sentinel) {
         this.observer.unobserve(this.sentinel);
       }
-      if (onScroll) {
-        onScroll({
-          currentIndex: this.state.index
-        });
-      }
-      return this.fetchItems().then(newState => {
-        this.setState(newState);
+    }
+    setStateAfterDsUpdate(newState) {
+      // After a data source update (calling updateData in the data source or changing the dataSource prop)
+      // all visible data is fetched again (from 0 to current index) to update the list with the new data.
+      // If after this call there is no elementsToRender or index present in state
+      // it means the new data source has no items and we need to
+      // reset the list, which we do by setting `elementsToRender` to `[]` and `index` to `0`
+      const {
+        elementsToRender,
+        index
+      } = newState;
+      this.setState(_objectSpread(_objectSpread({}, newState), {}, {
+        elementsToRender: elementsToRender || [],
+        index: index || 0
+      }));
+    }
+    fetchItems(config) {
+      const {
+        onScrollFinished,
+        seeMoreAfter
+      } = this.props;
+      const {
+        computeShowSeeMore,
+        elementsPerScroll,
+        elementsToRender,
+        index
+      } = (0, _extend.default)({
+        index: this.state.index,
+        elementsPerScroll: this.props.elementsPerScroll,
+        elementsToRender: this.state.elementsToRender,
+        computeShowSeeMore: true
+      }, config);
+      return this.props.dataSource.fetchItems(index, elementsPerScroll).then(nextElements => {
+        let result = {
+          isListFinished: true
+        };
+        if (nextElements && nextElements.length > 0) {
+          const nextIndex = index + elementsPerScroll;
+          result = {
+            index: nextIndex,
+            elementsToRender: (elementsToRender || []).concat(nextElements),
+            showSeeMore: computeShowSeeMore ? seeMoreAfter === index / elementsPerScroll : this.state.showSeeMore,
+            isListFinished: nextElements.length < elementsPerScroll
+          };
+        }
+        if (onScrollFinished && result.isListFinished) {
+          onScrollFinished({
+            totalNumberElements: elementsToRender.length
+          });
+        }
+        return result;
       });
     }
-    return Promise.resolve();
-  };
-  handleSeeMoreClick = () => {
-    this.fetchItems().then(newState => {
-      this.setState(newState);
-    });
-  };
-  render() {
-    const {
-      elementsToRender,
-      isListFinished,
-      showSeeMore
-    } = this.state;
-    const {
-      renderLoadingComponent,
-      renderSeeMoreComponent
-    } = this.props;
-    const rest = omit(this.props, Object.keys(propTypes));
-    let loadingOrButton = null;
-    if (!isListFinished) {
-      if (showSeeMore && renderSeeMoreComponent) {
-        loadingOrButton = renderSeeMoreComponent({
-          onSeeMoreClick: this.handleSeeMoreClick
-        });
-      } else {
-        loadingOrButton = /*#__PURE__*/_jsx("div", {
-          ref: spinner => {
-            this.sentinel = spinner;
-          },
-          className: renderLoadingComponent ? null : getClassNames('bpk-sentinel'),
-          children: renderLoadingComponent && renderLoadingComponent()
-        });
+    render() {
+      const {
+        elementsToRender,
+        isListFinished,
+        showSeeMore
+      } = this.state;
+      const {
+        renderLoadingComponent,
+        renderSeeMoreComponent
+      } = this.props;
+      const rest = (0, _omit.default)(this.props, Object.keys(propTypes));
+      let loadingOrButton = null;
+      if (!isListFinished) {
+        if (showSeeMore && renderSeeMoreComponent) {
+          loadingOrButton = renderSeeMoreComponent({
+            onSeeMoreClick: this.handleSeeMoreClick
+          });
+        } else {
+          loadingOrButton = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            ref: spinner => {
+              this.sentinel = spinner;
+            },
+            className: renderLoadingComponent ? null : getClassNames('bpk-sentinel'),
+            children: renderLoadingComponent && renderLoadingComponent()
+          });
+        }
       }
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentToExtend, _objectSpread(_objectSpread({}, rest), {}, {
+          elements: elementsToRender
+        })), loadingOrButton]
+      });
     }
-    return /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx(ComponentToExtend, {
-        ...rest,
-        elements: elementsToRender
-      }), loadingOrButton]
-    });
-  }
+  }, _defineProperty(_class, "propTypes", _objectSpread({}, propTypes)), _defineProperty(_class, "defaultProps", _objectSpread({}, defaultProps)), _class;
 };
-export default withInfiniteScroll;
+var _default = withInfiniteScroll;
+exports.default = _default;

package/bpk-component-input/index.js

@@ -1,3 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CLEAR_BUTTON_MODES", {
+  enumerable: true,
+  get: function () {
+    return _commonTypes.CLEAR_BUTTON_MODES;
+  }
+});
+Object.defineProperty(exports, "INPUT_TYPES", {
+  enumerable: true,
+  get: function () {
+    return _commonTypes.INPUT_TYPES;
+  }
+});
+exports.default = void 0;
+Object.defineProperty(exports, "defaultProps", {
+  enumerable: true,
+  get: function () {
+    return _commonTypes.defaultProps;
+  }
+});
+Object.defineProperty(exports, "propTypes", {
+  enumerable: true,
+  get: function () {
+    return _commonTypes.propTypes;
+  }
+});
+Object.defineProperty(exports, "themeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.default;
+  }
+});
+Object.defineProperty(exports, "withOpenEvents", {
+  enumerable: true,
+  get: function () {
+    return _withOpenEvents.default;
+  }
+});
+var _BpkInput = _interopRequireDefault(require("./src/BpkInput"));
+var _withOpenEvents = _interopRequireDefault(require("./src/withOpenEvents"));
+var _commonTypes = require("./src/common-types");
+var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,10 +62,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import BpkInput from "./src/BpkInput";
-import withOpenEvents from "./src/withOpenEvents";
-import { propTypes, defaultProps, CLEAR_BUTTON_MODES, INPUT_TYPES } from "./src/common-types";
-import themeAttributes from "./src/themeAttributes";
-export default BpkInput;
-export { propTypes, defaultProps, withOpenEvents, INPUT_TYPES, CLEAR_BUTTON_MODES, themeAttributes };
+var _default = _BpkInput.default;
+exports.default = _default;