@shopgate/pwa-ui-shared 7.30.0-alpha.6 → 7.30.0-alpha.8

package/TextField/spec.js

@@ -1,5 +1,130 @@
-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 TextField from"./index";var inputProps={name:'test-input'};describe('<TextField />',function(){it('should render a simple text field',function(){var wrapper=mount(React.createElement(TextField,inputProps));expect(wrapper).toMatchSnapshot();expect(wrapper.find('input').length).toBe(1);});it('should render the text field as password',function(){var wrapper=mount(React.createElement(TextField,_extends({},inputProps,{password:true})));expect(wrapper).toMatchSnapshot();expect(wrapper.find('input[type="password"]').length).toBe(1);});it('should render the text field with a default value',function(){var wrapper=mount(React.createElement(TextField,_extends({},inputProps,{value:"FooBar"})));expect(wrapper).toMatchSnapshot();expect(wrapper.find('input[value="FooBar"]').length).toBe(1);});it('should trigger the onChange callback',function(){var onChangeMock=jest.fn();var wrapper=mount(React.createElement(TextField,_extends({},inputProps,{onChange:onChangeMock})));wrapper.find('input').simulate('change',{target:{value:'a'}});expect(onChangeMock).toHaveBeenCalledTimes(2);expect(wrapper.find('input').props().value).toEqual('a');});it('should receive the correct value while typing',function(){var wrapper=mount(React.createElement(TextField,inputProps));var input=wrapper.find('input');input.simulate('change',{target:{value:'foobar'}});expect(wrapper).toMatchSnapshot();expect(input.instance().value).toBe('foobar');});it('should sanitize the input',function(){var wrapper=mount(React.createElement(TextField,_extends({},inputProps,{onSanitize:function onSanitize(value){return value.toUpperCase();}})));var input=wrapper.find('input');input.simulate('change',{target:{value:'foobar'}});expect(wrapper).toMatchSnapshot();expect(input.instance().value).toBe('FOOBAR');});it('should trigger the validation callback',function(){var onValidateMock=jest.fn();var wrapper=mount(React.createElement(TextField,_extends({},inputProps,{onValidate:onValidateMock})));expect(wrapper).toMatchSnapshot();expect(onValidateMock).toHaveBeenCalled();});it('should focus the input',function(){var onFocusMock=jest.fn();var wrapper=mount(React.createElement(TextField,_extends({},inputProps,{onFocusChange:onFocusMock})));var input=wrapper.find('input');expect(wrapper).toMatchSnapshot();expect(wrapper.instance().isFocused).toBe(false);input.simulate('focus');expect(wrapper.instance().isFocused).toBe(true);input.simulate('blur');expect(wrapper.instance().isFocused).toBe(false);});it('should show the error message',function(){var errorText='This is an error here';var wrapper=mount(React.createElement(TextField,_extends({},inputProps,{errorText:errorText})));expect(wrapper).toMatchSnapshot();expect(wrapper.find('Translate').at(2).props().string).toEqual(errorText);});it('should show the label',function(){var label='This is the label';var wrapper=mount(React.createElement(TextField,_extends({},inputProps,{label:label})));expect(wrapper).toMatchSnapshot();expect(wrapper.find('Label').find('Translate').props().string).toEqual(label);});it('should show the hint text',function(){var hintText='This is the hint text';var wrapper=mount(React.createElement(TextField,_extends({},inputProps,{hintText:hintText})));expect(wrapper).toMatchSnapshot();expect(wrapper.find('Hint').find('Translate').at(0).props().string).toEqual(hintText);});it('should replace the error text with custom validation error',function(){/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { mount } from 'enzyme';
+import TextField from "./index";
+const inputProps = {
+  name: 'test-input'
+};
+describe('<TextField />', () => {
+  it('should render a simple text field', () => {
+    const wrapper = mount(/*#__PURE__*/React.createElement(TextField, inputProps));
+    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.find('input').length).toBe(1);
+  });
+  it('should render the text field as password', () => {
+    const wrapper = mount(/*#__PURE__*/React.createElement(TextField, _extends({}, inputProps, {
+      password: true
+    })));
+    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.find('input[type="password"]').length).toBe(1);
+  });
+  it('should render the text field with a default value', () => {
+    const wrapper = mount(/*#__PURE__*/React.createElement(TextField, _extends({}, inputProps, {
+      value: "FooBar"
+    })));
+    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.find('input[value="FooBar"]').length).toBe(1);
+  });
+  it('should trigger the onChange callback', () => {
+    const onChangeMock = jest.fn();
+    const wrapper = mount(/*#__PURE__*/React.createElement(TextField, _extends({}, inputProps, {
+      onChange: onChangeMock
+    })));
+    wrapper.find('input').simulate('change', {
+      target: {
+        value: 'a'
+      }
+    });
+    expect(onChangeMock).toHaveBeenCalledTimes(2);
+    expect(wrapper.find('input').props().value).toEqual('a');
+  });
+  it('should receive the correct value while typing', () => {
+    const wrapper = mount(/*#__PURE__*/React.createElement(TextField, inputProps));
+    const input = wrapper.find('input');
+    input.simulate('change', {
+      target: {
+        value: 'foobar'
+      }
+    });
+    expect(wrapper).toMatchSnapshot();
+    expect(input.instance().value).toBe('foobar');
+  });
+  it('should sanitize the input', () => {
+    const wrapper = mount(/*#__PURE__*/React.createElement(TextField, _extends({}, inputProps, {
+      onSanitize: value => value.toUpperCase()
+    })));
+    const input = wrapper.find('input');
+    input.simulate('change', {
+      target: {
+        value: 'foobar'
+      }
+    });
+    expect(wrapper).toMatchSnapshot();
+    expect(input.instance().value).toBe('FOOBAR');
+  });
+  it('should trigger the validation callback', () => {
+    const onValidateMock = jest.fn();
+    const wrapper = mount(/*#__PURE__*/React.createElement(TextField, _extends({}, inputProps, {
+      onValidate: onValidateMock
+    })));
+    expect(wrapper).toMatchSnapshot();
+    expect(onValidateMock).toHaveBeenCalled();
+  });
+  it('should focus the input', () => {
+    const onFocusMock = jest.fn();
+    const wrapper = mount(/*#__PURE__*/React.createElement(TextField, _extends({}, inputProps, {
+      onFocusChange: onFocusMock
+    })));
+    const input = wrapper.find('input');
+    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.instance().isFocused).toBe(false);
+    input.simulate('focus');
+    expect(wrapper.instance().isFocused).toBe(true);
+    input.simulate('blur');
+    expect(wrapper.instance().isFocused).toBe(false);
+  });
+  it('should show the error message', () => {
+    const errorText = 'This is an error here';
+    const wrapper = mount(/*#__PURE__*/React.createElement(TextField, _extends({}, inputProps, {
+      errorText: errorText
+    })));
+    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.find('Translate').at(2).props().string).toEqual(errorText);
+  });
+  it('should show the label', () => {
+    const label = 'This is the label';
+    const wrapper = mount(/*#__PURE__*/React.createElement(TextField, _extends({}, inputProps, {
+      label: label
+    })));
+    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.find('Label').find('Translate').props().string).toEqual(label);
+  });
+  it('should show the hint text', () => {
+    const hintText = 'This is the hint text';
+    const wrapper = mount(/*#__PURE__*/React.createElement(TextField, _extends({}, inputProps, {
+      hintText: hintText
+    })));
+    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.find('Hint').find('Translate').at(0).props().string).toEqual(hintText);
+  });
+  it('should replace the error text with custom validation error', () => {
+    /**
      * A custom validation method that always returns an error.
      * @return {string} The error message.
-     */var onValidate=function onValidate(){return'Custom validation error';};var wrapper=mount(React.createElement(TextField,_extends({},inputProps,{onValidate:onValidate})));wrapper.find('input').simulate('blur');expect(wrapper).toMatchSnapshot();// Expect at least one element containing the validation error text.
-expect(wrapper.findWhere(function(node){try{return node.text()===onValidate();}catch(e){return false;}}).length).toBeGreaterThan(0);});});
+     */
+    const onValidate = () => 'Custom validation error';
+    const wrapper = mount(/*#__PURE__*/React.createElement(TextField, _extends({}, inputProps, {
+      onValidate: onValidate
+    })));
+    wrapper.find('input').simulate('blur');
+    expect(wrapper).toMatchSnapshot();
+    // Expect at least one element containing the validation error text.
+    expect(wrapper.findWhere(node => {
+      try {
+        return node.text() === onValidate();
+      } catch (e) {
+        return false;
+      }
+    }).length).toBeGreaterThan(0);
+  });
+});

