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

package/Sheet/index.js

@@ -1,23 +1,23 @@
-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 throttle from'lodash/throttle';import classNames from'classnames';import UIEvents from'@shopgate/pwa-core/emitters/ui';import Backdrop from'@shopgate/pwa-common/components/Backdrop';import Drawer from'@shopgate/pwa-common/components/Drawer';import Header from"./components/Header";import styles from"./style";export var SHEET_EVENTS={OPEN:'Sheet.open',CLOSE:'Sheet.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 _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 throttle from'lodash/throttle';import classNames from'classnames';import UIEvents from'@shopgate/pwa-core/emitters/ui';import Backdrop from'@shopgate/pwa-common/components/Backdrop';import Drawer from'@shopgate/pwa-common/components/Drawer';import Header from"./components/Header";import styles from"./style";export var SHEET_EVENTS={OPEN:'Sheet.open',CLOSE:'Sheet.close'};/**
  * Sheet component.
- */var Sheet=/*#__PURE__*/function(_Component){_inherits(Sheet,_Component);/**
+ */var Sheet=/*#__PURE__*/function(_Component){_inherits(Sheet,_Component);var _super=_createSuper(Sheet);/**
    * The component default props.
    * @type {Object}
    */ /**
    * The constructor.
    * @param {Object} props The component props.
-   */function Sheet(props){var _this;_classCallCheck(this,Sheet);_this=_possibleConstructorReturn(this,_getPrototypeOf(Sheet).call(this,props));_defineProperty(_assertThisInitialized(_this),"handleScroll",throttle(function(){var scrolled=_this.content.current.scrollTop!==0;if(_this.state.scrolled!==scrolled){_this.setState({scrolled:scrolled});}},10));_defineProperty(_assertThisInitialized(_this),"handleClose",function(){_this.props.onClose();_this.setState({isOpen:false,scrolled:false});});_defineProperty(_assertThisInitialized(_this),"handleDidOpen",function(){UIEvents.emit(SHEET_EVENTS.OPEN);_this.props.onDidOpen();});_defineProperty(_assertThisInitialized(_this),"handleDidClose",function(){UIEvents.emit(SHEET_EVENTS.CLOSE);});_defineProperty(_assertThisInitialized(_this),"handleSearchInput",function(value){_this.setState({query:value});});_this.content=React.createRef();_this.state={isOpen:props.isOpen,scrolled:false,query:''};return _this;}/**
+   */function Sheet(props){var _this;_classCallCheck(this,Sheet);_this=_super.call(this,props);_defineProperty(_assertThisInitialized(_this),"handleScroll",throttle(function(){var scrolled=_this.content.current.scrollTop!==0;if(_this.state.scrolled!==scrolled){_this.setState({scrolled:scrolled});}},10));_defineProperty(_assertThisInitialized(_this),"handleClose",function(){_this.props.onClose();_this.setState({isOpen:false,scrolled:false});});_defineProperty(_assertThisInitialized(_this),"handleDidOpen",function(){UIEvents.emit(SHEET_EVENTS.OPEN);_this.props.onDidOpen();});_defineProperty(_assertThisInitialized(_this),"handleDidClose",function(){UIEvents.emit(SHEET_EVENTS.CLOSE);});_defineProperty(_assertThisInitialized(_this),"handleSearchInput",function(value){_this.setState({query:value});});_this.content=/*#__PURE__*/React.createRef();_this.state={isOpen:props.isOpen,scrolled:false,query:''};return _this;}/**
    * Change isOpen state for new incoming props.
    * @param {Object} nextProps The next component props.
    */_createClass(Sheet,[{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(_ref){var isOpen=_ref.isOpen;if(this.state.isOpen!==isOpen){this.setState({isOpen:isOpen});}}/**
    * Close the Sheet.
-   */},{key:"render",/**
-   * Renders the component.
-   * @returns {JSX}
-   */value:function render(){var _this2=this;var children=React.Children.map(this.props.children,function(child){return React.cloneElement(child,// Only add onClose prop to other components
-typeof child.type==='function'&&_this2.props.onClose!==null?{onClose:_this2.props.onClose,query:_this2.state.query}:{});});var drawerClassNames=classNames(styles.container,_defineProperty({},this.props.className,this.props.className));var contentClassNames=classNames(styles.content,_defineProperty({},styles.containerFullScreen,this.props.showSearch),_defineProperty({},this.props.contentClassName,this.props.contentClassName),_defineProperty({},styles.shadow,!this.props.backdrop));return React.createElement("section",{className:"ui-shared__sheet"},React.createElement(Drawer,{className:drawerClassNames,isOpen:this.state.isOpen,onDidOpen:this.handleDidOpen,onDidClose:this.handleDidClose,onOpen:this.props.onOpen,onClose:this.handleClose,animation:this.animationProps},this.props.title&&React.createElement(Sheet.Header,{showSearch:this.props.showSearch,handleChange:this.handleSearchInput,onToggleClose:this.handleClose,shadow:this.state.scrolled,title:this.props.title}),React.createElement("div",{ref:this.content,onScroll:this.handleScroll,className:contentClassNames},children)),this.props.backdrop&&React.createElement(Backdrop,{isVisible:this.state.isOpen,level:4,onClick:this.handleClose,opacity:20}));}},{key:"animationProps",/**
+   */},{key:"animationProps",get:/**
    * Getter for the animation props of the Sheet.
    * @returns {Object}
-   */get:function get(){return _extends({duration:this.props.duration},styles.drawerAnimation,{},this.props.animation);}/**
+   */function get(){return _extends({duration:this.props.duration},styles.drawerAnimation,this.props.animation);}/**
    * Close the Sheet.
-   */}]);return Sheet;}(Component);_defineProperty(Sheet,"Header",Header);_defineProperty(Sheet,"defaultProps",{animation:{},backdrop:true,children:null,className:null,contentClassName:null,duration:300,isOpen:false,onClose:function onClose(){},onDidOpen:function onDidOpen(){},onOpen:function onOpen(){},showSearch:false,title:''});export default Sheet;
+   */},{key:"render",value:/**
+   * Renders the component.
+   * @returns {JSX}
+   */function render(){var _this2=this;var children=React.Children.map(this.props.children,function(child){return/*#__PURE__*/React.cloneElement(child,// Only add onClose prop to other components
+typeof child.type==='function'&&_this2.props.onClose!==null?{onClose:_this2.props.onClose,query:_this2.state.query}:{});});var drawerClassNames=classNames(styles.container,_defineProperty({},this.props.className,this.props.className));var contentClassNames=classNames(styles.content,_defineProperty({},styles.containerFullScreen,this.props.showSearch),_defineProperty({},this.props.contentClassName,this.props.contentClassName),_defineProperty({},styles.shadow,!this.props.backdrop));return/*#__PURE__*/React.createElement("section",{className:"ui-shared__sheet"},/*#__PURE__*/React.createElement(Drawer,{className:drawerClassNames,isOpen:this.state.isOpen,onDidOpen:this.handleDidOpen,onDidClose:this.handleDidClose,onOpen:this.props.onOpen,onClose:this.handleClose,animation:this.animationProps},this.props.title&&/*#__PURE__*/React.createElement(Sheet.Header,{showSearch:this.props.showSearch,handleChange:this.handleSearchInput,onToggleClose:this.handleClose,shadow:this.state.scrolled,title:this.props.title}),/*#__PURE__*/React.createElement("div",{ref:this.content,onScroll:this.handleScroll,className:contentClassNames},children)),this.props.backdrop&&/*#__PURE__*/React.createElement(Backdrop,{isVisible:this.state.isOpen,level:4,onClick:this.handleClose,opacity:20}));}}]);return Sheet;}(Component);_defineProperty(Sheet,"Header",Header);_defineProperty(Sheet,"defaultProps",{animation:{},backdrop:true,children:null,className:null,contentClassName:null,duration:300,isOpen:false,onClose:function onClose(){},onDidOpen:function onDidOpen(){},onOpen:function onOpen(){},showSearch:false,title:''});export default Sheet;

