@shopgate/pwa-ui-ios 7.30.0-alpha.7 → 7.30.0-alpha.8

package/AppBar/components/Below/index.js

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

package/AppBar/components/Center/index.js

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

package/AppBar/components/Field/index.js

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

package/AppBar/components/Field/style.js

@@ -1 +1,14 @@
-import{css}from'glamor';var form=css({display:'flex',flexGrow:1});var field=css({outline:0,padding:'0 16px',width:'100%'});export default{form:form,field:field};
+import { css } from 'glamor';
+const form = css({
+  display: 'flex',
+  flexGrow: 1
+});
+const field = css({
+  outline: 0,
+  padding: '0 16px',
+  width: '100%'
+});
+export default {
+  form,
+  field
+};

package/AppBar/components/Icon/index.js

@@ -1,5 +1,53 @@
-var _excluded=["background","badge","color","icon","onClick","testId","aria-hidden","aria-label"];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 _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;}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,{PureComponent}from'react';import PropTypes from'prop-types';import styles from"./style";/**
+import _extends from "@babel/runtime/helpers/extends";
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import styles from "./style";
+
+/**
  * The AppBarIcon component.
- */var AppBarIcon=/*#__PURE__*/function(_PureComponent){function AppBarIcon(){_classCallCheck(this,AppBarIcon);return _callSuper(this,AppBarIcon,arguments);}_inherits(AppBarIcon,_PureComponent);return _createClass(AppBarIcon,[{key:"render",value:/**
+ */
+class AppBarIcon extends PureComponent {
+  /**
    * @returns {JSX}
-   */function render(){var _this$props=this.props,background=_this$props.background,Badge=_this$props.badge,color=_this$props.color,Icon=_this$props.icon,onClick=_this$props.onClick,testId=_this$props.testId,ariaHidden=_this$props['aria-hidden'],ariaLabel=_this$props['aria-label'],iconProps=_objectWithoutProperties(_this$props,_excluded);return React.createElement("div",{onKeyDown:onClick,tabIndex:0,role:"button","aria-hidden":ariaHidden,"aria-label":ariaLabel,className:styles,onClick:onClick,style:{background:background,color:color},"data-test-id":testId},React.createElement(Icon,_extends({key:"icon"},iconProps)),Badge&&React.createElement(Badge,{key:"badge"}));}}]);}(PureComponent);_defineProperty(AppBarIcon,"defaultProps",{'aria-hidden':false,'aria-label':null,background:'inherit',badge:null,color:'inherit',testId:null});export default AppBarIcon;
+   */
+  render() {
+    const {
+      background,
+      badge: Badge,
+      color,
+      icon: Icon,
+      onClick,
+      testId,
+      'aria-hidden': ariaHidden,
+      'aria-label': ariaLabel,
+      ...iconProps
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      onKeyDown: onClick,
+      tabIndex: 0,
+      role: "button",
+      "aria-hidden": ariaHidden,
+      "aria-label": ariaLabel,
+      className: styles,
+      onClick: onClick,
+      style: {
+        background,
+        color
+      },
+      "data-test-id": testId
+    }, /*#__PURE__*/React.createElement(Icon, _extends({
+      key: "icon"
+    }, iconProps)), Badge && /*#__PURE__*/React.createElement(Badge, {
+      key: "badge"
+    }));
+  }
+}
+AppBarIcon.defaultProps = {
+  'aria-hidden': false,
+  'aria-label': null,
+  background: 'inherit',
+  badge: null,
+  color: 'inherit',
+  testId: null
+};
+export default AppBarIcon;

package/AppBar/components/Icon/style.js

@@ -1 +1,15 @@
-import{css}from'glamor';export default css({alignItems:'center',color:'inherit',display:'flex',flexShrink:0,fontSize:24,height:44,justifyContent:'center',outline:0,padding:0,position:'relative',width:44,zIndex:1});
+import { css } from 'glamor';
+export default css({
+  alignItems: 'center',
+  color: 'inherit',
+  display: 'flex',
+  flexShrink: 0,
+  fontSize: 24,
+  height: 44,
+  justifyContent: 'center',
+  outline: 0,
+  padding: 0,
+  position: 'relative',
+  width: 44,
+  zIndex: 1
+});

package/AppBar/components/Left/index.js

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

package/AppBar/components/Right/index.js

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

