@skyscanner/backpack-web 17.1.0-beta.1 → 17.2.0

package/bpk-scrim-utils/src/scroll-utils.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.unlockScroll = exports.unfixBody = exports.storeScroll = exports.restoreScroll = exports.lockScroll = exports.fixBody = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -23,75 +17,99 @@ exports.unlockScroll = exports.unfixBody = exports.storeScroll = exports.restore
  */
 
 let scrollOffset = 0;
-const getWindow = () => typeof window !== 'undefined' ? window : null;
-const getBodyElement = () => typeof document !== 'undefined' && typeof document.body !== 'undefined' ? document.body : null;
+
+const getWindow = () => (typeof window !== 'undefined' ? window : null);
+
+const getBodyElement = () =>
+  typeof document !== 'undefined' && typeof document.body !== 'undefined'
+    ? document.body
+    : null;
+
 const getScrollBarWidth = () => {
   let scrollBarWidth = 0;
+
   const window = getWindow();
   const body = getBodyElement();
+
   if (body === null && window === null) {
     return '';
   }
+
   const bodyIsOverflowing = body.clientWidth < window.innerWidth;
+
   if (bodyIsOverflowing) {
     const scrollDiv = document.createElement('div');
+
     scrollDiv.style.position = 'absolute';
     scrollDiv.style.top = '-9999px';
     scrollDiv.style.width = '50px';
     scrollDiv.style.height = '50px';
     scrollDiv.style.overflow = 'scroll';
+
     body.appendChild(scrollDiv);
     scrollBarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
     body.removeChild(scrollDiv);
   }
+
   return scrollBarWidth === 0 ? '' : `${scrollBarWidth}px`;
 };