package/Sheet/spec.js

@@ -1,5 +1,5 @@
-import React from'react';import{shallow,mount}from'enzyme';import mockRenderOptions from'@shopgate/pwa-common/helpers/mocks/mockRenderOptions';import UIEvents from'@shopgate/pwa-core/emitters/ui';import Sheet,{SHEET_EVENTS}from"./index";window.requestAnimationFrame=function(){};jest.mock('@shopgate/pwa-core/emitters/ui',function(){return{emit:jest.fn()};});describe('<Sheet />',function(){it('should render closed without content',function(){var wrapper=shallow(React.createElement(Sheet,null));expect(wrapper).toMatchSnapshot();});it('should render opened without content',function(){var wrapper=shallow(React.createElement(Sheet,{isOpen:true}));expect(wrapper).toMatchSnapshot();});it('should render with content and title',function(){var wrapper=shallow(React.createElement(Sheet,{isOpen:true,title:"Test-Title"},React.createElement("div",null,"Test")));expect(wrapper).toMatchSnapshot();});it('should call onDidOpen callback when the Sheet was opened',function(){var onOpen=jest.fn();var onDidOpen=jest.fn();var wrapper=mount(React.createElement(Sheet,{isOpen:false,onOpen:onOpen,onDidOpen:onDidOpen},React.createElement("div",null,"Test")),mockRenderOptions);expect(onOpen).not.toHaveBeenCalled();expect(onDidOpen).not.toHaveBeenCalled();wrapper.setProps({isOpen:true});expect(onOpen).toHaveBeenCalled();wrapper.find('Drawer').simulate('animationEnd');expect(onDidOpen).toHaveBeenCalled();expect(UIEvents.emit).nthCalledWith(1,SHEET_EVENTS.OPEN);});it('should trigger onClose callback and close the Sheet',function(){var onCloseSpy=jest.fn();var wrapper=mount(React.createElement(Sheet,{isOpen:true,title:"Test-Title",onClose:onCloseSpy},React.createElement("div",null,"Test")),mockRenderOptions);// Trigger a click on the close button of the Sheet.
+import React from'react';import{shallow,mount}from'enzyme';import mockRenderOptions from'@shopgate/pwa-common/helpers/mocks/mockRenderOptions';import UIEvents from'@shopgate/pwa-core/emitters/ui';import Sheet,{SHEET_EVENTS}from"./index";window.requestAnimationFrame=function(){};jest.mock('@shopgate/pwa-core/emitters/ui',function(){return{emit:jest.fn()};});describe('<Sheet />',function(){it('should render closed without content',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Sheet,null));expect(wrapper).toMatchSnapshot();});it('should render opened without content',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Sheet,{isOpen:true}));expect(wrapper).toMatchSnapshot();});it('should render with content and title',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Sheet,{isOpen:true,title:"Test-Title"},/*#__PURE__*/React.createElement("div",null,"Test")));expect(wrapper).toMatchSnapshot();});it('should call onDidOpen callback when the Sheet was opened',function(){var onOpen=jest.fn();var onDidOpen=jest.fn();var wrapper=mount(/*#__PURE__*/React.createElement(Sheet,{isOpen:false,onOpen:onOpen,onDidOpen:onDidOpen},/*#__PURE__*/React.createElement("div",null,"Test")),mockRenderOptions);expect(onOpen).not.toHaveBeenCalled();expect(onDidOpen).not.toHaveBeenCalled();wrapper.setProps({isOpen:true});expect(onOpen).toHaveBeenCalled();wrapper.find('Drawer').simulate('animationEnd');expect(onDidOpen).toHaveBeenCalled();expect(UIEvents.emit).nthCalledWith(1,SHEET_EVENTS.OPEN);});it('should trigger onClose callback and close the Sheet',function(){var onCloseSpy=jest.fn();var wrapper=mount(/*#__PURE__*/React.createElement(Sheet,{isOpen:true,title:"Test-Title",onClose:onCloseSpy},/*#__PURE__*/React.createElement("div",null,"Test")),mockRenderOptions);// Trigger a click on the close button of the Sheet.
 wrapper.find('button').first().simulate('click');return new Promise(function(resolve){// Wait until the drawer is closed and has updated it's state.
 setTimeout(function(){resolve();},wrapper.find('Drawer').prop('animation').duration);}).then(function(){// Check if onClose callback was called.
 expect(onCloseSpy).toHaveBeenCalled();// Check if the Drawer component was closed.
-expect(wrapper.find('Drawer').prop('isOpen')).not.toBeTruthy();expect(wrapper).toMatchSnapshot();wrapper.find('Drawer').simulate('animationEnd');expect(UIEvents.emit).nthCalledWith(2,SHEET_EVENTS.CLOSE);});});it('should open',function(){var wrapper=mount(React.createElement(Sheet,{isOpen:false,title:"Test-Title"},React.createElement("div",null,"Test")),mockRenderOptions);wrapper.setProps({isOpen:true});wrapper.update();expect(wrapper.find('Drawer').prop('isOpen')).toBeTruthy();expect(wrapper).toMatchSnapshot();});});
+expect(wrapper.find('Drawer').prop('isOpen')).not.toBeTruthy();expect(wrapper).toMatchSnapshot();wrapper.find('Drawer').simulate('animationEnd');expect(UIEvents.emit).nthCalledWith(2,SHEET_EVENTS.CLOSE);});});it('should open',function(){var wrapper=mount(/*#__PURE__*/React.createElement(Sheet,{isOpen:false,title:"Test-Title"},/*#__PURE__*/React.createElement("div",null,"Test")),mockRenderOptions);wrapper.setProps({isOpen:true});wrapper.update();expect(wrapper.find('Drawer').prop('isOpen')).toBeTruthy();expect(wrapper).toMatchSnapshot();});});

