@shopgate/pwa-ui-material 6.20.0-beta.2 → 6.20.0-beta.8

package/Accordion/components/AccordionContent/index.js

@@ -1,5 +1,5 @@
-import React,{useRef}from'react';import PropTypes from'prop-types';import*as 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 classnames from'classnames';import PropTypes from'prop-types';import React,{useMemo}from'react';import{useMeasure}from'react-use';import*as styles from"./style";/**
  * The accordion content component.
  * @param {Object} props The component props.
  * @returns {JSX}
- */function AccordionContent(_ref){var children=_ref.children,open=_ref.open,id=_ref.id;var ref=useRef(null);var height=ref.current===null?'auto':ref.current.clientHeight;var style={height:!open?0:height};return React.createElement("div",{className:styles.content,style:style,id:id,"aria-hidden":!open},React.createElement("div",{ref:ref,className:styles.contentInner},children));}AccordionContent.defaultProps={open:false};export default AccordionContent;
+ */function AccordionContent(props){var children=props.children,open=props.open,id=props.id,className=props.className;var _useMeasure=useMeasure(),_useMeasure2=_slicedToArray(_useMeasure,2),ref=_useMeasure2[0],height=_useMeasure2[1].height;var style=useMemo(function(){return{height:open?height:0};},[height,open]);return/*#__PURE__*/React.createElement("div",{className:styles.content,style:style,id:id,"aria-hidden":!open},/*#__PURE__*/React.createElement("div",{ref:ref,className:classnames(styles.contentInner,className)},children));}AccordionContent.defaultProps={open:false,className:null};export default AccordionContent;

package/Accordion/components/AccordionContent/spec.js

@@ -1 +1 @@
-import React from'react';import{shallow}from'enzyme';import AccordionContent from"./index";describe('<AccordionContent />',function(){it('should render as closed',function(){var wrapper=shallow(React.createElement(AccordionContent,{id:"some-id"},React.createElement("div",{id:"test"},"Some Child")));expect(wrapper.find('#test').text()).toEqual('Some Child');expect(wrapper.prop('style').height).toEqual(0);expect(wrapper).toMatchSnapshot();});it('should render as open',function(){var wrapper=shallow(React.createElement(AccordionContent,{open:true,id:"some-id"},React.createElement("div",{id:"test"},"Some Child")));expect(wrapper.find('#test').text()).toEqual('Some Child');expect(wrapper.prop('style').height).toEqual('auto');expect(wrapper).toMatchSnapshot();});});
+function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}import React from'react';import{mount}from'enzyme';import AccordionContent from"./index";jest.mock('react-spring',function(){return _extends({},jest.requireActual('react-spring'),{useSpring:jest.fn().mockReturnValue({hook:'useSpring return value'})});});describe('<AccordionContent />',function(){it('should render as closed',function(){var wrapper=mount(/*#__PURE__*/React.createElement(AccordionContent,{id:"some-id"},/*#__PURE__*/React.createElement("div",{id:"test"},"Some Child")));expect(wrapper.find('#test').text()).toEqual('Some Child');expect(wrapper.find('div').get(0).props['aria-hidden']).toEqual(true);expect(wrapper).toMatchSnapshot();});it('should render as open',function(){var wrapper=mount(/*#__PURE__*/React.createElement(AccordionContent,{open:true,id:"some-id"},/*#__PURE__*/React.createElement("div",{id:"test"},"Some Child")));expect(wrapper.find('#test').text()).toEqual('Some Child');expect(wrapper.find('div').get(0).props['aria-hidden']).toEqual(false);expect(wrapper).toMatchSnapshot();});});

package/Accordion/components/AccordionContent/style.js

@@ -1 +1 @@
-import{css}from'glamor';export var content=css({overflow:'hidden',willChange:'height'});export var contentInner=css({padding:'0 16px 16px',overflow:'hidden'});
+import{css}from'glamor';export var content=css({overflow:'hidden',willChange:'height'});export var contentInner=css({padding:'0 16px 16px',overflow:'hidden'}).toString();

package/Accordion/index.js

@@ -1,4 +1,4 @@
-import React,{Fragment}from'react';import PropTypes from'prop-types';import{AccordionContainer,ChevronIcon}from'@shopgate/pwa-ui-shared';import AccordionContent from"./components/AccordionContent";import*as styles from"./style";/**
+function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}import*as React from'react';import classnames from'classnames';import{AccordionContainer,ChevronIcon}from'@shopgate/pwa-ui-shared';import{i18n}from'@shopgate/engage/core';import PropTypes from'prop-types';import AccordionContent from"./components/AccordionContent";import*as styles from"./style";/**
  * @param {Object} props The component props.
  * @returns {JSX}
- */var Accordion=function Accordion(props){var renderLabel=props.renderLabel,handleLabel=props.handleLabel,children=props.children,testId=props.testId;if(!renderLabel||!children){return null;}var controlsId="".concat(testId,"-content").replace(/[^\w\s]/gi,'-').replace(' ','-');return React.createElement(AccordionContainer,null,function(_ref){var handleOpen=_ref.handleOpen,handleClose=_ref.handleClose,open=_ref.open;return React.createElement(Fragment,null,React.createElement("div",{onClick:open?handleClose:handleOpen,onKeyDown:open?handleClose:handleOpen,role:"button",tabIndex:"0",className:"".concat(styles.toggle," ui-material__accordion"),"data-test-id":testId,key:"accordion-toggle","aria-expanded":open,"aria-controls":controlsId,"aria-label":handleLabel},renderLabel({open:open}),React.createElement("div",{className:styles.chevronContainer},React.createElement(ChevronIcon,{className:open?styles.chevronOpen:styles.chevronClosed}))),React.createElement(AccordionContent,{open:open,id:controlsId,key:controlsId},children));});};Accordion.defaultProps={handleLabel:null,testId:null};export default Accordion;
+ */function Accordion(props){var renderLabel=props.renderLabel,handleLabel=props.handleLabel,role=props.role,children=props.children,testId=props.testId,className=props.className,contentClassName=props.contentClassName,openWithChevron=props.openWithChevron,startOpened=props.startOpened,chevronPosition=props.chevronPosition;if(!renderLabel||!children){return null;}var controlsId=testId?"".concat(testId,"-content").replace(/[^\w\s]/gi,'-').replace(' ','-'):'accordion-content';return/*#__PURE__*/React.createElement(AccordionContainer,{open:startOpened},function(_ref){var handleOpen=_ref.handleOpen,handleClose=_ref.handleClose,open=_ref.open;var clickHandlers={onClick:open?handleClose:handleOpen,onKeyDown:open?handleClose:handleOpen,role:role,tabIndex:'0'};return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("div",_extends({},openWithChevron?{}:clickHandlers,{className:classnames(className,chevronPosition==='right'?styles.toggle.toString():styles.toggleLeftAligned.toString()),"data-test-id":testId,key:"accordion-toggle","aria-expanded":open,"aria-controls":controlsId,"aria-label":handleLabel}),chevronPosition==='left'?/*#__PURE__*/React.createElement("div",_extends({className:styles.chevronContainerLeft},openWithChevron?clickHandlers:{},{"aria-label":i18n.text(open?'favorites.close_list':'favorites.open_list')}),/*#__PURE__*/React.createElement(ChevronIcon,{className:open?styles.chevronOpen:styles.chevronClosed})):null,renderLabel({open:open}),chevronPosition==='right'?/*#__PURE__*/React.createElement("div",_extends({className:styles.chevronContainer},openWithChevron?clickHandlers:{},{"aria-label":i18n.text(open?'favorites.close_list':'favorites.open_list')}),/*#__PURE__*/React.createElement(ChevronIcon,{className:open?styles.chevronOpen:styles.chevronClosed})):null),/*#__PURE__*/React.createElement(AccordionContent,{open:open,id:controlsId,key:controlsId,className:contentClassName},children));});}Accordion.defaultProps={chevronPosition:'right',className:null,contentClassName:null,handleLabel:null,openWithChevron:false,role:'button',startOpened:false,testId:null};export default Accordion;

package/Accordion/spec.js