package/AppBar/components/Title/index.js

@@ -1,5 +1,31 @@
-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);}import React,{PureComponent}from'react';import PropTypes from'prop-types';import classNames from'classnames';import styles from"./style";/**
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import styles from "./style";
+
+/**
  * The AppBarTitle component.
- */var AppBarTitle=/*#__PURE__*/function(_PureComponent){function AppBarTitle(){_classCallCheck(this,AppBarTitle);return _callSuper(this,AppBarTitle,arguments);}_inherits(AppBarTitle,_PureComponent);return _createClass(AppBarTitle,[{key:"render",value:/**
+ */
+class AppBarTitle extends PureComponent {
+  /**
    * @returns {JSX.Element}
-   */function render(){var title=this.props.title;if(!title)return null;return React.createElement("div",{className:classNames(styles,'theme__app-bar__title'),role:"heading","aria-level":"1","aria-live":"polite",tabIndex:-1,"data-test-id":"title: ".concat(title),dangerouslySetInnerHTML:{__html:title}});}}]);}(PureComponent);export default AppBarTitle;
+   */
+  render() {
+    const {
+      title
+    } = this.props;
+    if (!title) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames(styles, 'theme__app-bar__title'),
+      role: "heading",
+      "aria-level": "1",
+      "aria-live": "polite",
+      tabIndex: -1,
+      "data-test-id": `title: ${title}`,
+      dangerouslySetInnerHTML: {
+        __html: title
+      }
+    });
+  }
+}
+export default AppBarTitle;

package/AppBar/components/Title/style.js

@@ -1 +1,15 @@
-import{css}from'glamor';export default css({fontSize:17,fontWeight:600,flexGrow:1,lineHeight:'44px',left:90,overflow:'hidden',position:'absolute',right:90,textAlign:'center',textOverflow:'ellipsis',top:0,whiteSpace:'nowrap'});
+import { css } from 'glamor';
+export default css({
+  fontSize: 17,
+  fontWeight: 600,
+  flexGrow: 1,
+  lineHeight: '44px',
+  left: 90,
+  overflow: 'hidden',
+  position: 'absolute',
+  right: 90,
+  textAlign: 'center',
+  textOverflow: 'ellipsis',
+  top: 0,
+  whiteSpace: 'nowrap'
+});

package/AppBar/index.js