package/TextField/style.js

@@ -1,5 +1,35 @@
-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{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';// Selects a date input that is not focused.
-var bluredDateSelector='input[type="date"]:in-range:not(:focus)';/**
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+
+// Selects a date input that is not focused.
+const bluredDateSelector = 'input[type="date"]:in-range:not(:focus)';
+
+/**
  * The styles for the container element.
- */var container={input:css(_defineProperty({position:'relative',paddingBottom:themeConfig.variables.gap.big,width:'100%',// Fixes layout issue with webkit. Height is 0 in some webkit browsers.
-'& input[type="date"]':{minHeight:'1.3rem',appearance:'none',paddingLeft:0,marginLeft:0}},"& ".concat(bluredDateSelector,"::-webkit-datetime-edit-year-field, ")+"".concat(bluredDateSelector,"::-webkit-datetime-edit-month-field, ")+"".concat(bluredDateSelector,"::-webkit-datetime-edit-day-field, ")+"".concat(bluredDateSelector,"::-webkit-datetime-edit-text"),{padding:0,color:'transparent'})).toString(),multiLine:css({position:'relative',width:'100%'}).toString()};export default{container:container};
+ */
+const container = {
+  input: css({
+    position: 'relative',
+    paddingBottom: themeConfig.variables.gap.big,
+    width: '100%',
+    // Fixes layout issue with webkit. Height is 0 in some webkit browsers.
+    '& input[type="date"]': {
+      minHeight: '1.3rem',
+      appearance: 'none',
+      paddingLeft: 0,
+      marginLeft: 0
+    },
+    // Removes placeholder texts on chrome when input is not focused.
+    [`& ${bluredDateSelector}::-webkit-datetime-edit-year-field, ` + `${bluredDateSelector}::-webkit-datetime-edit-month-field, ` + `${bluredDateSelector}::-webkit-datetime-edit-day-field, ` + `${bluredDateSelector}::-webkit-datetime-edit-text`]: {
+      padding: 0,
+      color: 'transparent'
+    }
+  }).toString(),
+  multiLine: css({
+    position: 'relative',
+    width: '100%'
+  }).toString()
+};
+export default {
+  container
+};

package/ToggleIcon/index.js

@@ -1,14 +1,64 @@
-function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=_getPrototypeOf(derived);return _possibleConstructorReturn(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],_getPrototypeOf(_this).constructor):derived.apply(_this,args));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Component}from'react';import PropTypes from'prop-types';/**
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+/**
  * No operational default handler
- */var noop=function noop(){};/**
+ */
+const noop = () => {};
+
+/**
  * An toggle icon with toggle handlers.
- */var ToggleIcon=/*#__PURE__*/function(_Component){/**
+ */
+class ToggleIcon extends Component {
+  /**
    * @param {Object} props The component properties.
-   */function ToggleIcon(props){var _this2;_classCallCheck(this,ToggleIcon);_this2=_callSuper(this,ToggleIcon,[props]);/**
-   * Toggle icon
-   */_defineProperty(_this2,"handleToggle",function(){_this2.setState(function(_ref){var on=_ref.on;return{on:!on};},function(){return _this2.props.toggleHandler(_this2.state.on);});});_this2.state={on:props.on};return _this2;}/**
+   */
+  constructor(props) {
+    super(props);
+    /**
+     * Toggle icon
+     */
+    this.handleToggle = () => {
+      this.setState(({
+        on
+      }) => ({
+        on: !on
+      }), () => this.props.toggleHandler(this.state.on));
+    };
+    this.state = {
+      on: props.on
+    };
+  }
+
+  /**
    * Reset state to received props
    * @param {Object} nextProps next props
-   */_inherits(ToggleIcon,_Component);return _createClass(ToggleIcon,[{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(nextProps){this.setState({on:nextProps.on});}},{key:"render",value:/**
+   */
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    this.setState({
+      on: nextProps.on
+    });
+  }
+  /**
    * @return {*}
-   */function render(){var _this$props=this.props,onIcon=_this$props.onIcon,offIcon=_this$props.offIcon;var on=this.state.on;return React.createElement("div",{className:"ui-shared__toggle-icon",onClick:this.handleToggle,"aria-hidden":true},on&&onIcon,!on&&offIcon);}}]);}(Component);_defineProperty(ToggleIcon,"defaultProps",{on:true,toggleHandler:noop});export default ToggleIcon;
+   */
+  render() {
+    const {
+      onIcon,
+      offIcon
+    } = this.props;
+    const {
+      on
+    } = this.state;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "ui-shared__toggle-icon",
+      onClick: this.handleToggle,
+      "aria-hidden": true
+    }, on && onIcon, !on && offIcon);
+  }
+}
+ToggleIcon.defaultProps = {
+  on: true,
+  toggleHandler: noop
+};
+export default ToggleIcon;