@@ -1 +1 @@
-import React from'react';import{mount}from'enzyme';import Accordion from"./index";jest.unmock('@shopgate/pwa-ui-shared');describe('<Accordion />',function(){beforeEach(function(){jest.clearAllMocks();});it('should render with renderLabel prop and children',function(){var wrapper=mount(React.createElement(Accordion,{renderLabel:function renderLabel(){return React.createElement("div",null);},testId:"Some Thing"},"Some content."));expect(wrapper).toMatchSnapshot();expect(wrapper.find('AccordionContent').exists()).toBe(true);});it('should not render without a renderLabel prop',function(){var wrapper=mount(React.createElement(Accordion,{testId:"Some Thing"}));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});it('should not render without children',function(){var wrapper=mount(React.createElement(Accordion,{renderLabel:function renderLabel(){},testId:"Some Thing"}));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});});
+function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}import React from'react';import{mount}from'enzyme';import Accordion from"./index";jest.unmock('@shopgate/pwa-ui-shared');jest.mock('react-spring',function(){return _extends({},jest.requireActual('react-spring'),{useSpring:jest.fn().mockReturnValue({hook:'useSpring return value'})});});describe('<Accordion />',function(){beforeEach(function(){jest.clearAllMocks();});it('should render with renderLabel prop and children',function(){var wrapper=mount(/*#__PURE__*/React.createElement(Accordion,{renderLabel:function renderLabel(){return/*#__PURE__*/React.createElement("div",null);},testId:"Some Thing"},"Some content."));expect(wrapper).toMatchSnapshot();expect(wrapper.find('AccordionContent').exists()).toBe(true);});it('should not render without a renderLabel prop',function(){var wrapper=mount(/*#__PURE__*/React.createElement(Accordion,{testId:"Some Thing"}));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});it('should not render without children',function(){var wrapper=mount(/*#__PURE__*/React.createElement(Accordion,{renderLabel:function renderLabel(){},testId:"Some Thing"}));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});});

package/Accordion/style.js

@@ -1 +1 @@
-import{css}from'glamor';export var toggle=css({padding:'12px 56px 12px 16px',position:'relative'});export var chevronContainer=css({fontSize:'1.5rem',position:'absolute',right:'1rem',top:'.6875rem'});export var chevron=css({transformOrigin:'center center',transition:'transform 250ms cubic-bezier(0.25, 0.1, 0.25, 1)'});export var chevronClosed=css(chevron,{transform:'rotateZ(-90deg)'}).toString();export var chevronOpen=css(chevron,{transform:'rotateZ(90deg)'}).toString();
+import{css}from'glamor';export var toggle=css({padding:'12px 56px 12px 16px',position:'relative',display:'flex',flexDirection:'row',alignItems:'center'});export var toggleLeftAligned=css({padding:'12px 16px 12px 16px',position:'relative',display:'flex',flexDirection:'row',alignItems:'center'});export var chevronContainer=css({cursor:'pointer',fontSize:'1.5rem',position:'absolute',right:'1rem',top:'50%',transform:'translate3d(0, -50%, 0)'});export var chevronContainerLeft=css({cursor:'pointer',fontSize:'1.5rem',marginRight:12});export var chevron=css({transformOrigin:'center center',transition:'transform 250ms cubic-bezier(0.25, 0.1, 0.25, 1)'});export var chevronClosed=css(chevron,{transform:'rotateZ(-90deg)'}).toString();export var chevronOpen=css(chevron,{transform:'rotateZ(90deg)'}).toString();

package/AppBar/components/Below/index.js

@@ -1,4 +1,4 @@
 import React,{Fragment}from'react';import PropTypes from'prop-types';import{Portal}from'@shopgate/pwa-common/components';import{APP_BAR_BELOW,APP_BAR_BELOW_BEFORE,APP_BAR_BELOW_AFTER}from'@shopgate/pwa-common/constants/Portals';/**
  * @param {Object} props The component props.
  * @returns {JSX}
- */function Below(_ref){var elements=_ref.elements;return React.createElement(Fragment,{key:"below"},React.createElement(Portal,{name:APP_BAR_BELOW_BEFORE}),React.createElement(Portal,{name:APP_BAR_BELOW},elements),React.createElement(Portal,{name:APP_BAR_BELOW_AFTER}));}Below.defaultProps={elements:null};export default Below;
+ */function Below(_ref){var elements=_ref.elements;return/*#__PURE__*/React.createElement(Fragment,{key:"below"},/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_BELOW_BEFORE}),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_BELOW},elements),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_BELOW_AFTER}));}Below.defaultProps={elements:null};export default Below;

package/AppBar/components/Center/index.js

@@ -1,4 +1,4 @@
 import React,{Fragment}from'react';import PropTypes from'prop-types';import{Portal}from'@shopgate/pwa-common/components';import{APP_BAR_CENTER,APP_BAR_CENTER_BEFORE,APP_BAR_CENTER_AFTER}from'@shopgate/pwa-common/constants/Portals';/**
  * @param {Object} props The component props.
  * @returns {JSX}
- */function Center(_ref){var elements=_ref.elements;return React.createElement(Fragment,{key:"center"},React.createElement(Portal,{name:APP_BAR_CENTER_BEFORE}),React.createElement(Portal,{name:APP_BAR_CENTER},elements),React.createElement(Portal,{name:APP_BAR_CENTER_AFTER}));}Center.defaultProps={elements:null};export default Center;
+ */function Center(_ref){var elements=_ref.elements;return/*#__PURE__*/React.createElement(Fragment,{key:"center"},/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_CENTER_BEFORE}),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_CENTER},elements),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_CENTER_AFTER}));}Center.defaultProps={elements:null};export default Center;

package/AppBar/components/Field/index.js

@@ -1,5 +1,5 @@
-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,{PureComponent}from'react';import PropTypes from'prop-types';import styles 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 styles from"./style";/**
  * The AppBarField component.
- */var AppBarField=/*#__PURE__*/function(_PureComponent){_inherits(AppBarField,_PureComponent);function AppBarField(){_classCallCheck(this,AppBarField);return _possibleConstructorReturn(this,_getPrototypeOf(AppBarField).apply(this,arguments));}_createClass(AppBarField,[{key:"render",/**
+ */var AppBarField=/*#__PURE__*/function(_PureComponent){_inherits(AppBarField,_PureComponent);var _super=_createSuper(AppBarField);function AppBarField(){_classCallCheck(this,AppBarField);return _super.apply(this,arguments);}_createClass(AppBarField,[{key:"render",value:/**
    * @returns {JSX}
-   */value:function render(){var _this$props=this.props,fieldRef=_this$props.fieldRef,onChange=_this$props.onChange,onSubmit=_this$props.onSubmit;var _this$context$i18n=this.context.i18n(),__=_this$context$i18n.__;return React.createElement("form",{className:styles.form,onSubmit:onSubmit},React.createElement("input",{className:styles.field,onChange:onChange,placeholder:__('search.placeholder'),ref:fieldRef,"data-test-id":"searchInput"}));}}]);return AppBarField;}(PureComponent);_defineProperty(AppBarField,"defaultProps",{fieldRef:null,onChange:null,onSubmit:null});_defineProperty(AppBarField,"contextTypes",{i18n:PropTypes.func});export default AppBarField;
+   */function render(){var _this$props=this.props,fieldRef=_this$props.fieldRef,onChange=_this$props.onChange,onSubmit=_this$props.onSubmit;var _this$context$i18n=this.context.i18n(),__=_this$context$i18n.__;return/*#__PURE__*/React.createElement("form",{className:styles.form,onSubmit:onSubmit},/*#__PURE__*/React.createElement("input",{className:styles.field,onChange:onChange,placeholder:__('search.placeholder'),ref:fieldRef,"data-test-id":"searchInput"}));}}]);return AppBarField;}(PureComponent);_defineProperty(AppBarField,"defaultProps",{fieldRef:null,onChange:null,onSubmit:null});_defineProperty(AppBarField,"contextTypes",{i18n:PropTypes.func});export default AppBarField;

package/AppBar/components/Icon/index.js

@@ -1,5 +1,5 @@
-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,{PureComponent}from'react';import PropTypes from'prop-types';import styles 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 styles from"./style";/**
  * The AppBarIcon component.
- */var AppBarIcon=/*#__PURE__*/function(_PureComponent){_inherits(AppBarIcon,_PureComponent);function AppBarIcon(){_classCallCheck(this,AppBarIcon);return _possibleConstructorReturn(this,_getPrototypeOf(AppBarIcon).apply(this,arguments));}_createClass(AppBarIcon,[{key:"render",/**
+ */var AppBarIcon=/*#__PURE__*/function(_PureComponent){_inherits(AppBarIcon,_PureComponent);var _super=_createSuper(AppBarIcon);function AppBarIcon(){_classCallCheck(this,AppBarIcon);return _super.apply(this,arguments);}_createClass(AppBarIcon,[{key:"render",value:/**
    * @returns {JSX}
-   */value:function render(){var _this$props=this.props,background=_this$props.background,Badge=_this$props.badge,color=_this$props.color,Icon=_this$props.icon,onClick=_this$props.onClick,testId=_this$props.testId,ariaHidden=_this$props['aria-hidden'],ariaLabel=_this$props['aria-label'];return React.createElement("button",{className:styles,onClick:onClick,style:{background:background,color:color},"data-test-id":testId,"aria-hidden":ariaHidden,"aria-label":ariaLabel,type:"button"},React.createElement(Icon,null),Badge&&React.createElement(Badge,null));}}]);return AppBarIcon;}(PureComponent);_defineProperty(AppBarIcon,"defaultProps",{'aria-hidden':null,'aria-label':null,background:'inherit',badge:null,color:'inherit',testId:null});export default AppBarIcon;
+   */function render(){var _this$props=this.props,background=_this$props.background,Badge=_this$props.badge,color=_this$props.color,Icon=_this$props.icon,onClick=_this$props.onClick,testId=_this$props.testId,ariaHidden=_this$props['aria-hidden'],ariaLabel=_this$props['aria-label'];return/*#__PURE__*/React.createElement("button",{className:styles,onClick:onClick,style:{background:background,color:color},"data-test-id":testId,"aria-hidden":ariaHidden,"aria-label":ariaLabel,type:"button"},/*#__PURE__*/React.createElement(Icon,null),Badge&&/*#__PURE__*/React.createElement(Badge,null));}}]);return AppBarIcon;}(PureComponent);_defineProperty(AppBarIcon,"defaultProps",{'aria-hidden':null,'aria-label':null,background:'inherit',badge:null,color:'inherit',testId:null});export default AppBarIcon;