@@ -1,8 +1,98 @@
-import React,{useMemo,useRef,useLayoutEffect}from'react';import PropTypes from'prop-types';import classnames from'classnames';import{getAbsoluteHeight}from'@shopgate/pwa-common/helpers/dom';import{themeColors}from'@shopgate/pwa-common/helpers/config';import{setCSSCustomProp}from'@shopgate/engage/styles';import{SurroundPortals}from'@shopgate/engage/components';import{APP_BAR_CONTENT}from'@shopgate/engage/core/constants';import Field from"./components/Field";import Icon from"./components/Icon";import Title from"./components/Title";import Right from"./components/Right";import Center from"./components/Center";import Left from"./components/Left";import Below from"./components/Below";import styles from"./style";/**
+import React, { useMemo, useRef, useLayoutEffect } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { getAbsoluteHeight } from '@shopgate/pwa-common/helpers/dom';
+import { themeColors } from '@shopgate/pwa-common/helpers/config';
+import { setCSSCustomProp } from '@shopgate/engage/styles';
+import { SurroundPortals } from '@shopgate/engage/components';
+import { APP_BAR_CONTENT } from '@shopgate/engage/core/constants';
+import Field from "./components/Field";
+import Icon from "./components/Icon";
+import Title from "./components/Title";
+import Right from "./components/Right";
+import Center from "./components/Center";
+import Left from "./components/Left";
+import Below from "./components/Below";
+import styles from "./style";
+
+/**
  * Updates the --app-bar-height custom property
  * @param {Object} ref The app bar ref.
- */var updateAppBarHeight=function updateAppBarHeight(ref){if(!ref.current){return;}setCSSCustomProp('--app-bar-height',"".concat(getAbsoluteHeight(ref.current),"px"));};/**
+ */
+const updateAppBarHeight = ref => {
+  if (!ref.current) {
+    return;
+  }
+  setCSSCustomProp('--app-bar-height', `${getAbsoluteHeight(ref.current)}px`);
+};
+
+/**
  * The AppBar component.
  * @param {Object} props The component props.
  * @returns {JSX}
- */var AppBar=function AppBar(_ref){var below=_ref.below,center=_ref.center,left=_ref.left,right=_ref.right,classes=_ref.classes,ariaHidden=_ref['aria-hidden'],backgroundColor=_ref.backgroundColor,textColor=_ref.textColor;var contentRef=useRef(null);var style=useMemo(function(){return{background:backgroundColor,color:textColor};},[backgroundColor,textColor]);var observer=useMemo(function(){return new MutationObserver(function(){updateAppBarHeight(contentRef);});},[contentRef]);useLayoutEffect(function(){updateAppBarHeight(contentRef);observer.observe(contentRef.current,{childList:true});return function(){observer.disconnect();};},[contentRef,observer]);var sectionClasses=classnames(styles.outer,classes.outer,'ui-ios__app-bar');return React.createElement("section",{className:sectionClasses,"data-test-id":"Navigator",style:style,"aria-hidden":ariaHidden,ref:contentRef},React.createElement(SurroundPortals,{portalName:APP_BAR_CONTENT},React.createElement("div",{className:classnames(styles.inner,classes.inner)},React.createElement(Left,{elements:left}),React.createElement(Center,{elements:center}),React.createElement(Right,{elements:right}))),React.createElement(Below,{elements:below}));};AppBar.defaultProps={'aria-hidden':null,backgroundColor:themeColors.light,below:null,center:null,classes:{inner:'',outer:''},left:null,right:null,textColor:themeColors.dark};AppBar.Field=Field;AppBar.Icon=Icon;AppBar.Title=Title;export default AppBar;
+ */
+const AppBar = ({
+  below,
+  center,
+  left,
+  right,
+  classes,
+  'aria-hidden': ariaHidden,
+  backgroundColor,
+  textColor
+}) => {
+  const contentRef = useRef(null);
+  const style = useMemo(() => ({
+    background: backgroundColor,
+    color: textColor
+  }), [backgroundColor, textColor]);
+  const observer = useMemo(() => new MutationObserver(() => {
+    updateAppBarHeight(contentRef);
+  }), [contentRef]);
+  useLayoutEffect(() => {
+    updateAppBarHeight(contentRef);
+    observer.observe(contentRef.current, {
+      childList: true
+    });
+    return () => {
+      observer.disconnect();
+    };
+  }, [contentRef, observer]);
+  const sectionClasses = classnames(styles.outer, classes.outer, 'ui-ios__app-bar');
+  return /*#__PURE__*/React.createElement("section", {
+    className: sectionClasses,
+    "data-test-id": "Navigator",
+    style: style,
+    "aria-hidden": ariaHidden,
+    ref: contentRef
+  }, /*#__PURE__*/React.createElement(SurroundPortals, {
+    portalName: APP_BAR_CONTENT
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.inner, classes.inner)
+  }, /*#__PURE__*/React.createElement(Left, {
+    elements: left
+  }), /*#__PURE__*/React.createElement(Center, {
+    elements: center
+  }), /*#__PURE__*/React.createElement(Right, {
+    elements: right
+  }))), /*#__PURE__*/React.createElement(Below, {
+    elements: below
+  }));
+};
+AppBar.defaultProps = {
+  'aria-hidden': null,
+  backgroundColor: themeColors.light,
+  below: null,
+  center: null,
+  classes: {
+    inner: '',
+    outer: ''
+  },
+  left: null,
+  right: null,
+  textColor: themeColors.dark
+};
+AppBar.Field = Field;
+AppBar.Icon = Icon;
+AppBar.Title = Title;
+export default AppBar;

package/AppBar/style.js

@@ -1 +1,16 @@
-import{css}from'glamor';var outer=css({boxSizing:'content-box',minHeight:44,paddingTop:'var(--safe-area-inset-top)'}).toString();var inner=css({display:'flex',justifyContent:'space-between',position:'relative',zIndex:1}).toString();export default{outer:outer,inner:inner};
+import { css } from 'glamor';
+const outer = css({
+  boxSizing: 'content-box',
+  minHeight: 44,
+  paddingTop: 'var(--safe-area-inset-top)'
+}).toString();
+const inner = css({
+  display: 'flex',
+  justifyContent: 'space-between',
+  position: 'relative',
+  zIndex: 1
+}).toString();
+export default {
+  outer,
+  inner
+};