package/ToggleIcon/spec.js

@@ -1 +1,35 @@
-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 ToggleIcon from"./index";import VisibilityIcon from"../icons/VisibilityIcon";import VisibilityOffIcon from"../icons/VisibilityOffIcon";var inputProps={onIcon:React.createElement(VisibilityIcon,null),offIcon:React.createElement(VisibilityOffIcon,null)};describe('<ToggleIcon>',function(){it('should render a toggle icon',function(){var wrapper=mount(React.createElement(ToggleIcon,inputProps));expect(wrapper).toMatchSnapshot();expect(wrapper.find('VisibilityIcon').length).toBe(1);expect(wrapper.find('VisibilityOffIcon').length).toBe(0);});it('should render a toggle icon with false as default',function(){var wrapper=mount(React.createElement(ToggleIcon,_extends({},inputProps,{on:false})));expect(wrapper).toMatchSnapshot();expect(wrapper.find('VisibilityIcon').length).toBe(0);expect(wrapper.find('VisibilityOffIcon').length).toBe(1);});it('should trigger the toggleHandler callback',function(){var mockToggleHandler=jest.fn();var wrapper=mount(React.createElement(ToggleIcon,_extends({},inputProps,{toggleHandler:mockToggleHandler})));wrapper.find('div').simulate('click');expect(wrapper).toMatchSnapshot();expect(mockToggleHandler.mock.calls.length).toBe(1);});});
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { mount } from 'enzyme';
+import ToggleIcon from "./index";
+import VisibilityIcon from "../icons/VisibilityIcon";
+import VisibilityOffIcon from "../icons/VisibilityOffIcon";
+const inputProps = {
+  onIcon: /*#__PURE__*/React.createElement(VisibilityIcon, null),
+  offIcon: /*#__PURE__*/React.createElement(VisibilityOffIcon, null)
+};
+describe('<ToggleIcon>', () => {
+  it('should render a toggle icon', () => {
+    const wrapper = mount(/*#__PURE__*/React.createElement(ToggleIcon, inputProps));
+    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.find('VisibilityIcon').length).toBe(1);
+    expect(wrapper.find('VisibilityOffIcon').length).toBe(0);
+  });
+  it('should render a toggle icon with false as default', () => {
+    const wrapper = mount(/*#__PURE__*/React.createElement(ToggleIcon, _extends({}, inputProps, {
+      on: false
+    })));
+    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.find('VisibilityIcon').length).toBe(0);
+    expect(wrapper.find('VisibilityOffIcon').length).toBe(1);
+  });
+  it('should trigger the toggleHandler callback', () => {
+    const mockToggleHandler = jest.fn();
+    const wrapper = mount(/*#__PURE__*/React.createElement(ToggleIcon, _extends({}, inputProps, {
+      toggleHandler: mockToggleHandler
+    })));
+    wrapper.find('div').simulate('click');
+    expect(wrapper).toMatchSnapshot();
+    expect(mockToggleHandler.mock.calls.length).toBe(1);
+  });
+});