package/AppBar/components/Left/index.js

@@ -1,4 +1,4 @@
 import React,{Fragment}from'react';import PropTypes from'prop-types';import{Portal}from'@shopgate/pwa-common/components';import{APP_BAR_LEFT,APP_BAR_LEFT_BEFORE,APP_BAR_LEFT_AFTER}from'@shopgate/pwa-common/constants/Portals';/**
  * @param {Object} props The component props.
  * @returns {JSX}
- */function Left(_ref){var elements=_ref.elements;return React.createElement(Fragment,{key:"left"},React.createElement(Portal,{name:APP_BAR_LEFT_BEFORE}),React.createElement(Portal,{name:APP_BAR_LEFT},elements),React.createElement(Portal,{name:APP_BAR_LEFT_AFTER}));}Left.defaultProps={elements:null};export default Left;
+ */function Left(_ref){var elements=_ref.elements;return/*#__PURE__*/React.createElement(Fragment,{key:"left"},/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_LEFT_BEFORE}),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_LEFT},elements),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_LEFT_AFTER}));}Left.defaultProps={elements:null};export default Left;

package/AppBar/components/Right/index.js

@@ -1,4 +1,4 @@
 import React,{Fragment}from'react';import PropTypes from'prop-types';import{Portal}from'@shopgate/pwa-common/components';import{APP_BAR_RIGHT,APP_BAR_RIGHT_BEFORE,APP_BAR_RIGHT_AFTER}from'@shopgate/pwa-common/constants/Portals';/**
  * @param {Object} props The component props.
  * @returns {JSX}
- */function Right(_ref){var elements=_ref.elements;return React.createElement(Fragment,{key:"right"},React.createElement(Portal,{name:APP_BAR_RIGHT_BEFORE}),React.createElement(Portal,{name:APP_BAR_RIGHT},elements),React.createElement(Portal,{name:APP_BAR_RIGHT_AFTER}));}Right.defaultProps={elements:null};export default Right;
+ */function Right(_ref){var elements=_ref.elements;return/*#__PURE__*/React.createElement(Fragment,{key:"right"},/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_RIGHT_BEFORE}),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_RIGHT},elements),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_RIGHT_AFTER}));}Right.defaultProps={elements:null};export default Right;

package/AppBar/components/Title/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 _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,{PureComponent}from'react';import PropTypes from'prop-types';import styles 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 styles from"./style";/**
  * The AppBarTitle component.
- */var AppBarTitle=/*#__PURE__*/function(_PureComponent){_inherits(AppBarTitle,_PureComponent);function AppBarTitle(){_classCallCheck(this,AppBarTitle);return _possibleConstructorReturn(this,_getPrototypeOf(AppBarTitle).apply(this,arguments));}_createClass(AppBarTitle,[{key:"render",/**
+ */var AppBarTitle=/*#__PURE__*/function(_PureComponent){_inherits(AppBarTitle,_PureComponent);var _super=_createSuper(AppBarTitle);function AppBarTitle(){_classCallCheck(this,AppBarTitle);return _super.apply(this,arguments);}_createClass(AppBarTitle,[{key:"render",value:/**
    * @returns {JSX}
-   */value:function render(){var _this$props=this.props,onClick=_this$props.onClick,title=_this$props.title;/* eslint-disable jsx-a11y/no-static-element-interactions,
-    jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-tabindex */return React.createElement("div",{className:styles,role:"heading","aria-labelledby":"titleLabel","aria-level":"1","data-test-id":"title: ".concat(title),tabIndex:0},React.createElement("span",{onClick:onClick,id:"titleLabel"},title));/* eslint-enable jsx-a11y/no-static-element-interactions,
+   */function render(){var _this$props=this.props,onClick=_this$props.onClick,title=_this$props.title;/* eslint-disable jsx-a11y/no-static-element-interactions,
+    jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-tabindex */return/*#__PURE__*/React.createElement("div",{className:styles,role:"heading","aria-labelledby":"titleLabel","aria-level":"1","data-test-id":"title: ".concat(title),tabIndex:0},/*#__PURE__*/React.createElement("span",{onClick:onClick,id:"titleLabel"},title));/* eslint-enable jsx-a11y/no-static-element-interactions,
     jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-tabindex */}}]);return AppBarTitle;}(PureComponent);_defineProperty(AppBarTitle,"defaultProps",{onClick:null});export default AppBarTitle;

package/AppBar/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 _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,{PureComponent}from'react';import PropTypes from'prop-types';import{themeShadows,themeColors}from'@shopgate/pwa-common/helpers/config';import Field from"./components/Field";import Icon from"./components/Icon";import Title from"./components/Title";import Right from"./components/Right";import Center from"./components/Center";import Left from"./components/Left";import Below from"./components/Below";import styles 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{themeShadows,themeColors}from'@shopgate/pwa-common/helpers/config';import Field from"./components/Field";import Icon from"./components/Icon";import Title from"./components/Title";import Right from"./components/Right";import Center from"./components/Center";import Left from"./components/Left";import Below from"./components/Below";import styles from"./style";/**
  * The AppBar component.
- */var AppBar=/*#__PURE__*/function(_PureComponent){_inherits(AppBar,_PureComponent);function AppBar(){_classCallCheck(this,AppBar);return _possibleConstructorReturn(this,_getPrototypeOf(AppBar).apply(this,arguments));}_createClass(AppBar,[{key:"render",/**
-   * @returns {JSX}
-   */value:function render(){var _this$props=this.props,below=_this$props.below,center=_this$props.center,left=_this$props.left,right=_this$props.right;return React.createElement("header",{className:"".concat(styles.outer," ui-material__app-bar"),"data-test-id":"Navigator",role:"banner",style:this.style},React.createElement("div",{className:styles.inner},React.createElement(Left,{elements:left}),React.createElement(Center,{elements:center}),React.createElement(Right,{elements:right})),React.createElement(Below,{elements:below}));}},{key:"style",/**
+ */var AppBar=/*#__PURE__*/function(_PureComponent){_inherits(AppBar,_PureComponent);var _super=_createSuper(AppBar);function AppBar(){_classCallCheck(this,AppBar);return _super.apply(this,arguments);}_createClass(AppBar,[{key:"style",get:/**
    * @returns {Object}
-   */get:function get(){var _this$props2=this.props,backgroundColor=_this$props2.backgroundColor,shadow=_this$props2.shadow,textColor=_this$props2.textColor;return{background:backgroundColor,color:textColor,boxShadow:!shadow?'none':themeShadows.material};}}]);return AppBar;}(PureComponent);_defineProperty(AppBar,"defaultProps",{backgroundColor:themeColors.light,below:null,center:null,left:null,right:null,shadow:true,textColor:themeColors.dark});_defineProperty(AppBar,"Field",Field);_defineProperty(AppBar,"Icon",Icon);_defineProperty(AppBar,"Title",Title);export default AppBar;
+   */function get(){var _this$props=this.props,backgroundColor=_this$props.backgroundColor,shadow=_this$props.shadow,textColor=_this$props.textColor;return{background:backgroundColor,color:textColor,boxShadow:!shadow?'none':themeShadows.material};}/**
+   * @returns {JSX}
+   */},{key:"render",value:function render(){var _this$props2=this.props,below=_this$props2.below,center=_this$props2.center,left=_this$props2.left,right=_this$props2.right;return/*#__PURE__*/React.createElement("header",{className:"".concat(styles.outer," ui-material__app-bar"),"data-test-id":"Navigator",role:"banner",style:this.style},/*#__PURE__*/React.createElement("div",{className:styles.inner},/*#__PURE__*/React.createElement(Left,{elements:left}),/*#__PURE__*/React.createElement(Center,{elements:center}),/*#__PURE__*/React.createElement(Right,{elements:right})),/*#__PURE__*/React.createElement(Below,{elements:below}));}}]);return AppBar;}(PureComponent);_defineProperty(AppBar,"defaultProps",{backgroundColor:themeColors.light,below:null,center:null,left:null,right:null,shadow:true,textColor:themeColors.dark});_defineProperty(AppBar,"Field",Field);_defineProperty(AppBar,"Icon",Icon);_defineProperty(AppBar,"Title",Title);export default AppBar;

package/BaseDialog/components/Buttons/index.js

@@ -1,4 +1,4 @@
 import React,{memo}from'react';import PropTypes from'prop-types';import I18n from'@shopgate/pwa-common/components/I18n';import Button from'@shopgate/pwa-ui-shared/Button';import styles from"../../style";/**
  * @param {Object} props The component props.
  * @returns {JSX}
- */var Buttons=function Buttons(_ref){var actions=_ref.actions;return actions.map(function(_ref2){var label=_ref2.label,action=_ref2.action;return React.createElement(Button,{key:label,className:styles.button,flat:true,type:"primary",onClick:action},React.createElement(I18n.Text,{string:label}));});};Buttons.defaultProps={actions:[]};export default memo(Buttons);
+ */var Buttons=function Buttons(_ref){var actions=_ref.actions;return actions.map(function(_ref2){var label=_ref2.label,action=_ref2.action;return/*#__PURE__*/React.createElement(Button,{key:label,className:styles.button,flat:true,type:"primary",onClick:action},/*#__PURE__*/React.createElement(I18n.Text,{string:label}));});};Buttons.defaultProps={actions:[]};export default/*#__PURE__*/memo(Buttons);

package/BaseDialog/components/Buttons/spec.js

@@ -1 +1 @@
-import React from'react';import{shallow}from'enzyme';import Button from'@shopgate/pwa-ui-shared/Button';import Buttons from"./index";var actions=[{label:'action0',action:jest.fn()},{label:'action1',action:jest.fn()},{label:'action2',action:jest.fn()}];describe('<Buttons />',function(){it('should not render if no actions are passed',function(){var wrapper=shallow(React.createElement(Buttons,null));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});it('should render buttons',function(){var wrapper=shallow(React.createElement(Buttons,{actions:actions}));expect(wrapper).toMatchSnapshot();expect(wrapper.find(Button).length).toBe(actions.length);});});
+import React from'react';import{shallow}from'enzyme';import Button from'@shopgate/pwa-ui-shared/Button';import Buttons from"./index";var actions=[{label:'action0',action:jest.fn()},{label:'action1',action:jest.fn()},{label:'action2',action:jest.fn()}];describe('<Buttons />',function(){it('should not render if no actions are passed',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Buttons,null));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});it('should render buttons',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Buttons,{actions:actions}));expect(wrapper).toMatchSnapshot();expect(wrapper.find(Button).length).toBe(actions.length);});});