package/TaxDisclaimer/index.js

@@ -2,4 +2,4 @@ import React from'react';import SurroundPortals from'@shopgate/pwa-common/compon
  * TaxDisclaimer component.
  * @returns {Function}
  */var TaxDisclaimer=function TaxDisclaimer(){var _useWidgetSettings=useWidgetSettings('@shopgate/engage/components/TaxDisclaimer'),show=_useWidgetSettings.show,text=_useWidgetSettings.text;// use widget setting if set to true/false, otherwise use market logic
-var showDisclaimer=typeof show==='boolean'?show:showTaxDisclaimer;return React.createElement(SurroundPortals,{portalName:PRODUCT_TAX_DISCLAIMER,portalProps:{showTaxDisclaimer:showDisclaimer}},showDisclaimer&&React.createElement("div",{"data-test-id":"taxDisclaimer","aria-hidden":true,className:"ui-shared__tax-disclaimer"},React.createElement(I18n.Text,{className:styles,string:text||'product.tax_disclaimer'})));};export default TaxDisclaimer;
+var showDisclaimer=typeof show==='boolean'?show:showTaxDisclaimer;return/*#__PURE__*/React.createElement(SurroundPortals,{portalName:PRODUCT_TAX_DISCLAIMER,portalProps:{showTaxDisclaimer:showDisclaimer}},showDisclaimer&&/*#__PURE__*/React.createElement("div",{"data-test-id":"taxDisclaimer","aria-hidden":true,className:"ui-shared__tax-disclaimer"},/*#__PURE__*/React.createElement(I18n.Text,{className:styles,string:text||'product.tax_disclaimer'})));};export default TaxDisclaimer;