package/icons/AccountBoxIcon.js

@@ -1,5 +1,14 @@
-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 Icon from'@shopgate/pwa-common/components/Icon';import{themeConfig}from'@shopgate/pwa-common/helpers/config';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@shopgate/pwa-common/components/Icon';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+
+/**
  * The description icon component.
  * @param {Object} props The icon component properties.
  * @returns {JSX}
- */var AccountBox=function AccountBox(props){return React.createElement(Icon,_extends({content:themeConfig.icons.accountBox},props));};export default AccountBox;
+ */
+const AccountBox = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: themeConfig.icons.accountBox
+}, props));
+export default AccountBox;

package/icons/AddMoreIcon.js

@@ -1,5 +1,14 @@
-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 Icon from'@shopgate/pwa-common/components/Icon';import{themeConfig}from'@shopgate/pwa-common/helpers/config';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@shopgate/pwa-common/components/Icon';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+
+/**
  * The add more icon component.
  * @param {Object} props The icon component properties.
  * @returns {JSX}
- */var AddMore=function AddMore(props){return React.createElement(Icon,_extends({content:themeConfig.icons.addMore},props));};export default AddMore;
+ */
+const AddMore = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: themeConfig.icons.addMore
+}, props));
+export default AddMore;

package/icons/ArrowDropIcon.js

@@ -1,5 +1,14 @@
-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 Icon from'@shopgate/pwa-common/components/Icon';import{themeConfig}from'@shopgate/pwa-common/helpers/config';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@shopgate/pwa-common/components/Icon';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+
+/**
  * The arrow-drop icon component.
  * @param {Object} props The icon component properties.
  * @returns {JSX}
- */var ArrowDrop=function ArrowDrop(props){return React.createElement(Icon,_extends({content:themeConfig.icons.arrowDrop},props));};export default ArrowDrop;
+ */
+const ArrowDrop = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: themeConfig.icons.arrowDrop
+}, props));
+export default ArrowDrop;

package/icons/ArrowIcon.js

