@shopgate/pwa-common 7.30.0-alpha.7 → 7.30.0-alpha.8

package/components/Drawer/spec.js

@@ -1 +1,76 @@
-import React from'react';import{mount,shallow}from'enzyme';import Drawer from"./index";jest.mock('@shopgate/engage/a11y/components');describe('<Drawer />',function(){var onOpen=jest.fn();var onClose=jest.fn();var onDidOpen=jest.fn();var onDidClose=jest.fn();beforeEach(function(){jest.clearAllMocks();});it('should render',function(){var wrapper=shallow(React.createElement(Drawer,null));expect(wrapper).toMatchSnapshot();});it('should execute callback when drawer is opened',function(){var wrapper=mount(React.createElement(Drawer,{onOpen:onOpen}));wrapper.setProps({isOpen:true});expect(onOpen).toBeCalled();});it('should execute callback when drawer is closed',function(){var wrapper=mount(React.createElement(Drawer,{isOpen:true,onClose:onClose}));wrapper.setProps({isOpen:false});expect(onClose).toBeCalled();});it('should add custom classes',function(){var wrapper=mount(React.createElement(Drawer,{className:"custom-class-name",isOpen:true}));expect(wrapper).toMatchSnapshot();expect(wrapper.hasClass('custom-class-name')).toEqual(true);});it('should execute callback when drawer open animation did end',function(){var wrapper=mount(React.createElement(Drawer,{className:"custom-class-name",isOpen:false,onOpen:onOpen,onDidOpen:onDidOpen}));expect(wrapper).toMatchSnapshot();wrapper.setProps({isOpen:true});expect(onOpen).toBeCalled();expect(onDidOpen).not.toBeCalled();wrapper.simulate('animationEnd');expect(onDidOpen).toBeCalled();});it('should execute callback when drawer close animation did end',function(){var wrapper=mount(React.createElement(Drawer,{className:"custom-class-name",isOpen:true,onClose:onClose,onDidClose:onDidClose}));expect(wrapper).toMatchSnapshot();wrapper.setProps({isOpen:false});expect(onClose).toBeCalled();expect(onDidClose).not.toBeCalled();wrapper.simulate('animationEnd');expect(onDidClose).toBeCalled();});});
+import React from 'react';
+import { mount, shallow } from 'enzyme';
+import Drawer from "./index";
+jest.mock('@shopgate/engage/a11y/components');
+describe('<Drawer />', () => {
+  const onOpen = jest.fn();
+  const onClose = jest.fn();
+  const onDidOpen = jest.fn();
+  const onDidClose = jest.fn();
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+  it('should render', () => {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(Drawer, null));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it('should execute callback when drawer is opened', () => {
+    const wrapper = mount(/*#__PURE__*/React.createElement(Drawer, {
+      onOpen: onOpen
+    }));
+    wrapper.setProps({
+      isOpen: true
+    });
+    expect(onOpen).toBeCalled();
+  });
+  it('should execute callback when drawer is closed', () => {
+    const wrapper = mount(/*#__PURE__*/React.createElement(Drawer, {
+      isOpen: true,
+      onClose: onClose
+    }));
+    wrapper.setProps({
+      isOpen: false
+    });
+    expect(onClose).toBeCalled();
+  });
+  it('should add custom classes', () => {
+    const wrapper = mount(/*#__PURE__*/React.createElement(Drawer, {
+      className: "custom-class-name",
+      isOpen: true
+    }));
+    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.hasClass('custom-class-name')).toEqual(true);
+  });
+  it('should execute callback when drawer open animation did end', () => {
+    const wrapper = mount(/*#__PURE__*/React.createElement(Drawer, {
+      className: "custom-class-name",
+      isOpen: false,
+      onOpen: onOpen,
+      onDidOpen: onDidOpen
+    }));
+    expect(wrapper).toMatchSnapshot();
+    wrapper.setProps({
+      isOpen: true
+    });
+    expect(onOpen).toBeCalled();
+    expect(onDidOpen).not.toBeCalled();
+    wrapper.simulate('animationEnd');
+    expect(onDidOpen).toBeCalled();
+  });
+  it('should execute callback when drawer close animation did end', () => {
+    const wrapper = mount(/*#__PURE__*/React.createElement(Drawer, {
+      className: "custom-class-name",
+      isOpen: true,
+      onClose: onClose,
+      onDidClose: onDidClose
+    }));
+    expect(wrapper).toMatchSnapshot();
+    wrapper.setProps({
+      isOpen: false
+    });
+    expect(onClose).toBeCalled();
+    expect(onDidClose).not.toBeCalled();
+    wrapper.simulate('animationEnd');
+    expect(onDidClose).toBeCalled();
+  });
+});

