@skyscanner/backpack-web 25.8.0 → 25.8.2

package/bpk-component-theme-toggle/src/updateOnThemeChange.js

@@ -1,70 +1,60 @@
-"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 _propTypes = _interopRequireDefault(require("prop-types"));
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
-                                                                                                                                                                                                                                                                                                                                                                                           * Backpack - Skyscanner's Design System
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Copyright 2016 Skyscanner Ltd
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Licensed under the Apache License, Version 2.0 (the "License");
-                                                                                                                                                                                                                                                                                                                                                                                           * you may not use this file except in compliance with the License.
-                                                                                                                                                                                                                                                                                                                                                                                           * You may obtain a copy of the License at
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           *   http://www.apache.org/licenses/LICENSE-2.0
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Unless required by applicable law or agreed to in writing, software
-                                                                                                                                                                                                                                                                                                                                                                                           * distributed under the License is distributed on an "AS IS" BASIS,
-                                                                                                                                                                                                                                                                                                                                                                                           * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-                                                                                                                                                                                                                                                                                                                                                                                           * See the License for the specific language governing permissions and
-                                                                                                                                                                                                                                                                                                                                                                                           * limitations under the License.
-                                                                                                                                                                                                                                                                                                                                                                                           */
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+import { wrapDisplayName } from "../../bpk-react-utils";
+import { getHtmlElement, THEME_CHANGE_EVENT } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
 const updateOnThemeChange = EnhancedComponent => {
-  class UpdateOnThemeChange extends _react.Component {
+  class UpdateOnThemeChange extends Component {
     constructor() {
       super();
-      _defineProperty(this, "onThemeChange", e => {
-        const {
-          theme
-        } = e.detail;
-        this.setState({
-          theme
-        });
-        this.forceUpdate();
-      });
       this.state = {
         theme: null
       };
     }
     componentDidMount() {
-      (0, _utils.getHtmlElement)().addEventListener(_utils.THEME_CHANGE_EVENT, this.onThemeChange, false);
+      getHtmlElement().addEventListener(THEME_CHANGE_EVENT, this.onThemeChange, false);
     }
     componentWillUnmount() {
-      (0, _utils.getHtmlElement)().removeEventListener(_utils.THEME_CHANGE_EVENT, this.onThemeChange, false);
+      getHtmlElement().removeEventListener(THEME_CHANGE_EVENT, this.onThemeChange, false);
     }
+    onThemeChange = e => {
+      const {
+        theme
+      } = e.detail;
+      this.setState({
+        theme
+      });
+      this.forceUpdate();
+    };
     render() {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(EnhancedComponent, _objectSpread({
-        theme: this.state.theme
-      }, this.props));
+      return /*#__PURE__*/_jsx(EnhancedComponent, {
+        theme: this.state.theme,
+        ...this.props
+      });
     }
   }
-  UpdateOnThemeChange.displayName = (0, _bpkReactUtils.wrapDisplayName)(EnhancedComponent, 'updateOnThemeChange');
+  UpdateOnThemeChange.displayName = wrapDisplayName(EnhancedComponent, 'updateOnThemeChange');
   UpdateOnThemeChange.propTypes = {
-    children: _propTypes.default.node.isRequired
+    children: PropTypes.node.isRequired
   };
   return UpdateOnThemeChange;
 };
-var _default = updateOnThemeChange;
-exports.default = _default;
+export default updateOnThemeChange;

package/bpk-component-theme-toggle/src/utils.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getHtmlElement = exports.THEME_CHANGE_EVENT = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -22,6 +16,5 @@ exports.getHtmlElement = exports.THEME_CHANGE_EVENT = void 0;
  * limitations under the License.
  */
 const THEME_CHANGE_EVENT = 'bpkchangetheme';
-exports.THEME_CHANGE_EVENT = THEME_CHANGE_EVENT;
 const getHtmlElement = () => typeof document !== 'undefined' ? document.querySelector('html') : {};
-exports.getHtmlElement = getHtmlElement;
+export { THEME_CHANGE_EVENT, getHtmlElement };

package/bpk-component-ticket/index.js

@@ -1,11 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _BpkTicket = _interopRequireDefault(require("./src/BpkTicket"));
-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 = _BpkTicket.default;
-exports.default = _default;
+ */import BpkTicket from "./src/BpkTicket";
+export default BpkTicket;

package/bpk-component-ticket/src/BpkTicket.js

@@ -1,14 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _BpkTicketModule = _interopRequireDefault(require("./BpkTicket.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "href", "padded", "stub", "stubClassName", "stubProps", "vertical"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -25,84 +14,79 @@ const _excluded = ["children", "className", "href", "padded", "stub", "stubClass
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkTicketModule.default);
+ */import PropTypes from 'prop-types';
+import { cssModules } from "../../bpk-react-utils";
+import STYLES from "./BpkTicket.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 const BpkTicket = props => {
   const {
-      children,
-      className,
-      href,
-      padded,
-      stub,
-      stubClassName,
-      stubProps,
-      vertical
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    children,
+    className,
+    href,
+    padded,
+    stub,
+    stubClassName,
+    stubProps,
+    vertical,
+    ...rest
+  } = props;
   const classNames = getClassName('bpk-ticket', className, vertical && 'bpk-ticket--vertical');
   const mainClassNames = getClassName('bpk-ticket__paper', 'bpk-ticket__main', padded && 'bpk-ticket__main--padded', vertical && 'bpk-ticket__main--vertical', !vertical && 'bpk-ticket__main--horizontal');
   const mainInnerClassNames = getClassName('bpk-ticket__main-inner', vertical && 'bpk-ticket__main-inner--vertical', !vertical && 'bpk-ticket__main-inner--horizontal');
   const stubClassNames = getClassName('bpk-ticket__paper', 'bpk-ticket__stub', stubClassName, padded && 'bpk-ticket__stub--padded', vertical && 'bpk-ticket__stub--vertical', !vertical && 'bpk-ticket__stub--horizontal');
   const stubInnerClassNames = getClassName('bpk-ticket__stub-inner', vertical && 'bpk-ticket__stub-inner--vertical', !vertical && 'bpk-ticket__stub-inner--horizontal');
-  const mainContent = padded ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  const mainContent = padded ? children : /*#__PURE__*/_jsx("div", {
     className: mainInnerClassNames,
     children: children
   });
-  const stubContent = padded ? stub : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  const stubContent = padded ? stub : /*#__PURE__*/_jsx("div", {
     className: stubInnerClassNames,
     children: stub
   });
-  const contents = [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  const contents = [/*#__PURE__*/_jsx("div", {
     className: mainClassNames,
     children: mainContent
   }, "main"),
   /*#__PURE__*/
   // $FlowFixMe[cannot-spread-indexer] - inexact rest. See 'decisions/flowfixme.md'.
-  (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
-    className: stubClassNames
-  }, stubProps), {}, {
+  _jsx("div", {
+    className: stubClassNames,
+    ...stubProps,
     children: stubContent
-  }), "stub")];
+  }, "stub")];
   if (href) {
     return (
       /*#__PURE__*/
       // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-      (0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
+      _jsx("a", {
         href: href,
-        className: classNames
-      }, rest), {}, {
+        className: classNames,
+        ...rest,
         children: contents
-      }))
+      })
     );
   }
   return (
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    _jsx("div", {
       role: "button",
-      className: classNames
-    }, rest), {}, {
+      className: classNames,
+      ...rest,
       children: contents
-    }))
+    })
   );
 };
 BpkTicket.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  stub: _propTypes.default.node.isRequired,