package/BaseDialog/components/Content/index.js

@@ -1,4 +1,4 @@
 import React,{memo}from'react';import PropTypes from'prop-types';import styles from"../../style";/**
  * @param {Object} props The component props.
  * @returns {JSX}
- */var Content=function Content(_ref){var content=_ref.content;if(!content){return null;}return React.createElement("div",{className:styles.body,id:"basicDialogDesc"},content);};Content.defaultProps={content:null};export default memo(Content);
+ */var Content=function Content(_ref){var content=_ref.content;if(!content){return null;}return/*#__PURE__*/React.createElement("div",{className:styles.body,id:"basicDialogDesc"},content);};Content.defaultProps={content:null};export default/*#__PURE__*/memo(Content);

package/BaseDialog/components/Content/spec.js

@@ -1 +1 @@
-import React from'react';import{shallow}from'enzyme';import Content from"./index";describe('<Content />',function(){it('should not render if no content is passed',function(){var wrapper=shallow(React.createElement(Content,null));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});it('should render content components',function(){var wrapper=shallow(React.createElement(Content,{content:"Hello World"}));expect(wrapper).toMatchSnapshot();expect(wrapper.find('[id="basicDialogDesc"]').length).toBe(1);});});
+import React from'react';import{shallow}from'enzyme';import Content from"./index";describe('<Content />',function(){it('should not render if no content is passed',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Content,null));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});it('should render content components',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Content,{content:"Hello World"}));expect(wrapper).toMatchSnapshot();expect(wrapper.find('[id="basicDialogDesc"]').length).toBe(1);});});

package/BaseDialog/components/Title/index.js

@@ -1,4 +1,4 @@
 import React,{memo}from'react';import PropTypes from'prop-types';import Ellipsis from'@shopgate/pwa-common/components/Ellipsis';import I18n from'@shopgate/pwa-common/components/I18n';import styles from"../../style";/**
  * @param {Object} props The component props.
  * @returns {JSX}
- */var Title=function Title(_ref){var title=_ref.title;if(!title){return null;}return React.createElement("div",{className:styles.title,id:"basicDialogTitle",role:"heading","aria-level":"2"},React.createElement(Ellipsis,{rows:3},typeof title==='string'?React.createElement(I18n.Text,{string:title}):title));};Title.defaultProps={title:null};export default memo(Title);
+ */var Title=function Title(_ref){var title=_ref.title;if(!title){return null;}return/*#__PURE__*/React.createElement("div",{className:styles.title,id:"basicDialogTitle",role:"heading","aria-level":"2"},/*#__PURE__*/React.createElement(Ellipsis,{rows:3},typeof title==='string'?/*#__PURE__*/React.createElement(I18n.Text,{string:title}):title));};Title.defaultProps={title:null};export default/*#__PURE__*/memo(Title);

package/BaseDialog/components/Title/spec.js

@@ -1 +1 @@
-import React from'react';import{shallow}from'enzyme';import Title from"./index";describe('<Title />',function(){it('should not render without a title',function(){var wrapper=shallow(React.createElement(Title,null));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});it('should render with a title',function(){var wrapper=shallow(React.createElement(Title,{title:"Some test title"}));expect(wrapper).toMatchSnapshot();expect(wrapper.find('[id="basicDialogTitle"]').length).toBe(1);});});
+import React from'react';import{shallow}from'enzyme';import Title from"./index";describe('<Title />',function(){it('should not render without a title',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Title,null));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});it('should render with a title',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Title,{title:"Some test title"}));expect(wrapper).toMatchSnapshot();expect(wrapper.find('[id="basicDialogTitle"]').length).toBe(1);});});

package/BaseDialog/index.js

@@ -6,4 +6,4 @@ import React from'react';import PropTypes from'prop-types';import Title from"./c
  * @param {Function} actions.action The callback to invoke when the action is triggered.
  * @param {string|ReactElement} title The title of the dialog.
  * @return {JSX} The rendered dialog.
- */var BaseDialog=function BaseDialog(_ref){var children=_ref.children,actions=_ref.actions,title=_ref.title;return React.createElement("div",{className:"".concat(styles.container," ui-material__base-dialog"),"data-test-id":"basicDialog",role:"alertdialog","aria-modal":true,"aria-labelledby":"basicDialogTitle basicDialogDesc"},React.createElement("div",{className:styles.content},React.createElement(Title,{title:title}),React.createElement(Content,{content:children})),React.createElement("div",{className:styles.actions},React.createElement("div",{className:styles.innerActions},React.createElement(Buttons,{actions:actions}))));};BaseDialog.defaultProps={children:null,actions:[],title:null};export default BaseDialog;
+ */var BaseDialog=function BaseDialog(_ref){var children=_ref.children,actions=_ref.actions,title=_ref.title;return/*#__PURE__*/React.createElement("div",{className:"".concat(styles.container," ui-material__base-dialog"),"data-test-id":"basicDialog",role:"alertdialog","aria-modal":true,"aria-labelledby":"basicDialogTitle basicDialogDesc"},/*#__PURE__*/React.createElement("div",{className:styles.content},/*#__PURE__*/React.createElement(Title,{title:title}),/*#__PURE__*/React.createElement(Content,{content:children})),/*#__PURE__*/React.createElement("div",{className:styles.actions},/*#__PURE__*/React.createElement("div",{className:styles.innerActions},/*#__PURE__*/React.createElement(Buttons,{actions:actions}))));};BaseDialog.defaultProps={children:null,actions:[],title:null};export default BaseDialog;

package/BaseDialog/spec.js

@@ -1 +1 @@
-import React from'react';import{shallow}from'enzyme';import Title from"./components/Title";import Content from"./components/Content";import Buttons from"./components/Buttons";import BasicDialog from"./index";var props={title:'Hello World',children:React.createElement("div",null,"Hello World"),actions:[{label:'action0',action:jest.fn()},{label:'action1',action:jest.fn()},{label:'action2',action:jest.fn()}]};describe('<BasicDialog />',function(){it('should render with minimal props',function(){var wrapper=shallow(React.createElement(BasicDialog,{actions:[]}));expect(wrapper).toMatchSnapshot();});it('should render as expected',function(){var wrapper=shallow(React.createElement(BasicDialog,props));expect(wrapper).toMatchSnapshot();expect(wrapper.find(Title).length).toBe(1);expect(wrapper.find(Title).props().title).toEqual(props.title);expect(wrapper.find(Content).length).toBe(1);expect(wrapper.find(Content).props().content).toEqual(props.children);expect(wrapper.find(Buttons).length).toBe(1);expect(wrapper.find(Buttons).props().actions).toEqual(props.actions);});});
+import React from'react';import{shallow}from'enzyme';import Title from"./components/Title";import Content from"./components/Content";import Buttons from"./components/Buttons";import BasicDialog from"./index";var props={title:'Hello World',children:/*#__PURE__*/React.createElement("div",null,"Hello World"),actions:[{label:'action0',action:jest.fn()},{label:'action1',action:jest.fn()},{label:'action2',action:jest.fn()}]};describe('<BasicDialog />',function(){it('should render with minimal props',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(BasicDialog,{actions:[]}));expect(wrapper).toMatchSnapshot();});it('should render as expected',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(BasicDialog,props));expect(wrapper).toMatchSnapshot();expect(wrapper.find(Title).length).toBe(1);expect(wrapper.find(Title).props().title).toEqual(props.title);expect(wrapper.find(Content).length).toBe(1);expect(wrapper.find(Content).props().content).toEqual(props.children);expect(wrapper.find(Buttons).length).toBe(1);expect(wrapper.find(Buttons).props().actions).toEqual(props.actions);});});