package/components/Drawer/style.js

@@ -1 +1,37 @@
-import{css}from'glamor';var duration=150;var easing='ease';var slideInBaseDrawer=css.keyframes({'0%':{transform:'translateY(100%)'},'100%':{transform:'translateY(0)'}});var slideOutBaseDrawer=css.keyframes({'0%':{transform:'translateY(0)'},'100%':{transform:'translateY(100%)'}});var container=css({position:'fixed',bottom:0,left:0,zIndex:5}).toString();var animation={"in":css({animation:"".concat(slideInBaseDrawer," ").concat(duration,"ms 1 forwards ").concat(easing)}).toString(),out:css({animation:"".concat(slideOutBaseDrawer," ").concat(duration,"ms 1 forwards ").concat(easing)}).toString()};export default{container:container,animation:animation};
+import { css } from 'glamor';
+const duration = 150;
+const easing = 'ease';
+const slideInBaseDrawer = css.keyframes({
+  '0%': {
+    transform: 'translateY(100%)'
+  },
+  '100%': {
+    transform: 'translateY(0)'
+  }
+});
+const slideOutBaseDrawer = css.keyframes({
+  '0%': {
+    transform: 'translateY(0)'
+  },
+  '100%': {
+    transform: 'translateY(100%)'
+  }
+});
+const container = css({
+  position: 'fixed',
+  bottom: 0,
+  left: 0,
+  zIndex: 5
+}).toString();
+const animation = {
+  in: css({
+    animation: `${slideInBaseDrawer} ${duration}ms 1 forwards ${easing}`
+  }).toString(),
+  out: css({
+    animation: `${slideOutBaseDrawer} ${duration}ms 1 forwards ${easing}`
+  }).toString()
+};
+export default {
+  container,
+  animation
+};

package/components/Dropdown/index.js