package/BaseDialog/components/Buttons/index.js

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

package/BaseDialog/components/Buttons/spec.js

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

package/BaseDialog/components/Content/index.js

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

package/BaseDialog/components/Content/spec.js

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

package/BaseDialog/components/Title/index.js

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

package/BaseDialog/components/Title/spec.js

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

package/BaseDialog/index.js

@@ -1,4 +1,12 @@
-import React from'react';import PropTypes from'prop-types';import{FocusTrap}from'@shopgate/engage/a11y/components';import Title from"./components/Title";import Content from"./components/Content";import Buttons from"./components/Buttons";import styles from"./style";/**
+import React from 'react';
+import PropTypes from 'prop-types';
+import { FocusTrap } from '@shopgate/engage/a11y/components';
+import Title from "./components/Title";
+import Content from "./components/Content";
+import Buttons from "./components/Buttons";
+import styles from "./style";
+
+/**
  * This component renders a basic dialog in Google Material Design.
  * @param {Object} props The component props.
  * @param {ReactNode} props.children The component children to render in the dialog.
@@ -6,4 +14,31 @@ import React from'react';import PropTypes from'prop-types';import{FocusTrap}from
  * the label and the callback to invoke when the action is triggered
  * @param {string | ReactNode} props.title The title of the dialog.
  * @return {JSX.Element} The rendered dialog.
- */var BasicDialog=function BasicDialog(_ref){var children=_ref.children,actions=_ref.actions,title=_ref.title;return React.createElement(FocusTrap,null,React.createElement("div",{className:"".concat(styles.container," ui-ios__base-dialog"),"data-test-id":"basicDialog",role:"alertdialog","aria-modal":true,"aria-labelledby":"basicDialogTitle basicDialogDesc"},React.createElement("div",{className:styles.content},React.createElement(Title,{title:title}),React.createElement(Content,{content:children})),React.createElement("div",{className:styles.actions},React.createElement(Buttons,{actions:actions}))));};BasicDialog.defaultProps={children:null,actions:[],title:null};export default BasicDialog;
+ */
+const BasicDialog = ({
+  children,
+  actions,
+  title
+}) => /*#__PURE__*/React.createElement(FocusTrap, null, /*#__PURE__*/React.createElement("div", {
+  className: `${styles.container} ui-ios__base-dialog`,
+  "data-test-id": "basicDialog",
+  role: "alertdialog",
+  "aria-modal": true,
+  "aria-labelledby": "basicDialogTitle basicDialogDesc"
+}, /*#__PURE__*/React.createElement("div", {
+  className: styles.content
+}, /*#__PURE__*/React.createElement(Title, {
+  title: title
+}), /*#__PURE__*/React.createElement(Content, {
+  content: children
+})), /*#__PURE__*/React.createElement("div", {
+  className: styles.actions
+}, /*#__PURE__*/React.createElement(Buttons, {
+  actions: actions
+}))));
+BasicDialog.defaultProps = {
+  children: null,
+  actions: [],
+  title: null
+};
+export default BasicDialog;

package/BaseDialog/spec.js

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

package/BaseDialog/style.js

