@shopgate/pwa-ui-shared 6.20.0-beta.1 → 6.20.0-beta.10

package/ProgressBar/index.js

@@ -1,7 +1,7 @@
-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 _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'react-transition-group/Transition';import UIEvents from'@shopgate/pwa-core/emitters/ui';import styles from"./style";var duration=150;var transitionStyles={entering:{transform:'scale(1, 1)'},entered:{transform:'scale(1, 1)'},exited:{transform:'scale(1, 0)'},exiting:{transform:'scale(1, 0)'}};/**
+function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_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);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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}});Object.defineProperty(subClass,"prototype",{writable:false});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 _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}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 _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}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'react-transition-group/Transition';import UIEvents from'@shopgate/pwa-core/emitters/ui';import styles from"./style";var duration=150;var transitionStyles={entering:{transform:'scale(1, 1)'},entered:{transform:'scale(1, 1)'},exited:{transform:'scale(1, 0)'},exiting:{transform:'scale(1, 0)'}};/**
  * A component for visualizing any kind of progress.
  * This component will show the current progress in a linear bar.
- */var ProgressBar=/*#__PURE__*/function(_Component){_inherits(ProgressBar,_Component);/**
+ */var ProgressBar=/*#__PURE__*/function(_Component){_inherits(ProgressBar,_Component);var _super=_createSuper(ProgressBar);/**
    * Shows the progress bar.
    * @param {string} pattern The router pattern to show the bar for.
    */ /**
@@ -10,7 +10,7 @@ function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="s
    */ /**
    * The constructor
    * @param {Object} props The component props.
-   */function ProgressBar(props){var _this;_classCallCheck(this,ProgressBar);_this=_possibleConstructorReturn(this,_getPrototypeOf(ProgressBar).call(this,props));_this.state={isAnimating:props.isVisible,isVisible:props.isVisible};return _this;}/**
+   */function ProgressBar(props){var _this;_classCallCheck(this,ProgressBar);_this=_super.call(this,props);_this.state={isAnimating:props.isVisible,isVisible:props.isVisible};return _this;}/**
    * Update the state based on props.
    * @param {Object} nextProps The next set of props.
    */_createClass(ProgressBar,[{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(nextProps){if(this.props.isVisible===nextProps.isVisible){return;}this.setState(_extends({},nextProps.isVisible&&{isAnimating:true},{isVisible:nextProps.isVisible}));}/**
@@ -22,4 +22,4 @@ function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="s
    * Renders the component.
    * @return {JSX}
    */},{key:"render",value:function render(){var _this2=this;var animationClasses=[styles.innerElement];// Add the animation if we need it.
-if(this.state.isAnimating){animationClasses.push(styles.animating);}return React.createElement(Transition,{"in":this.state.isVisible,timeout:duration,onExited:function onExited(){_this2.setState({isAnimating:false});}},function(state){return React.createElement("div",{className:"".concat(styles.wrapper," ui-shared__progress-bar"),style:transitionStyles[state]},React.createElement("div",{className:animationClasses.join(' ')}));});}}]);return ProgressBar;}(Component);_defineProperty(ProgressBar,"PROGRESS_BAR_SHOW",'PROGRESS_BAR_SHOW');_defineProperty(ProgressBar,"PROGRESS_BAR_HIDE",'PROGRESS_BAR_HIDE');_defineProperty(ProgressBar,"show",function(pattern){UIEvents.emit(ProgressBar.PROGRESS_BAR_SHOW,pattern);});_defineProperty(ProgressBar,"hide",function(pattern){UIEvents.emit(ProgressBar.PROGRESS_BAR_HIDE,pattern);});_defineProperty(ProgressBar,"defaultProps",{isVisible:true});export default ProgressBar;
+if(this.state.isAnimating){animationClasses.push(styles.animating);}return/*#__PURE__*/React.createElement(Transition,{"in":this.state.isVisible,timeout:duration,onExited:function onExited(){_this2.setState({isAnimating:false});}},function(state){return/*#__PURE__*/React.createElement("div",{className:"".concat(styles.wrapper," ui-shared__progress-bar"),style:transitionStyles[state]},/*#__PURE__*/React.createElement("div",{className:animationClasses.join(' ')}));});}}]);return ProgressBar;}(Component);_defineProperty(ProgressBar,"PROGRESS_BAR_SHOW",'PROGRESS_BAR_SHOW');_defineProperty(ProgressBar,"PROGRESS_BAR_HIDE",'PROGRESS_BAR_HIDE');_defineProperty(ProgressBar,"show",function(pattern){UIEvents.emit(ProgressBar.PROGRESS_BAR_SHOW,pattern);});_defineProperty(ProgressBar,"hide",function(pattern){UIEvents.emit(ProgressBar.PROGRESS_BAR_HIDE,pattern);});_defineProperty(ProgressBar,"defaultProps",{isVisible:true});export default ProgressBar;

package/ProgressBar/spec.js

@@ -1 +1 @@
-import React from'react';import{shallow}from'enzyme';import Transition from'react-transition-group/Transition';import ProgressBar from"./index";describe('<ProgressBar />',function(){it('renders an indeterminate progress bar.',function(){var wrapper=shallow(React.createElement(ProgressBar,{isVisible:true}));expect(wrapper).toMatchSnapshot();expect(wrapper.find(Transition).length).toBe(1);});});
+import React from'react';import{shallow}from'enzyme';import Transition from'react-transition-group/Transition';import ProgressBar from"./index";describe('<ProgressBar />',function(){it('renders an indeterminate progress bar.',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(ProgressBar,{isVisible:true}));expect(wrapper).toMatchSnapshot();expect(wrapper.find(Transition).length).toBe(1);});});

package/RadioButton/index.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * The RadioButton template component.
  * @param {Object} props The component properties.
  * @returns {JSX}
- */var RadioButton=function RadioButton(props){return React.createElement(BaseCheckbox,_extends({},props,{checkedIcon:React.createElement(CheckedIcon,{className:styles.checkedIcon}),uncheckedIcon:React.createElement(UncheckedIcon,{className:styles.uncheckedIcon})}));};export default RadioButton;
+ */var RadioButton=function RadioButton(props){return/*#__PURE__*/React.createElement(BaseCheckbox,_extends({},props,{checkedIcon:/*#__PURE__*/React.createElement(CheckedIcon,{className:styles.checkedIcon}),uncheckedIcon:/*#__PURE__*/React.createElement(UncheckedIcon,{className:styles.uncheckedIcon})}));};export default RadioButton;

package/RadioButton/spec.js

@@ -1 +1 @@
-import React from'react';import{mount}from'enzyme';import CheckedIcon from"../icons/RadioCheckedIcon";import UncheckedIcon from"../icons/RadioUncheckedIcon";import RadioButton from"./index";describe('RadioButton',function(){it('should render selected RadioButton',function(){var wrapper=mount(React.createElement(RadioButton,{checked:true}));expect(wrapper.find(CheckedIcon).exists()).toBe(true);expect(wrapper.find(UncheckedIcon).exists()).toBe(false);expect(wrapper).toMatchSnapshot();});it('should render unselected RadioButton',function(){var wrapper=mount(React.createElement(RadioButton,null));expect(wrapper.find(CheckedIcon).exists()).toBe(false);expect(wrapper.find(UncheckedIcon).exists()).toBe(true);expect(wrapper).toMatchSnapshot();});});
+import React from'react';import{mount}from'enzyme';import CheckedIcon from"../icons/RadioCheckedIcon";import UncheckedIcon from"../icons/RadioUncheckedIcon";import RadioButton from"./index";describe('RadioButton',function(){it('should render selected RadioButton',function(){var wrapper=mount(/*#__PURE__*/React.createElement(RadioButton,{checked:true}));expect(wrapper.find(CheckedIcon).exists()).toBe(true);expect(wrapper.find(UncheckedIcon).exists()).toBe(false);expect(wrapper).toMatchSnapshot();});it('should render unselected RadioButton',function(){var wrapper=mount(/*#__PURE__*/React.createElement(RadioButton,null));expect(wrapper.find(CheckedIcon).exists()).toBe(false);expect(wrapper.find(UncheckedIcon).exists()).toBe(true);expect(wrapper).toMatchSnapshot();});});

package/RatingNumber/index.js

@@ -4,4 +4,4 @@ import React from'react';import PropTypes from'prop-types';import I18n from'@sho
  * @param {number} props.rating Rating value.
  * @param {string} props.className Class name.
  * @returns {JSX}