-  className: _propTypes.default.string,
-  href: _propTypes.default.string,
-  padded: _propTypes.default.bool,
-  vertical: _propTypes.default.bool,
-  stubClassName: _propTypes.default.string,
-  stubProps: _propTypes.default.object // eslint-disable-line react/forbid-prop-types
+  children: PropTypes.node.isRequired,
+  stub: PropTypes.node.isRequired,
+  className: PropTypes.string,
+  href: PropTypes.string,
+  padded: PropTypes.bool,
+  vertical: PropTypes.bool,
+  stubClassName: PropTypes.string,
+  stubProps: PropTypes.object // eslint-disable-line react/forbid-prop-types
 };
 
 BpkTicket.defaultProps = {
@@ -113,5 +97,4 @@ BpkTicket.defaultProps = {
   stubClassName: null,
   stubProps: {}
 };
-var _default = BpkTicket;
-exports.default = _default;
+export default BpkTicket;

package/bpk-component-tooltip/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "TOOLTIP_TYPES", {
-  enumerable: true,
-  get: function () {
-    return _constants.TOOLTIP_TYPES;
-  }
-});
-exports.default = void 0;
-var _BpkTooltipPortal = _interopRequireDefault(require("./src/BpkTooltipPortal"));
-var _constants = require("./src/constants");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -30,5 +15,8 @@ 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 = _BpkTooltipPortal.default;
-exports.default = _default;
+
+import BpkTooltipPortal from "./src/BpkTooltipPortal";
+import { TOOLTIP_TYPES } from "./src/constants";
+export default BpkTooltipPortal;
+export { TOOLTIP_TYPES };

