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

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

@@ -1,26 +1,3 @@
-"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
  *
@@ -37,6 +14,6 @@ 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 = _withInfiniteScroll.default;
-exports.default = _default;
+ */import withInfiniteScroll from "./src/withInfiniteScroll";
+export { default as DataSource, ArrayDataSource } from "./src/DataSource";
+export default withInfiniteScroll;

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

@@ -1,12 +1,3 @@
-"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
  *
@@ -25,11 +16,6 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
  * 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 = [];
   }
 
@@ -52,11 +38,13 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
     }
     return false;
   }
+  triggerListeners = (...args) => {
+    this.listeners.forEach(cb => cb(...args));
+  };
 }
-class ArrayDataSource extends DataSource {
+export class ArrayDataSource extends DataSource {
   constructor(elementsArray) {
     super();
-    _defineProperty(this, "elements", void 0);
     this.elements = elementsArray;
   }
   fetchItems(index, nElements) {
@@ -79,6 +67,4 @@ class ArrayDataSource extends DataSource {
     this.triggerListeners();
   }
 }
-exports.ArrayDataSource = ArrayDataSource;
-var _default = DataSource;
-exports.default = _default;
+export default DataSource;

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

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

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

@@ -1,51 +1,40 @@
-"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);
+/*
+ * 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);
 const propTypes = {
-  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
+  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
 };
 const defaultProps = {
   initiallyLoadedElements: 5,
@@ -57,188 +46,187 @@ const defaultProps = {
   renderSeeMoreComponent: null,
   seeMoreAfter: null
 };
-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 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 displaySize = this.props.loaderIntersectionTrigger || 'full';
-      this.observer = new IntersectionObserver(this.handleIntersection, {
-        threshold: thresholds[displaySize] || thresholds.full
-      });
+    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);
     }
-    componentDidMount() {
+    if (this.props.dataSource !== prevProps.dataSource) {
+      prevProps.dataSource.removeListener(this.updateData);
+      this.props.dataSource.onDataChange(this.updateData);
       this.fetchItems({
-        elementsPerScroll: this.props.initiallyLoadedElements
-      }).then(newState => {
-        this.setState(newState);
-      });
+        index: 0,
+        elementsPerScroll: this.props.elementsPerScroll,
+        elementsToRender: []
+      }).then(newState => this.setStateAfterDsUpdate(newState));
     }
-    componentDidUpdate(prevProps) {
-      if (this.sentinel && this.state.index > 0) {
-        this.observer.observe(this.sentinel);
+  }
+  componentWillUnmount() {
+    this.props.dataSource.removeListener(this.updateData);
+    if (this.sentinel) {
+      this.observer.unobserve(this.sentinel);
+    }
+  }
+  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
+        };
       }
-      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));
+      if (onScrollFinished && result.isListFinished) {
+        onScrollFinished({
+          totalNumberElements: elementsToRender.length
+        });
       }
-    }
-    componentWillUnmount() {
-      this.props.dataSource.removeListener(this.updateData);
+      return result;
+    });
+  }
+  handleIntersection = entries => {
+    const {
+      onScroll
+    } = this.props;
+    const entry = entries[0];
+    if (entry.isIntersecting) {
       if (this.sentinel) {
         this.observer.unobserve(this.sentinel);
       }
-    }
-    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;
+      if (onScroll) {
+        onScroll({
+          currentIndex: this.state.index
+        });
+      }
+      return this.fetchItems().then(newState => {
+        this.setState(newState);
       });
     }
-    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 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()
+        });
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentToExtend, _objectSpread(_objectSpread({}, rest), {}, {
-          elements: elementsToRender
-        })), loadingOrButton]
-      });
     }
-  }, _defineProperty(_class, "propTypes", _objectSpread({}, propTypes)), _defineProperty(_class, "defaultProps", _objectSpread({}, defaultProps)), _class;
+    return /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx(ComponentToExtend, {
+        ...rest,
+        elements: elementsToRender
+      }), loadingOrButton]
+    });
+  }
 };
-var _default = withInfiniteScroll;
-exports.default = _default;
+export default withInfiniteScroll;

package/bpk-component-input/index.js

@@ -1,50 +1,3 @@
-"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
  *
@@ -62,5 +15,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var _default = _BpkInput.default;
-exports.default = _default;
+
+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 };