- */var RatingNumber=function RatingNumber(_ref){var rating=_ref.rating,className=_ref.className;if(!rating&&rating!==0){return null;}var number=rating/RATING_SCALE_DIVISOR;if(Number.isNaN(number)){return null;}return React.createElement(I18n.Number,{number:number,className:"".concat(className," ui-shared__rating-number"),fractions:2});};RatingNumber.defaultProps={className:'',rating:null};export default RatingNumber;
+ */var RatingNumber=function RatingNumber(_ref){var rating=_ref.rating,className=_ref.className;if(!rating&&rating!==0){return null;}var number=rating/RATING_SCALE_DIVISOR;if(Number.isNaN(number)){return null;}return/*#__PURE__*/React.createElement(I18n.Number,{number:number,className:"".concat(className," ui-shared__rating-number"),fractions:2});};RatingNumber.defaultProps={className:'',rating:null};export default RatingNumber;

package/RatingNumber/index.spec.js

@@ -1,3 +1,3 @@
 /* eslint-disable no-console */import React from'react';import{mount}from'enzyme';import RatingNumber from"./index";jest.mock('@shopgate/pwa-common/components/I18n',function(){return{// eslint-disable-next-line react/prop-types
-Number:function Number(_ref){var rating=_ref.rating;return React.createElement("div",null,rating);}};});// One of the tests deliberately produces a react warning. The console is mocked to avoid ugly logs.
-console.error=jest.fn();describe('RatingNumber',function(){it('should render a number',function(){var component=mount(React.createElement(RatingNumber,{rating:100,className:"class-test"}));expect(component).toMatchSnapshot();expect(component.find('Number').props().number).toBe(5);expect(component.find('Number').props().fractions).toBe(2);expect(component.find('Number').props().className).toBe('class-test ui-shared__rating-number');expect(console.error).not.toHaveBeenCalled();});it('should return when rating is null',function(){var component=mount(React.createElement(RatingNumber,{rating:null}));expect(component.html()).toBe(null);expect(console.error).not.toHaveBeenCalled();});it('should return Number when rating is zero',function(){var component=mount(React.createElement(RatingNumber,{rating:0}));expect(component.html()).not.toBe(null);expect(console.error).not.toHaveBeenCalled();});it('should return number when division result is NaN',function(){var component=mount(React.createElement(RatingNumber,{rating:{}}));expect(component.html()).toBe(null);expect(console.error).toHaveBeenCalledTimes(1);});});/* eslint-enable no-console */
+Number:function Number(_ref){var rating=_ref.rating;return/*#__PURE__*/React.createElement("div",null,rating);}};});// One of the tests deliberately produces a react warning. The console is mocked to avoid ugly logs.
+console.error=jest.fn();describe('RatingNumber',function(){it('should render a number',function(){var component=mount(/*#__PURE__*/React.createElement(RatingNumber,{rating:100,className:"class-test"}));expect(component).toMatchSnapshot();expect(component.find('Number').props().number).toBe(5);expect(component.find('Number').props().fractions).toBe(2);expect(component.find('Number').props().className).toBe('class-test ui-shared__rating-number');expect(console.error).not.toHaveBeenCalled();});it('should return when rating is null',function(){var component=mount(/*#__PURE__*/React.createElement(RatingNumber,{rating:null}));expect(component.html()).toBe(null);expect(console.error).not.toHaveBeenCalled();});it('should return Number when rating is zero',function(){var component=mount(/*#__PURE__*/React.createElement(RatingNumber,{rating:0}));expect(component.html()).not.toBe(null);expect(console.error).not.toHaveBeenCalled();});it('should return number when division result is NaN',function(){var component=mount(/*#__PURE__*/React.createElement(RatingNumber,{rating:{}}));expect(component.html()).toBe(null);expect(console.error).toHaveBeenCalledTimes(1);});});/* eslint-enable no-console */

package/RatingStars/index.js

@@ -1,17 +1,17 @@
-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 _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 times from'lodash/times';import StarIcon from"../icons/StarIcon";import StarHalfIcon from"../icons/StarHalfIcon";import styles from"./style";import{RATING_SCALE_DIVISOR}from"./constants";/**
+function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_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);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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}});Object.defineProperty(subClass,"prototype",{writable:false});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 _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}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 _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}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 times from'lodash/times';import StarIcon from"../icons/StarIcon";import StarHalfIcon from"../icons/StarHalfIcon";import styles from"./style";import{RATING_SCALE_DIVISOR}from"./constants";/**
  * The available style keys for the rating stars.
  */var numStars=5;/**
  * The rating stars component.
  * @param {Object} props The component props.
  * @returns {JSX}
- */var RatingStars=/*#__PURE__*/function(_Component){_inherits(RatingStars,_Component);function RatingStars(){_classCallCheck(this,RatingStars);return _possibleConstructorReturn(this,_getPrototypeOf(RatingStars).apply(this,arguments));}_createClass(RatingStars,[{key:"shouldComponentUpdate",/**
+ */var RatingStars=/*#__PURE__*/function(_Component){_inherits(RatingStars,_Component);var _super=_createSuper(RatingStars);function RatingStars(){_classCallCheck(this,RatingStars);return _super.apply(this,arguments);}_createClass(RatingStars,[{key:"shouldComponentUpdate",value:/**
    * Context types definition.
    * @type {{i18n: shim}}
    */ /**
    * Only update the component if the star rating changed.
    * @param {Object} nextProps The next component props.
    * @returns {boolean}
-   */value:function shouldComponentUpdate(nextProps){return nextProps.value!==this.props.value;}/**
+   */function shouldComponentUpdate(nextProps){return nextProps.value!==this.props.value;}/**
    * Returns textual version of stars for screen readers.
    * @param {number} stars Number of stars.
    * @returns {string}
@@ -26,5 +26,5 @@ function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="s
    */},{key:"handleSelection",value:function handleSelection(e,pos){var onSelection=this.props.onSelection;e.target.value=pos*RATING_SCALE_DIVISOR;onSelection(e);}/**
    * Renders the component.
    * @returns {JSX}
-   */},{key:"render",value:function render(){var _this=this;var _this$props=this.props,value=_this$props.value,isSelectable=_this$props.isSelectable;var ratedStars=value/RATING_SCALE_DIVISOR;var numFullStars=Math.floor(ratedStars);var numHalfStars=Math.ceil(ratedStars-numFullStars);var size=styles.iconStyles[this.props.display].iconSize;var className=[styles.container,this.props.className,'ui-shared__rating-stars'].join(' ');var iconClassName=[styles.iconStyles[this.props.display].iconStyle,styles.icon].join(' ');var emptyStars=[].concat(times(numStars,function(i){var pos=i+1;var starProps=_extends({className:iconClassName,key:pos},isSelectable&&{'aria-label':_this.getTextualCTA(pos),role:'button',onClick:function onClick(e){return _this.handleSelection(e,pos);}});return React.createElement("div",starProps,React.createElement(StarIcon,{size:size}));}));var filledStars=[].concat(times(numFullStars,function(i){var pos=i+1;var starProps=_extends({className:iconClassName,key:numStars+pos},isSelectable&&{'aria-hidden':true,// Aria hidden since it's basically a duplicate for a screen reader.
-role:'button',onClick:function onClick(e){return _this.handleSelection(e,pos);}});return React.createElement("div",starProps,React.createElement(StarIcon,{size:size}));}),times(numHalfStars,function(i){return React.createElement("div",{className:iconClassName,key:i+numFullStars},React.createElement(StarHalfIcon,{size:size}));}));/* eslint-disable jsx-a11y/aria-role */return React.createElement("div",{role:"text",className:className,"aria-label":this.getTextualFinal(ratedStars),"data-test-id":"ratedStars: ".concat(ratedStars)},React.createElement("div",{className:"".concat(styles.emptyStars," rating-stars-empty")},emptyStars),React.createElement("div",{className:"".concat(styles.filledStars," rating-stars-filled")},filledStars));/* eslint-enable jsx-a11y/aria-role */}}]);return RatingStars;}(Component);_defineProperty(RatingStars,"contextTypes",{i18n:PropTypes.func});_defineProperty(RatingStars,"defaultProps",{className:'',display:'small',isSelectable:false,onSelection:function onSelection(){}});export default RatingStars;
+   */},{key:"render",value:function render(){var _this=this;var _this$props=this.props,value=_this$props.value,isSelectable=_this$props.isSelectable;var ratedStars=value/RATING_SCALE_DIVISOR;var numFullStars=Math.floor(ratedStars);var numHalfStars=Math.ceil(ratedStars-numFullStars);var size=styles.iconStyles[this.props.display].iconSize;var className=[styles.container,this.props.className,'ui-shared__rating-stars'].join(' ');var iconClassName=[styles.iconStyles[this.props.display].iconStyle,styles.icon].join(' ');var emptyStars=[].concat(times(numStars,function(i){var pos=i+1;var starProps=_extends({className:iconClassName,key:pos},isSelectable&&{'aria-label':_this.getTextualCTA(pos),role:'button',onClick:function onClick(e){return _this.handleSelection(e,pos);}});return/*#__PURE__*/React.createElement("div",starProps,/*#__PURE__*/React.createElement(StarIcon,{size:size}));}));var filledStars=[].concat(times(numFullStars,function(i){var pos=i+1;var starProps=_extends({className:iconClassName,key:numStars+pos},isSelectable&&{'aria-hidden':true,// Aria hidden since it's basically a duplicate for a screen reader.
+role:'button',onClick:function onClick(e){return _this.handleSelection(e,pos);}});return/*#__PURE__*/React.createElement("div",starProps,/*#__PURE__*/React.createElement(StarIcon,{size:size}));}),times(numHalfStars,function(i){return/*#__PURE__*/React.createElement("div",{className:iconClassName,key:i+numFullStars},/*#__PURE__*/React.createElement(StarHalfIcon,{size:size}));}));/* eslint-disable jsx-a11y/aria-role */return/*#__PURE__*/React.createElement("div",{role:"text",className:className,"aria-label":this.getTextualFinal(ratedStars),"data-test-id":"ratedStars: ".concat(ratedStars)},/*#__PURE__*/React.createElement("div",{className:"".concat(styles.emptyStars," rating-stars-empty")},emptyStars),/*#__PURE__*/React.createElement("div",{className:"".concat(styles.filledStars," rating-stars-filled")},filledStars));/* eslint-enable jsx-a11y/aria-role */}}]);return RatingStars;}(Component);_defineProperty(RatingStars,"contextTypes",{i18n:PropTypes.func});_defineProperty(RatingStars,"defaultProps",{className:'',display:'small',isSelectable:false,onSelection:function onSelection(){}});export default RatingStars;