package/TaxDisclaimer/spec.js

@@ -1,3 +1,3 @@
 import React from'react';import{shallow}from'enzyme';import I18n from'@shopgate/pwa-common/components/I18n';jest.mock('@shopgate/engage/core/hooks/useWidgetSettings',function(){return{useWidgetSettings:jest.fn().mockReturnValue({show:null,hint:'*',text:null})};});describe('<TaxDisclaimer />',function(){afterEach(function(){jest.resetModules();});it('should display the component',function(){jest.mock('@shopgate/pwa-common-commerce/market/helpers/showTaxDisclaimer',function(){return true;});// eslint-disable-next-line global-require
-var TaxDisclaimer=require("./index")["default"];var wrapper=shallow(React.createElement(TaxDisclaimer,null));expect(wrapper).toMatchSnapshot();expect(wrapper.find(I18n.Text).exists()).toBe(true);});it('should display null',function(){jest.mock('@shopgate/pwa-common-commerce/market/helpers/showTaxDisclaimer',function(){return false;});// eslint-disable-next-line global-require
-var TaxDisclaimer=require("./index")["default"];var wrapper=shallow(React.createElement(TaxDisclaimer,null));expect(wrapper).toMatchSnapshot();expect(wrapper.find(I18n.Text).exists()).toBe(false);});});
+var TaxDisclaimer=require("./index")["default"];var wrapper=shallow(/*#__PURE__*/React.createElement(TaxDisclaimer,null));expect(wrapper).toMatchSnapshot();expect(wrapper.find(I18n.Text).exists()).toBe(true);});it('should display null',function(){jest.mock('@shopgate/pwa-common-commerce/market/helpers/showTaxDisclaimer',function(){return false;});// eslint-disable-next-line global-require
+var TaxDisclaimer=require("./index")["default"];var wrapper=shallow(/*#__PURE__*/React.createElement(TaxDisclaimer,null));expect(wrapper).toMatchSnapshot();expect(wrapper.find(I18n.Text).exists()).toBe(false);});});

package/TextField/components/ErrorText/index.js

@@ -2,4 +2,4 @@ import React from'react';import PropTypes from'prop-types';import classNames fro
  * Error message component.
  * @param {Object} props The component props.
  * @returns {JSX}