@@ -1,6 +1,25 @@
-var _excluded=["shadow"];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 _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}import React from'react';import PropTypes from'prop-types';import Icon from'@shopgate/pwa-common/components/Icon';import{themeConfig}from'@shopgate/pwa-common/helpers/config';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import Icon from '@shopgate/pwa-common/components/Icon';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+
+/**
  * The arrow icon component.
  * @param {Object} props The icon component properties.
  * @param {boolean} props.shadow Whether to show a shadow under the arrow.
  * @returns {JSX}
- */var ArrowIcon=function ArrowIcon(_ref){var shadow=_ref.shadow,props=_objectWithoutProperties(_ref,_excluded);var content=shadow?themeConfig.icons.arrowShadowed:themeConfig.icons.arrow;return React.createElement(Icon,_extends({content:content},props));};ArrowIcon.defaultProps={shadow:false};export default ArrowIcon;
+ */
+const ArrowIcon = ({
+  shadow,
+  ...props
+}) => {
+  const content = shadow ? themeConfig.icons.arrowShadowed : themeConfig.icons.arrow;
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    content: content
+  }, props));
+};
+ArrowIcon.defaultProps = {
+  shadow: false
+};
+export default ArrowIcon;

package/icons/BarcodeScannerIcon.js

@@ -1,5 +1,14 @@
-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 Icon from'@shopgate/pwa-common/components/Icon';import{themeConfig}from'@shopgate/pwa-common/helpers/config';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@shopgate/pwa-common/components/Icon';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+
+/**
  * The barcode icon component.
  * @param {Object} props The icon component properties.
  * @returns {JSX}
- */var BarcodeScanner=function BarcodeScanner(props){return React.createElement(Icon,_extends({content:themeConfig.icons.barcodeScanner},props));};export default BarcodeScanner;
+ */
+const BarcodeScanner = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: themeConfig.icons.barcodeScanner
+}, props));
+export default BarcodeScanner;

package/icons/BoxIcon.js

@@ -1,5 +1,14 @@
-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 Icon from'@shopgate/pwa-common/components/Icon';import{themeConfig}from'@shopgate/pwa-common/helpers/config';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@shopgate/pwa-common/components/Icon';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+
+/**
  * The box icon component.
  * @param {Object} props The icon component properties.
  * @returns {JSX}
- */var Box=function Box(props){return React.createElement(Icon,_extends({content:themeConfig.icons.box},props));};export default Box;
+ */
+const Box = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: themeConfig.icons.box
+}, props));
+export default Box;

package/icons/BrowseIcon.js

@@ -1,5 +1,14 @@
-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 Icon from'@shopgate/pwa-common/components/Icon';import{themeConfig}from'@shopgate/pwa-common/helpers/config';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@shopgate/pwa-common/components/Icon';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+
+/**
  * The home icon component.
  * @param {Object} props The icon component properties.
  * @returns {JSX}
- */var Browse=function Browse(props){return React.createElement(Icon,_extends({content:themeConfig.icons.browse},props));};export default Browse;
+ */
+const Browse = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: themeConfig.icons.browse
+}, props));
+export default Browse;

package/icons/BurgerIcon.js

@@ -1,5 +1,14 @@
-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 Icon from'@shopgate/pwa-common/components/Icon';import{themeConfig}from'@shopgate/pwa-common/helpers/config';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@shopgate/pwa-common/components/Icon';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+
+/**
  * The burger icon component.
  * @param {Object} props The icon component properties.
  * @returns {JSX}
- */var Burger=function Burger(props){return React.createElement(Icon,_extends({content:themeConfig.icons.burger},props));};export default Burger;
+ */
+const Burger = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: themeConfig.icons.burger
+}, props));
+export default Burger;

package/icons/CalendarIcon.js