package/RatingStars/spec.js

@@ -1,3 +1,3 @@
-import React from'react';import{shallow}from'enzyme';import mockRenderOptions from'@shopgate/pwa-common/helpers/mocks/mockRenderOptions';import StarIcon from"../icons/StarIcon";import StarHalfIcon from"../icons/StarHalfIcon";import RatingStars from"./index";var numEmptyStars=5;describe('<RatingStars />',function(){it('renders with value of 50',function(){var wrapper=shallow(React.createElement(RatingStars,{value:50}),mockRenderOptions);expect(wrapper).toMatchSnapshot();expect(wrapper.find(StarIcon).length).toBe(numEmptyStars+2);expect(wrapper.find(StarHalfIcon).length).toBe(1);});it('renders with value of 0',function(){var wrapper=shallow(React.createElement(RatingStars,{value:0}),mockRenderOptions);expect(wrapper).toMatchSnapshot();expect(wrapper.find(StarIcon).length).toBe(numEmptyStars);expect(wrapper.find(StarHalfIcon).length).toBe(0);});it('renders with value of 100',function(){var wrapper=shallow(React.createElement(RatingStars,{value:100}),mockRenderOptions);expect(wrapper).toMatchSnapshot();expect(wrapper.find(StarIcon).length).toBe(numEmptyStars+5);expect(wrapper.find(StarHalfIcon).length).toBe(0);});it('should change rating on click',function(){var wrapper=shallow(React.createElement(RatingStars,{value:100,isSelectable:true}),mockRenderOptions);expect(wrapper).toMatchSnapshot();expect(wrapper.find(StarIcon).length).toBe(10);wrapper.setProps({value:20});expect(wrapper.find(StarIcon).length).toBe(6);wrapper.setProps({value:70});expect(wrapper.find(StarIcon).length).toBe(8);expect(wrapper.find(StarHalfIcon).length).toBe(1);expect(wrapper).toMatchSnapshot();});it('should call onSelection callback when component is selectable',function(){var spy=jest.fn();var wrapper=shallow(React.createElement(RatingStars,{value:100,isSelectable:true,onSelection:function onSelection(e){wrapper.setProps({value:e.target.value});spy();}}),mockRenderOptions);// Click on 1 filled star.
+import React from'react';import{shallow}from'enzyme';import mockRenderOptions from'@shopgate/pwa-common/helpers/mocks/mockRenderOptions';import StarIcon from"../icons/StarIcon";import StarHalfIcon from"../icons/StarHalfIcon";import RatingStars from"./index";var numEmptyStars=5;describe('<RatingStars />',function(){it('renders with value of 50',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(RatingStars,{value:50}),mockRenderOptions);expect(wrapper).toMatchSnapshot();expect(wrapper.find(StarIcon).length).toBe(numEmptyStars+2);expect(wrapper.find(StarHalfIcon).length).toBe(1);});it('renders with value of 0',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(RatingStars,{value:0}),mockRenderOptions);expect(wrapper).toMatchSnapshot();expect(wrapper.find(StarIcon).length).toBe(numEmptyStars);expect(wrapper.find(StarHalfIcon).length).toBe(0);});it('renders with value of 100',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(RatingStars,{value:100}),mockRenderOptions);expect(wrapper).toMatchSnapshot();expect(wrapper.find(StarIcon).length).toBe(numEmptyStars+5);expect(wrapper.find(StarHalfIcon).length).toBe(0);});it('should change rating on click',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(RatingStars,{value:100,isSelectable:true}),mockRenderOptions);expect(wrapper).toMatchSnapshot();expect(wrapper.find(StarIcon).length).toBe(10);wrapper.setProps({value:20});expect(wrapper.find(StarIcon).length).toBe(6);wrapper.setProps({value:70});expect(wrapper.find(StarIcon).length).toBe(8);expect(wrapper.find(StarHalfIcon).length).toBe(1);expect(wrapper).toMatchSnapshot();});it('should call onSelection callback when component is selectable',function(){var spy=jest.fn();var wrapper=shallow(/*#__PURE__*/React.createElement(RatingStars,{value:100,isSelectable:true,onSelection:function onSelection(e){wrapper.setProps({value:e.target.value});spy();}}),mockRenderOptions);// Click on 1 filled star.
 wrapper.find('[role="button"]').at(5).simulate('click',{target:{value:10}});expect(spy.mock.calls.length).toBe(1);expect(wrapper.find('[role="button"]').length).toBe(6);// Click on 4th empty star
-wrapper.find('[role="button"]').at(3).simulate('click',{target:{value:80}});expect(wrapper.find('[role="button"]').length).toBe(9);expect(spy.mock.calls.length).toBe(2);});it('should NOT call onSelection callback when component is NOT selectable',function(){var spy=jest.fn();var wrapper=shallow(React.createElement(RatingStars,{value:100,onSelection:spy}),mockRenderOptions);wrapper.find(StarIcon).at(5).parent('div').simulate('click');expect(wrapper.find('[role="button"]').length).toBe(0);expect(spy.mock.calls.length).toBe(0);});});
+wrapper.find('[role="button"]').at(3).simulate('click',{target:{value:80}});expect(wrapper.find('[role="button"]').length).toBe(9);expect(spy.mock.calls.length).toBe(2);});it('should NOT call onSelection callback when component is NOT selectable',function(){var spy=jest.fn();var wrapper=shallow(/*#__PURE__*/React.createElement(RatingStars,{value:100,onSelection:spy}),mockRenderOptions);wrapper.find(StarIcon).at(5).parent('div').simulate('click');expect(wrapper.find('[role="button"]').length).toBe(0);expect(spy.mock.calls.length).toBe(0);});});

package/Ripple/components/RippleAnimation/index.js