- */var ErrorText=function ErrorText(props){return React.createElement("div",{className:classNames(props.className,styles.error,'errorText')},props.translate&&React.createElement(I18n.Text,{string:props.validationError||props.errorText}),!props.translate&&(props.validationError||props.errorText));};ErrorText.defaultProps={className:'',errorText:null,translate:true,validationError:null};export default ErrorText;
+ */var ErrorText=function ErrorText(props){return/*#__PURE__*/React.createElement("div",{className:classNames(props.className,styles.error,'errorText')},props.translate&&/*#__PURE__*/React.createElement(I18n.Text,{string:props.validationError||props.errorText}),!props.translate&&(props.validationError||props.errorText));};ErrorText.defaultProps={className:'',errorText:null,translate:true,validationError:null};export default ErrorText;

package/TextField/components/FormElement/index.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * Creates an input or a multiLine based on the type prop.
  * @param {Object} props The props.
  * @returns {JSX}
- */var FormElement=function FormElement(props){var styleType=props.multiLine?'multiLine':'input';return React.createElement(Input,_extends({},props,{className:styles[styleType],validateOnBlur:true}));};FormElement.defaultProps={multiLine:false};export default FormElement;
+ */var FormElement=function FormElement(props){var styleType=props.multiLine?'multiLine':'input';return/*#__PURE__*/React.createElement(Input,_extends({},props,{className:styles[styleType],validateOnBlur:true}));};FormElement.defaultProps={multiLine:false};export default FormElement;

package/TextField/components/Hint/index.js

@@ -3,4 +3,4 @@ import React from'react';import PropTypes from'prop-types';import classNames fro
  * @param {string} hintText The hint text.
  * @param {boolean} visible Sets the hint visibility.
  * @return {JSX}
- */var Hint=function Hint(_ref){var hintText=_ref.hintText,visible=_ref.visible;return React.createElement("div",{className:classNames(styles.hintStyles(visible),'hint')},React.createElement(I18n.Text,{string:hintText}));};Hint.defaultProps={hintText:'',visible:false};export default Hint;
+ */var Hint=function Hint(_ref){var hintText=_ref.hintText,visible=_ref.visible;return/*#__PURE__*/React.createElement("div",{className:classNames(styles.hintStyles(visible),'hint')},/*#__PURE__*/React.createElement(I18n.Text,{string:hintText}));};Hint.defaultProps={hintText:'',visible:false};export default Hint;

package/TextField/components/Label/index.js

@@ -2,5 +2,5 @@ import React from'react';import PropTypes from'prop-types';import classNames fro
  * Renders the label element.
  * @param {Object} props The component props.
  * @return {JSX}
- */var Label=function Label(props){var labelStyles=styles.labelStyles(props.isFocused,props.isFloating,props.hasErrorMessage);return(// eslint-disable-next-line jsx-a11y/label-has-associated-control
-React.createElement("label",{htmlFor:props.name,className:classNames(labelStyles,'label')},React.createElement(I18n.Text,{string:props.label})));};Label.defaultProps={name:'',label:'',isFocused:false,isFloating:false,hasErrorMessage:false};export default Label;
+ */var Label=function Label(props){var labelStyles=styles.labelStyles(props.isFocused,props.isFloating,props.hasErrorMessage);return/*#__PURE__*/ (// eslint-disable-next-line jsx-a11y/label-has-associated-control
+React.createElement("label",{htmlFor:props.name,className:classNames(labelStyles,'label')},/*#__PURE__*/React.createElement(I18n.Text,{string:props.label})));};Label.defaultProps={name:'',label:'',isFocused:false,isFloating:false,hasErrorMessage:false};export default Label;

package/TextField/components/Underline/index.js

@@ -2,4 +2,4 @@ import React from'react';import PropTypes from'prop-types';import classNames fro
  *  Renders the label element.
  * @param {Object} props  The component props.
  * @return {JSX}
- */var Underline=function Underline(props){return React.createElement("div",{className:classNames(styles.underlineWrapper,'underline')},React.createElement("div",{className:styles.underline,style:styles.underlineStyle(props.isFocused,props.hasErrorMessage)}));};Underline.defaultProps={isFocused:false,hasErrorMessage:false};export default Underline;
+ */var Underline=function Underline(props){return/*#__PURE__*/React.createElement("div",{className:classNames(styles.underlineWrapper,'underline')},/*#__PURE__*/React.createElement("div",{className:styles.underline,style:styles.underlineStyle(props.isFocused,props.hasErrorMessage)}));};Underline.defaultProps={isFocused:false,hasErrorMessage:false};export default Underline;

package/TextField/index.js