-const storeScroll = () => {
+
+export const storeScroll = () => {
   const window = getWindow();
+
   if (window) {
     scrollOffset = window.pageYOffset;
   }
 };
-exports.storeScroll = storeScroll;
-const restoreScroll = () => {
+
+export const restoreScroll = () => {
   const window = getWindow();
+
   if (window) {
     window.scrollTo(0, scrollOffset);
   }
 };
-exports.restoreScroll = restoreScroll;
-const fixBody = () => {
+
+export const fixBody = () => {
   const body = getBodyElement();
+
   if (!body) {
     return;
   }
+
   body.style.position = 'fixed';
 };
-exports.fixBody = fixBody;
-const unfixBody = () => {
+
+export const unfixBody = () => {
   const body = getBodyElement();
+
   if (!body) {
     return;
   }
+
   body.style.position = '';
 };
-exports.unfixBody = unfixBody;
-const lockScroll = () => {
+
+export const lockScroll = () => {
   const body = getBodyElement();
+
   if (!body) {
     return;
   }
+
   const paddingRight = getScrollBarWidth();
+
   body.style.overflow = 'hidden';
   body.style.paddingRight = paddingRight;
 };
-exports.lockScroll = lockScroll;
-const unlockScroll = () => {
+
+export const unlockScroll = () => {
   const body = getBodyElement();
+
   if (!body) {
     return;
   }
+
   body.style.overflow = '';
   body.style.paddingRight = '';
 };
-exports.unlockScroll = unlockScroll;

package/bpk-scrim-utils/src/withScrim.js

@@ -1,138 +1,159 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _a11yFocusScope = _interopRequireDefault(require("a11y-focus-scope"));
-var _a11yFocusStore = _interopRequireDefault(require("a11y-focus-store"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireWildcard(require("react"));
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _BpkScrim = _interopRequireDefault(require("./BpkScrim"));
-var _scrollUtils = require("./scroll-utils");
-var _bpkScrimContentModule = _interopRequireDefault(require("./bpk-scrim-content.module.css"));
-var _customPropTypes = require("./customPropTypes");
-const _excluded = ["closeOnScrimClick", "containerClassName", "getApplicationElement", "isIpad", "isIphone", "onClose"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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); }
-const getClassName = (0, _bpkReactUtils.cssModules)(_bpkScrimContentModule.default);
-const withScrim = WrappedComponent => {
-  class WithScrim extends _react.Component {
-    constructor(...args) {
-      super(...args);
-      _defineProperty(this, "dialogRef", ref => {
-        this.dialogElement = ref;
-      });
-    }
+/*
+ * 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 focusScope from 'a11y-focus-scope';
+import focusStore from 'a11y-focus-store';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+
+import {
+  cssModules,
+  isDeviceIpad,
+  isDeviceIphone,
+  wrapDisplayName,
+} from '../../bpk-react-utils';
+
+import BpkScrim from './BpkScrim';
+import {
+  fixBody,
+  lockScroll,
+  restoreScroll,
+  storeScroll,
+  unfixBody,
+  unlockScroll,
+} from './scroll-utils';
+import STYLES from './bpk-scrim-content.module.scss';
+import { onClosePropType } from './customPropTypes';
+
+const getClassName = cssModules(STYLES);
+
+const withScrim = (WrappedComponent) => {
+  class WithScrim extends Component {
+    static propTypes = {
+      getApplicationElement: PropTypes.func.isRequired,
+      onClose: onClosePropType,
+      isIphone: PropTypes.bool,
+      isIpad: PropTypes.bool,
+      containerClassName: PropTypes.string,
+      closeOnScrimClick: PropTypes.bool,
+    };
+
+    static defaultProps = {
+      onClose: null,
+      isIphone: isDeviceIphone(),
+      isIpad: isDeviceIpad(),
+      containerClassName: null,
+      closeOnScrimClick: true,
+    };
+
     componentDidMount() {
-      const {
-        getApplicationElement,
-        isIpad,
-        isIphone
-      } = this.props;
+      const { getApplicationElement, isIpad, isIphone } = this.props;
       const applicationElement = getApplicationElement();
 
       // iPhones need to have the application element hidden
       // and scrolling stored to prevent some weird display
       // issues from happening.
       if (isIphone && applicationElement) {
-        (0, _scrollUtils.storeScroll)();
+        storeScroll();
         applicationElement.style.display = 'none';
       } else {
         // The method used for `lockScroll` does not prevent scrolling on iPad.
         // On iPad we instead set `position: fixed` on `body` to prevent scrolling
         // and resolve virtual keyboard issues.
         if (isIpad) {
-          (0, _scrollUtils.storeScroll)();
-          (0, _scrollUtils.fixBody)();
+          storeScroll();
+          fixBody();
         } else {
-          (0, _scrollUtils.lockScroll)();
+          lockScroll();
         }
         if (applicationElement) {
           applicationElement.setAttribute('aria-hidden', 'true');
         }
       }
-      _a11yFocusStore.default.storeFocus();
+
+      focusStore.storeFocus();
       if (this.dialogElement) {
-        _a11yFocusScope.default.scopeFocus(this.dialogElement);
+        focusScope.scopeFocus(this.dialogElement);
       }
     }
+
     componentWillUnmount() {
-      const {
-        getApplicationElement,
-        isIpad,
-        isIphone
-      } = this.props;
+      const { getApplicationElement, isIpad, isIphone } = this.props;
       const applicationElement = getApplicationElement();
+
       if (isIphone && applicationElement) {
         applicationElement.style.display = '';
-        (0, _scrollUtils.restoreScroll)();
+        restoreScroll();
       } else {
         if (isIpad) {
-          (0, _scrollUtils.unfixBody)();
-          (0, _scrollUtils.restoreScroll)();
+          unfixBody();
+          restoreScroll();
         } else {
-          (0, _scrollUtils.unlockScroll)();
+          unlockScroll();
         }
         if (applicationElement) {
           applicationElement.removeAttribute('aria-hidden');
         }
       }
-      _a11yFocusScope.default.unscopeFocus();
-      _a11yFocusStore.default.restoreFocus();
+
+      focusScope.unscopeFocus();
+      focusStore.restoreFocus();
     }
+
+    dialogRef = (ref) => {
+      this.dialogElement = ref;
+    };
+
     render() {
-      const _this$props = this.props,
-        {
-          closeOnScrimClick,
-          containerClassName,
-          getApplicationElement,
-          isIpad,
-          isIphone,
-          onClose
-        } = _this$props,
-        rest = _objectWithoutProperties(_this$props, _excluded);
+      const {
+        closeOnScrimClick,
+        containerClassName,
+        getApplicationElement,
+        isIpad,
+        isIphone,
+        onClose,
+        ...rest
+      } = this.props;
+
       const classNames = [getClassName('bpk-scrim-content')];
+
       if (containerClassName) {
         classNames.push(containerClassName);
       }
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classNames.join(' ')
-      }, /*#__PURE__*/_react.default.createElement(_BpkScrim.default, {
-        onClose: closeOnScrimClick ? onClose : null
-      }), /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, rest, {
-        isIphone: isIphone,
-        isIpad: isIpad,
-        dialogRef: this.dialogRef,
-        onClose: onClose
-      })));
+
+      return (
+        <div className={classNames.join(' ')}>
+          <BpkScrim onClose={closeOnScrimClick ? onClose : null} />
+          <WrappedComponent
+            {...rest}
+            isIphone={isIphone}
+            isIpad={isIpad}
+            dialogRef={this.dialogRef}
+            onClose={onClose}
+          />
+        </div>
+      );
     }
   }
-  _defineProperty(WithScrim, "propTypes", {
-    getApplicationElement: _propTypes.default.func.isRequired,
-    onClose: _customPropTypes.onClosePropType,
-    isIphone: _propTypes.default.bool,
-    isIpad: _propTypes.default.bool,
-    containerClassName: _propTypes.default.string,
-    closeOnScrimClick: _propTypes.default.bool
-  });
-  _defineProperty(WithScrim, "defaultProps", {
-    onClose: null,
-    isIphone: (0, _bpkReactUtils.isDeviceIphone)(),
-    isIpad: (0, _bpkReactUtils.isDeviceIpad)(),
-    containerClassName: null,
-    closeOnScrimClick: true
-  });
-  WithScrim.displayName = (0, _bpkReactUtils.wrapDisplayName)(WrappedComponent, 'withScrim');
+
+  WithScrim.displayName = wrapDisplayName(WrappedComponent, 'withScrim');
+
   return WithScrim;
 };
-var _default = withScrim;
-exports.default = _default;
+
+export default withScrim;

package/bpk-theming/README.md

@@ -0,0 +1,41 @@
+# bpk-theming
+
+> Backpack theming utilities.
+
+## Installation
+
+Check the main [Readme](https://github.com/skyscanner/backpack#usage) for a complete installation guide.
+
+## Usage
+
+```js
+import BpkThemeProvider from '@skyscanner/backpack-web/bpk-theming';
+
+import BpkLink, { themeAttributes as linkThemeAttributes } from '@skyscanner/backpack-web/bpk-component-link';
+
+const theme = {
+  linkColor: '#c00',
+  linkHoverColor: '#d00',
+  linkActiveColor: '#a00',
+  linkVisitedColor: '#800',
+};
+
+export default class App extends Component {
+  render() {
+    return (
+      <BpkThemeProvider theme={theme} themeAttributes={[...linkThemeAttributes]}>
+        <BpkLink onClick={() => {}}>Book flight</BpkLink>
+      </BpkThemeProvider>
+    );
+  }
+}
+```
+
+## Props
+
+| Property            | PropType                           | Required         | Default Value |
+| -----------         | ---------------------------------- | ---------------- | ------------- |
+| children            | node                               | true             | -             |
+| themeAttributes     | arrayOf(string)                    | true             | -             |
+| component           | elementType                        | false            | div           |
+| theme               | object                             | false            | null          |

package/bpk-theming/index.js

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

package/bpk-theming/src/BpkThemeProvider.js

@@ -1,26 +1,27 @@
-"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.
+ */
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-const _excluded = ["children", "component", "style", "theme", "themeAttributes"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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 uniq = (arr = []) => {
   const seen = {};
-  return arr.filter(item => {
+  return arr.filter((item) => {
     if (seen.hasOwnProperty[item]) {
       return false;
     }
@@ -28,6 +29,7 @@ const uniq = (arr = []) => {
     return true;
   });
 };
+
 const createStyle = (theme, themeAttributes) => {
   if (!theme) {
     return {};
@@ -35,54 +37,58 @@ const createStyle = (theme, themeAttributes) => {
   const flattenedThemeAttributes = [].concat(...themeAttributes);
   let style = {};
   const missingThemeAttributes = [];
-  flattenedThemeAttributes.forEach(attribute => {
+  flattenedThemeAttributes.forEach((attribute) => {
     if (theme[attribute]) {
-      const cssName = attribute.replace(/([A-Z])/g, variable => `-${variable.toLowerCase()}`).replace(/([0-9])/, variable => `-${variable.toLowerCase()}`);
+      const cssName = attribute
+        .replace(/([A-Z])/g, (variable) => `-${variable.toLowerCase()}`)
+        .replace(/([0-9])/, (variable) => `-${variable.toLowerCase()}`);
       const value = theme[attribute];
       style[`--bpk-${cssName}`] = value;
     } else {
       missingThemeAttributes.push(attribute);
     }
   });
+
   if (missingThemeAttributes.length > 0) {
     style = {};
   }
+
   return style;
 };
-class BpkThemeProvider extends _react.Component {
+
+class BpkThemeProvider extends Component {
   getChildContext() {
-    return {
-      theme: this.props.theme
-    };
+    return { theme: this.props.theme };
   }
+
   render() {
-    const _this$props = this.props,
-      {
-        children,
-        component: WrapperComponent,
-        style: userStyle,
-        theme,
-        themeAttributes
-      } = _this$props,
-      rest = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      children,
+      component: WrapperComponent,
+      style: userStyle,
+      theme,
+      themeAttributes,
+      ...rest
+    } = this.props;
+
     const dedupedThemeAttributes = uniq(themeAttributes);
     const style = createStyle(theme, dedupedThemeAttributes);
-    return /*#__PURE__*/_react.default.createElement(WrapperComponent, _extends({
-      style: _objectSpread(_objectSpread({}, userStyle), style)
-    }, rest), children);
+
+    return (
+      <WrapperComponent style={{ ...userStyle, ...style }} {...rest}>
+        {children}
+      </WrapperComponent>
+    );
   }
 }
+
 BpkThemeProvider.childContextTypes = {
-  theme: _propTypes.default.object // eslint-disable-line react/forbid-prop-types
+  theme: PropTypes.object, // eslint-disable-line react/forbid-prop-types
 };
 
 const themeAttributesPropType = (props, propName, componentName) => {
-  const {
-    theme
-  } = props;
-  let {
-    themeAttributes
-  } = props;
+  const { theme } = props;
+  let { themeAttributes } = props;
   if (!theme) {
     return null;
   }
@@ -93,10 +99,11 @@ const themeAttributesPropType = (props, propName, componentName) => {
   if (!Array.isArray(themeAttributes)) {
     return new Error(`${componentName}: \`themeAttributes\` must be an array.`);
   }
+
   themeAttributes = [].concat(...themeAttributes);
-  const extraneousThemeAttributes = _objectSpread({}, theme);
+  const extraneousThemeAttributes = { ...theme };
   const missingThemeAttributes = [];
-  themeAttributes.forEach(attribute => {
+  themeAttributes.forEach((attribute) => {
     if (theme[attribute]) {
       delete extraneousThemeAttributes[attribute];
     } else {
@@ -105,31 +112,38 @@ const themeAttributesPropType = (props, propName, componentName) => {
   });
   const errors = [];
   if (missingThemeAttributes.length > 0) {
-    errors.push(`${componentName}: To apply theming, the theme prop must include \`${themeAttributes.join(', ')}\` (missing \`${missingThemeAttributes.join(', ')}\`)`);
+    errors.push(
+      `${componentName}: To apply theming, the theme prop must include \`${themeAttributes.join(
+        ', ',
+      )}\` (missing \`${missingThemeAttributes.join(', ')}\`)`,
+    );
   }
   if (Object.keys(extraneousThemeAttributes).length > 0) {
-    errors.push(`${componentName}: Extraneous theme attributes supplied: \`${Object.keys(extraneousThemeAttributes).join(', ')}\`.`);
+    errors.push(
+      `${componentName}: Extraneous theme attributes supplied: \`${Object.keys(
+        extraneousThemeAttributes,
+      ).join(', ')}\`.`,
+    );
   }
   if (errors.length > 0) {
     return new Error(errors.join('\n'));
   }
   return false;
 };
+
 BpkThemeProvider.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  theme: _propTypes.default.object,
-  // eslint-disable-line react/forbid-prop-types
-  themeAttributes: themeAttributesPropType,
-  // eslint-disable-line react/require-default-props
+  children: PropTypes.node.isRequired,
+  theme: PropTypes.object, // eslint-disable-line react/forbid-prop-types
+  themeAttributes: themeAttributesPropType, // eslint-disable-line react/require-default-props
   // (disabled because isRequired is inside the custom validator)
-  component: _propTypes.default.elementType,
-  style: _propTypes.default.object // eslint-disable-line react/forbid-prop-types
+  component: PropTypes.elementType,
+  style: PropTypes.object, // eslint-disable-line react/forbid-prop-types
 };
 
 BpkThemeProvider.defaultProps = {
   theme: null,
   component: 'div',
-  style: null
+  style: null,
 };
-var _default = BpkThemeProvider;
-exports.default = _default;
+
+export default BpkThemeProvider;