package/FloatingActionButton/index.js

@@ -2,5 +2,5 @@ function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj
  * The FloatingActionButton component.
  * @param {Object} props The component props.
  * @return {JSX}
- */var FloatingActionButton=function FloatingActionButton(props){var _classNames;var background=props.background,children=props.children,className=props.className,disabled=props.disabled,onClick=props.onClick,raised=props.raised,ref=props.ref,size=props.size,type=props.type;var classes=classNames('floating-action-button','ui-material__floating-action-button',styles.button,(_classNames={},_defineProperty(_classNames,className,className),_defineProperty(_classNames,styles.buttonSmall,size===SIZE_SMALL),_defineProperty(_classNames,styles.buttonSmall,size===SIZE_SMALL),_defineProperty(_classNames,styles.buttonLarge,size===SIZE_BIG),_defineProperty(_classNames,styles.buttonShadow,raised),_classNames));return(// eslint-disable-next-line react/button-has-type
+ */var FloatingActionButton=function FloatingActionButton(props){var _classNames;var background=props.background,children=props.children,className=props.className,disabled=props.disabled,onClick=props.onClick,raised=props.raised,ref=props.ref,size=props.size,type=props.type;var classes=classNames('floating-action-button','ui-material__floating-action-button',styles.button,(_classNames={},_defineProperty(_classNames,className,className),_defineProperty(_classNames,styles.buttonSmall,size===SIZE_SMALL),_defineProperty(_classNames,styles.buttonSmall,size===SIZE_SMALL),_defineProperty(_classNames,styles.buttonLarge,size===SIZE_BIG),_defineProperty(_classNames,styles.buttonShadow,raised),_classNames));return/*#__PURE__*/ (// eslint-disable-next-line react/button-has-type
 React.createElement("button",{className:classes,disabled:disabled,onClick:onClick,ref:ref,style:{background:background},type:type,"data-test-id":props.testId},children));};FloatingActionButton.defaultProps={background:colors.primary,className:null,disabled:false,onClick:function onClick(){},raised:true,ref:null,size:SIZE_BIG,testId:null,type:'button'};export default FloatingActionButton;

package/NavDrawer/components/Divider/index.js

@@ -1,3 +1,3 @@
 import React from'react';import styles from"./style";/**
  * @returns {JSX}
- */var NavDrawerDivider=function NavDrawerDivider(){return React.createElement("hr",{"aria-hidden":true,className:styles});};export default NavDrawerDivider;
+ */var NavDrawerDivider=function NavDrawerDivider(){return/*#__PURE__*/React.createElement("hr",{"aria-hidden":true,className:styles});};export default NavDrawerDivider;

package/NavDrawer/components/Divider/spec.js

@@ -1 +1 @@
-import React from'react';import{mount}from'enzyme';import Divider from"./index";describe('<NavDrawerDivider />',function(){it('should match the snapshot',function(){var wrapper=mount(React.createElement(Divider,null));expect(wrapper).toMatchSnapshot();});});
+import React from'react';import{mount}from'enzyme';import Divider from"./index";describe('<NavDrawerDivider />',function(){it('should match the snapshot',function(){var wrapper=mount(/*#__PURE__*/React.createElement(Divider,null));expect(wrapper).toMatchSnapshot();});});

package/NavDrawer/components/Item/index.js

@@ -1,13 +1,13 @@
-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{UIEvents}from'@shopgate/pwa-core';import{withForwardedRef}from'@shopgate/engage/core';import I18n from'@shopgate/pwa-common/components/I18n';import styles 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{UIEvents}from'@shopgate/pwa-core';import{withForwardedRef}from'@shopgate/engage/core';import I18n from'@shopgate/pwa-common/components/I18n';import styles from"./style";/**
  * The NavDrawerItem component.
- */var NavDrawerItem=/*#__PURE__*/function(_Component){_inherits(NavDrawerItem,_Component);function NavDrawerItem(){var _getPrototypeOf2;var _this;_classCallCheck(this,NavDrawerItem);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_possibleConstructorReturn(this,(_getPrototypeOf2=_getPrototypeOf(NavDrawerItem)).call.apply(_getPrototypeOf2,[this].concat(args)));_defineProperty(_assertThisInitialized(_this),"handleClick",function(){UIEvents.emit('navdrawer_close');setTimeout(_this.props.onClick,300);});return _this;}_createClass(NavDrawerItem,[{key:"shouldComponentUpdate",/**
+ */var NavDrawerItem=/*#__PURE__*/function(_Component){_inherits(NavDrawerItem,_Component);var _super=_createSuper(NavDrawerItem);function NavDrawerItem(){var _this;_classCallCheck(this,NavDrawerItem);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),"handleClick",function(){UIEvents.emit('navdrawer_close');setTimeout(_this.props.onClick,300);});return _this;}_createClass(NavDrawerItem,[{key:"shouldComponentUpdate",value:/**
    * Only re-render when the label prop changes.
    * @param {Object} nextProps The next component props.
    * @returns {boolean}
-   */value:function shouldComponentUpdate(nextProps){return this.props.label!==nextProps.label||this.props['aria-label']!==nextProps['aria-label'];}/**
+   */function shouldComponentUpdate(nextProps){return this.props.label!==nextProps.label||this.props['aria-label']!==nextProps['aria-label'];}/**
    * Handles an Item click by executing it's href.
    * @param {Object} props The component props.
-   */},{key:"render",/**
+   */},{key:"render",value:/**
    * Renders the component.
    * @returns {JSX}
-   */value:function render(){var _this$props=this.props,ariaHidden=_this$props['aria-hidden'],ariaLabel=_this$props['aria-label'],Badge=_this$props.badge,forwardedRef=_this$props.forwardedRef,Icon=_this$props.icon,label=_this$props.label,srOnly=_this$props.srOnly,style=_this$props.style,testId=_this$props.testId;return React.createElement("button",{ref:forwardedRef,className:srOnly?styles.srOnly:styles.button,"data-test-id":testId,onClick:this.handleClick,style:style,type:"button","aria-hidden":ariaHidden,"aria-label":ariaLabel,tabIndex:"0"},React.createElement("div",{className:styles.iconWrapper},Icon&&React.createElement(Icon,{className:styles.icon,size:24})),React.createElement(I18n.Text,{className:styles.label,string:label}),Badge&&React.createElement(Badge,null));}}]);return NavDrawerItem;}(Component);_defineProperty(NavDrawerItem,"defaultProps",{'aria-hidden':null,'aria-label':null,badge:null,forwardedRef:null,icon:null,onClick:function onClick(){},srOnly:false,style:{},testId:null});export default withForwardedRef(NavDrawerItem);
+   */function render(){var _this$props=this.props,ariaHidden=_this$props['aria-hidden'],ariaLabel=_this$props['aria-label'],Badge=_this$props.badge,forwardedRef=_this$props.forwardedRef,Icon=_this$props.icon,label=_this$props.label,srOnly=_this$props.srOnly,style=_this$props.style,testId=_this$props.testId;return/*#__PURE__*/React.createElement("button",{ref:forwardedRef,className:srOnly?styles.srOnly:styles.button,"data-test-id":testId,onClick:this.handleClick,style:style,type:"button","aria-hidden":ariaHidden,"aria-label":ariaLabel,tabIndex:"0"},/*#__PURE__*/React.createElement("div",{className:styles.iconWrapper},Icon&&/*#__PURE__*/React.createElement(Icon,{className:styles.icon,size:24})),/*#__PURE__*/React.createElement(I18n.Text,{className:styles.label,string:label}),Badge&&/*#__PURE__*/React.createElement(Badge,null));}}]);return NavDrawerItem;}(Component);_defineProperty(NavDrawerItem,"defaultProps",{'aria-hidden':null,'aria-label':null,badge:null,forwardedRef:null,icon:null,onClick:function onClick(){},srOnly:false,style:{},testId:null});export default withForwardedRef(NavDrawerItem);

package/NavDrawer/components/Section/index.js

@@ -2,4 +2,4 @@ import React,{Fragment}from'react';import PropTypes from'prop-types';import Titl
  * The NavDrawerSectionComponent.
  * @param {Object} props The component props.
  * @returns {JSX}