@@ -1,9 +1,9 @@
-function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Component}from'react';import PropTypes from'prop-types';import classNames from'classnames';import Label from"./components/Label";import Underline from"./components/Underline";import ErrorText from"./components/ErrorText";import Hint from"./components/Hint";import styles from"./style";import FormElement from"./components/FormElement/index";/**
+function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Component}from'react';import PropTypes from'prop-types';import classNames from'classnames';import Label from"./components/Label";import Underline from"./components/Underline";import ErrorText from"./components/ErrorText";import Hint from"./components/Hint";import styles from"./style";import FormElement from"./components/FormElement/index";/**
  * A component that provides a styled text field for user input in material design.
- */var TextField=/*#__PURE__*/function(_Component){_inherits(TextField,_Component);/**
+ */var TextField=/*#__PURE__*/function(_Component){_inherits(TextField,_Component);var _super=_createSuper(TextField);/**
    * Creates a new text field component.
    * @param {Object} props The component properties.
-   */function TextField(props){var _this;_classCallCheck(this,TextField);_this=_possibleConstructorReturn(this,_getPrototypeOf(TextField).call(this,props));_defineProperty(_assertThisInitialized(_this),"handleFocusChange",function(isFocused){_this.setState({isFocused:isFocused});_this.props.onFocusChange(isFocused);});_defineProperty(_assertThisInitialized(_this),"handleChange",function(value){_this.props.onChange(value);});_defineProperty(_assertThisInitialized(_this),"handleValidate",function(value,isInitial){var validationError=_this.props.onValidate(value);if(validationError!==true&&validationError){/**
+   */function TextField(props){var _this;_classCallCheck(this,TextField);_this=_super.call(this,props);_defineProperty(_assertThisInitialized(_this),"handleFocusChange",function(isFocused){_this.setState({isFocused:isFocused});_this.props.onFocusChange(isFocused);});_defineProperty(_assertThisInitialized(_this),"handleChange",function(value){_this.props.onChange(value);});_defineProperty(_assertThisInitialized(_this),"handleValidate",function(value,isInitial){var validationError=_this.props.onValidate(value);if(validationError!==true&&validationError){/**
        * An error message was returned by the validation callback. Update the state.
        * Because the validation is performed when the component is constructed, we need to make
        * sure we're not calling setState() in this situation.
@@ -11,10 +11,7 @@ function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="s
 _this.setState({validationError:null});}// Forward the boolean result to the input field.
 return validationError===true;});_this.state={isFocused:false,validationError:null};return _this;}/**
    * @returns {boolean} Whether the text field is currently focused.
-   */_createClass(TextField,[{key:"render",/**
-   * Renders the text field.
-   * @return {JSX}
-   */value:function render(){var styleType=this.props.multiLine?'multiLine':'input';var style=styles.container[styleType];return React.createElement("div",{className:classNames(style,this.props.className,'textField','ui-shared__text-field')},React.createElement(Hint,{visible:this.isHintVisible,hintText:this.props.hintText}),React.createElement(Label,{name:this.props.name,label:this.props.label,isFocused:this.isFocused,isFloating:this.isLabelFloating,hasErrorMessage:this.hasErrorMessage}),React.createElement(FormElement,{id:this.props.name,multiLine:this.props.multiLine,name:this.props.name,setRef:this.props.setRef,onFocusChange:this.handleFocusChange,onChange:this.handleChange,onSanitize:this.props.onSanitize,onValidate:this.handleValidate,password:this.props.password,type:this.props.type,value:this.props.value,isControlled:this.props.isControlled}),React.createElement(Underline,{isFocused:this.isFocused,hasErrorMessage:this.hasErrorMessage}),React.createElement(ErrorText,{validationError:this.state.validationError,errorText:this.props.errorText,translate:this.props.translateErrorText}));}},{key:"isFocused",get:function get(){return this.state.isFocused;}/**
+   */_createClass(TextField,[{key:"isFocused",get:function get(){return this.state.isFocused;}/**
    * @returns {boolean} Whether the label is currently floating.
    */},{key:"isLabelFloating",get:function get(){return this.isFocused||!!this.props.value;}/**
    * @returns {boolean} Whether the hint text is currently visible.
@@ -23,4 +20,7 @@ return validationError===true;});_this.state={isFocused:false,validationError:nu
    */},{key:"hasErrorMessage",get:function get(){return!!(this.state.validationError||this.props.errorText);}/**
    * Internal focus event handler.
    * @param {boolean} isFocused Whether the input component is focused.
-   */}]);return TextField;}(Component);_defineProperty(TextField,"defaultProps",{className:'',errorText:'',setRef:function setRef(){},hintText:'',isControlled:false,label:'',multiLine:false,onChange:function onChange(){},onFocusChange:function onFocusChange(){},onSanitize:function onSanitize(value){return value;},onValidate:function onValidate(){return true;},password:false,translateErrorText:true,type:'text',value:''});export default TextField;
+   */},{key:"render",value:/**
+   * Renders the text field.
+   * @return {JSX}
+   */function render(){var styleType=this.props.multiLine?'multiLine':'input';var style=styles.container[styleType];return/*#__PURE__*/React.createElement("div",{className:classNames(style,this.props.className,'textField','ui-shared__text-field')},/*#__PURE__*/React.createElement(Hint,{visible:this.isHintVisible,hintText:this.props.hintText}),/*#__PURE__*/React.createElement(Label,{name:this.props.name,label:this.props.label,isFocused:this.isFocused,isFloating:this.isLabelFloating,hasErrorMessage:this.hasErrorMessage}),/*#__PURE__*/React.createElement(FormElement,{id:this.props.name,multiLine:this.props.multiLine,name:this.props.name,setRef:this.props.setRef,onFocusChange:this.handleFocusChange,onChange:this.handleChange,onSanitize:this.props.onSanitize,onValidate:this.handleValidate,password:this.props.password,type:this.props.type,value:this.props.value,isControlled:this.props.isControlled}),/*#__PURE__*/React.createElement(Underline,{isFocused:this.isFocused,hasErrorMessage:this.hasErrorMessage}),/*#__PURE__*/React.createElement(ErrorText,{validationError:this.state.validationError,errorText:this.props.errorText,translate:this.props.translateErrorText}));}}]);return TextField;}(Component);_defineProperty(TextField,"defaultProps",{className:'',errorText:'',setRef:function setRef(){},hintText:'',isControlled:false,label:'',multiLine:false,onChange:function onChange(){},onFocusChange:function onFocusChange(){},onSanitize:function onSanitize(value){return value;},onValidate:function onValidate(){return true;},password:false,translateErrorText:true,type:'text',value:''});export default TextField;

package/TextField/spec.js

@@ -1,5 +1,5 @@
-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(wrapper).toMatchSnapshot();expect(onChangeMock.mock.calls.length).toBe(2);});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(){/**
+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(/*#__PURE__*/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(/*#__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',function(){var 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',function(){var onChangeMock=jest.fn();var wrapper=mount(/*#__PURE__*/React.createElement(TextField,_extends({},inputProps,{onChange:onChangeMock})));wrapper.find('input').simulate('change',{target:{value:'a'}});expect(wrapper).toMatchSnapshot();expect(onChangeMock.mock.calls.length).toBe(2);});it('should receive the correct value while typing',function(){var wrapper=mount(/*#__PURE__*/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(/*#__PURE__*/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(/*#__PURE__*/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(/*#__PURE__*/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(/*#__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',function(){var label='This is the label';var 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',function(){var hintText='This is the hint text';var 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',function(){/**
      * 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.
+     */var onValidate=function onValidate(){return'Custom validation error';};var 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(function(node){try{return node.text()===onValidate();}catch(e){return false;}}).length).toBeGreaterThan(0);});});

package/ToggleIcon/index.js

@@ -1,14 +1,14 @@
-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';/**
+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';/**
  * No operational default handler
  */var noop=function noop(){};/**
  * An toggle icon with toggle handlers.
- */var ToggleIcon=/*#__PURE__*/function(_Component){_inherits(ToggleIcon,_Component);/**
+ */var ToggleIcon=/*#__PURE__*/function(_Component){_inherits(ToggleIcon,_Component);var _super=_createSuper(ToggleIcon);/**
    * @param {Object} props The component properties.
-   */function ToggleIcon(props){var _this;_classCallCheck(this,ToggleIcon);_this=_possibleConstructorReturn(this,_getPrototypeOf(ToggleIcon).call(this,props));_defineProperty(_assertThisInitialized(_this),"handleToggle",function(){_this.setState(function(_ref){var on=_ref.on;return{on:!on};},function(){return _this.props.toggleHandler(_this.state.on);});});_this.state={on:props.on};return _this;}/**
+   */function ToggleIcon(props){var _this;_classCallCheck(this,ToggleIcon);_this=_super.call(this,props);_defineProperty(_assertThisInitialized(_this),"handleToggle",function(){_this.setState(function(_ref){var on=_ref.on;return{on:!on};},function(){return _this.props.toggleHandler(_this.state.on);});});_this.state={on:props.on};return _this;}/**
    * Reset state to received props
    * @param {Object} nextProps next props
    */_createClass(ToggleIcon,[{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(nextProps){this.setState({on:nextProps.on});}/**
    * Toggle icon
-   */},{key:"render",/**
+   */},{key:"render",value:/**
    * @return {*}
-   */value: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);}}]);return ToggleIcon;}(Component);_defineProperty(ToggleIcon,"defaultProps",{on:true,toggleHandler:noop});export default ToggleIcon;
+   */function render(){var _this$props=this.props,onIcon=_this$props.onIcon,offIcon=_this$props.offIcon;var on=this.state.on;return/*#__PURE__*/React.createElement("div",{className:"ui-shared__toggle-icon",onClick:this.handleToggle,"aria-hidden":true},on&&onIcon,!on&&offIcon);}}]);return ToggleIcon;}(Component);_defineProperty(ToggleIcon,"defaultProps",{on:true,toggleHandler:noop});export default ToggleIcon;

package/ToggleIcon/spec.js

@@ -1 +1 @@
-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);});});
+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:/*#__PURE__*/React.createElement(VisibilityIcon,null),offIcon:/*#__PURE__*/React.createElement(VisibilityOffIcon,null)};describe('<ToggleIcon>',function(){it('should render a toggle icon',function(){var 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',function(){var 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',function(){var mockToggleHandler=jest.fn();var 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

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * 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;
+ */var AccountBox=function AccountBox(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.accountBox},props));};export default AccountBox;

package/icons/AddMoreIcon.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * 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;
+ */var AddMore=function AddMore(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.addMore},props));};export default AddMore;