@@ -1,5 +1,80 @@
-import{css}from'glamor';import{themeColors,themeVariables}from'@shopgate/pwa-common/helpers/config';var outerGap=40;var borderColor='rgba(0,0,0,0.2)';var container=css({position:'relative',overflow:'hidden',display:'flex',flexDirection:'column',width:270,maxHeight:"calc(100vh - ".concat(outerGap*2,"px)"),borderRadius:14,background:themeColors.lightTransparent,backdropFilter:'blur(20px)'}).toString();var content=css({padding:'16px',display:'flex',flexDirection:'column'}).toString();var title=css({textAlign:'center',fontWeight:600}).toString();var body=css({color:themeColors.dark,flexGrow:1,fontSize:'13px',textAlign:'center',overflow:'auto'}).toString();var actions=css({borderTop:"0.5px solid ".concat(borderColor),display:'flex',flexWrap:'wrap'}).toString();var button=css({'&& > *':{color:'var(--color-button-dialog-ios, #1a73e8)'},// Increases specificity to allow button customization.
-'&&':{fontWeight:400,minWidth:'50%',flexGrow:1,paddingTop:10,paddingBottom:10},/*
+import { css } from 'glamor';
+import { themeColors, themeVariables } from '@shopgate/pwa-common/helpers/config';
+const outerGap = 40;
+const borderColor = 'rgba(0,0,0,0.2)';
+const container = css({
+  position: 'relative',
+  overflow: 'hidden',
+  display: 'flex',
+  flexDirection: 'column',
+  width: 270,
+  maxHeight: `calc(100vh - ${outerGap * 2}px)`,
+  borderRadius: 14,
+  background: themeColors.lightTransparent,
+  backdropFilter: 'blur(20px)'
+}).toString();
+const content = css({
+  padding: '16px',
+  display: 'flex',
+  flexDirection: 'column'
+}).toString();
+const title = css({
+  textAlign: 'center',
+  fontWeight: 600
+}).toString();
+const body = css({
+  color: themeColors.dark,
+  flexGrow: 1,
+  fontSize: '13px',
+  textAlign: 'center',
+  overflow: 'auto'
+}).toString();
+const actions = css({
+  borderTop: `0.5px solid ${borderColor}`,
+  display: 'flex',
+  flexWrap: 'wrap'
+}).toString();
+const button = css({
+  '&& > *': {
+    color: 'var(--color-button-dialog-ios, #1a73e8)'
+  },
+  // Increases specificity to allow button customization.
+  '&&': {
+    fontWeight: 400,
+    minWidth: '50%',
+    flexGrow: 1,
+    paddingTop: 10,
+    paddingBottom: 10
+  },
+  /*
    * Due to overflow hidden this will cause the bottom border to be
    * not visible in vertical button mode.
-   */marginBottom:-1,marginRight:"-".concat(themeVariables.gap.small/2,"px"),'&:not(:last-child)':{borderRadius:'0 !important',borderRight:"0.5px solid ".concat(borderColor),borderBottom:"0.5px solid ".concat(borderColor)}}).toString();var buttonPrimary=css({'&&':{fontWeight:400}}).toString();var buttonText=css({overflow:'hidden',textOverflow:'ellipsis',display:'block'}).toString();export default{container:container,content:content,title:title,body:body,actions:actions,button:button,buttonPrimary:buttonPrimary,buttonText:buttonText};
+   */
+  marginBottom: -1,
+  marginRight: `-${themeVariables.gap.small / 2}px`,
+  '&:not(:last-child)': {
+    borderRadius: '0 !important',
+    borderRight: `0.5px solid ${borderColor}`,
+    borderBottom: `0.5px solid ${borderColor}`
+  }
+}).toString();
+const buttonPrimary = css({
+  '&&': {
+    fontWeight: 400
+  }
+}).toString();
+const buttonText = css({
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  display: 'block'
+}).toString();
+export default {
+  container,
+  content,
+  title,
+  body,
+  actions,
+  button,
+  buttonPrimary,
+  buttonText
+};

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/FilterIcon.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 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;
+ */
+const Filter = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: themeConfig.icons.filter
+}, props));
+export default Filter;

package/icons/HomeIcon.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 Home=function Home(props){return React.createElement(Icon,_extends({content:themeConfig.icons.home},props));};export default Home;
+ */
+const Home = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: themeConfig.icons.home
+}, props));
+export default Home;

package/icons/ShareIcon.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 Share icon component.
  * @param {Object} props The icon component properties.
  * @returns {JSX}
- */var ShareIcon=function ShareIcon(props){return React.createElement(Icon,_extends({content:themeConfig.icons.share},props));};export default ShareIcon;
+ */
+const ShareIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  content: themeConfig.icons.share
+}, props));
+export default ShareIcon;

package/index.js

@@ -1 +1,2 @@
-export{default as AppBar}from"./AppBar";export{default as CartIcon}from"./icons/CartIcon";
+export { default as AppBar } from "./AppBar";
+export { default as CartIcon } from "./icons/CartIcon";

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@shopgate/pwa-ui-ios",
-  "version": "7.30.0-alpha.7",
+  "version": "7.30.0-alpha.8",
   "description": "Shopgate's iOS UI components.",
   "main": "index.js",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@shopgate/pwa-common": "7.30.0-alpha.7",
+    "@shopgate/pwa-common": "7.30.0-alpha.8",
     "react": "~16.14.0"
   },
   "peerDependencies": {