@@ -1,6 +1,18 @@
-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 Icon from'@shopgate/pwa-common/components/Icon';// SVG Content
-var content='<path d="M21.706 6.146c1.116 0 2.02-.898 2.02-2.016V2.02c0-1.119-.903-2.02-2.02-2.02s-2.019.9-2.019 2.02v2.111a2.014 2.014 0 002.019 2.015z"/><path d="M28.882 3.494h-4.066v1.027a3.078 3.078 0 01-3.075 3.076 3.076 3.076 0 01-3.074-3.076V3.494h-8.205v1.027c0 1.695-1.379 3.076-3.076 3.076s-3.075-1.38-3.075-3.076V3.494L.208 3.443v25.678h26.656l2.049-.006-.031-25.621zm-2.02 23.582H2.26V10.672h24.604v16.404h-.002z"/><path d="M7.354 6.146A2.016 2.016 0 009.375 4.13V2.02C9.375.9 8.47 0 7.354 0S5.336.9 5.336 2.02v2.111c0 1.117.901 2.015 2.018 2.015zM10.468 12.873h3.231v2.852h-3.231zM15.692 12.873h3.234v2.852h-3.234zM20.537 12.873h3.231v2.852h-3.231zM10.468 17.609h3.231v2.85h-3.231zM15.692 17.609h3.234v2.85h-3.234zM20.537 17.609h3.231v2.85h-3.231zM10.468 22.439h3.231v2.85h-3.231zM5.336 17.609h3.229v2.85H5.336zM5.336 22.439h3.229v2.85H5.336zM15.692 22.439h3.234v2.85h-3.234zM20.537 22.439h3.231v2.85h-3.231z"/>';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@shopgate/pwa-common/components/Icon';
+
+// SVG Content
+const content = '<path d="M21.706 6.146c1.116 0 2.02-.898 2.02-2.016V2.02c0-1.119-.903-2.02-2.02-2.02s-2.019.9-2.019 2.02v2.111a2.014 2.014 0 002.019 2.015z"/><path d="M28.882 3.494h-4.066v1.027a3.078 3.078 0 01-3.075 3.076 3.076 3.076 0 01-3.074-3.076V3.494h-8.205v1.027c0 1.695-1.379 3.076-3.076 3.076s-3.075-1.38-3.075-3.076V3.494L.208 3.443v25.678h26.656l2.049-.006-.031-25.621zm-2.02 23.582H2.26V10.672h24.604v16.404h-.002z"/><path d="M7.354 6.146A2.016 2.016 0 009.375 4.13V2.02C9.375.9 8.47 0 7.354 0S5.336.9 5.336 2.02v2.111c0 1.117.901 2.015 2.018 2.015zM10.468 12.873h3.231v2.852h-3.231zM15.692 12.873h3.234v2.852h-3.234zM20.537 12.873h3.231v2.852h-3.231zM10.468 17.609h3.231v2.85h-3.231zM15.692 17.609h3.234v2.85h-3.234zM20.537 17.609h3.231v2.85h-3.231zM10.468 22.439h3.231v2.85h-3.231zM5.336 17.609h3.229v2.85H5.336zM5.336 22.439h3.229v2.85H5.336zM15.692 22.439h3.234v2.85h-3.234zM20.537 22.439h3.231v2.85h-3.231z"/>';
+
+/**
  * The calendar icon component.
  * @param {Object} props The component properties.
  * @returns {JSX}
- */var Calendar=function Calendar(props){return React.createElement(Icon,_extends({content:content},props,{viewBox:"0 0 29.121 29.121"}));};export default Calendar;
+ */
+const Calendar = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: content
+}, props, {
+  viewBox: "0 0 29.121 29.121"
+}));
+export default Calendar;

package/icons/CartCouponIcon.js