- */var NavDrawerSection=function NavDrawerSection(_ref){var children=_ref.children,title=_ref.title,dividerTop=_ref.dividerTop,dividerBottom=_ref.dividerBottom;if(!children){return null;}return React.createElement(Fragment,null,dividerTop&&React.createElement(Divider,null),React.createElement(Title,{text:title}),children,dividerBottom&&React.createElement(Divider,null));};NavDrawerSection.Item=Item;NavDrawerSection.defaultProps={children:null,dividerBottom:false,dividerTop:true,title:''};export default NavDrawerSection;
+ */var NavDrawerSection=function NavDrawerSection(_ref){var children=_ref.children,title=_ref.title,dividerTop=_ref.dividerTop,dividerBottom=_ref.dividerBottom;if(!children){return null;}return/*#__PURE__*/React.createElement(Fragment,null,dividerTop&&/*#__PURE__*/React.createElement(Divider,null),/*#__PURE__*/React.createElement(Title,{text:title}),children,dividerBottom&&/*#__PURE__*/React.createElement(Divider,null));};NavDrawerSection.Item=Item;NavDrawerSection.defaultProps={children:null,dividerBottom:false,dividerTop:true,title:''};export default NavDrawerSection;

package/NavDrawer/components/Section/index.spec.js

@@ -1 +1 @@
-import React from'react';import{shallow}from'enzyme';import NavDrawerItem from"../Item";import NavDrawerDivider from"../Divider";import NavDrawerTitle from"../Title";import NavDrawerSection from"./index";describe('<NavDrawerSection />',function(){it('should render with a title and dividers',function(){var sectionTitle='Section title';var itemLabel='Item Label';var wrapper=shallow(React.createElement(NavDrawerSection,{title:sectionTitle,dividerTop:true,dividerBottom:true},React.createElement(NavDrawerItem,{label:itemLabel})));expect(wrapper).toMatchSnapshot();expect(wrapper.find(NavDrawerDivider)).toHaveLength(2);expect(wrapper.find(NavDrawerTitle).prop('text')).toBe(sectionTitle);expect(wrapper.find(NavDrawerItem).prop('label')).toBe(itemLabel);});it('should render without a title and one divider at the top',function(){var itemLabel='Item Label';var wrapper=shallow(React.createElement(NavDrawerSection,null,React.createElement(NavDrawerItem,{label:itemLabel})));expect(wrapper.find(NavDrawerDivider)).toHaveLength(1);expect(wrapper.find(NavDrawerTitle).prop('text')).toBe('');expect(wrapper.find(NavDrawerItem).prop('label')).toBe(itemLabel);});it('should render without a title and one divider at the top',function(){var itemLabel='Item Label';var wrapper=shallow(React.createElement(NavDrawerSection,{dividerTop:false,dividerBottom:true},React.createElement(NavDrawerItem,{label:itemLabel})));expect(wrapper.find(NavDrawerDivider)).toHaveLength(1);expect(wrapper.find(NavDrawerTitle).prop('text')).toBe('');expect(wrapper.find(NavDrawerItem).prop('label')).toBe(itemLabel);});it('should render without a title and dividers',function(){var itemLabel='Item Label';var wrapper=shallow(React.createElement(NavDrawerSection,{dividerTop:false},React.createElement(NavDrawerItem,{label:itemLabel})));expect(wrapper.find(NavDrawerDivider)).toHaveLength(0);expect(wrapper.find(NavDrawerTitle).prop('text')).toBe('');expect(wrapper.find(NavDrawerItem).prop('label')).toBe(itemLabel);});it('should not render without children',function(){var wrapper=shallow(React.createElement(NavDrawerSection,null));expect(wrapper.isEmptyRender()).toBe(true);});});
+import React from'react';import{shallow}from'enzyme';import NavDrawerItem from"../Item";import NavDrawerDivider from"../Divider";import NavDrawerTitle from"../Title";import NavDrawerSection from"./index";describe('<NavDrawerSection />',function(){it('should render with a title and dividers',function(){var sectionTitle='Section title';var itemLabel='Item Label';var wrapper=shallow(/*#__PURE__*/React.createElement(NavDrawerSection,{title:sectionTitle,dividerTop:true,dividerBottom:true},/*#__PURE__*/React.createElement(NavDrawerItem,{label:itemLabel})));expect(wrapper).toMatchSnapshot();expect(wrapper.find(NavDrawerDivider)).toHaveLength(2);expect(wrapper.find(NavDrawerTitle).prop('text')).toBe(sectionTitle);expect(wrapper.find(NavDrawerItem).prop('label')).toBe(itemLabel);});it('should render without a title and one divider at the top',function(){var itemLabel='Item Label';var wrapper=shallow(/*#__PURE__*/React.createElement(NavDrawerSection,null,/*#__PURE__*/React.createElement(NavDrawerItem,{label:itemLabel})));expect(wrapper.find(NavDrawerDivider)).toHaveLength(1);expect(wrapper.find(NavDrawerTitle).prop('text')).toBe('');expect(wrapper.find(NavDrawerItem).prop('label')).toBe(itemLabel);});it('should render without a title and one divider at the top',function(){var itemLabel='Item Label';var wrapper=shallow(/*#__PURE__*/React.createElement(NavDrawerSection,{dividerTop:false,dividerBottom:true},/*#__PURE__*/React.createElement(NavDrawerItem,{label:itemLabel})));expect(wrapper.find(NavDrawerDivider)).toHaveLength(1);expect(wrapper.find(NavDrawerTitle).prop('text')).toBe('');expect(wrapper.find(NavDrawerItem).prop('label')).toBe(itemLabel);});it('should render without a title and dividers',function(){var itemLabel='Item Label';var wrapper=shallow(/*#__PURE__*/React.createElement(NavDrawerSection,{dividerTop:false},/*#__PURE__*/React.createElement(NavDrawerItem,{label:itemLabel})));expect(wrapper.find(NavDrawerDivider)).toHaveLength(0);expect(wrapper.find(NavDrawerTitle).prop('text')).toBe('');expect(wrapper.find(NavDrawerItem).prop('label')).toBe(itemLabel);});it('should not render without children',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(NavDrawerSection,null));expect(wrapper.isEmptyRender()).toBe(true);});});

package/NavDrawer/components/Title/index.js

@@ -1,4 +1,4 @@
 import React from'react';import PropTypes from'prop-types';import I18n from'@shopgate/pwa-common/components/I18n';import styles from"./style";/**
  * @param {Object} props The component props.
  * @returns {JSX}
- */var NavDrawerTitle=function NavDrawerTitle(_ref){var text=_ref.text;if(!text.length){return null;}return React.createElement("div",{className:styles},React.createElement(I18n.Text,{string:text}));};NavDrawerTitle.defaultProps={text:''};export default NavDrawerTitle;
+ */var NavDrawerTitle=function NavDrawerTitle(_ref){var text=_ref.text;if(!text.length){return null;}return/*#__PURE__*/React.createElement("div",{className:styles},/*#__PURE__*/React.createElement(I18n.Text,{string:text}));};NavDrawerTitle.defaultProps={text:''};export default NavDrawerTitle;

package/NavDrawer/components/Title/index.spec.js

@@ -1 +1 @@
-import React from'react';import{mount}from'enzyme';import NavDrawerTitle from"./index";describe('<NavDrawerTitle />',function(){it('should render when a text is passed within the props',function(){var title='Title';var wrapper=mount(React.createElement(NavDrawerTitle,{text:title}));expect(wrapper).toMatchSnapshot();expect(wrapper.text()).toEqual(title);expect(wrapper.find('Translate').prop('string')).toEqual(title);});it('should not render when no text is passed within the props',function(){var wrapper=mount(React.createElement(NavDrawerTitle,null));expect(wrapper).toMatchSnapshot();expect(wrapper.isEmptyRender()).toBe(true);});});
+import React from'react';import{mount}from'enzyme';import NavDrawerTitle from"./index";describe('<NavDrawerTitle />',function(){it('should render when a text is passed within the props',function(){var title='Title';var wrapper=mount(/*#__PURE__*/React.createElement(NavDrawerTitle,{text:title}));expect(wrapper).toMatchSnapshot();expect(wrapper.text()).toEqual(title);expect(wrapper.find('Translate').prop('string')).toEqual(title);});it('should not render when no text is passed within the props',function(){var wrapper=mount(/*#__PURE__*/React.createElement(NavDrawerTitle,null));expect(wrapper).toMatchSnapshot();expect(wrapper.isEmptyRender()).toBe(true);});});

package/NavDrawer/index.js