@@ -1,6 +1,6 @@
-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 _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}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'react-inline-transition-group';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import style from"../../style";/**
+function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_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);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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}});Object.defineProperty(subClass,"prototype",{writable:false});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 _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}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 _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}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'react-inline-transition-group';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import style from"../../style";/**
  * The ripple animation component.
- */var RippleAnimation=/*#__PURE__*/function(_Component){_inherits(RippleAnimation,_Component);function RippleAnimation(){var _getPrototypeOf2;var _this;_classCallCheck(this,RippleAnimation);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_possibleConstructorReturn(this,(_getPrototypeOf2=_getPrototypeOf(RippleAnimation)).call.apply(_getPrototypeOf2,[this].concat(args)));_defineProperty(_assertThisInitialized(_this),"handlePhaseEnd",function(){_this.props.onComplete();});return _this;}_createClass(RippleAnimation,[{key:"render",/**
+ */var RippleAnimation=/*#__PURE__*/function(_Component){_inherits(RippleAnimation,_Component);var _super=_createSuper(RippleAnimation);function RippleAnimation(){var _this;_classCallCheck(this,RippleAnimation);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_super.call.apply(_super,[this].concat(args));_defineProperty(_assertThisInitialized(_this),"handlePhaseEnd",function(){_this.props.onComplete();});return _this;}_createClass(RippleAnimation,[{key:"render",value:/**
    * Renders the component.
    * @returns {JSX}
-   */value:function render(){var duration=this.props.duration;return React.createElement(Transition,{childrenStyles:{base:{backgroundColor:this.props.color,height:this.props.size,width:this.props.size,transform:'translate3d(-50%, -50%, 0) scale3d(0, 0, 1)',transition:"opacity ".concat(duration,"ms cubic-bezier(0.25, 0.1, 0.25, 1), transform ").concat(duration,"ms cubic-bezier(0.25, 0.1, 0.25, 1)"),left:this.props.x,top:this.props.y,opacity:0.25},appear:{transform:'translate3d(-50%, -50%, 0) scale3d(1, 1, 1)',opacity:0},enter:{transform:'translate3d(-50%, -50%, 0) scale3d(1, 1, 1)',opacity:0},leave:{}},onPhaseEnd:this.handlePhaseEnd},React.createElement("div",{className:style.ripple}));}}]);return RippleAnimation;}(Component);_defineProperty(RippleAnimation,"defaultProps",{color:themeConfig.colors.dark,duration:300,onComplete:function onComplete(){},size:48,x:0,y:0});export default RippleAnimation;
+   */function render(){var duration=this.props.duration;return/*#__PURE__*/React.createElement(Transition,{childrenStyles:{base:{backgroundColor:this.props.color,height:this.props.size,width:this.props.size,transform:'translate3d(-50%, -50%, 0) scale3d(0, 0, 1)',transition:"opacity ".concat(duration,"ms cubic-bezier(0.25, 0.1, 0.25, 1), transform ").concat(duration,"ms cubic-bezier(0.25, 0.1, 0.25, 1)"),left:this.props.x,top:this.props.y,opacity:0.25},appear:{transform:'translate3d(-50%, -50%, 0) scale3d(1, 1, 1)',opacity:0},enter:{transform:'translate3d(-50%, -50%, 0) scale3d(1, 1, 1)',opacity:0},leave:{}},onPhaseEnd:this.handlePhaseEnd},/*#__PURE__*/React.createElement("div",{className:style.ripple}));}}]);return RippleAnimation;}(Component);_defineProperty(RippleAnimation,"defaultProps",{color:themeConfig.colors.dark,duration:300,onComplete:function onComplete(){},size:48,x:0,y:0});export default RippleAnimation;

package/Ripple/index.js

@@ -1,9 +1,9 @@
-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 _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}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,{PureComponent}from'react';import PropTypes from'prop-types';import{findDOMNode}from'react-dom';import clamp from'lodash/clamp';import{shift}from'@shopgate/pwa-common/helpers/data';import{getOffset}from'@shopgate/pwa-common/helpers/dom';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import RippleAnimation from"./components/RippleAnimation";import style from"./style";/**
+function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_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);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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}});Object.defineProperty(subClass,"prototype",{writable:false});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 _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}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 _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}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,{PureComponent}from'react';import PropTypes from'prop-types';import{findDOMNode}from'react-dom';import clamp from'lodash/clamp';import{shift}from'@shopgate/pwa-common/helpers/data';import{getOffset}from'@shopgate/pwa-common/helpers/dom';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import RippleAnimation from"./components/RippleAnimation";import style from"./style";/**
  * The ripple component.
- */var Ripple=/*#__PURE__*/function(_PureComponent){_inherits(Ripple,_PureComponent);/**
+ */var Ripple=/*#__PURE__*/function(_PureComponent){_inherits(Ripple,_PureComponent);var _super=_createSuper(Ripple);/**
    * Constructor.
    * @param {Object} props The component props.
-   */function Ripple(props){var _this;_classCallCheck(this,Ripple);_this=_possibleConstructorReturn(this,_getPrototypeOf(Ripple).call(this,props));_defineProperty(_assertThisInitialized(_this),"handleClick",function(event){if(_this.props.disabled){return;}_this.addRipple(event,true);_this.props.onClick();});_defineProperty(_assertThisInitialized(_this),"removeRipple",function(){if(!_this.mounted){return;}_this.setState(function(prevState){var ripples=shift(prevState.ripples);_this.props.onComplete();return{ripples:ripples,hasRipples:!!ripples.length};});});_this.state={ripples:[],nextKey:0,hasRipples:false};_this.duration=500;_this.ignoreNextMouseDown=false;_this.mounted=false;_this.offset=null;_this.position=null;_this.rootNode=null;_this.style=null;return _this;}/**
+   */function Ripple(props){var _this;_classCallCheck(this,Ripple);_this=_super.call(this,props);_defineProperty(_assertThisInitialized(_this),"handleClick",function(event){if(_this.props.disabled){return;}_this.addRipple(event,true);_this.props.onClick();});_defineProperty(_assertThisInitialized(_this),"removeRipple",function(){if(!_this.mounted){return;}_this.setState(function(prevState){var ripples=shift(prevState.ripples);_this.props.onComplete();return{ripples:ripples,hasRipples:!!ripples.length};});});_this.state={ripples:[],nextKey:0,hasRipples:false};_this.duration=500;_this.ignoreNextMouseDown=false;_this.mounted=false;_this.offset=null;_this.position=null;_this.rootNode=null;_this.style=null;return _this;}/**
    * Sets the `mounted` flag to true.
    */_createClass(Ripple,[{key:"componentDidMount",value:function componentDidMount(){var fill=this.props.fill;// Reference to Ripple container (for now and later).
 this.rootNode=findDOMNode(this);// eslint-disable-line react/no-find-dom-node
@@ -18,11 +18,16 @@ this.style=!this.props.overflow?{overflow:'hidden',position:'relative'}:null;}/*
    */},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=false;}/**
    * Calculate the size of the ripple.
    * @returns {number}
-   */},{key:"getRipplePosition",/**
+   */},{key:"rippleSize",get:function get(){if(this.props.size){if(this.props.fill){return this.props.size*2;}return this.props.size;}/**
+     * We want the Ripple to fill the element. We set the diameter of the Ripple
+     * to double the distance of the opposing corners of the node. That way the Ripple
+     * will reach the furthest away corner if you click at a corner.
+     */if(this.props.fill){return Math.sqrt(Math.pow(this.rootNode.offsetWidth,2)+Math.pow(this.rootNode.offsetHeight,2))*2;}// Otherwise we set the size to be the smaller of the element's height and width.
+return Math.min(this.rootNode.offsetWidth,this.rootNode.offsetHeight);}/**
    * Calculates the ripple position from the event.
    * @param {Object} event The event object.
    * @returns {Object} An object containing x and y values for the ripple.
-   */value:function getRipplePosition(event){// If the Ripple is to fill the element then we should set the
+   */},{key:"getRipplePosition",value:function getRipplePosition(event){// If the Ripple is to fill the element then we should set the
 // Starting position to be where the user clicked within that element.
 if(this.props.fill){// Determine if event is a touch event.
 var isTouchEvent=event.touches&&event.touches.length;// Find the center points of the event.
@@ -30,28 +35,23 @@ var pageX=isTouchEvent?event.touches[0].pageX:event.pageX;var pageY=isTouchEvent
 this.position.x=pageX-this.offset.left;this.position.y=pageY-this.offset.top;}return this.position;}/**
    * Triggers adding of a new ripple on touch start event.
    * @param {Object} event The even object.
-   */},{key:"addRipple",/**
+   */},{key:"addRipple",value:/**
    * Adds a new Ripple to the queue.
    * @param {Object} event The event object.
    * @param {boolean} isTouchGenerated Whether the action was triggered by a touch or click.
-   */value:function addRipple(event,isTouchGenerated){// If the adding of the Ripple was already triggered
+   */function addRipple(event,isTouchGenerated){// If the adding of the Ripple was already triggered
 // By a touch start event, no further action will be done.
 if(this.ignoreNextMouseDown&&!isTouchGenerated){this.ignoreNextMouseDown=false;return;}// Get the position of the element and store it.
 this.offset=getOffset(this.rootNode);// Receive the x and y position for the new Ripple.
 var _this$getRipplePositi=this.getRipplePosition(event),x=_this$getRipplePositi.x,y=_this$getRipplePositi.y;var ripples=this.state.ripples;// Append the new ripple to the ripples array.
-ripples.push(React.createElement(RippleAnimation,{color:this.props.color,duration:this.duration,fill:this.props.fill,key:this.state.nextKey,onComplete:this.removeRipple,size:this.rippleSize,x:x,y:y}));this.ignoreNextMouseDown=isTouchGenerated;// Update the state.
+ripples.push(/*#__PURE__*/React.createElement(RippleAnimation,{color:this.props.color,duration:this.duration,fill:this.props.fill,key:this.state.nextKey,onComplete:this.removeRipple,size:this.rippleSize,x:x,y:y}));this.ignoreNextMouseDown=isTouchGenerated;// Update the state.
 this.setState(function(_ref){var nextKey=_ref.nextKey;return{ripples:ripples,nextKey:nextKey+1,hasRipples:true};});}/**
    * Renders all the ripples in the queue.
    * @returns {JSX|null}
    */},{key:"renderRipples",value:function renderRipples(){// It only needs to render, if there is at least one ripple in the queue.
-if(!this.state.hasRipples){return null;}return React.createElement("div",{className:style.container},this.state.ripples);}/**
+if(!this.state.hasRipples){return null;}return/*#__PURE__*/React.createElement("div",{className:style.container},this.state.ripples);}/**
    * Renders the final ripple component including it's contents.
    * @returns {JSX}
    */},{key:"render",value:function render(){/* eslint-disable jsx-a11y/click-events-have-key-events,
-    jsx-a11y/no-static-element-interactions */return React.createElement("div",{className:"ui-shared__ripple ".concat(this.props.className),"data-test-id":"Ripple",onClick:this.handleClick,style:this.style},this.renderRipples(),this.props.children);/* eslint-enable jsx-a11y/click-events-have-key-events,
-    jsx-a11y/no-static-element-interactions */}},{key:"rippleSize",get:function get(){if(this.props.size){if(this.props.fill){return this.props.size*2;}return this.props.size;}/**
-     * We want the Ripple to fill the element. We set the diameter of the Ripple
-     * to double the distance of the opposing corners of the node. That way the Ripple
-     * will reach the furthest away corner if you click at a corner.
-     */if(this.props.fill){return Math.sqrt(Math.pow(this.rootNode.offsetWidth,2)+Math.pow(this.rootNode.offsetHeight,2))*2;}// Otherwise we set the size to be the smaller of the element's height and width.
-return Math.min(this.rootNode.offsetWidth,this.rootNode.offsetHeight);}}]);return Ripple;}(PureComponent);_defineProperty(Ripple,"defaultProps",{className:'',color:themeConfig.colors.dark,disabled:false,fill:false,onClick:function onClick(){},onComplete:function onComplete(){},overflow:false,size:null});export default Ripple;
+    jsx-a11y/no-static-element-interactions */return/*#__PURE__*/React.createElement("div",{className:"ui-shared__ripple ".concat(this.props.className),"data-test-id":"Ripple",onClick:this.handleClick,style:this.style},this.renderRipples(),this.props.children);/* eslint-enable jsx-a11y/click-events-have-key-events,
+    jsx-a11y/no-static-element-interactions */}}]);return Ripple;}(PureComponent);_defineProperty(Ripple,"defaultProps",{className:'',color:themeConfig.colors.dark,disabled:false,fill:false,onClick:function onClick(){},onComplete:function onComplete(){},overflow:false,size:null});export default Ripple;