@@ -1,5 +1,75 @@
-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 Icon from'@shopgate/pwa-common/components/Icon';var content="\n  <defs>\n    <style>\n      .cls-1, .cls-3 {\n        fill: #81c6e5;\n      }\n\n      .cls-1 {\n        opacity: 0.19;\n      }\n\n      .cls-2 {\n        fill: none;\n        fill-rule: evenodd;\n      }\n\n      .cls-4 {\n        clip-path: url(#clip-path);\n      }\n\n      .cls-5, .cls-6 {\n        opacity: 0.09;\n      }\n\n      .cls-5 {\n        fill: url(#linear-gradient);\n      }\n\n      .cls-6 {\n        fill: url(#linear-gradient-2);\n      }\n\n      .cls-7 {\n        fill: #fff;\n      }\n    </style>\n    <clipPath id=\"clip-path\">\n      <path class=\"cls-1\" d=\"M39.407,6.8A23.038,23.038,0,0,0,6.6,39.15a23.007,23.007,0,0,0,32.552.2l.1-.1A23.078,23.078,0,0,0,39.407,6.8Z\" transform=\"translate(0 0)\"/>\n    </clipPath>\n    <linearGradient id=\"linear-gradient\" x1=\"0.273\" y1=\"0.267\" x2=\"0.705\" y2=\"0.641\" gradientUnits=\"objectBoundingBox\">\n      <stop offset=\"0\"/>\n      <stop offset=\"1\" stop-opacity=\"0.251\"/>\n    </linearGradient>\n    <linearGradient id=\"linear-gradient-2\" x1=\"0.5\" y1=\"0\" x2=\"0.5\" y2=\"1\" xlink:href=\"#linear-gradient\"/>\n  </defs>\n  <g transform=\"translate(283 -149)\">\n    <path class=\"cls-2\" d=\"M39.474-83.7a22.758,22.758,0,0,0-32.346-.1,23.309,23.309,0,0,0-.1,32.455A22.484,22.484,0,0,0,23.1-44.5a22.282,22.282,0,0,0,16.123-6.644l.1-.1A23.26,23.26,0,0,0,39.474-83.7Z\" transform=\"translate(3265.005 8065.5)\"/>\n    <path class=\"cls-3\" d=\"M39.407,6.8A23.038,23.038,0,0,0,6.6,39.15a23.007,23.007,0,0,0,32.552.2l.1-.1A23.078,23.078,0,0,0,39.407,6.8Z\" transform=\"translate(3265 7975)\"/>\n    <g class=\"cls-4\" transform=\"translate(3265 7975)\">\n      <path class=\"cls-5\" d=\"M3173.978,8072.545l-20.807,21.038,17.736,17.381,20.526-22.043Z\" transform=\"translate(-3140.448 -8060)\"/>\n    </g>\n    <path class=\"cls-6\" d=\"M3160.986,8075.234l-6.975,6.144,6.15,6.08,6.542-6.665Z\" transform=\"translate(124.137 -86.315)\"/>\n    <path class=\"cls-2\" d=\"M5.454-46.5a4.99,4.99,0,0,1,4.954,5.009,4.99,4.99,0,0,1-4.954,5.009A4.99,4.99,0,0,1,.5-41.491,4.99,4.99,0,0,1,5.454-46.5Z\" transform=\"translate(3275.621 8032.744)\"/>\n    <path class=\"cls-2\" d=\"M32.454-10.482A4.99,4.99,0,0,1,27.5-15.491,4.99,4.99,0,0,1,32.454-20.5a4.99,4.99,0,0,1,4.954,5.009A4.99,4.99,0,0,1,32.454-10.482Z\" transform=\"translate(3262.269 8020.033)\"/>\n    <g transform=\"translate(3276.244 7986.244)\">\n      <path class=\"cls-7\" d=\"M5.008,0a5.073,5.073,0,0,1,5.008,5.12,5.073,5.073,0,0,1-5.008,5.12A5.073,5.073,0,0,1,0,5.12,5.073,5.073,0,0,1,5.008,0Z\" transform=\"translate(0 0)\"/>\n      <path class=\"cls-7\" d=\"M2.553,23.044a1.533,1.533,0,0,1-1.067.467,1.448,1.448,0,0,1-1.067-.467,1.559,1.559,0,0,1,0-2.127L20.485.428a1.481,1.481,0,0,1,2.083,0,1.614,1.614,0,0,1,.051,2.127Z\" transform=\"translate(0.511 0)\"/>\n      <path class=\"cls-7\" d=\"M4.854,9.927A4.918,4.918,0,0,1,0,4.963,4.918,4.918,0,0,1,4.854,0,4.918,4.918,0,0,1,9.709,4.963,4.918,4.918,0,0,1,4.854,9.927Z\" transform=\"translate(13.802 13.584)\"/>\n    </g>\n  </g>\n";/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@shopgate/pwa-common/components/Icon';
+const content = `
+  <defs>
+    <style>
+      .cls-1, .cls-3 {
+        fill: #81c6e5;
+      }
+
+      .cls-1 {
+        opacity: 0.19;
+      }
+
+      .cls-2 {
+        fill: none;
+        fill-rule: evenodd;
+      }
+
+      .cls-4 {
+        clip-path: url(#clip-path);
+      }
+
+      .cls-5, .cls-6 {
+        opacity: 0.09;
+      }
+
+      .cls-5 {
+        fill: url(#linear-gradient);
+      }
+
+      .cls-6 {
+        fill: url(#linear-gradient-2);
+      }
+
+      .cls-7 {
+        fill: #fff;
+      }
+    </style>
+    <clipPath id="clip-path">
+      <path class="cls-1" d="M39.407,6.8A23.038,23.038,0,0,0,6.6,39.15a23.007,23.007,0,0,0,32.552.2l.1-.1A23.078,23.078,0,0,0,39.407,6.8Z" transform="translate(0 0)"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.273" y1="0.267" x2="0.705" y2="0.641" gradientUnits="objectBoundingBox">
+      <stop offset="0"/>
+      <stop offset="1" stop-opacity="0.251"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.5" y1="0" x2="0.5" y2="1" xlink:href="#linear-gradient"/>
+  </defs>
+  <g transform="translate(283 -149)">
+    <path class="cls-2" d="M39.474-83.7a22.758,22.758,0,0,0-32.346-.1,23.309,23.309,0,0,0-.1,32.455A22.484,22.484,0,0,0,23.1-44.5a22.282,22.282,0,0,0,16.123-6.644l.1-.1A23.26,23.26,0,0,0,39.474-83.7Z" transform="translate(3265.005 8065.5)"/>
+    <path class="cls-3" d="M39.407,6.8A23.038,23.038,0,0,0,6.6,39.15a23.007,23.007,0,0,0,32.552.2l.1-.1A23.078,23.078,0,0,0,39.407,6.8Z" transform="translate(3265 7975)"/>
+    <g class="cls-4" transform="translate(3265 7975)">
+      <path class="cls-5" d="M3173.978,8072.545l-20.807,21.038,17.736,17.381,20.526-22.043Z" transform="translate(-3140.448 -8060)"/>
+    </g>
+    <path class="cls-6" d="M3160.986,8075.234l-6.975,6.144,6.15,6.08,6.542-6.665Z" transform="translate(124.137 -86.315)"/>
+    <path class="cls-2" d="M5.454-46.5a4.99,4.99,0,0,1,4.954,5.009,4.99,4.99,0,0,1-4.954,5.009A4.99,4.99,0,0,1,.5-41.491,4.99,4.99,0,0,1,5.454-46.5Z" transform="translate(3275.621 8032.744)"/>
+    <path class="cls-2" d="M32.454-10.482A4.99,4.99,0,0,1,27.5-15.491,4.99,4.99,0,0,1,32.454-20.5a4.99,4.99,0,0,1,4.954,5.009A4.99,4.99,0,0,1,32.454-10.482Z" transform="translate(3262.269 8020.033)"/>
+    <g transform="translate(3276.244 7986.244)">
+      <path class="cls-7" d="M5.008,0a5.073,5.073,0,0,1,5.008,5.12,5.073,5.073,0,0,1-5.008,5.12A5.073,5.073,0,0,1,0,5.12,5.073,5.073,0,0,1,5.008,0Z" transform="translate(0 0)"/>
+      <path class="cls-7" d="M2.553,23.044a1.533,1.533,0,0,1-1.067.467,1.448,1.448,0,0,1-1.067-.467,1.559,1.559,0,0,1,0-2.127L20.485.428a1.481,1.481,0,0,1,2.083,0,1.614,1.614,0,0,1,.051,2.127Z" transform="translate(0.511 0)"/>
+      <path class="cls-7" d="M4.854,9.927A4.918,4.918,0,0,1,0,4.963,4.918,4.918,0,0,1,4.854,0,4.918,4.918,0,0,1,9.709,4.963,4.918,4.918,0,0,1,4.854,9.927Z" transform="translate(13.802 13.584)"/>
+    </g>
+  </g>
+`;
+
+/**
  * Cart discount default icon
  * @param {Object} props .
  * @returns {JSX}
- */var CartCouponIcon=function CartCouponIcon(props){return React.createElement(Icon,_extends({content:content,viewBox:"3548 7826 45.999 46"},props));};export default CartCouponIcon;
+ */
+const CartCouponIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: content,
+  viewBox: "3548 7826 45.999 46"
+}, props));
+export default CartCouponIcon;