package/icons/ArrowDropIcon.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * 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;
+ */var ArrowDrop=function ArrowDrop(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.arrowDrop},props));};export default ArrowDrop;

package/icons/ArrowIcon.js

@@ -1,6 +1,6 @@
-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';/**
+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';/**
  * 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,["shadow"]);var content=shadow?themeConfig.icons.arrowShadowed:themeConfig.icons.arrow;return React.createElement(Icon,_extends({content:content},props));};ArrowIcon.defaultProps={shadow:false};export default ArrowIcon;
+ */var ArrowIcon=function ArrowIcon(_ref){var shadow=_ref.shadow,props=_objectWithoutProperties(_ref,_excluded);var 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

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * 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;
+ */var BarcodeScanner=function BarcodeScanner(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.barcodeScanner},props));};export default BarcodeScanner;

package/icons/BoxIcon.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * 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;
+ */var Box=function Box(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.box},props));};export default Box;

package/icons/BrowseIcon.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * 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;
+ */var Browse=function Browse(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.browse},props));};export default Browse;

package/icons/BurgerIcon.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * 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;
+ */var Burger=function Burger(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.burger},props));};export default Burger;

package/icons/CartCouponIcon.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * 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;
+ */var CartCouponIcon=function CartCouponIcon(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:content,viewBox:"3548 7826 45.999 46"},props));};export default CartCouponIcon;