@@ -1,17 +1,76 @@
-function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _extends(){_extends=Object.assign||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 _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=_getPrototypeOf(derived);return _possibleConstructorReturn(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],_getPrototypeOf(_this).constructor):derived.apply(_this,args));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Component}from'react';import PropTypes from'prop-types';import Transition from"../Transition";import styles from"./style";import transitions from"./transitions";/**
+import _extends from "@babel/runtime/helpers/extends";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import Transition from "../Transition";
+import styles from "./style";
+import transitions from "./transitions";
+
+/**
  * This component slides it's child content up or down based on it's isOpen property.
  * @returns {JSX}
- */var Dropdown=/*#__PURE__*/function(_Component){/**
+ */
+class Dropdown extends Component {
+  /**
    * Constructor
    * @param {Object} props Props of the Component
-   */function Dropdown(props){var _this2;_classCallCheck(this,Dropdown);_this2=_callSuper(this,Dropdown,[props]);_this2.state={initialRender:true};return _this2;}/**
+   */
+  constructor(props) {
+    super(props);
+    this.state = {
+      initialRender: true
+    };
+  }
+
+  /**
    * Update the initialRender state if the isOpen state changes from false to true
    * @param {Object} nextProps The new props
-   */_inherits(Dropdown,_Component);return _createClass(Dropdown,[{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(nextProps){if(this.props.isOpen===false&&nextProps.isOpen===true){this.setState({initialRender:false});}}/**
+   */
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (this.props.isOpen === false && nextProps.isOpen === true) {
+      this.setState({
+        initialRender: false
+      });
+    }
+  }
+
+  /**
    * Only update the component if isOpen changed
    * @param {Object} nextProps The new props
    * @returns {boolean}
-   */},{key:"shouldComponentUpdate",value:function shouldComponentUpdate(nextProps){return this.props.isOpen!==nextProps.isOpen;}/**
+   */
+  shouldComponentUpdate(nextProps) {
+    return this.props.isOpen !== nextProps.isOpen;
+  }
+
+  /**
    * Renders the component.
    * @returns {JSX}
-   */},{key:"render",value:function render(){var transitionProps;if(this.props.isOpen){transitionProps=this.state.initialRender?transitions.initialOpen:transitions.open;}else{transitionProps=this.state.initialRender?transitions.initialClose:transitions.close;}return React.createElement(Transition,_extends({},transitionProps,{onComplete:this.props.onComplete,onStart:this.props.onStart,duration:this.props.duration,easing:this.props.easing}),React.createElement("div",{className:"".concat(styles," ").concat(this.props.className," common__dropdown"),"aria-hidden":!this.props.isOpen},this.props.children));}}]);}(Component);_defineProperty(Dropdown,"defaultProps",{className:'',children:null,duration:150,easing:null,isOpen:false,onComplete:function onComplete(){},onStart:function onStart(){}});export default Dropdown;
+   */
+  render() {
+    let transitionProps;
+    if (this.props.isOpen) {
+      transitionProps = this.state.initialRender ? transitions.initialOpen : transitions.open;
+    } else {
+      transitionProps = this.state.initialRender ? transitions.initialClose : transitions.close;
+    }
+    return /*#__PURE__*/React.createElement(Transition, _extends({}, transitionProps, {
+      onComplete: this.props.onComplete,
+      onStart: this.props.onStart,
+      duration: this.props.duration,
+      easing: this.props.easing
+    }), /*#__PURE__*/React.createElement("div", {
+      className: `${styles} ${this.props.className} common__dropdown`,
+      "aria-hidden": !this.props.isOpen
+    }, this.props.children));
+  }
+}
+Dropdown.defaultProps = {
+  className: '',
+  children: null,
+  duration: 150,
+  easing: null,
+  isOpen: false,
+  onComplete: () => {},
+  onStart: () => {}
+};
+export default Dropdown;

package/components/Dropdown/style.js

@@ -1 +1,4 @@
-import{css}from'glamor';export default css({overflow:'hidden'}).toString();
+import { css } from 'glamor';
+export default css({
+  overflow: 'hidden'
+}).toString();

package/components/Dropdown/transitions.js

@@ -1 +1,34 @@
-export default{open:{set:{height:'auto'},from:{height:0}},initialOpen:{set:{height:'auto'},from:{height:'auto'}},close:{from:{height:'auto'},to:{height:0}},initialClose:{from:{height:0},to:{height:0}}};
+export default {
+  open: {
+    set: {
+      height: 'auto'
+    },
+    from: {
+      height: 0
+    }
+  },
+  initialOpen: {
+    set: {
+      height: 'auto'
+    },
+    from: {
+      height: 'auto'
+    }
+  },
+  close: {
+    from: {
+      height: 'auto'
+    },
+    to: {
+      height: 0
+    }
+  },
+  initialClose: {
+    from: {
+      height: 0
+    },
+    to: {
+      height: 0
+    }
+  }
+};

package/components/Ellipsis/index.js

@@ -1,5 +1,19 @@
-import React from'react';import PropTypes from'prop-types';import Dotdotdot from'react-dotdotdot';/**
+import React from 'react';
+import PropTypes from 'prop-types';
+import Dotdotdot from 'react-dotdotdot';
+
+/**
  * The ellipsis text component.
  * @param {Object} props The component props.
  * @returns {JSX.Element}
- */var Ellipsis=function Ellipsis(props){return React.createElement(Dotdotdot,{clamp:props.rows,className:"".concat(props.className," common__ellipsis"),useNativeClamp:true},props.children);};Ellipsis.defaultProps={className:'',rows:3};export default Ellipsis;
+ */
+const Ellipsis = props => /*#__PURE__*/React.createElement(Dotdotdot, {
+  clamp: props.rows,
+  className: `${props.className} common__ellipsis`,
+  useNativeClamp: true
+}, props.children);
+Ellipsis.defaultProps = {
+  className: '',
+  rows: 3
+};
+export default Ellipsis;