@@ -1,13 +1,13 @@
-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,Fragment}from'react';import PropTypes from'prop-types';import noop from'lodash/noop';import Transition from'react-transition-group/Transition';import Backdrop from'@shopgate/pwa-common/components/Backdrop';import{UIEvents}from'@shopgate/pwa-core';import Divider from"./components/Divider";import Item from"./components/Item";import Section from"./components/Section";import Title from"./components/Title";import{contentStyle,drawerStyle}from"./style";import transition from"./transition";var OPEN='navdrawer_open';var CLOSE='navdrawer_close';/**
+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,Fragment}from'react';import PropTypes from'prop-types';import noop from'lodash/noop';import Transition from'react-transition-group/Transition';import Backdrop from'@shopgate/pwa-common/components/Backdrop';import{UIEvents}from'@shopgate/pwa-core';import Divider from"./components/Divider";import Item from"./components/Item";import Section from"./components/Section";import Title from"./components/Title";import{contentStyle,drawerStyle}from"./style";import transition from"./transition";var OPEN='navdrawer_open';var CLOSE='navdrawer_close';/**
  * The NavDrawer component
- */var NavDrawer=/*#__PURE__*/function(_Component){_inherits(NavDrawer,_Component);function NavDrawer(props){var _this;_classCallCheck(this,NavDrawer);_this=_possibleConstructorReturn(this,_getPrototypeOf(NavDrawer).call(this,props));_defineProperty(_assertThisInitialized(_this),"onEntering",function(){_this.props.onOpen();});_defineProperty(_assertThisInitialized(_this),"onEntered",function(){if(_this.a11yCloseRef.current){_this.a11yCloseRef.current.focus();}});_defineProperty(_assertThisInitialized(_this),"onExited",function(){_this.contentRef.current.scrollTop=0;});_defineProperty(_assertThisInitialized(_this),"onExiting",function(){_this.props.onClose();});_defineProperty(_assertThisInitialized(_this),"open",function(){_this.setState({open:true});});_defineProperty(_assertThisInitialized(_this),"close",function(){_this.setState({open:false});});_this.contentRef=React.createRef();_this.a11yCloseRef=React.createRef();_this.state={open:false};UIEvents.addListener(OPEN,_this.open);UIEvents.addListener(CLOSE,_this.close);return _this;}/**
+ */var NavDrawer=/*#__PURE__*/function(_Component){_inherits(NavDrawer,_Component);var _super=_createSuper(NavDrawer);/**
+   * @param {Object} props The component props.
+   */function NavDrawer(props){var _this;_classCallCheck(this,NavDrawer);_this=_super.call(this,props);_defineProperty(_assertThisInitialized(_this),"onEntering",function(){_this.props.onOpen();});_defineProperty(_assertThisInitialized(_this),"onEntered",function(){if(_this.a11yCloseRef.current){_this.a11yCloseRef.current.focus();}});_defineProperty(_assertThisInitialized(_this),"onExited",function(){_this.contentRef.current.scrollTop=0;});_defineProperty(_assertThisInitialized(_this),"onExiting",function(){_this.props.onClose();});_defineProperty(_assertThisInitialized(_this),"open",function(){_this.setState({open:true});});_defineProperty(_assertThisInitialized(_this),"close",function(){_this.setState({open:false});});_this.contentRef=/*#__PURE__*/React.createRef();_this.a11yCloseRef=/*#__PURE__*/React.createRef();_this.state={open:false};UIEvents.addListener(OPEN,_this.open);UIEvents.addListener(CLOSE,_this.close);return _this;}/**
    * @param {Object} nextProps The next component props.
    * @param {Object} nextState The next component state.
    * @returns {JSX}
    */_createClass(NavDrawer,[{key:"shouldComponentUpdate",value:function shouldComponentUpdate(nextProps,nextState){return this.state.open!==nextState.open;}/**
    * The unmount lifecycle hook
-   */},{key:"componentWillUnmount",value:function componentWillUnmount(){UIEvents.removeListener(OPEN,this.open);UIEvents.removeListener(CLOSE,this.close);}},{key:"render",/**
+   */},{key:"componentWillUnmount",value:function componentWillUnmount(){UIEvents.removeListener(OPEN,this.open);UIEvents.removeListener(CLOSE,this.close);}},{key:"render",value:/**
    * @returns {JSX}
-   */value:function render(){var _this2=this;return React.createElement(Fragment,null,React.createElement(Transition,{onEntering:this.onEntering,onEntered:this.onEntered,onExited:this.onExited,onExiting:this.onExiting,"in":this.state.open,timeout:300},function(state){var ariaHidden=_this2.props['aria-hidden']||state==='exited';return React.createElement("section",{className:"".concat(drawerStyle," ui-material__nav-drawer"),"data-test-id":"NavDrawer",style:transition[state],"aria-hidden":ariaHidden,tabIndex:"-1"},React.createElement(Item,{label:"common.close",ref:_this2.a11yCloseRef,srOnly:true}),React.createElement("nav",{className:contentStyle,ref:_this2.contentRef},_this2.props.children));}),React.createElement(Backdrop,{isVisible:this.state.open,level:4,onClick:this.close,opacity:20}));}}]);return NavDrawer;}(Component);_defineProperty(NavDrawer,"close",function(){UIEvents.emit(CLOSE);});_defineProperty(NavDrawer,"open",function(){UIEvents.emit(OPEN);});_defineProperty(NavDrawer,"EVENT_OPEN",OPEN);_defineProperty(NavDrawer,"EVENT_CLOSE",CLOSE);_defineProperty(NavDrawer,"Divider",Divider);_defineProperty(NavDrawer,"Item",Item);_defineProperty(NavDrawer,"Section",Section);_defineProperty(NavDrawer,"Title",Title);_defineProperty(NavDrawer,"defaultProps",{'aria-hidden':false,onClose:noop,onOpen:noop/**
-   * @param {Object} props The component props.
-   */});export default NavDrawer;
+   */function render(){var _this2=this;return/*#__PURE__*/React.createElement(Fragment,null,/*#__PURE__*/React.createElement(Transition,{onEntering:this.onEntering,onEntered:this.onEntered,onExited:this.onExited,onExiting:this.onExiting,"in":this.state.open,timeout:300},function(state){var ariaHidden=_this2.props['aria-hidden']||state==='exited';return/*#__PURE__*/React.createElement("section",{className:"".concat(drawerStyle," ui-material__nav-drawer"),"data-test-id":"NavDrawer",style:transition[state],"aria-hidden":ariaHidden,tabIndex:"-1"},/*#__PURE__*/React.createElement(Item,{label:"common.close",ref:_this2.a11yCloseRef,srOnly:true}),/*#__PURE__*/React.createElement("nav",{className:contentStyle,ref:_this2.contentRef},_this2.props.children));}),/*#__PURE__*/React.createElement(Backdrop,{isVisible:this.state.open,level:4,onClick:this.close,opacity:20}));}}]);return NavDrawer;}(Component);_defineProperty(NavDrawer,"close",function(){UIEvents.emit(CLOSE);});_defineProperty(NavDrawer,"open",function(){UIEvents.emit(OPEN);});_defineProperty(NavDrawer,"EVENT_OPEN",OPEN);_defineProperty(NavDrawer,"EVENT_CLOSE",CLOSE);_defineProperty(NavDrawer,"Divider",Divider);_defineProperty(NavDrawer,"Item",Item);_defineProperty(NavDrawer,"Section",Section);_defineProperty(NavDrawer,"Title",Title);_defineProperty(NavDrawer,"defaultProps",{'aria-hidden':false,onClose:noop,onOpen:noop});export default NavDrawer;

package/NavDrawer/spec.js

@@ -1 +1 @@
-import React from'react';import{shallow,mount}from'enzyme';import NavDrawer from"./index";jest.unmock('@shopgate/pwa-core');describe('NavDrawer',function(){it('should match the snapshot',function(){var wrapper=shallow(React.createElement(NavDrawer,null,"Content"));expect(wrapper).toMatchSnapshot();});it('should open and close with an event',function(){var onOpen=jest.fn();var onClose=jest.fn();var wrapper=mount(React.createElement(NavDrawer,{onOpen:onOpen,onClose:onClose},"Content"));NavDrawer.open();expect(wrapper.state().open).toEqual(true);expect(onOpen).toHaveBeenCalled();expect(onClose).not.toHaveBeenCalled();NavDrawer.close();expect(wrapper.state().open).toEqual(false);expect(onClose).toHaveBeenCalled();});it('should close when Backdrop is clicked',function(){var wrapper=shallow(React.createElement(NavDrawer,null,"Content"));var backdrop=wrapper.find('Backdrop');NavDrawer.open();expect(wrapper.state().open).toEqual(true);backdrop.simulate('click');expect(wrapper.state().open).toEqual(false);});});
+import React from'react';import{shallow,mount}from'enzyme';import NavDrawer from"./index";jest.unmock('@shopgate/pwa-core');describe('NavDrawer',function(){it('should match the snapshot',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(NavDrawer,null,"Content"));expect(wrapper).toMatchSnapshot();});it('should open and close with an event',function(){var onOpen=jest.fn();var onClose=jest.fn();var wrapper=mount(/*#__PURE__*/React.createElement(NavDrawer,{onOpen:onOpen,onClose:onClose},"Content"));NavDrawer.open();expect(wrapper.state().open).toEqual(true);expect(onOpen).toHaveBeenCalled();expect(onClose).not.toHaveBeenCalled();NavDrawer.close();expect(wrapper.state().open).toEqual(false);expect(onClose).toHaveBeenCalled();});it('should close when Backdrop is clicked',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(NavDrawer,null,"Content"));var backdrop=wrapper.find('Backdrop');NavDrawer.open();expect(wrapper.state().open).toEqual(true);backdrop.simulate('click');expect(wrapper.state().open).toEqual(false);});});