package/RippleButton/index.js

@@ -1,11 +1,11 @@
-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 _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 Ripple from"../Ripple";import Button from"../Button";import style from"../Button/style";/**
+function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_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);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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}});Object.defineProperty(subClass,"prototype",{writable:false});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 _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}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 _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}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 Ripple from"../Ripple";import Button from"../Button";import style from"../Button/style";/**
  * The ripple button component is a special derivation of the basic button component
  * that adds a ripple effect when clicked.
- */var RippleButton=/*#__PURE__*/function(_Component){_inherits(RippleButton,_Component);function RippleButton(){_classCallCheck(this,RippleButton);return _possibleConstructorReturn(this,_getPrototypeOf(RippleButton).apply(this,arguments));}_createClass(RippleButton,[{key:"render",/**
-   * Renders the component.
-   * @returns {JSX}
-   */value:function render(){if(this.props.disabled){// Don't show the ripple effect when the button is disabled.
-return React.createElement(Button,_extends({},this.buttonProps,{wrapContent:true}),this.props.children);}var rippleProps={className:"".concat(style.contentWrapper," ").concat(this.props.rippleClassName),fill:true,size:this.props.rippleSize,overflow:true};return React.createElement(Button,_extends({},this.buttonProps,{testId:this.props.testId}),React.createElement(Ripple,rippleProps,this.props.children));}},{key:"buttonProps",/**
+ */var RippleButton=/*#__PURE__*/function(_Component){_inherits(RippleButton,_Component);var _super=_createSuper(RippleButton);function RippleButton(){_classCallCheck(this,RippleButton);return _super.apply(this,arguments);}_createClass(RippleButton,[{key:"buttonProps",get:/**
    * Getter for the calculated button props.
    * @returns {Object}
-   */get:function get(){return{className:"".concat(this.props.className," ui-shared__ripple-button"),disabled:this.props.disabled,onClick:this.props.onClick,flat:this.props.flat,type:this.props.type,wrapContent:false};}}]);return RippleButton;}(Component);_defineProperty(RippleButton,"defaultProps",_extends({},Button.defaultProps,{rippleClassName:'',rippleSize:null,testId:'Button'}));export default RippleButton;
+   */function get(){return{className:"".concat(this.props.className," ui-shared__ripple-button"),disabled:this.props.disabled,onClick:this.props.onClick,flat:this.props.flat,type:this.props.type,wrapContent:false};}/**
+   * Renders the component.
+   * @returns {JSX}
+   */},{key:"render",value:function render(){if(this.props.disabled){// Don't show the ripple effect when the button is disabled.
+return/*#__PURE__*/React.createElement(Button,_extends({},this.buttonProps,{wrapContent:true}),this.props.children);}var rippleProps={className:"".concat(style.contentWrapper," ").concat(this.props.rippleClassName),fill:true,size:this.props.rippleSize,overflow:true};return/*#__PURE__*/React.createElement(Button,_extends({},this.buttonProps,{testId:this.props.testId}),/*#__PURE__*/React.createElement(Ripple,rippleProps,this.props.children));}}]);return RippleButton;}(Component);_defineProperty(RippleButton,"defaultProps",_extends({},Button.defaultProps,{rippleClassName:'',rippleSize:null,testId:'Button'}));export default RippleButton;

package/RippleButton/spec.js

@@ -1 +1 @@
-import trim from'lodash/trim';import React from'react';import{shallow,mount}from'enzyme';import Button from'@shopgate/pwa-common/components/Button';import Ripple from"../Ripple";import styles from"../Button/style";import RippleButton from"./index";describe('<RippleButton />',function(){it('should render as a regular ripple button effect if type is omitted',function(){var wrapper=shallow(React.createElement(RippleButton,null,"Press me"));expect(wrapper).toMatchSnapshot();expect(wrapper.find(Ripple).render().text()).toEqual('Press me');});it('should render as a regular ripple button if type is explicitly defined',function(){var wrapper=mount(React.createElement(RippleButton,{type:"regular"},"Press me"));expect(trim(wrapper.find(Button).props().className)).toEqual("ui-shared__button ".concat(styles.regular(false).button,"  ui-shared__ripple-button"));expect(wrapper.find(Ripple).render().text()).toEqual('Press me');expect(wrapper).toMatchSnapshot();});it('should render as a primary ripple button',function(){var wrapper=mount(React.createElement(RippleButton,{type:"primary"},"Press me"));expect(trim(wrapper.find(Button).props().className)).toEqual("ui-shared__button ".concat(styles.primary(false).button,"  ui-shared__ripple-button"));expect(wrapper.find(Ripple).render().text()).toEqual('Press me');expect(wrapper).toMatchSnapshot();});it('should render as a secondary ripple button',function(){var wrapper=mount(React.createElement(RippleButton,{type:"secondary"},"Press me"));expect(trim(wrapper.find(Button).props().className)).toEqual("ui-shared__button ".concat(styles.secondary(false).button,"  ui-shared__ripple-button"));expect(wrapper.find(Ripple).render().text()).toEqual('Press me');expect(wrapper).toMatchSnapshot();});it('should render as a disabled ripple button',function(){var wrapper=mount(React.createElement(RippleButton,{disabled:true},"Press me"));expect(wrapper.find(Button).props().disabled).toBe(true);expect(wrapper).toMatchSnapshot();});});
+import trim from'lodash/trim';import React from'react';import{shallow,mount}from'enzyme';import Button from'@shopgate/pwa-common/components/Button';import Ripple from"../Ripple";import styles from"../Button/style";import RippleButton from"./index";describe('<RippleButton />',function(){it('should render as a regular ripple button effect if type is omitted',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(RippleButton,null,"Press me"));expect(wrapper).toMatchSnapshot();expect(wrapper.find(Ripple).render().text()).toEqual('Press me');});it('should render as a regular ripple button if type is explicitly defined',function(){var wrapper=mount(/*#__PURE__*/React.createElement(RippleButton,{type:"regular"},"Press me"));expect(trim(wrapper.find(Button).props().className)).toEqual("ui-shared__button ".concat(styles.regular(false).button,"  ui-shared__ripple-button"));expect(wrapper.find(Ripple).render().text()).toEqual('Press me');expect(wrapper).toMatchSnapshot();});it('should render as a primary ripple button',function(){var wrapper=mount(/*#__PURE__*/React.createElement(RippleButton,{type:"primary"},"Press me"));expect(trim(wrapper.find(Button).props().className)).toEqual("ui-shared__button ".concat(styles.primary(false).button,"  ui-shared__ripple-button"));expect(wrapper.find(Ripple).render().text()).toEqual('Press me');expect(wrapper).toMatchSnapshot();});it('should render as a secondary ripple button',function(){var wrapper=mount(/*#__PURE__*/React.createElement(RippleButton,{type:"secondary"},"Press me"));expect(trim(wrapper.find(Button).props().className)).toEqual("ui-shared__button ".concat(styles.secondary(false).button,"  ui-shared__ripple-button"));expect(wrapper.find(Ripple).render().text()).toEqual('Press me');expect(wrapper).toMatchSnapshot();});it('should render as a disabled ripple button',function(){var wrapper=mount(/*#__PURE__*/React.createElement(RippleButton,{disabled:true},"Press me"));expect(wrapper.find(Button).props().disabled).toBe(true);expect(wrapper).toMatchSnapshot();});});

