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

package/bpk-component-input/src/BpkClearButton.js

@@ -1,15 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _closeCircle = _interopRequireDefault(require("../../bpk-component-icon/sm/close-circle"));
-var _bpkComponentIcon = require("../../bpk-component-icon");
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _BpkClearButtonModule = _interopRequireDefault(require("./BpkClearButton.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "label", "onClick"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -27,24 +15,21 @@ const _excluded = ["className", "label", "onClick"];
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkClearButtonModule.default);
-const ClearButtonIcon = (0, _bpkComponentIcon.withButtonAlignment)(_closeCircle.default);
-const BpkClearButton = _ref => {
-  let {
-      className,
-      label,
-      onClick
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+import ClearIcon from "../../bpk-component-icon/sm/close-circle";
+import { withButtonAlignment } from "../../bpk-component-icon";
+import { cssModules } from "../../bpk-react-utils";
+import STYLES from "./BpkClearButton.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
+const ClearButtonIcon = withButtonAlignment(ClearIcon);
+const BpkClearButton = ({
+  className,
+  label,
+  onClick,
+  ...rest
+}) => {
   const classNames = [getClassName('bpk-clear-button')];
   if (className) {
     classNames.push(className);
@@ -52,20 +37,19 @@ const BpkClearButton = _ref => {
   return (
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    (0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({
+    _jsx("button", {
       type: "button",
       title: label,
       onClick: onClick,
       "aria-label": label,
-      className: classNames.join(' ')
-    }, rest), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ClearButtonIcon, {
+      className: classNames.join(' '),
+      ...rest,
+      children: /*#__PURE__*/_jsx(ClearButtonIcon, {
         focusable: "false" // prevents focus on IE11
         ,
         className: getClassName('bpk-clear-button__icon')
       })
-    }))
+    })
   );
 };
-var _default = BpkClearButton;
-exports.default = _default;
+export default BpkClearButton;

package/bpk-component-input/src/BpkInput.js

@@ -1,42 +1,31 @@
-"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 _bpkReactUtils = require("../../bpk-react-utils");
-var _BpkClearButton = _interopRequireDefault(require("./BpkClearButton"));
-var _BpkInputModule = _interopRequireDefault(require("./BpkInput.module.css"));
-var _commonTypes = require("./common-types");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "clearButtonLabel", "clearButtonMode", "docked", "dockedFirst", "dockedLast", "dockedMiddle", "inputRef", "large", "name", "onClear", "valid", "value"];
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
-                                                                                                                                                                                                                                                                                                                                                                                           * Backpack - Skyscanner's Design System
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Copyright 2016 Skyscanner Ltd
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Licensed under the Apache License, Version 2.0 (the "License");
-                                                                                                                                                                                                                                                                                                                                                                                           * you may not use this file except in compliance with the License.
-                                                                                                                                                                                                                                                                                                                                                                                           * You may obtain a copy of the License at
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           *   http://www.apache.org/licenses/LICENSE-2.0
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Unless required by applicable law or agreed to in writing, software
-                                                                                                                                                                                                                                                                                                                                                                                           * distributed under the License is distributed on an "AS IS" BASIS,
-                                                                                                                                                                                                                                                                                                                                                                                           * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-                                                                                                                                                                                                                                                                                                                                                                                           * See the License for the specific language governing permissions and
-                                                                                                                                                                                                                                                                                                                                                                                           * limitations under the License.
-                                                                                                                                                                                                                                                                                                                                                                                           */
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkInputModule.default);
-class BpkInput extends _react.Component {
+import { Component } from 'react';
+import { cssModules } from "../../bpk-react-utils";
+import BpkClearButton from "./BpkClearButton";
+import STYLES from "./BpkInput.module.css";
+import { CLEAR_BUTTON_MODES, defaultProps } from "./common-types";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
+class BpkInput extends Component {
+  static defaultProps = defaultProps;
   constructor(props) {
     super(props);
     this.state = {
@@ -47,23 +36,22 @@ class BpkInput extends _react.Component {
     const classNames = [getClassName('bpk-input')];
     const containerClassNames = [getClassName('bpk-input__container')];
     const clearButtonClassNames = [getClassName('bpk-input__clear-button')];
-    const _this$props = this.props,
-      {
-        className,
-        clearButtonLabel,
-        clearButtonMode,
-        docked,
-        dockedFirst,
-        dockedLast,
-        dockedMiddle,
-        inputRef,
-        large,
-        name,
-        onClear,
-        valid,
-        value
-      } = _this$props,
-      rest = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      className,
+      clearButtonLabel,
+      clearButtonMode,
+      docked,
+      dockedFirst,
+      dockedLast,
+      dockedMiddle,
+      inputRef,
+      large,
+      name,
+      onClear,
+      valid,
+      value,
+      ...rest
+    } = this.props;
 
     // Used as a ref for focussing the input when cleared.
     let ref = null;
@@ -71,7 +59,7 @@ class BpkInput extends _react.Component {
     // Explicit check for false primitive value as undefined is
     // treated as neither valid nor invalid
     const isInvalid = valid === false;
-    const clearable = clearButtonMode && clearButtonMode !== _commonTypes.CLEAR_BUTTON_MODES.never;
+    const clearable = clearButtonMode && clearButtonMode !== CLEAR_BUTTON_MODES.never;
     if (valid) {
       classNames.push(getClassName('bpk-input--valid'));
     } else if (isInvalid) {
@@ -83,7 +71,7 @@ class BpkInput extends _react.Component {
     }
     if (clearable) {
       classNames.push(getClassName('bpk-input--clearable'));
-      if (clearButtonMode === _commonTypes.CLEAR_BUTTON_MODES.always || this.state.persistClearButton) {
+      if (clearButtonMode === CLEAR_BUTTON_MODES.always || this.state.persistClearButton) {
         classNames.push(getClassName('bpk-input--persistent-clearable'));
         clearButtonClassNames.push(getClassName('bpk-input__clear-button--persistent'));
       }
@@ -110,7 +98,7 @@ class BpkInput extends _react.Component {
     const renderedInput =
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    (0, _jsxRuntime.jsx)("input", _objectSpread({
+    _jsx("input", {
       className: classNames.join(' '),
       ref: input => {
         ref = input;
@@ -120,8 +108,9 @@ class BpkInput extends _react.Component {
       },
       "aria-invalid": isInvalid,
       value: value,
-      name: name
-    }, rest));
+      name: name,
+      ...rest
+    });
 
     // When we mouseDown, we should persist the clear button.
     // If we don't do this, then for `clearableWhileEditing` mode the mouseDown on the button will cause the input to lose focus,
@@ -131,9 +120,9 @@ class BpkInput extends _react.Component {
         persistClearButton: true
       });
     };
-    return clearable ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return clearable ? /*#__PURE__*/_jsxs("div", {
       className: containerClassNames.join(' '),
-      children: [renderedInput, value.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkClearButton.default, {
+      children: [renderedInput, value.length > 0 && /*#__PURE__*/_jsx(BpkClearButton, {
         tabIndex: -1,
         label: clearButtonLabel || '',
         onMouseDown: onMouseDown,
@@ -159,6 +148,4 @@ class BpkInput extends _react.Component {
     }) : renderedInput;
   }
 }
-_defineProperty(BpkInput, "defaultProps", _commonTypes.defaultProps);
-var _default = BpkInput;
-exports.default = _default;
+export default BpkInput;

package/bpk-component-input/src/common-types.js

@@ -1,11 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.defaultProps = exports.clearablePropType = exports.INPUT_TYPES = exports.CLEAR_BUTTON_MODES = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -24,22 +16,21 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * limitations under the License.
  */
 
-const CLEAR_BUTTON_MODES = {
+import PropTypes from 'prop-types';
+export const CLEAR_BUTTON_MODES = {
   never: 'never',
   whileEditing: 'whileEditing',
   always: 'always'
 };
-exports.CLEAR_BUTTON_MODES = CLEAR_BUTTON_MODES;
-const INPUT_TYPES = {
+export const INPUT_TYPES = {
   text: 'text',
   email: 'email',
   number: 'number',
   password: 'password',
   tel: 'tel'
 };
-exports.INPUT_TYPES = INPUT_TYPES;
 // TODO - this function should be removed once all input examples have been migrated to TS
-const clearablePropType = (props, propName, componentName) => {
+export const clearablePropType = (props, propName, componentName) => {
   const createError = message => new Error(`Invalid prop \`${propName}\` supplied to \`${componentName}\`. ${message}.`);
   const propBeingChecked = props[propName];
   if (props.clearButtonMode && props.clearButtonMode !== CLEAR_BUTTON_MODES.never) {
@@ -57,26 +48,24 @@ const clearablePropType = (props, propName, componentName) => {
   }
   return null;
 };
-exports.clearablePropType = clearablePropType;
-const propTypes = {
-  id: _propTypes.default.string.isRequired,
-  name: _propTypes.default.string.isRequired,
-  value: _propTypes.default.string.isRequired,
-  type: _propTypes.default.oneOf([INPUT_TYPES.text, INPUT_TYPES.email, INPUT_TYPES.number, INPUT_TYPES.password, INPUT_TYPES.tel]),
-  className: _propTypes.default.string,
-  valid: _propTypes.default.bool,
-  large: _propTypes.default.bool,
-  docked: _propTypes.default.bool,
-  dockedFirst: _propTypes.default.bool,
-  dockedMiddle: _propTypes.default.bool,
-  dockedLast: _propTypes.default.bool,
-  inputRef: _propTypes.default.func,
-  clearButtonMode: _propTypes.default.oneOf(Object.keys(CLEAR_BUTTON_MODES)),
+export const propTypes = {
+  id: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
+  value: PropTypes.string.isRequired,
+  type: PropTypes.oneOf([INPUT_TYPES.text, INPUT_TYPES.email, INPUT_TYPES.number, INPUT_TYPES.password, INPUT_TYPES.tel]),
+  className: PropTypes.string,
+  valid: PropTypes.bool,
+  large: PropTypes.bool,
+  docked: PropTypes.bool,
+  dockedFirst: PropTypes.bool,
+  dockedMiddle: PropTypes.bool,
+  dockedLast: PropTypes.bool,
+  inputRef: PropTypes.func,
+  clearButtonMode: PropTypes.oneOf(Object.keys(CLEAR_BUTTON_MODES)),
   clearButtonLabel: clearablePropType,
   onClear: clearablePropType
 };
-exports.propTypes = propTypes;
-const defaultProps = {
+export const defaultProps = {
   type: INPUT_TYPES.text,
   valid: null,
   large: false,
@@ -88,5 +77,4 @@ const defaultProps = {
   clearButtonMode: CLEAR_BUTTON_MODES.never,
   clearButtonLabel: null,
   onClear: null
-};
-exports.defaultProps = defaultProps;
+};

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

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -21,5 +15,5 @@ exports.default = void 0;
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var _default = ['inputInvalidBorderColor'];
-exports.default = _default;
+
+export default ['inputInvalidBorderColor'];

package/bpk-component-input/src/withOpenEvents.js

@@ -1,39 +1,26 @@
-"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 _bpkReactUtils = require("../../bpk-react-utils");
-var _BpkInputModule = _interopRequireDefault(require("./BpkInput.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "hasTouchSupport", "isOpen", "onBlur", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onOpen", "onTouchEnd"];
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
-                                                                                                                                                                                                                                                                                                                                                                                           * Backpack - Skyscanner's Design System
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Copyright 2016 Skyscanner Ltd
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Licensed under the Apache License, Version 2.0 (the "License");
-                                                                                                                                                                                                                                                                                                                                                                                           * you may not use this file except in compliance with the License.
-                                                                                                                                                                                                                                                                                                                                                                                           * You may obtain a copy of the License at
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           *   http://www.apache.org/licenses/LICENSE-2.0
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Unless required by applicable law or agreed to in writing, software
-                                                                                                                                                                                                                                                                                                                                                                                           * distributed under the License is distributed on an "AS IS" BASIS,
-                                                                                                                                                                                                                                                                                                                                                                                           * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-                                                                                                                                                                                                                                                                                                                                                                                           * See the License for the specific language governing permissions and
-                                                                                                                                                                                                                                                                                                                                                                                           * limitations under the License.
-                                                                                                                                                                                                                                                                                                                                                                                           */
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkInputModule.default);
+import { Component } from 'react';
+import { cssModules, wrapDisplayName } from "../../bpk-react-utils";
+import STYLES from "./BpkInput.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 const KEYCODES = {
   ENTER: 13,
   SPACEBAR: 32
@@ -55,54 +42,65 @@ const withEventHandler = (fn, eventHandler) => e => {
   }
 };
 const withOpenEvents = InputComponent => {
-  class WithOpenEvents extends _react.Component {
+  class WithOpenEvents extends Component {
+    static defaultProps = {
+      // Custom props
+      isOpen: false,
+      hasTouchSupport: !!(typeof window !== 'undefined' && 'ontouchstart' in window),
+      onOpen: null,
+      // Input props
+      onClick: null,
+      onFocus: null,
+      onBlur: null,
+      onTouchEnd: null,
+      onKeyDown: null,
+      onKeyUp: null
+    };
     constructor(props) {
       super(props);
-      _defineProperty(this, "focusCanOpen", void 0);
-      _defineProperty(this, "handleTouchEnd", event => {
-        // preventDefault fixes an issue on Android and iOS in which the popover closes immediately
-        // because a touch event is registered on one of the dates.
-        // We can only run preventDefault when the input is already focused - otherwise it would never set
-        // focus on it, and when closing the modal/popover focus would return to the previously focused
-        // element (which is annoying if it's an autosuggest or another datepicker, for example).
-        if (document && event.target === document.activeElement) {
-          event.preventDefault();
-          if (this.props.onOpen) {
-            this.props.onOpen();
-          }
-        }
-      });
-      _defineProperty(this, "handleFocus", () => {
-        if (this.focusCanOpen && this.props.onOpen) {
-          this.props.onOpen();
-        }
-      });
-      _defineProperty(this, "handleBlur", () => {
-        // If the input loses focus when the target is open, it should not open on a subsequent focus.
-        // Fixes an issue with IE9.
-        if (this.props.isOpen) {
-          this.focusCanOpen = false;
-        } else {
-          this.focusCanOpen = true;
-        }
-      });
       this.focusCanOpen = true;
     }
+    handleTouchEnd = event => {
+      // preventDefault fixes an issue on Android and iOS in which the popover closes immediately
+      // because a touch event is registered on one of the dates.
+      // We can only run preventDefault when the input is already focused - otherwise it would never set
+      // focus on it, and when closing the modal/popover focus would return to the previously focused
+      // element (which is annoying if it's an autosuggest or another datepicker, for example).
+      if (document && event.target === document.activeElement) {
+        event.preventDefault();
+        if (this.props.onOpen) {
+          this.props.onOpen();
+        }
+      }
+    };
+    handleFocus = () => {
+      if (this.focusCanOpen && this.props.onOpen) {
+        this.props.onOpen();
+      }
+    };
+    handleBlur = () => {
+      // If the input loses focus when the target is open, it should not open on a subsequent focus.
+      // Fixes an issue with IE9.
+      if (this.props.isOpen) {
+        this.focusCanOpen = false;
+      } else {
+        this.focusCanOpen = true;
+      }
+    };
     render() {
-      const _this$props = this.props,
-        {
-          className,
-          hasTouchSupport,
-          isOpen,
-          onBlur,
-          onClick,
-          onFocus,
-          onKeyDown,
-          onKeyUp,
-          onOpen,
-          onTouchEnd
-        } = _this$props,
-        rest = _objectWithoutProperties(_this$props, _excluded);
+      const {
+        className,
+        hasTouchSupport,
+        isOpen,
+        onBlur,
+        onClick,
+        onFocus,
+        onKeyDown,
+        onKeyUp,
+        onOpen,
+        onTouchEnd,
+        ...rest
+      } = this.props;
       const classNames = [getClassName('bpk-input--with-open-events')];
       if (className) {
         classNames.push(className);
@@ -123,27 +121,14 @@ const withOpenEvents = InputComponent => {
       // Needed on mobile as some Android devices do not trigger onClick or onTouch when TalkBack is active but do trigger onFocus
       eventHandlers.onFocus = withEventHandler(this.handleFocus, onFocus);
       eventHandlers.onBlur = withEventHandler(this.handleBlur, onBlur);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(InputComponent, _objectSpread(_objectSpread({
-        className: classNames.join(' ')
-      }, eventHandlers), rest));
+      return /*#__PURE__*/_jsx(InputComponent, {
+        className: classNames.join(' '),
+        ...eventHandlers,
+        ...rest
+      });
     }
   }
-  _defineProperty(WithOpenEvents, "displayName", void 0);
-  _defineProperty(WithOpenEvents, "defaultProps", {
-    // Custom props
-    isOpen: false,
-    hasTouchSupport: !!(typeof window !== 'undefined' && 'ontouchstart' in window),
-    onOpen: null,
-    // Input props
-    onClick: null,
-    onFocus: null,
-    onBlur: null,
-    onTouchEnd: null,
-    onKeyDown: null,
-    onKeyUp: null
-  });
-  WithOpenEvents.displayName = (0, _bpkReactUtils.wrapDisplayName)(InputComponent, 'withOpenEvents');
+  WithOpenEvents.displayName = wrapDisplayName(InputComponent, 'withOpenEvents');
   return WithOpenEvents;
 };
-var _default = withOpenEvents;
-exports.default = _default;
+export default withOpenEvents;

package/bpk-component-label/index.js

@@ -1,11 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _BpkLabel = _interopRequireDefault(require("./src/BpkLabel"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -22,6 +14,5 @@ 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 = _BpkLabel.default;
-exports.default = _default;
+ */import BpkLabel from "./src/BpkLabel";
+export default BpkLabel;