package/bpk-component-tooltip/src/BpkTooltip.js

@@ -1,14 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _BpkTooltipModule = _interopRequireDefault(require("./BpkTooltip.module.css"));
-var _constants = require("./constants");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "id", "padded", "type"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -26,53 +15,50 @@ const _excluded = ["children", "className", "id", "padded", "type"];
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 /*
 This is the component for the tooltip that is displayed to users.
 
 The actual component that developers create (i.e. the default export from this package) is BpkTooltipPortal.
 */
-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)(_BpkTooltipModule.default);
-const BpkTooltip = _ref => {
-  let {
-      children,
-      className = null,
-      id,
-      padded = true,
-      type = _constants.TOOLTIP_TYPES.light
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+
+import { TransitionInitialMount, cssModules } from "../../bpk-react-utils";
+import STYLES from "./BpkTooltip.module.css";
+import { ARROW_ID, TOOLTIP_TYPES } from "./constants";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
+const BpkTooltip = ({
+  children,
+  className = null,
+  id,
+  padded = true,
+  type = TOOLTIP_TYPES.light,
+  ...rest
+}) => {
   const classNames = getClassName('bpk-tooltip', className);
-  const innerClassNames = getClassName('bpk-tooltip__inner', type === _constants.TOOLTIP_TYPES.dark && 'bpk-tooltip__inner--dark', padded && 'bpk-tooltip__inner--padded');
-  const arrowClassNames = getClassName('bpk-tooltip__arrow', type === _constants.TOOLTIP_TYPES.dark && 'bpk-tooltip__arrow--dark');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkReactUtils.TransitionInitialMount, {
+  const innerClassNames = getClassName('bpk-tooltip__inner', type === TOOLTIP_TYPES.dark && 'bpk-tooltip__inner--dark', padded && 'bpk-tooltip__inner--padded');
+  const arrowClassNames = getClassName('bpk-tooltip__arrow', type === TOOLTIP_TYPES.dark && 'bpk-tooltip__arrow--dark');
+  return /*#__PURE__*/_jsx(TransitionInitialMount, {
     appearClassName: getClassName('bpk-tooltip--appear'),
     appearActiveClassName: getClassName('bpk-tooltip--appear-active'),
     transitionTimeout: 200,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsxs("section", {
       id: id,
       tabIndex: -1,
       role: "dialog",
-      className: classNames
-    }, rest), {}, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        id: _constants.ARROW_ID,
+      className: classNames,
+      ...rest,
+      children: [/*#__PURE__*/_jsx("span", {
+        id: ARROW_ID,
         "data-popper-arrow": true,
         className: arrowClassNames,
         role: "presentation"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: innerClassNames,
         children: children
       })]
-    }))
+    })
   });
 };
-var _default = BpkTooltip;
-exports.default = _default;
+export default BpkTooltip;