package/components/Ellipsis/spec.js

@@ -1 +1,13 @@
-import React from'react';import{shallow}from'enzyme';import Ellipsis from"./index";var clamp=3;var text='Some very long text that should be cut off by this ellipsis component.';describe('<Ellipsis />',function(){it('should render',function(){var wrapper=shallow(React.createElement(Ellipsis,{rows:clamp},text));expect(wrapper).toMatchSnapshot();});});
+import React from 'react';
+import { shallow } from 'enzyme';
+import Ellipsis from "./index";
+const clamp = 3;
+const text = 'Some very long text that should be cut off by this ellipsis component.';
+describe('<Ellipsis />', () => {
+  it('should render', () => {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(Ellipsis, {
+      rows: clamp
+    }, text));
+    expect(wrapper).toMatchSnapshot();
+  });
+});

package/components/EmbeddedMedia/index.js

@@ -1,11 +1,61 @@
-function _extends(){_extends=Object.assign||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);}import React,{Fragment,useMemo}from'react';import PropTypes from'prop-types';import Helmet from'react-helmet';import{embeddedMedia}from'@shopgate/pwa-common/collections';/**
+import React, { Fragment, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import Helmet from 'react-helmet';
+import { embeddedMedia } from '@shopgate/pwa-common/collections';
+
+/**
  * EmbeddedMedia component. Handles loading of media related scripts e.g. the Vimeo Player.
  * @returns {JSX}
- */var EmbeddedMedia=function EmbeddedMedia(_ref){var children=_ref.children,cookieConsentSettings=_ref.cookieConsentSettings;var cookieConsent=useMemo(function(){return _extends({comfortCookiesAccepted:false,statisticsCookiesAccepted:false},cookieConsentSettings);},[cookieConsentSettings]);if(!embeddedMedia.getHasPendingProviders()||!cookieConsent.comfortCookiesAccepted){return children;}// Get all pending providers
-var pendingProviders=Array.from(embeddedMedia.providers).filter(function(p){return p.isPending;});/**
+ */
+const EmbeddedMedia = ({
+  children,
+  cookieConsentSettings
+}) => {
+  const cookieConsent = useMemo(() => ({
+    comfortCookiesAccepted: false,
+    statisticsCookiesAccepted: false,
+    ...cookieConsentSettings
+  }), [cookieConsentSettings]);
+  if (!embeddedMedia.getHasPendingProviders() || !cookieConsent.comfortCookiesAccepted) {
+    return children;
+  }
+
+  // Get all pending providers
+  const pendingProviders = Array.from(embeddedMedia.providers).filter(p => p.isPending);
+
+  /**
    * Inject onLoad cb to script tags
    * @param {Element[]} scriptTags script tags to listen for
    * @param {MediaProvider} provider Provider
-   */var updateProviderScripts=function updateProviderScripts(_ref2){var scriptTags=_ref2.scriptTags;if(scriptTags){scriptTags.forEach(function(scriptTag){var provider=pendingProviders.find(function(p){return p.remoteScriptUrl===scriptTag.getAttribute('src');});// eslint-disable-next-line no-param-reassign
-scriptTag.onload=function(){provider.onScriptLoaded();};});}};var scripts=pendingProviders.map(function(provider){return{src:provider.remoteScriptUrl,type:'text/javascript'};});return React.createElement(Fragment,null,React.createElement(Helmet,{script:scripts// Helmet doesn't support `onload` in script objects so we have to hack in our own
-,onChangeClientState:function onChangeClientState(newState,addedTags){return updateProviderScripts(addedTags);}}),children);};EmbeddedMedia.defaultProps={cookieConsentSettings:{comfortCookiesAccepted:false,statisticsCookiesAccepted:false}};export default EmbeddedMedia;
+   */
+  const updateProviderScripts = ({
+    scriptTags
+  }) => {
+    if (scriptTags) {
+      scriptTags.forEach(scriptTag => {
+        const provider = pendingProviders.find(p => p.remoteScriptUrl === scriptTag.getAttribute('src'));
+        // eslint-disable-next-line no-param-reassign
+        scriptTag.onload = () => {
+          provider.onScriptLoaded();
+        };
+      });
+    }
+  };
+  const scripts = pendingProviders.map(provider => ({
+    src: provider.remoteScriptUrl,
+    type: 'text/javascript'
+  }));
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Helmet, {
+    script: scripts
+    // Helmet doesn't support `onload` in script objects so we have to hack in our own
+    ,
+    onChangeClientState: (newState, addedTags) => updateProviderScripts(addedTags)
+  }), children);
+};
+EmbeddedMedia.defaultProps = {
+  cookieConsentSettings: {
+    comfortCookiesAccepted: false,
+    statisticsCookiesAccepted: false
+  }
+};
+export default EmbeddedMedia;