package/icons/CartIcon.js

@@ -1,5 +1,14 @@
-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 Icon from'@shopgate/pwa-common/components/Icon';import{themeConfig}from'@shopgate/pwa-common/helpers/config';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@shopgate/pwa-common/components/Icon';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+
+/**
  * The cart icon component.
  * @param {Object} props The icon component properties.
  * @returns {JSX}
- */var CartIcon=function CartIcon(props){return React.createElement(Icon,_extends({content:themeConfig.icons.cart},props));};export default CartIcon;
+ */
+const CartIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: themeConfig.icons.cart
+}, props));
+export default CartIcon;

package/icons/CartPlusIcon.js

@@ -1,5 +1,14 @@
-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 Icon from'@shopgate/pwa-common/components/Icon';import{themeConfig}from'@shopgate/pwa-common/helpers/config';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@shopgate/pwa-common/components/Icon';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+
+/**
  * The cart plus icon component.
  * @param {Object} props The icon component properties.
  * @returns {JSX}
- */var CartPlus=function CartPlus(props){return React.createElement(Icon,_extends({content:themeConfig.icons.cartPlus},props));};export default CartPlus;
+ */
+const CartPlus = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: themeConfig.icons.cartPlus
+}, props));
+export default CartPlus;

package/icons/CheckIcon.js

@@ -1,5 +1,14 @@
-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 Icon from'@shopgate/pwa-common/components/Icon';import{themeConfig}from'@shopgate/pwa-common/helpers/config';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@shopgate/pwa-common/components/Icon';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+
+/**
  * The check icon component.
  * @param {Object} props The icon component properties.
  * @returns {JSX}
- */var Check=function Check(props){return React.createElement(Icon,_extends({content:themeConfig.icons.check},props));};export default Check;
+ */
+const Check = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: themeConfig.icons.check
+}, props));
+export default Check;