package/icons/CartIcon.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * 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;
+ */var CartIcon=function CartIcon(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.cart},props));};export default CartIcon;

package/icons/CartPlusIcon.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * 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;
+ */var CartPlus=function CartPlus(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.cartPlus},props));};export default CartPlus;

package/icons/CheckIcon.js

@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * 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;
+ */var Check=function Check(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.check},props));};export default Check;

package/icons/CheckedIcon.js

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

package/icons/ChevronIcon.js

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

package/icons/CreditCardIcon.js

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

package/icons/CrossIcon.js

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

package/icons/DescriptionIcon.js

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

package/icons/FilterIcon.js

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

package/icons/FlashDisabledIcon.js

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

package/icons/FlashEnabledIcon.js

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

package/icons/GridIcon.js

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

package/icons/HeartIcon.js

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

package/icons/HeartOutlineIcon.js

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

package/icons/HomeIcon.js

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

package/icons/InfoIcon.js

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

package/icons/InfoOutlineIcon.js

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

package/icons/ListIcon.js

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

package/icons/LocalShippingIcon.js

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

package/icons/LockIcon.js

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

package/icons/LogoutIcon.js

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

package/icons/MagnifierIcon.js

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

package/icons/MoreIcon.js

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

package/icons/MoreVertIcon.js

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

package/icons/PlaceholderIcon.js

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

package/icons/RadioCheckedIcon.js

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

package/icons/RadioUncheckedIcon.js

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

package/icons/SecurityIcon.js

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