package/components/EmbeddedMedia/spec.js

@@ -1,3 +1,52 @@
-function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import React from'react';import{shallow}from'enzyme';import{embeddedMedia}from'@shopgate/pwa-common/collections';import EmbeddedMedia from"./index";jest.mock('@shopgate/pwa-common/collections',function(){return{embeddedMedia:{getHasPendingProviders:jest.fn(),providers:new Set([{isPending:false,remoteScriptUrl:'http://foo.bar'},{isPending:true,remoteScriptUrl:'http://bar.foo',onScriptLoaded:jest.fn()}])}};});describe('<EmbeddedMedia />',function(){beforeEach(function(){jest.clearAllMocks();});it('should return children',function(){embeddedMedia.getHasPendingProviders.mockReturnValueOnce(false);var wrapper=shallow(React.createElement(EmbeddedMedia,null,React.createElement("div",null,"Children")));expect(wrapper.html()).toEqual('<div>Children</div>');});it.skip('should render Helmet with a script',function(){embeddedMedia.getHasPendingProviders.mockReturnValueOnce(true);var wrapper=shallow(React.createElement(EmbeddedMedia,null,React.createElement("div",null,"Content with embedded media (youtube, vimeo, etc)")));var helmetProps=wrapper.find('HelmetWrapper').props();expect(helmetProps).toEqual({defer:true,encodeSpecialCharacters:true,onChangeClientState:function onChangeClientState(){},script:[]});var scriptTags=[{onload:jest.fn(),getAttribute:jest.fn().mockReturnValue('http://bar.foo')}];// Invoke helmet cb
-helmetProps.onChangeClientState(null,{scriptTags:scriptTags});// Invoke onload on script
-scriptTags[0].onload();var _embeddedMedia$provid=_slicedToArray(embeddedMedia.providers,2),secondProvider=_embeddedMedia$provid[1];expect(secondProvider.onScriptLoaded).toHaveBeenCalledTimes(1);});});
+import React from 'react';
+import { shallow } from 'enzyme';
+import { embeddedMedia } from '@shopgate/pwa-common/collections';
+import EmbeddedMedia from "./index";
+jest.mock('@shopgate/pwa-common/collections', () => ({
+  embeddedMedia: {
+    getHasPendingProviders: jest.fn(),
+    providers: new Set([{
+      isPending: false,
+      remoteScriptUrl: 'http://foo.bar'
+    }, {
+      isPending: true,
+      remoteScriptUrl: 'http://bar.foo',
+      onScriptLoaded: jest.fn()
+    }])
+  }
+}));
+describe('<EmbeddedMedia />', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+  it('should return children', () => {
+    embeddedMedia.getHasPendingProviders.mockReturnValueOnce(false);
+    const wrapper = shallow(/*#__PURE__*/React.createElement(EmbeddedMedia, null, /*#__PURE__*/React.createElement("div", null, "Children")));
+    expect(wrapper.html()).toEqual('<div>Children</div>');
+  });
+  it.skip('should render Helmet with a script', () => {
+    embeddedMedia.getHasPendingProviders.mockReturnValueOnce(true);
+    const wrapper = shallow(/*#__PURE__*/React.createElement(EmbeddedMedia, null, /*#__PURE__*/React.createElement("div", null, "Content with embedded media (youtube, vimeo, etc)")));
+    const helmetProps = wrapper.find('HelmetWrapper').props();
+    expect(helmetProps).toEqual({
+      defer: true,
+      encodeSpecialCharacters: true,
+      onChangeClientState() {},
+      script: []
+    });
+    const scriptTags = [{
+      onload: jest.fn(),
+      getAttribute: jest.fn().mockReturnValue('http://bar.foo')
+    }];
+
+    // Invoke helmet cb
+    helmetProps.onChangeClientState(null, {
+      scriptTags
+    });
+
+    // Invoke onload on script
+    scriptTags[0].onload();
+    const [, secondProvider] = embeddedMedia.providers;
+    expect(secondProvider.onScriptLoaded).toHaveBeenCalledTimes(1);
+  });
+});