package/SnackBar/index.js

@@ -1,8 +1,8 @@
-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 _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{config}from'react-spring';import{Spring}from'react-spring/renderprops.cjs';import Ellipsis from'@shopgate/pwa-common/components/Ellipsis';import styles from"./style";var defaultToast={};/**
+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{config}from'react-spring';import{Spring}from'react-spring/renderprops.cjs';import Ellipsis from'@shopgate/pwa-common/components/Ellipsis';import styles from"./style";var defaultToast={};/**
  * The SnackBar component.
- */var SnackBar=/*#__PURE__*/function(_Component){_inherits(SnackBar,_Component);/**
+ */var SnackBar=/*#__PURE__*/function(_Component){_inherits(SnackBar,_Component);var _super=_createSuper(SnackBar);/**
    * @param {Object} props The component props.
-   */function SnackBar(props){var _this;_classCallCheck(this,SnackBar);_this=_possibleConstructorReturn(this,_getPrototypeOf(SnackBar).call(this,props));_defineProperty(_assertThisInitialized(_this),"timer",null);_defineProperty(_assertThisInitialized(_this),"handleAction",function(){clearTimeout(_this.timer);_this.props.toasts[0].action();_this.hide();});_defineProperty(_assertThisInitialized(_this),"handleEntered",function(){_this.timer=setTimeout(_this.hide,_this.props.toasts[0].duration||2500);});_defineProperty(_assertThisInitialized(_this),"handleRest",function(){if(_this.state.visible){_this.handleEntered();return;}_this.props.removeToast();});_defineProperty(_assertThisInitialized(_this),"hide",function(){_this.setState({visible:false});});_defineProperty(_assertThisInitialized(_this),"calcRows",function(message,actionLabel){/**
+   */function SnackBar(props){var _this;_classCallCheck(this,SnackBar);_this=_super.call(this,props);_defineProperty(_assertThisInitialized(_this),"timer",null);_defineProperty(_assertThisInitialized(_this),"handleAction",function(){clearTimeout(_this.timer);_this.props.toasts[0].action();_this.hide();});_defineProperty(_assertThisInitialized(_this),"handleEntered",function(){_this.timer=setTimeout(_this.hide,_this.props.toasts[0].duration||2500);});_defineProperty(_assertThisInitialized(_this),"handleRest",function(){if(_this.state.visible){_this.handleEntered();return;}_this.props.removeToast();});_defineProperty(_assertThisInitialized(_this),"hide",function(){_this.setState({visible:false});});_defineProperty(_assertThisInitialized(_this),"calcRows",function(message,actionLabel){/**
      * Calculates the amount of rows for a passed text.
      * @param {string} text The input text.
      * @return {number}
@@ -16,11 +16,11 @@ function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="s
    * @param {Object} nextProps The next component props.
    * @param {Object} nextState The next component state.
    * @returns {boolean}
-   */},{key:"shouldComponentUpdate",value:function shouldComponentUpdate(nextProps,nextState){return this.state.visible!==nextState.visible;}},{key:"render",/**
-   * @returns {JSX}
-   */value:function render(){var _this2=this;var visible=this.state.visible;var _this$snack=this.snack,_this$snack$action=_this$snack.action,action=_this$snack$action===void 0?null:_this$snack$action,_this$snack$actionLab=_this$snack.actionLabel,actionLabel=_this$snack$actionLab===void 0?null:_this$snack$actionLab,_this$snack$message=_this$snack.message,message=_this$snack$message===void 0?null:_this$snack$message;// Action exits without actionLabel. Handle the whole box
-var boxProps=_extends({},action&&!actionLabel&&{onClick:this.handleAction});// Calculate the required amount of rows and the height of the snack bar.
-var rows=this.calcRows(message,actionLabel);var snackBarHeight=40+rows*20;return React.createElement("div",{className:"".concat(styles.container," ui-material__snack-bar"),style:{'--snack-bar-height':"".concat(snackBarHeight,"px")}},React.createElement(Spring,{from:{top:snackBarHeight},to:{top:0},config:config.stiff,reverse:!visible,force:true,onRest:this.handleRest},function(props){return React.createElement("div",{className:styles.wrapper,style:props,"data-footer-inset-update-ignore":"true"},React.createElement("div",_extends({className:styles.box},boxProps),React.createElement(Ellipsis,{rows:rows},React.createElement("span",{className:styles.label,"aria-live":"assertive",role:"status"},message)),action&&actionLabel&&React.createElement("button",{className:styles.button,onClick:_this2.handleAction,type:"button","aria-hidden":true},actionLabel)));}));}},{key:"snack",/**
+   */},{key:"shouldComponentUpdate",value:function shouldComponentUpdate(nextProps,nextState){return this.state.visible!==nextState.visible;}},{key:"snack",get:/**
    * Returns the first snack from the state.
    * @returns {Object}
-   */get:function get(){var _this$context$i18n=this.context.i18n(),__=_this$context$i18n.__;var snack=this.props.toasts.length?this.props.toasts[0]:defaultToast;return _extends({},snack,{message:__(snack.message||'',snack.messageParams||{}),actionLabel:__(snack.actionLabel||'')});}}]);return SnackBar;}(Component);_defineProperty(SnackBar,"defaultProps",{toasts:null});_defineProperty(SnackBar,"contextTypes",{i18n:PropTypes.func});export default SnackBar;
+   */function get(){var _this$context$i18n=this.context.i18n(),__=_this$context$i18n.__;var snack=this.props.toasts.length?this.props.toasts[0]:defaultToast;return _extends({},snack,{message:__(snack.message||'',snack.messageParams||{}),actionLabel:__(snack.actionLabel||'')});}},{key:"render",value:/**
+   * @returns {JSX}
+   */function render(){var _this2=this;var visible=this.state.visible;var _this$snack=this.snack,_this$snack$action=_this$snack.action,action=_this$snack$action===void 0?null:_this$snack$action,_this$snack$actionLab=_this$snack.actionLabel,actionLabel=_this$snack$actionLab===void 0?null:_this$snack$actionLab,_this$snack$message=_this$snack.message,message=_this$snack$message===void 0?null:_this$snack$message;// Action exits without actionLabel. Handle the whole box
+var boxProps=_extends({},action&&!actionLabel&&{onClick:this.handleAction});// Calculate the required amount of rows and the height of the snack bar.
+var rows=this.calcRows(message,actionLabel);var snackBarHeight=40+rows*20;return/*#__PURE__*/React.createElement("div",{className:"".concat(styles.container," ui-material__snack-bar"),style:{'--snack-bar-height':"".concat(snackBarHeight,"px")}},/*#__PURE__*/React.createElement(Spring,{from:{top:snackBarHeight},to:{top:0},config:config.stiff,reverse:!visible,force:true,onRest:this.handleRest},function(props){return/*#__PURE__*/React.createElement("div",{className:styles.wrapper,style:props,"data-footer-inset-update-ignore":"true"},/*#__PURE__*/React.createElement("div",_extends({className:styles.box},boxProps),/*#__PURE__*/React.createElement(Ellipsis,{rows:rows},/*#__PURE__*/React.createElement("span",{className:styles.label,"aria-live":"assertive",role:"status"},message)),action&&actionLabel&&/*#__PURE__*/React.createElement("button",{className:styles.button,onClick:_this2.handleAction,type:"button","aria-hidden":true},actionLabel)));}));}}]);return SnackBar;}(Component);_defineProperty(SnackBar,"defaultProps",{toasts:null});_defineProperty(SnackBar,"contextTypes",{i18n:PropTypes.func});export default SnackBar;

package/icons/ShareIcon.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * The Share icon component.
  * @param {Object} props The icon component properties.
  * @returns {JSX}
- */var ShareIcon=function ShareIcon(props){return React.createElement(Icon,_extends({content:themeConfig.icons.share},props));};export default ShareIcon;
+ */var ShareIcon=function ShareIcon(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.share},props));};export default ShareIcon;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@shopgate/pwa-ui-material",
-  "version": "6.20.0-beta.2",
+  "version": "6.20.0-beta.8",
   "description": "Shopgate's material design UI components.",
   "main": "index.js",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@shopgate/pwa-common": "6.20.0-beta.2",
+    "@shopgate/pwa-common": "6.20.0-beta.8",
     "react": "~16.12.0",
     "react-dom": "~16.12.0",
     "redux": "^4.0.1"
@@ -16,7 +16,8 @@
     "glamor": "^2.20.40",
     "prop-types": "~15.7.2",
     "react-spring": "^8.0.27",
-    "react-transition-group": "^2.2.1"
+    "react-transition-group": "^2.2.1",
+    "react-use": "~13.12.2"
   },
   "peerDependencies": {
     "react": "~16.12.0"