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

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

@@ -1,27 +1,22 @@
-"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
-});
-Object.defineProperty(exports, "BpkDescriptionDetails", {
-  enumerable: true,
-  get: function () {
-    return _BpkDescriptionDetails.default;
-  }
-});
-Object.defineProperty(exports, "BpkDescriptionList", {
-  enumerable: true,
-  get: function () {
-    return _BpkDescriptionList.default;
-  }
-});
-Object.defineProperty(exports, "BpkDescriptionTerm", {
-  enumerable: true,
-  get: function () {
-    return _BpkDescriptionTerm.default;
-  }
-});
-var _BpkDescriptionList = _interopRequireDefault(require("./src/BpkDescriptionList"));
-var _BpkDescriptionTerm = _interopRequireDefault(require("./src/BpkDescriptionTerm"));
-var _BpkDescriptionDetails = _interopRequireDefault(require("./src/BpkDescriptionDetails"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import BpkDescriptionList from "./src/BpkDescriptionList";
+import BpkDescriptionTerm from "./src/BpkDescriptionTerm";
+import BpkDescriptionDetails from "./src/BpkDescriptionDetails";
+export { BpkDescriptionList, BpkDescriptionTerm, BpkDescriptionDetails };

package/bpk-component-description-list/src/BpkDescriptionDetails.js

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

package/bpk-component-description-list/src/BpkDescriptionList.js

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

package/bpk-component-description-list/src/BpkDescriptionTerm.js

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

package/bpk-component-description-list/src/ComponentFactory.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 _BpkDescriptionListModule = _interopRequireDefault(require("./BpkDescriptionList.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -26,40 +15,35 @@ const _excluded = ["children", "className"];
  * 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)(_BpkDescriptionListModule.default);
+
+import PropTypes from 'prop-types';
+import { cssModules } from "../../bpk-react-utils";
+import STYLES from "./BpkDescriptionList.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 const buildComponent = (TagName, baseClassName) => {
-  const Component = _ref => {
-    let {
-        children,
-        className
-      } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
+  const Component = ({
+    children,
+    className,
+    ...rest
+  }) => {
     const classNames = [getClassName(baseClassName)];
     if (className) {
       classNames.push(className);
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(TagName, _objectSpread(_objectSpread({
-      className: classNames.join(' ')
-    }, rest), {}, {
+    return /*#__PURE__*/_jsx(TagName, {
+      className: classNames.join(' '),
+      ...rest,
       children: children
-    }));
+    });
   };
   Component.propTypes = {
-    children: _propTypes.default.node.isRequired,
-    className: _propTypes.default.string
+    children: PropTypes.node.isRequired,
+    className: PropTypes.string
   };
   Component.defaultProps = {
     className: null
   };
   return Component;
 };
-var _default = buildComponent;
-exports.default = _default;
+export default buildComponent;

package/bpk-component-dialog/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "HEADER_ICON_TYPES", {
-  enumerable: true,
-  get: function () {
-    return _commonTypes.HEADER_ICON_TYPES;
-  }
-});
-exports.default = void 0;
-var _BpkDialog = _interopRequireDefault(require("./src/BpkDialog"));
-var _commonTypes = require("./src/common-types");
-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 = _BpkDialog.default;
-exports.default = _default;
+
+import BpkDialog from "./src/BpkDialog";
+import { HEADER_ICON_TYPES } from "./src/common-types";
+export default BpkDialog;
+export { HEADER_ICON_TYPES };

package/bpk-component-dialog/src/BpkDialog.js

@@ -1,16 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _bpkComponentCloseButton = _interopRequireDefault(require("../../bpk-component-close-button"));
-var _BpkDialogInner = _interopRequireDefault(require("./BpkDialogInner"));
-var _commonTypes = require("./common-types");
-var _BpkDialogModule = _interopRequireDefault(require("./BpkDialog.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "closeLabel", "dismissible", "headerIcon", "headerIconType", "isOpen", "onClose", "renderTarget"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -28,51 +15,49 @@ const _excluded = ["children", "closeLabel", "dismissible", "headerIcon", "heade
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
+import { cssModules, Portal } from "../../bpk-react-utils";
 // @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)(_BpkDialogModule.default);
-const BpkDialog = _ref => {
-  let {
-      children,
-      closeLabel = '',
-      dismissible = true,
-      headerIcon = null,
-      headerIconType = _commonTypes.HEADER_ICON_TYPES.primary,
-      isOpen,
-      onClose = () => {},
-      renderTarget = () => null
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+import BpkCloseButton from "../../bpk-component-close-button";
+import BpkDialogInner from "./BpkDialogInner";
+import { HEADER_ICON_TYPES } from "./common-types";
+import STYLES from "./BpkDialog.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
+const BpkDialog = ({
+  children,
+  closeLabel = '',
+  dismissible = true,
+  headerIcon = null,
+  headerIconType = HEADER_ICON_TYPES.primary,
+  isOpen,
+  onClose = () => {},
+  renderTarget = () => null,
+  ...rest
+}) => {
   const headerIconClassNames = getClassName('bpk-dialog__icon', `bpk-dialog__icon--${headerIconType}`);
   const closeButtonClassNames = getClassName('bpk-dialog__close-button');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkReactUtils.Portal, {
+  return /*#__PURE__*/_jsx(Portal, {
     isOpen: isOpen,
     onClose: onClose,
     renderTarget: renderTarget,
     closeOnEscPressed: dismissible,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_BpkDialogInner.default, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsxs(BpkDialogInner, {
       onClose: onClose,
       closeOnScrimClick: dismissible,
       containerClassName: getClassName('bpk-dialog__container'),
-      contentClassName: headerIcon ? getClassName('bpk-dialog--with-icon') : undefined
-    }, rest), {}, {
-      children: [headerIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      contentClassName: headerIcon ? getClassName('bpk-dialog--with-icon') : undefined,
+      ...rest,
+      children: [headerIcon && /*#__PURE__*/_jsx("div", {
         className: headerIconClassNames,
         children: headerIcon
-      }), dismissible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCloseButton.default, {
+      }), dismissible && /*#__PURE__*/_jsx(BpkCloseButton, {
         className: closeButtonClassNames,
         label: closeLabel,
         onClick: onClose
       }), children]
-    }))
+    })
   });
 };
-var _default = BpkDialog;
-exports.default = _default;
+export default BpkDialog;

package/bpk-component-dialog/src/BpkDialogInner.js

@@ -1,15 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _bpkScrimUtils = require("../../bpk-scrim-utils");
-var _bpkComponentFlare = require("../../bpk-component-flare");
-var _BpkDialogInnerModule = _interopRequireDefault(require("./BpkDialogInner.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -28,9 +16,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * limitations under the License.
  */
 
+import { TransitionInitialMount, cssModules } from "../../bpk-react-utils";
+import { withScrim } from "../../bpk-scrim-utils";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkDialogInnerModule.default);
+import { BpkContentBubble } from "../../bpk-component-flare";
+import STYLES from "./BpkDialogInner.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 const BpkDialogInner = props => {
   const {
     ariaLabel,
@@ -45,25 +38,24 @@ const BpkDialogInner = props => {
   const classNames = getClassName('bpk-dialog-inner', className);
   const contentClassNames = getClassName('bpk-dialog-inner__content', contentClassName);
   const flareClassNames = getClassName('bpk-dialog-inner__flare', flareClassName);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkReactUtils.TransitionInitialMount, {
+  return /*#__PURE__*/_jsx(TransitionInitialMount, {
     appearClassName: getClassName('bpk-dialog-inner--appear'),
     appearActiveClassName: getClassName('bpk-dialog-inner--appear-active'),
     transitionTimeout: 300,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
+    children: /*#__PURE__*/_jsxs("section", {
       id: id,
       tabIndex: -1,
       role: "dialog",
       "aria-label": ariaLabel,
       className: classNames,
       ref: dialogRef,
-      children: [flare && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentFlare.BpkContentBubble, {
+      children: [flare && /*#__PURE__*/_jsx(BpkContentBubble, {
         className: flareClassNames
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: contentClassNames,
         children: children
       })]
     })
   });
 };
-var _default = (0, _bpkScrimUtils.withScrim)(BpkDialogInner);
-exports.default = _default;
+export default withScrim(BpkDialogInner);

package/bpk-component-dialog/src/common-types.d.ts

@@ -1,21 +1,3 @@
-/*
- * 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 type { ReactNode } from 'react';
 export declare const HEADER_ICON_TYPES: {
     readonly primary: "primary";
@@ -33,7 +15,7 @@ export type DialogInnerProps = {
     flare?: boolean;
     flareClassName?: string;
 };
-export type Props = DialogInnerProps & {
+export type Props = Omit<DialogInnerProps, 'dialogRef'> & {
     dialogRef?: (ref: HTMLElement | null | undefined) => void;
     isOpen: boolean;
     renderTarget?: () => HTMLElement | null;

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

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HEADER_ICON_TYPES = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -22,9 +16,8 @@ exports.HEADER_ICON_TYPES = void 0;
  * limitations under the License.
  */
 
-const HEADER_ICON_TYPES = {
+export const HEADER_ICON_TYPES = {
   primary: 'primary',
   warning: 'warning',
   destructive: 'destructive'
-};
-exports.HEADER_ICON_TYPES = HEADER_ICON_TYPES;
+};

package/bpk-component-drawer/index.js

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

package/bpk-component-drawer/src/BpkDrawer.js

@@ -1,54 +1,34 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = require("react");
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _bpkScrimUtils = require("../../bpk-scrim-utils");
-var _BpkDrawerContent = _interopRequireDefault(require("./BpkDrawerContent"));
-var _BpkDrawerModule = _interopRequireDefault(require("./BpkDrawer.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["isOpen", "onClose", "renderTarget"];
-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)(_BpkDrawerModule.default);
-const BpkScrimDrawerContent = (0, _bpkScrimUtils.withScrim)(_BpkDrawerContent.default);
-class BpkDrawer extends _react.Component {
+/*
+ * 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 PropTypes from 'prop-types';
+import { Component } from 'react';
+import { Portal, cssModules } from "../../bpk-react-utils";
+import { withScrim } from "../../bpk-scrim-utils";
+import BpkDrawerContent from "./BpkDrawerContent";
+import STYLES from "./BpkDrawer.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
+const BpkScrimDrawerContent = withScrim(BpkDrawerContent);
+class BpkDrawer extends Component {
+  static defaultProps = {
+    renderTarget: null
+  };
   constructor() {
     super();
-    _defineProperty(this, "onCloseAnimationComplete", () => {
-      this.props.onClose();
-    });
-    _defineProperty(this, "hide", () => {
-      this.setState({
-        isDrawerShown: false
-      });
-    });
     this.state = {
       isDrawerShown: true
     };
@@ -60,37 +40,41 @@ class BpkDrawer extends _react.Component {
       });
     }
   }
+  onCloseAnimationComplete = () => {
+    this.props.onClose();
+  };
+  hide = () => {
+    this.setState({
+      isDrawerShown: false
+    });
+  };
   render() {
-    const _this$props = this.props,
-      {
-        isOpen,
-        onClose,
-        renderTarget
-      } = _this$props,
-      rest = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      isOpen,
+      onClose,
+      renderTarget,
+      ...rest
+    } = this.props;
     const {
       isDrawerShown
     } = this.state;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkReactUtils.Portal, {
+    return /*#__PURE__*/_jsx(Portal, {
       isOpen: isOpen,
       onClose: this.hide,
       renderTarget: renderTarget,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BpkScrimDrawerContent, _objectSpread({
+      children: /*#__PURE__*/_jsx(BpkScrimDrawerContent, {
         isDrawerShown: isDrawerShown,
         onClose: this.hide,
         onCloseAnimationComplete: this.onCloseAnimationComplete,
-        containerClassName: getClassName('bpk-drawer__container')
-      }, rest))
+        containerClassName: getClassName('bpk-drawer__container'),
+        ...rest
+      })
     });
   }
 }
-_defineProperty(BpkDrawer, "defaultProps", {
-  renderTarget: null
-});
 BpkDrawer.propTypes = {
-  isOpen: _propTypes.default.bool.isRequired,
-  onClose: _propTypes.default.func.isRequired,
-  renderTarget: _propTypes.default.func
+  isOpen: PropTypes.bool.isRequired,
+  onClose: PropTypes.func.isRequired,
+  renderTarget: PropTypes.func
 };
-var _default = BpkDrawer;
-exports.default = _default;
+export default BpkDrawer;