package/ScannerOverlay/components/CameraOverlay/index.js

@@ -1,3 +1,3 @@
 import React from'react';import SurroundPortals from'@shopgate/pwa-common/components/SurroundPortals';import{SCANNER_CAMERA}from'@shopgate/pwa-common-commerce/scanner/constants/Portals';import styles from"./style";/**
  * @returns {JSX}
- */var CameraOverlay=function CameraOverlay(){return React.createElement(SurroundPortals,{portalName:SCANNER_CAMERA},React.createElement("div",{className:styles},React.createElement("div",null)));};export default CameraOverlay;
+ */var CameraOverlay=function CameraOverlay(){return/*#__PURE__*/React.createElement(SurroundPortals,{portalName:SCANNER_CAMERA},/*#__PURE__*/React.createElement("div",{className:styles},/*#__PURE__*/React.createElement("div",null)));};export default CameraOverlay;

package/ScannerOverlay/components/ScannerBar/components/FlashlightButton/index.js

@@ -1,4 +1,4 @@
 import React from'react';import PropTypes from'prop-types';import ToggleIcon from'@shopgate/pwa-ui-shared/ToggleIcon';import FlashEnabledIcon from'@shopgate/pwa-ui-shared/icons/FlashEnabledIcon';import FlashDisabledIcon from'@shopgate/pwa-ui-shared/icons/FlashDisabledIcon';import{SCANNER_FLASH}from'@shopgate/pwa-common-commerce/scanner/constants/Portals';import SurroundPortals from'@shopgate/pwa-common/components/SurroundPortals';import styles from"./style";/**
  * The FlashlightButton component.
  * @returns {JSX}
- */var FlashlightButton=function FlashlightButton(_ref){var flashlightState=_ref.flashlightState,onToggle=_ref.onToggle;return React.createElement(SurroundPortals,{portalName:SCANNER_FLASH},React.createElement("button",{className:styles.button,onClick:onToggle,role:"link",type:"button"},React.createElement(ToggleIcon,{on:flashlightState,onIcon:React.createElement(FlashEnabledIcon,{className:styles.icon}),offIcon:React.createElement(FlashDisabledIcon,{className:styles.icon})})));};export default FlashlightButton;
+ */var FlashlightButton=function FlashlightButton(_ref){var flashlightState=_ref.flashlightState,onToggle=_ref.onToggle;return/*#__PURE__*/React.createElement(SurroundPortals,{portalName:SCANNER_FLASH},/*#__PURE__*/React.createElement("button",{className:styles.button,onClick:onToggle,role:"link",type:"button"},/*#__PURE__*/React.createElement(ToggleIcon,{on:flashlightState,onIcon:/*#__PURE__*/React.createElement(FlashEnabledIcon,{className:styles.icon}),offIcon:/*#__PURE__*/React.createElement(FlashDisabledIcon,{className:styles.icon})})));};export default FlashlightButton;

package/ScannerOverlay/components/ScannerBar/components/ScannerInstructions/index.js

@@ -1,4 +1,4 @@
 import React from'react';import I18n from'@shopgate/pwa-common/components/I18n';import SurroundPortals from'@shopgate/pwa-common/components/SurroundPortals';import{SCANNER_INSTRUCTIONS}from'@shopgate/pwa-common-commerce/scanner/constants/Portals';/**
  * The FlashlightButton component.
  * @returns {JSX}
- */var ScannerInstructions=function ScannerInstructions(){return React.createElement(SurroundPortals,{portalName:SCANNER_INSTRUCTIONS},React.createElement(I18n.Text,{string:"scanner.instructions"}));};export default ScannerInstructions;
+ */var ScannerInstructions=function ScannerInstructions(){return/*#__PURE__*/React.createElement(SurroundPortals,{portalName:SCANNER_INSTRUCTIONS},/*#__PURE__*/React.createElement(I18n.Text,{string:"scanner.instructions"}));};export default ScannerInstructions;

package/ScannerOverlay/components/ScannerBar/index.js

@@ -2,4 +2,4 @@ import React from'react';import{createPortal}from'react-dom';import PropTypes fr
  * @param {boolean} flashlightState The on/off state of the flashlight.
  * @param {Function} onToggleFlashlight The toggle event triggered by the user.
  * @returns {JSX}
- */var ScannerBar=function ScannerBar(_ref){var flashlightState=_ref.flashlightState,onToggleFlashlight=_ref.onToggleFlashlight;return createPortal(React.createElement(SurroundPortals,{portalName:SCANNER_BAR,portalProps:{flashlightState:flashlightState,onToggleFlashlight:onToggleFlashlight}},React.createElement(Grid,{className:"".concat(styles.container," ui-shared__scanner-bar")},React.createElement(Grid.Item,{className:styles.column},React.createElement(FlashlightButton,{onToggle:onToggleFlashlight,flashlightState:flashlightState})),React.createElement(Grid.Item,{className:styles.column},React.createElement(ScannerInstructions,null)))),document.getElementById('AppFooter'));};export default ScannerBar;
+ */var ScannerBar=function ScannerBar(_ref){var flashlightState=_ref.flashlightState,onToggleFlashlight=_ref.onToggleFlashlight;return/*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(SurroundPortals,{portalName:SCANNER_BAR,portalProps:{flashlightState:flashlightState,onToggleFlashlight:onToggleFlashlight}},/*#__PURE__*/React.createElement(Grid,{className:"".concat(styles.container," ui-shared__scanner-bar")},/*#__PURE__*/React.createElement(Grid.Item,{className:styles.column},/*#__PURE__*/React.createElement(FlashlightButton,{onToggle:onToggleFlashlight,flashlightState:flashlightState})),/*#__PURE__*/React.createElement(Grid.Item,{className:styles.column},/*#__PURE__*/React.createElement(ScannerInstructions,null)))),document.getElementById('AppFooter'));};export default ScannerBar;

package/ScannerOverlay/index.js