package/components/ErrorBoundary/connector.js

@@ -1,5 +1,12 @@
-import{connect}from'react-redux';import{appError as _appError}from"../../action-creators/error";/**
+import { connect } from 'react-redux';
+import { appError } from "../../action-creators/error";
+
+/**
  * Connects the dispatch function to a callable function in the props.
  * @param {Function} dispatch The redux dispatch function.
  * @return {Object} The extended component props.
- */var mapDispatchToProps=function mapDispatchToProps(dispatch){return{appError:function appError(error){return dispatch(_appError(error));}};};export default connect(null,mapDispatchToProps);
+ */
+const mapDispatchToProps = dispatch => ({
+  appError: error => dispatch(appError(error))
+});
+export default connect(null, mapDispatchToProps);

package/components/ErrorBoundary/index.js

@@ -1,11 +1,47 @@
-function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=_getPrototypeOf(derived);return _possibleConstructorReturn(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],_getPrototypeOf(_this).constructor):derived.apply(_this,args));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import{PureComponent}from'react';import PropTypes from'prop-types';import connector from"./connector";/**
+import { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import connector from "./connector";
+
+/**
  * The App error boundary component.
- */var ErrorBoundary=/*#__PURE__*/function(_PureComponent){function ErrorBoundary(){var _this2;_classCallCheck(this,ErrorBoundary);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this2=_callSuper(this,ErrorBoundary,[].concat(args));_defineProperty(_this2,"state",{hasError:false});return _this2;}_inherits(ErrorBoundary,_PureComponent);return _createClass(ErrorBoundary,[{key:"componentDidCatch",value:/**
+ */
+class ErrorBoundary extends PureComponent {
+  constructor(...args) {
+    super(...args);
+    this.state = {
+      hasError: false
+    };
+  }
+  /**
+   * @returns {{hasError: boolean}}
+   */
+  static getDerivedStateFromError() {
+    return {
+      hasError: true
+    };
+  }
+
+  /**
    * @param {Object} error The error object.
    * @param {Object} errorInfo The error information.
-   */function componentDidCatch(error,errorInfo){// eslint-disable-next-line no-param-reassign
-error.stack=errorInfo.componentStack;this.props.appError(error);}/**
+   */
+  componentDidCatch(error, errorInfo) {
+    // eslint-disable-next-line no-param-reassign
+    error.stack = errorInfo.componentStack;
+    this.props.appError(error);
+  }
+
+  /**
    * @returns {JSX}
-   */},{key:"render",value:function render(){if(this.state.hasError){return this.props.fallbackUi;}return this.props.children;}}],[{key:"getDerivedStateFromError",value:/**
-   * @returns {{hasError: boolean}}
-   */function getDerivedStateFromError(){return{hasError:true};}}]);}(PureComponent);_defineProperty(ErrorBoundary,"defaultProps",{fallbackUi:null});export default connector(ErrorBoundary);
+   */
+  render() {
+    if (this.state.hasError) {
+      return this.props.fallbackUi;
+    }
+    return this.props.children;
+  }
+}
+ErrorBoundary.defaultProps = {
+  fallbackUi: null
+};
+export default connector(ErrorBoundary);

package/components/Grid/components/Item/index.js