@@ -1,11 +1,11 @@
-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 _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}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,{Fragment,PureComponent}from'react';import PropTypes from'prop-types';import AppScanner from'@shopgate/pwa-core/classes/Scanner';import CameraOverlay from"./components/CameraOverlay";import ScannerBar from"./components/ScannerBar";/**
+function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_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);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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}});Object.defineProperty(subClass,"prototype",{writable:false});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 _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}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 _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}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,{Fragment,PureComponent}from'react';import PropTypes from'prop-types';import AppScanner from'@shopgate/pwa-core/classes/Scanner';import CameraOverlay from"./components/CameraOverlay";import ScannerBar from"./components/ScannerBar";/**
  * The scanner overlay component.
- */var ScannerOverlay=/*#__PURE__*/function(_PureComponent){_inherits(ScannerOverlay,_PureComponent);function ScannerOverlay(props){var _this;_classCallCheck(this,ScannerOverlay);_this=_possibleConstructorReturn(this,_getPrototypeOf(ScannerOverlay).call(this,props));_defineProperty(_assertThisInitialized(_this),"handleToggleFlashlight",function(){_this.setState({flashlight:AppScanner.toggleFlashlight()});});_this.state={flashlight:props.flashlight};return _this;}/**
+ */var ScannerOverlay=/*#__PURE__*/function(_PureComponent){_inherits(ScannerOverlay,_PureComponent);var _super=_createSuper(ScannerOverlay);/**
+   * Initializes the component.
+   * @param {Object} props The components props.
+   */function ScannerOverlay(props){var _this;_classCallCheck(this,ScannerOverlay);_this=_super.call(this,props);_defineProperty(_assertThisInitialized(_this),"handleToggleFlashlight",function(){_this.setState({flashlight:AppScanner.toggleFlashlight()});});_this.state={flashlight:props.flashlight};return _this;}/**
    * @param {Object} nextProps New props to apply.
-   */_createClass(ScannerOverlay,[{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(nextProps){if(this.state.flashlight!==nextProps.flashlight){this.setState({flashlight:nextProps.flashlight});}}},{key:"render",/**
+   */_createClass(ScannerOverlay,[{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(nextProps){if(this.state.flashlight!==nextProps.flashlight){this.setState({flashlight:nextProps.flashlight});}}},{key:"render",value:/**
    * Render the camera overlay and the bottom bar with its contents.
    * @returns {JSX}
-   */value:function render(){return React.createElement(Fragment,null,React.createElement(CameraOverlay,null),React.createElement(ScannerBar,{flashlightState:this.state.flashlight,onToggleFlashlight:this.handleToggleFlashlight}));}}]);return ScannerOverlay;}(PureComponent);_defineProperty(ScannerOverlay,"defaultProps",{flashlight:false/**
-   * Initializes the component.
-   * @param {Object} props The components props.
-   */});export default ScannerOverlay;
+   */function render(){return/*#__PURE__*/React.createElement(Fragment,null,/*#__PURE__*/React.createElement(CameraOverlay,null),/*#__PURE__*/React.createElement(ScannerBar,{flashlightState:this.state.flashlight,onToggleFlashlight:this.handleToggleFlashlight}));}}]);return ScannerOverlay;}(PureComponent);_defineProperty(ScannerOverlay,"defaultProps",{flashlight:false});export default ScannerOverlay;

package/ScannerOverlay/index.spec.js

@@ -1 +1 @@
-import _regeneratorRuntime from"@babel/runtime/regenerator";function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}import React from'react';import{mount}from'enzyme';import{defaultClientInformation}from'@shopgate/pwa-core/helpers/version';import AppScanner from'@shopgate/pwa-core/classes/Scanner';import{SCANNER_SCOPE_DEFAULT,SCANNER_TYPE_BARCODE,SCANNER_MIN_APP_LIB_VERSION}from'@shopgate/pwa-core/constants/Scanner';import CameraOverlay from"./components/CameraOverlay";import FlashlightButton from"./components/ScannerBar/components/FlashlightButton";import ScannerOverlay from"./index";jest.mock('@shopgate/pwa-core/classes/AppCommand');jest.mock('react-dom',function(){return{createPortal:function createPortal(element){return React.createElement("div",{id:"portal-content"},element);}};});defaultClientInformation.libVersion=SCANNER_MIN_APP_LIB_VERSION;describe('<ScannerOverlay />',function(){var toggleFlashlightSpy=jest.spyOn(AppScanner,'toggleFlashlight');it('should render the component',function(){var wrapper=mount(React.createElement(ScannerOverlay,null));expect(wrapper).toMatchSnapshot();expect(wrapper.find(CameraOverlay)).not.toBeEmptyRender();expect(wrapper.find(CameraOverlay)).not.toBeEmptyRender();expect(wrapper.state('flashlight')).toBe(false);});it('should toggle the flashlight when the button is pressed',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var wrapper,button;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_context.next=2;return AppScanner.open(SCANNER_SCOPE_DEFAULT,SCANNER_TYPE_BARCODE);case 2:wrapper=mount(React.createElement(ScannerOverlay,null));button=wrapper.find(FlashlightButton).find('ToggleIcon');button.simulate('click');expect(wrapper.state('flashlight')).toBe(true);expect(toggleFlashlightSpy).toHaveBeenCalledTimes(1);button.simulate('click');expect(wrapper.state('flashlight')).toBe(false);expect(toggleFlashlightSpy).toHaveBeenCalledTimes(2);case 10:case"end":return _context.stop();}}},_callee);})));});
+import _regeneratorRuntime from"@babel/runtime/regenerator";function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}import React from'react';import{mount}from'enzyme';import{defaultClientInformation}from'@shopgate/pwa-core/helpers/version';import AppScanner from'@shopgate/pwa-core/classes/Scanner';import{SCANNER_SCOPE_DEFAULT,SCANNER_TYPE_BARCODE,SCANNER_MIN_APP_LIB_VERSION}from'@shopgate/pwa-core/constants/Scanner';import CameraOverlay from"./components/CameraOverlay";import FlashlightButton from"./components/ScannerBar/components/FlashlightButton";import ScannerOverlay from"./index";jest.mock('@shopgate/pwa-core/classes/AppCommand');jest.mock('react-dom',function(){return{createPortal:function createPortal(element){return/*#__PURE__*/React.createElement("div",{id:"portal-content"},element);}};});defaultClientInformation.libVersion=SCANNER_MIN_APP_LIB_VERSION;describe('<ScannerOverlay />',function(){var toggleFlashlightSpy=jest.spyOn(AppScanner,'toggleFlashlight');it('should render the component',function(){var wrapper=mount(/*#__PURE__*/React.createElement(ScannerOverlay,null));expect(wrapper).toMatchSnapshot();expect(wrapper.find(CameraOverlay)).not.toBeEmptyRender();expect(wrapper.find(CameraOverlay)).not.toBeEmptyRender();expect(wrapper.state('flashlight')).toBe(false);});it('should toggle the flashlight when the button is pressed',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var wrapper,button;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_context.next=2;return AppScanner.open(SCANNER_SCOPE_DEFAULT,SCANNER_TYPE_BARCODE);case 2:wrapper=mount(/*#__PURE__*/React.createElement(ScannerOverlay,null));button=wrapper.find(FlashlightButton).find('ToggleIcon');button.simulate('click');expect(wrapper.state('flashlight')).toBe(true);expect(toggleFlashlightSpy).toHaveBeenCalledTimes(1);button.simulate('click');expect(wrapper.state('flashlight')).toBe(false);expect(toggleFlashlightSpy).toHaveBeenCalledTimes(2);case 10:case"end":return _context.stop();}}},_callee);})));});

package/Sheet/components/Header/components/SearchBar/index.js

@@ -1,3 +1,3 @@
-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,{useState}from'react';import PropTypes from'prop-types';import classNames from'classnames';import I18n from'@shopgate/pwa-common/components/I18n';import Input from'@shopgate/pwa-common/components/Input';import MagnifierIcon from"../../../../../icons/MagnifierIcon";import styles from"./style";/**
+function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++){arr2[i]=arr[i];}return arr2;}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_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,{useState}from'react';import PropTypes from'prop-types';import classNames from'classnames';import I18n from'@shopgate/pwa-common/components/I18n';import Input from'@shopgate/pwa-common/components/Input';import MagnifierIcon from"../../../../../icons/MagnifierIcon";import styles from"./style";/**
  * @return {JSX}
- */var SearchBar=function SearchBar(_ref){var handleChange=_ref.handleChange;var _useState=useState(''),_useState2=_slicedToArray(_useState,2),query=_useState2[0],setQuery=_useState2[1];var name='search';return React.createElement("div",{className:"ui-shared__sheet__search-field","data-test-id":"SearchField"},React.createElement("div",{className:styles.container},React.createElement("div",{className:styles.inputWrapper},React.createElement("form",{onSubmit:function onSubmit(e){e.preventDefault();}},React.createElement("label",{htmlFor:name,className:styles.label},React.createElement("div",{className:styles.icon},React.createElement(MagnifierIcon,null)),!query.length&&React.createElement(I18n.Text,{string:"search.placeholder"})),React.createElement(Input,{name:name,autoComplete:false,className:classNames(styles.input),onChange:function onChange(value){handleChange(value);setQuery(value);},value:query,type:"search"})))));};export default SearchBar;
+ */var SearchBar=function SearchBar(_ref){var handleChange=_ref.handleChange;var _useState=useState(''),_useState2=_slicedToArray(_useState,2),query=_useState2[0],setQuery=_useState2[1];var name='search';return/*#__PURE__*/React.createElement("div",{className:"ui-shared__sheet__search-field","data-test-id":"SearchField"},/*#__PURE__*/React.createElement("div",{className:styles.container},/*#__PURE__*/React.createElement("div",{className:styles.inputWrapper},/*#__PURE__*/React.createElement("form",{onSubmit:function onSubmit(e){e.preventDefault();}},/*#__PURE__*/React.createElement("label",{htmlFor:name,className:styles.label},/*#__PURE__*/React.createElement("div",{className:styles.icon},/*#__PURE__*/React.createElement(MagnifierIcon,null)),!query.length&&/*#__PURE__*/React.createElement(I18n.Text,{string:"search.placeholder"})),/*#__PURE__*/React.createElement(Input,{name:name,autoComplete:false,className:classNames(styles.input),onChange:function onChange(value){handleChange(value);setQuery(value);},value:query,type:"search"})))));};export default SearchBar;

package/Sheet/components/Header/components/SearchBar/spec.js

@@ -1,3 +1,3 @@
-import _regeneratorRuntime from"@babel/runtime/regenerator";function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}import React from'react';import{mount}from'enzyme';import SearchBar from"./index";describe('<SearchBar />',function(){it('should call handleChange on input',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var handleChange,wrapper;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:handleChange=jest.fn();_context.next=3;return mount(React.createElement(SearchBar,{handleChange:handleChange}));case 3:wrapper=_context.sent;expect(wrapper).toMatchSnapshot();// Update input
+import _regeneratorRuntime from"@babel/runtime/regenerator";function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}import React from'react';import{mount}from'enzyme';import SearchBar from"./index";describe('<SearchBar />',function(){it('should call handleChange on input',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var handleChange,wrapper;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:handleChange=jest.fn();_context.next=3;return mount(/*#__PURE__*/React.createElement(SearchBar,{handleChange:handleChange}));case 3:wrapper=_context.sent;expect(wrapper).toMatchSnapshot();// Update input
 wrapper.find('input').first().simulate('change',{target:{name:'search',value:'asdf'}});// Should call with updated state.
 expect(handleChange).toHaveBeenCalledWith('asdf');case 7:case"end":return _context.stop();}}},_callee);})));});

package/Sheet/components/Header/index.js

@@ -1,12 +1,12 @@
-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 _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 classNames from'classnames';import Grid from'@shopgate/pwa-common/components/Grid';import Ripple from"../../../Ripple";import CrossIcon from"../../../icons/CrossIcon";import styles from"./style";import SearchBar from"./components/SearchBar";/**
+function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_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);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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}});Object.defineProperty(subClass,"prototype",{writable:false});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 _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}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 _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}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 classNames from'classnames';import Grid from'@shopgate/pwa-common/components/Grid';import Ripple from"../../../Ripple";import CrossIcon from"../../../icons/CrossIcon";import styles from"./style";import SearchBar from"./components/SearchBar";/**
  * Header component.
- */var Header=/*#__PURE__*/function(_Component){_inherits(Header,_Component);function Header(){_classCallCheck(this,Header);return _possibleConstructorReturn(this,_getPrototypeOf(Header).apply(this,arguments));}_createClass(Header,[{key:"shouldComponentUpdate",/**
+ */var Header=/*#__PURE__*/function(_Component){_inherits(Header,_Component);var _super=_createSuper(Header);function Header(){_classCallCheck(this,Header);return _super.apply(this,arguments);}_createClass(Header,[{key:"shouldComponentUpdate",value:/**
    * The component's default props.
    * @type {Object}
    */ /**
    * @param {Object} nextProps Next Props
    * @returns {boolean}
-   */value:function shouldComponentUpdate(nextProps){return this.props.shadow!==nextProps.shadow||this.props.title!==nextProps.title;}/**
+   */function shouldComponentUpdate(nextProps){return this.props.shadow!==nextProps.shadow||this.props.title!==nextProps.title;}/**
    * Renders the component.
    * @returns {JSX}
-   */},{key:"render",value:function render(){var classes=classNames(styles.wrapper);var _this$context$i18n=this.context.i18n(),__=_this$context$i18n.__;return React.createElement("div",{className:classNames(_defineProperty({},styles.shadow,this.props.shadow))},React.createElement(Grid,{className:classes,component:"div",wrap:false},React.createElement("button",{className:styles.closeButton,onClick:this.props.onToggleClose,"aria-label":__('common.close'),type:"button"},React.createElement(Ripple,{className:styles.closeIcon},React.createElement(CrossIcon,{size:24}))),React.createElement(Grid.Item,{className:styles.title,component:"div",grow:1,role:"heading"},this.props.title)),this.props.showSearch&&React.createElement(SearchBar,{handleChange:this.props.handleChange}));}}]);return Header;}(Component);_defineProperty(Header,"defaultProps",{onToggleClose:function onToggleClose(){},shadow:false,handleChange:function handleChange(){},showSearch:false});_defineProperty(Header,"contextTypes",{i18n:PropTypes.func});export default Header;
+   */},{key:"render",value:function render(){var classes=classNames(styles.wrapper);var _this$context$i18n=this.context.i18n(),__=_this$context$i18n.__;return/*#__PURE__*/React.createElement("div",{className:classNames(_defineProperty({},styles.shadow,this.props.shadow))},/*#__PURE__*/React.createElement(Grid,{className:classes,component:"div",wrap:false},/*#__PURE__*/React.createElement("button",{className:styles.closeButton,onClick:this.props.onToggleClose,"aria-label":__('common.close'),type:"button"},/*#__PURE__*/React.createElement(Ripple,{className:styles.closeIcon},/*#__PURE__*/React.createElement(CrossIcon,{size:24}))),/*#__PURE__*/React.createElement(Grid.Item,{className:styles.title,component:"div",grow:1,role:"heading"},this.props.title)),this.props.showSearch&&/*#__PURE__*/React.createElement(SearchBar,{handleChange:this.props.handleChange}));}}]);return Header;}(Component);_defineProperty(Header,"defaultProps",{onToggleClose:function onToggleClose(){},shadow:false,handleChange:function handleChange(){},showSearch:false});_defineProperty(Header,"contextTypes",{i18n:PropTypes.func});export default Header;

package/Sheet/components/Header/spec.js

@@ -1 +1 @@
-import React from'react';import{shallow,mount}from'enzyme';import mockRenderOptions from'@shopgate/pwa-common/helpers/mocks/mockRenderOptions';import Header from"./index";describe('<Header />',function(){it('should render with correct title',function(){var title='My Title';var wrapper=shallow(React.createElement(Header,{title:title}),mockRenderOptions);expect(wrapper).toMatchSnapshot();expect(wrapper.find('GridItem').first().props().children).toEqual(title);});it('should render searchbar',function(){var title='My Title';var wrapper=mount(React.createElement(Header,{title:title,showSearch:true}),mockRenderOptions);expect(wrapper).toMatchSnapshot();expect(wrapper.find('SearchBar').length).toBe(1);});it('should call handleChange on input',function(){var title='My Title';var handleChange=jest.fn();var wrapper=mount(React.createElement(Header,{title:title,showSearch:true,handleChange:handleChange}),mockRenderOptions);wrapper.find('input').first().simulate('change',{target:{name:'search',value:'asdf'}});expect(handleChange).toHaveBeenCalledWith('asdf');});});
+import React from'react';import{shallow,mount}from'enzyme';import mockRenderOptions from'@shopgate/pwa-common/helpers/mocks/mockRenderOptions';import Header from"./index";describe('<Header />',function(){it('should render with correct title',function(){var title='My Title';var wrapper=shallow(/*#__PURE__*/React.createElement(Header,{title:title}),mockRenderOptions);expect(wrapper).toMatchSnapshot();expect(wrapper.find('GridItem').first().props().children).toEqual(title);});it('should render searchbar',function(){var title='My Title';var wrapper=mount(/*#__PURE__*/React.createElement(Header,{title:title,showSearch:true}),mockRenderOptions);expect(wrapper).toMatchSnapshot();expect(wrapper.find('SearchBar').length).toBe(1);});it('should call handleChange on input',function(){var title='My Title';var handleChange=jest.fn();var wrapper=mount(/*#__PURE__*/React.createElement(Header,{title:title,showSearch:true,handleChange:handleChange}),mockRenderOptions);wrapper.find('input').first().simulate('change',{target:{name:'search',value:'asdf'}});expect(handleChange).toHaveBeenCalledWith('asdf');});});