@@ -1,9 +1,45 @@
-function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _extends(){_extends=Object.assign||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 _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=_getPrototypeOf(derived);return _possibleConstructorReturn(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],_getPrototypeOf(_this).constructor):derived.apply(_this,args));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Component}from'react';import PropTypes from'prop-types';import{objectWithoutProps}from"../../../../helpers/data";import styles from"./style";/**
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { objectWithoutProps } from "../../../../helpers/data";
+import styles from "./style";
+
+/**
  * The grid item component.
- */var GridItem=/*#__PURE__*/function(_Component){function GridItem(){_classCallCheck(this,GridItem);return _callSuper(this,GridItem,arguments);}_inherits(GridItem,_Component);return _createClass(GridItem,[{key:"getProps",value:/**
+ */
+class GridItem extends Component {
+  /**
    * Composes the props.
    * @returns {Object} The composed props.
-   */function getProps(){var className=this.props.className;if(this.props.grow!==0){className+=" ".concat(styles.grow(this.props.grow));}if(this.props.shrink!==1){className+=" ".concat(styles.shrink(this.props.shrink));}var props=_extends({},this.props,{className:className});return objectWithoutProps(props,['component','grow','shrink']);}/**
+   */
+  getProps() {
+    let {
+      className
+    } = this.props;
+    if (this.props.grow !== 0) {
+      className += ` ${styles.grow(this.props.grow)}`;
+    }
+    if (this.props.shrink !== 1) {
+      className += ` ${styles.shrink(this.props.shrink)}`;
+    }
+    const props = {
+      ...this.props,
+      className
+    };
+    return objectWithoutProps(props, ['component', 'grow', 'shrink']);
+  }
+
+  /**
    * Renders the component.
    * @returns {JSX}
-   */},{key:"render",value:function render(){return React.createElement(this.props.component,this.getProps());}}]);}(Component);_defineProperty(GridItem,"defaultProps",{className:'',component:'li',grow:0,shrink:1});export default GridItem;
+   */
+  render() {
+    return /*#__PURE__*/React.createElement(this.props.component, this.getProps());
+  }
+}
+GridItem.defaultProps = {
+  className: '',
+  component: 'li',
+  grow: 0,
+  shrink: 1
+};
+export default GridItem;

package/components/Grid/components/Item/spec.js

@@ -1 +1,23 @@
-import React from'react';import{shallow}from'enzyme';import GridItem from"./index";describe('<GridItem />',function(){it('should render without any further props',function(){var wrapper=shallow(React.createElement(GridItem,null));expect(wrapper).toMatchSnapshot();});it('should be able to render a custom tag',function(){var wrapper=shallow(React.createElement(GridItem,{component:"section"}));expect(wrapper).toMatchSnapshot();expect(wrapper.type()).toEqual('section');});it('should add custom classes on demand',function(){var wrapper=shallow(React.createElement(GridItem,{className:"custom-class-name"}));expect(wrapper).toMatchSnapshot();expect(wrapper.hasClass('custom-class-name')).toEqual(true);});});
+import React from 'react';
+import { shallow } from 'enzyme';
+import GridItem from "./index";
+describe('<GridItem />', () => {
+  it('should render without any further props', () => {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(GridItem, null));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it('should be able to render a custom tag', () => {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(GridItem, {
+      component: "section"
+    }));
+    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.type()).toEqual('section');
+  });
+  it('should add custom classes on demand', () => {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(GridItem, {
+      className: "custom-class-name"
+    }));
+    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.hasClass('custom-class-name')).toEqual(true);
+  });
+});

package/components/Grid/components/Item/style.js

@@ -1,9 +1,23 @@
-import{css}from'glamor';/**
+import { css } from 'glamor';
+
+/**
  * Creates a class name for the flex-grow property
  * @param {number} [value=0] The value for the flex-grow property
  * @return {string} The class name
- */var grow=function grow(){var value=arguments.length>0&&arguments[0]!==undefined?arguments[0]:0;return css({flexGrow:value}).toString();};/**
+ */
+const grow = (value = 0) => css({
+  flexGrow: value
+}).toString();
+
+/**
  * Creates a class name for the flex-shrink property
  * @param {number} [value=0] The value for the flex-shrink property
  * @return {string} The class name
- */var shrink=function shrink(){var value=arguments.length>0&&arguments[0]!==undefined?arguments[0]:1;return css({flexShrink:value}).toString();};export default{grow:grow,shrink:shrink};
+ */
+const shrink = (value = 1) => css({
+  flexShrink: value
+}).toString();
+export default {
+  grow,
+  shrink
+};