@shopgate/pwa-ui-shared 7.30.0-alpha.7 → 7.30.0-alpha.9

package/ButtonLink/index.js

@@ -1,9 +1,47 @@
-var _excluded=["children","href","navigate"];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,{Component}from'react';import PropTypes from'prop-types';import ActionButton from"../ActionButton";import connect from"./connector";/**
+import _extends from "@babel/runtime/helpers/extends";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import ActionButton from "../ActionButton";
+import connect from "./connector";
+
+/**
  * Simple wrapper around ActionButton so it's easy to render buttons which behave as links.
- */var ButtonLink=/*#__PURE__*/function(_Component){function ButtonLink(){var _this2;_classCallCheck(this,ButtonLink);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this2=_callSuper(this,ButtonLink,[].concat(args));/**
-   * Opens the given url on click.
-   * @returns {undefined}
-   */_defineProperty(_this2,"handleClick",function(){_this2.props.navigate(_this2.props.href);});return _this2;}_inherits(ButtonLink,_Component);return _createClass(ButtonLink,[{key:"render",value:/**
+ */
+class ButtonLink extends Component {
+  constructor(...args) {
+    super(...args);
+    /**
+     * Opens the given url on click.
+     * @returns {undefined}
+     */
+    this.handleClick = () => {
+      this.props.navigate(this.props.href);
+    };
+  }
+  /**
    * Renders an ActionButton and handles link handling.
    * @returns {JSX.Element}
-   */function render(){var _this$props=this.props,children=_this$props.children,href=_this$props.href,navigate=_this$props.navigate,props=_objectWithoutProperties(_this$props,_excluded);return React.createElement(ActionButton,_extends({className:"ui-shared__button-link",onClick:this.handleClick,type:"secondary"},props),children);}}]);}(Component);_defineProperty(ButtonLink,"defaultProps",{disabled:false,className:'',navigate:function navigate(){},noGap:false,flat:true});export default connect(ButtonLink);export{ButtonLink as UnwrappedButtonLink};
+   */
+  render() {
+    const {
+      children,
+      href,
+      navigate,
+      ...props
+    } = this.props;
+    return /*#__PURE__*/React.createElement(ActionButton, _extends({
+      className: "ui-shared__button-link",
+      onClick: this.handleClick,
+      type: "secondary"
+    }, props), children);
+  }
+}
+ButtonLink.defaultProps = {
+  disabled: false,
+  className: '',
+  navigate: () => {},
+  noGap: false,
+  flat: true
+};
+export default connect(ButtonLink);
+export { ButtonLink as UnwrappedButtonLink };

package/ButtonLink/spec.js

@@ -1 +1,23 @@
-import React from'react';import{shallow}from'enzyme';import ActionButton from"../ActionButton";import{UnwrappedButtonLink as ButtonLink}from"./index";describe('<ButtonLink>',function(){describe('On click action',function(){beforeAll(function(){ActionButton.clickDelay=0;});it('should create component and open page on click',function(){var mockedNavigate=jest.fn();var link='https://example.com';var component=shallow(React.createElement(ButtonLink,{href:link,navigate:mockedNavigate},"Text inside"));expect(component).toMatchSnapshot();component.simulate('click');expect(mockedNavigate).toHaveBeenCalledTimes(1);expect(mockedNavigate).toHaveBeenCalledWith(link);});});});
+import React from 'react';
+import { shallow } from 'enzyme';
+import ActionButton from "../ActionButton";
+import { UnwrappedButtonLink as ButtonLink } from "./index";
+describe('<ButtonLink>', () => {
+  describe('On click action', () => {
+    beforeAll(() => {
+      ActionButton.clickDelay = 0;
+    });
+    it('should create component and open page on click', () => {
+      const mockedNavigate = jest.fn();
+      const link = 'https://example.com';
+      const component = shallow(/*#__PURE__*/React.createElement(ButtonLink, {
+        href: link,
+        navigate: mockedNavigate
+      }, "Text inside"));
+      expect(component).toMatchSnapshot();
+      component.simulate('click');
+      expect(mockedNavigate).toHaveBeenCalledTimes(1);
+      expect(mockedNavigate).toHaveBeenCalledWith(link);
+    });
+  });
+});

package/Card/index.js

@@ -1,5 +1,22 @@
-import React from'react';import PropTypes from'prop-types';import styles from"./style";/**
+import React from 'react';
+import PropTypes from 'prop-types';
+import styles from "./style";
+
+/**
  * Renders the card component.
  * @param {Object} props The component properties.
  * @returns {JSX}
- */var Card=function Card(_ref){var className=_ref.className,children=_ref.children,id=_ref.id;return React.createElement("div",{className:"ui-shared__card ".concat(styles," ").concat(className),id:id},children);};Card.defaultProps={className:'',id:null};export default Card;
+ */
+const Card = ({
+  className,
+  children,
+  id
+}) => /*#__PURE__*/React.createElement("div", {
+  className: `ui-shared__card ${styles} ${className}`,
+  id: id
+}, children);
+Card.defaultProps = {
+  className: '',
+  id: null
+};
+export default Card;

package/Card/style.js

@@ -1 +1,11 @@
-import{css}from'glamor';import{themeConfig,themeName}from'@shopgate/pwa-common/helpers/config';var isIOS=themeName.includes('ios');export default css({boxShadow:themeConfig.shadows.productCard,margin:'5px 5px 10px',borderRadius:isIOS?10:2,background:themeConfig.colors.light,overflow:'hidden',position:'relative'}).toString();
+import { css } from 'glamor';
+import { themeConfig, themeName } from '@shopgate/pwa-common/helpers/config';
+const isIOS = themeName.includes('ios');
+export default css({
+  boxShadow: themeConfig.shadows.productCard,
+  margin: '5px 5px 10px',
+  borderRadius: isIOS ? 10 : 2,
+  background: themeConfig.colors.light,
+  overflow: 'hidden',
+  position: 'relative'
+}).toString();

package/CardList/components/Item/index.js

@@ -1,5 +1,29 @@
-import React,{Children}from'react';import PropTypes from'prop-types';import ListItem from'@shopgate/pwa-common/components/List/components/Item';import styles from"./style";/**
+import React, { Children } from 'react';
+import PropTypes from 'prop-types';
+import ListItem from '@shopgate/pwa-common/components/List/components/Item';
+import styles from "./style";
+
+/**
  * The Card List Item component implemented as class so that ref prop is available.
  * @param {Object} props The component props.
  * @return {JSX}
- */var Item=function Item(_ref){var children=_ref.children,className=_ref.className,isSelected=_ref.isSelected;if(!Children.count(children)){return null;}return React.createElement(ListItem,{className:"".concat(styles," ").concat(className),isSelected:isSelected},children);};Item.defaultProps={children:null,className:null,isSelected:false};export default Item;
+ */
+const Item = ({
+  children,
+  className,
+  isSelected
+}) => {
+  if (!Children.count(children)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ListItem, {
+    className: `${styles} ${className}`,
+    isSelected: isSelected
+  }, children);
+};
+Item.defaultProps = {
+  children: null,
+  className: null,
+  isSelected: false
+};
+export default Item;

package/CardList/components/Item/style.js

@@ -1 +1,7 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';export default css({background:themeConfig.colors.light,marginBottom:themeConfig.variables.gap.small/2,position:'relative'}).toString();
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+export default css({
+  background: themeConfig.colors.light,
+  marginBottom: themeConfig.variables.gap.small / 2,
+  position: 'relative'
+}).toString();

package/CardList/index.js

@@ -1,6 +1,37 @@
-function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=_getPrototypeOf(derived);return _possibleConstructorReturn(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],_getPrototypeOf(_this).constructor):derived.apply(_this,args));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Component,Children,isValidElement}from'react';import PropTypes from'prop-types';import List from'@shopgate/pwa-common/components/List';import Item from"./components/Item";/**
+import React, { Component, Children, isValidElement } from 'react';
+import PropTypes from 'prop-types';
+import List from '@shopgate/pwa-common/components/List';
+import Item from "./components/Item";
+
+/**
  * The CardList component.
- */var CardList=/*#__PURE__*/function(_Component){function CardList(){_classCallCheck(this,CardList);return _callSuper(this,CardList,arguments);}_inherits(CardList,_Component);return _createClass(CardList,[{key:"render",value:/**
+ */
+class CardList extends Component {
+  /**
    * Renders the component.
    * @return {JSX}
-   */function render(){var _this$props=this.props,children=_this$props.children,className=_this$props.className;if(!Children.count(children)){return null;}return React.createElement(List,{className:"ui-shared__card-list ".concat(className)},Children.map(children,function(child){if(!isValidElement(child)){return null;}return child;}));}}]);}(Component);_defineProperty(CardList,"Item",Item);_defineProperty(CardList,"defaultProps",{children:null,className:''});export default CardList;
+   */
+  render() {
+    const {
+      children,
+      className
+    } = this.props;
+    if (!Children.count(children)) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(List, {
+      className: `ui-shared__card-list ${className}`
+    }, Children.map(children, child => {
+      if (! /*#__PURE__*/isValidElement(child)) {
+        return null;
+      }
+      return child;
+    }));
+  }
+}
+CardList.Item = Item;
+CardList.defaultProps = {
+  children: null,
+  className: ''
+};
+export default CardList;

package/CartTotalLine/components/Amount/index.js

@@ -1,5 +1,31 @@
-import React from'react';import PropTypes from'prop-types';import I18n from'@shopgate/pwa-common/components/I18n';import styles from"./style";/**
+import React from 'react';
+import PropTypes from 'prop-types';
+import I18n from '@shopgate/pwa-common/components/I18n';
+import styles from "./style";
+
+/**
  * The Amount component.
  * @param {Object} props The component props.
  * @return {JSX}
- */var Amount=function Amount(_ref){var amount=_ref.amount,currency=_ref.currency;if(amount===null){return null;}return React.createElement("div",{className:styles.amount},typeof amount==='string'&&React.createElement(I18n.Text,{string:amount}),typeof amount==='number'&&React.createElement(I18n.Price,{price:amount,currency:currency}));};Amount.defaultProps={amount:null,currency:null};export default Amount;
+ */
+const Amount = ({
+  amount,
+  currency
+}) => {
+  if (amount === null) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.amount
+  }, typeof amount === 'string' && /*#__PURE__*/React.createElement(I18n.Text, {
+    string: amount
+  }), typeof amount === 'number' && /*#__PURE__*/React.createElement(I18n.Price, {
+    price: amount,
+    currency: currency
+  }));
+};
+Amount.defaultProps = {
+  amount: null,
+  currency: null
+};
+export default Amount;

package/CartTotalLine/components/Amount/style.js

@@ -1 +1,8 @@
-import{css}from'glamor';var amount=css({textAlign:'right',order:4}).toString();export default{amount:amount};
+import { css } from 'glamor';
+const amount = css({
+  textAlign: 'right',
+  order: 4
+}).toString();
+export default {
+  amount
+};

package/CartTotalLine/components/Hint/index.js

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

package/CartTotalLine/components/Hint/style.js

@@ -1 +1,12 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;var hint=css({paddingLeft:variables.gap.small,order:5}).toString();export default{hint:hint};
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+const {
+  variables
+} = themeConfig;
+const hint = css({
+  paddingLeft: variables.gap.small,
+  order: 5
+}).toString();
+export default {
+  hint
+};

package/CartTotalLine/components/Label/index.js

@@ -1,5 +1,39 @@
-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 from'react';import PropTypes from'prop-types';import classNames from'classnames';import{I18n}from'@shopgate/engage/components';import styles from"./style";/**
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { I18n } from '@shopgate/engage/components';
+import styles from "./style";
+
+/**
  * The ShippingCostsLabel component.
  * @param {Object} props The component props.
  * @return {JSX|null}
- */function Label(_ref){var label=_ref.label,showSeparator=_ref.showSeparator,labelParams=_ref.labelParams,suffix=_ref.suffix;if(!label){return React.createElement("div",{className:styles.label});}return React.createElement("div",{className:styles.label},React.createElement(I18n.Text,{string:label,params:labelParams,className:classNames(_defineProperty({},styles.labelWithSuffix,!!suffix))}),suffix,"".concat(showSeparator?':':''));}Label.defaultProps={label:null,suffix:null,showSeparator:true,labelParams:{}};export default Label;
+ */
+function Label({
+  label,
+  showSeparator,
+  labelParams,
+  suffix
+}) {
+  if (!label) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.label
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.label
+  }, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: label,
+    params: labelParams,
+    className: classNames({
+      [styles.labelWithSuffix]: !!suffix
+    })
+  }), suffix, `${showSeparator ? ':' : ''}`);
+}
+Label.defaultProps = {
+  label: null,
+  suffix: null,
+  showSeparator: true,
+  labelParams: {}
+};
+export default Label;

package/CartTotalLine/components/Label/style.js

@@ -1 +1,17 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;var label=css({flexGrow:1,paddingRight:variables.gap.small,order:3}).toString();var labelWithSuffix=css({paddingRight:variables.gap.small});export default{label:label,labelWithSuffix:labelWithSuffix};
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+const {
+  variables
+} = themeConfig;
+const label = css({
+  flexGrow: 1,
+  paddingRight: variables.gap.small,
+  order: 3
+}).toString();
+const labelWithSuffix = css({
+  paddingRight: variables.gap.small
+});
+export default {
+  label,
+  labelWithSuffix
+};

package/CartTotalLine/components/Spacer/index.js

@@ -1,4 +1,18 @@
-import React from'react';import PropTypes from'prop-types';/**
+import React from 'react';
+import PropTypes from 'prop-types';
+
+/**
  * @param {props} The component props
  * @returns {JSX}
- */var Spacer=function Spacer(_ref){var children=_ref.children,className=_ref.className;return React.createElement("div",{className:className},children);};Spacer.defaultProps={children:null,className:null};export default Spacer;
+ */
+const Spacer = ({
+  children,
+  className
+}) => /*#__PURE__*/React.createElement("div", {
+  className: className
+}, children);
+Spacer.defaultProps = {
+  children: null,
+  className: null
+};
+export default Spacer;

package/CartTotalLine/index.js

@@ -1,3 +1,40 @@
-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 from'react';import PropTypes from'prop-types';import classNames from'classnames';import Label from"./components/Label";import Amount from"./components/Amount";import Hint from"./components/Hint";import Spacer from"./components/Spacer";import styles from"./style";/**
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Label from "./components/Label";
+import Amount from "./components/Amount";
+import Hint from "./components/Hint";
+import Spacer from "./components/Spacer";
+import styles from "./style";
+
+/**
  * @returns {JSX}
- */var CartTotalLine=function CartTotalLine(_ref){var children=_ref.children,type=_ref.type,isDisabled=_ref.isDisabled,className=_ref.className;if(!children){return null;}return React.createElement("div",{className:classNames(className,"ui-shared__cart-total-line ui-shared__cart-".concat(type,"-line"),styles.line,_defineProperty(_defineProperty({},styles.disabled,isDisabled),styles[type]||styles.base,true)),"data-test-id":"".concat(type,"CartTotal")},children);};CartTotalLine.defaultProps={children:null,className:null,isDisabled:false,type:null};CartTotalLine.Label=Label;CartTotalLine.Amount=Amount;CartTotalLine.Hint=Hint;CartTotalLine.Spacer=Spacer;export default CartTotalLine;
+ */
+const CartTotalLine = ({
+  children,
+  type,
+  isDisabled,
+  className
+}) => {
+  if (!children) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(className, `ui-shared__cart-total-line ui-shared__cart-${type}-line`, styles.line, {
+      [styles.disabled]: isDisabled,
+      [styles[type] || styles.base]: true
+    }),
+    "data-test-id": `${type}CartTotal`
+  }, children);
+};
+CartTotalLine.defaultProps = {
+  children: null,
+  className: null,
+  isDisabled: false,
+  type: null
+};
+CartTotalLine.Label = Label;
+CartTotalLine.Amount = Amount;
+CartTotalLine.Hint = Hint;
+CartTotalLine.Spacer = Spacer;
+export default CartTotalLine;

package/CartTotalLine/style.js

@@ -1 +1,31 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var colors=themeConfig.colors;var disabled=css({color:"".concat(colors.shade4," !important")}).toString();var base=css({color:colors.shade9}).toString();var subTotal=css({color:"".concat(colors.dark)}).toString();var grandTotal=css({color:"".concat(colors.dark),fontSize:'1rem !important'}).toString();var line=css({display:'flex',justifyContent:'space-between',fontSize:'0.875rem',alignItems:'baseline'}).toString();export default{subTotal:subTotal,grandTotal:grandTotal,base:base,line:line,disabled:disabled};
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+const {
+  colors
+} = themeConfig;
+const disabled = css({
+  color: `${colors.shade4} !important`
+}).toString();
+const base = css({
+  color: colors.shade9
+}).toString();
+const subTotal = css({
+  color: `${colors.dark}`
+}).toString();
+const grandTotal = css({
+  color: `${colors.dark}`,
+  fontSize: '1rem !important'
+}).toString();
+const line = css({
+  display: 'flex',
+  justifyContent: 'space-between',
+  fontSize: '0.875rem',
+  alignItems: 'baseline'
+}).toString();
+export default {
+  subTotal,
+  grandTotal,
+  base,
+  line,
+  disabled
+};

package/Checkbox/index.js

@@ -1,8 +1,37 @@
-var _excluded=["checkedClassName","unCheckedClassName","className"];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 classNames from'classnames';import BaseCheckbox from'@shopgate/pwa-common/components/Checkbox';import CheckedIcon from"../icons/CheckedIcon";import UncheckedIcon from"../icons/UncheckedIcon";import styles from"./style";/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import BaseCheckbox from '@shopgate/pwa-common/components/Checkbox';
+import CheckedIcon from "../icons/CheckedIcon";
+import UncheckedIcon from "../icons/UncheckedIcon";
+import styles from "./style";
+
+/**
  * The checkbox template component.
  * @param {Object} props The component props
  * @param {string} props.className Class for the underlying Checkbox component
  * @param {string} props.checkedClassName Class for checked icon.
  * @param {string} props.unCheckedClassName Class for unchecked icon.
  * @returns {JSX.Element}
- */var Checkbox=function Checkbox(_ref){var checkedClassName=_ref.checkedClassName,unCheckedClassName=_ref.unCheckedClassName,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded);return React.createElement(BaseCheckbox,_extends({},props,{className:"ui-shared__checkbox ".concat(className),checkedIcon:React.createElement(CheckedIcon,{className:classNames(styles.icon,checkedClassName,'checkedIcon')}),uncheckedIcon:React.createElement(UncheckedIcon,{className:classNames(styles.icon,unCheckedClassName,'uncheckedIcon')})}));};Checkbox.defaultProps={checkedClassName:styles.checkedIcon,className:'',unCheckedClassName:styles.uncheckedIcon};export default Checkbox;
+ */
+const Checkbox = ({
+  checkedClassName,
+  unCheckedClassName,
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement(BaseCheckbox, _extends({}, props, {
+  className: `ui-shared__checkbox ${className}`,
+  checkedIcon: /*#__PURE__*/React.createElement(CheckedIcon, {
+    className: classNames(styles.icon, checkedClassName, 'checkedIcon')
+  }),
+  uncheckedIcon: /*#__PURE__*/React.createElement(UncheckedIcon, {
+    className: classNames(styles.icon, unCheckedClassName, 'uncheckedIcon')
+  })
+}));
+Checkbox.defaultProps = {
+  checkedClassName: styles.checkedIcon,
+  className: '',
+  unCheckedClassName: styles.uncheckedIcon
+};
+export default Checkbox;

package/Checkbox/style.js

@@ -1 +1,18 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var icon=css({width:24,height:24,flexShrink:0}).toString();var checkedIcon=css({color:"var(--color-secondary, ".concat(themeConfig.colors.accent,")")}).toString();var uncheckedIcon=css({color:themeConfig.colors.shade6}).toString();export default{icon:icon,checkedIcon:checkedIcon,uncheckedIcon:uncheckedIcon};
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+const icon = css({
+  width: 24,
+  height: 24,
+  flexShrink: 0
+}).toString();
+const checkedIcon = css({
+  color: `var(--color-secondary, ${themeConfig.colors.accent})`
+}).toString();
+const uncheckedIcon = css({
+  color: themeConfig.colors.shade6
+}).toString();
+export default {
+  icon,
+  checkedIcon,
+  uncheckedIcon
+};

package/Chip/index.js

@@ -1,5 +1,64 @@
-import React,{useRef,useCallback,useEffect}from'react';import PropTypes from'prop-types';import Button from'@shopgate/pwa-common/components/Button';import ResponsiveContainer from'@shopgate/engage/components/ResponsiveContainer';import CrossIcon from"../icons/CrossIcon";import styles from"./style";/**
+import React, { useRef, useCallback, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import Button from '@shopgate/pwa-common/components/Button';
+import ResponsiveContainer from '@shopgate/engage/components/ResponsiveContainer';
+import CrossIcon from "../icons/CrossIcon";
+import styles from "./style";
+
+/**
  * The chip component.
  * @param {Object} props The component props.
  * @returns {JSX}
- */function Chip(props){var removable=props.removable,children=props.children,id=props.id,onClick=props.onClick,onRemove=props.onRemove,invert=props.invert,removeLabel=props.removeLabel,editLabel=props.editLabel;var ref=useRef(null);var handleRemove=useCallback(function(){onRemove(id);},[onRemove,id]);useEffect(function(){ref.current.removeAttribute('style');});return React.createElement("div",{ref:ref,className:"ui-shared__chip ".concat(styles.chip(removable,invert)),"data-test-id":id},removable&&React.createElement(Button,{className:styles.removeButton,onClick:handleRemove,testId:"removeFilter","aria-label":removeLabel},React.createElement(ResponsiveContainer,{breakpoint:"<=xs",appAlways:true},React.createElement(CrossIcon,{size:16})),React.createElement(ResponsiveContainer,{breakpoint:">xs",webOnly:true},React.createElement(CrossIcon,{size:18}))),React.createElement(Button,{className:styles.name,onClick:onClick,"aria-label":editLabel},children));}Chip.defaultProps={invert:false,onClick:function onClick(){},onRemove:function onRemove(){},removable:true,removeLabel:null,editLabel:null};export default Chip;
+ */
+function Chip(props) {
+  const {
+    removable,
+    children,
+    id,
+    onClick,
+    onRemove,
+    invert,
+    removeLabel,
+    editLabel
+  } = props;
+  const ref = useRef(null);
+  const handleRemove = useCallback(() => {
+    onRemove(id);
+  }, [onRemove, id]);
+  useEffect(() => {
+    ref.current.removeAttribute('style');
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: `ui-shared__chip ${styles.chip(removable, invert)}`,
+    "data-test-id": id
+  }, removable && /*#__PURE__*/React.createElement(Button, {
+    className: styles.removeButton,
+    onClick: handleRemove,
+    testId: "removeFilter",
+    "aria-label": removeLabel
+  }, /*#__PURE__*/React.createElement(ResponsiveContainer, {
+    breakpoint: "<=xs",
+    appAlways: true
+  }, /*#__PURE__*/React.createElement(CrossIcon, {
+    size: 16
+  })), /*#__PURE__*/React.createElement(ResponsiveContainer, {
+    breakpoint: ">xs",
+    webOnly: true
+  }, /*#__PURE__*/React.createElement(CrossIcon, {
+    size: 18
+  }))), /*#__PURE__*/React.createElement(Button, {
+    className: styles.name,
+    onClick: onClick,
+    "aria-label": editLabel
+  }, children));
+}
+Chip.defaultProps = {
+  invert: false,
+  onClick: () => {},
+  onRemove: () => {},
+  removable: true,
+  removeLabel: null,
+  editLabel: null
+};
+export default Chip;

package/Chip/spec.js

@@ -1 +1,24 @@
-import React from'react';import{mount}from'enzyme';import Chip from'.';describe('<Chip />',function(){it('should render a tag',function(){var wrapper=mount(React.createElement(Chip,{id:"some-id"},"text"));expect(wrapper).toMatchSnapshot();expect(wrapper.find('button').length).toEqual(2);expect(wrapper.find('button').at(1).text()).toEqual('text');});});describe('<Chip />',function(){it('should render a without removable icon',function(){var wrapper=mount(React.createElement(Chip,{id:"some-id",removable:false},"text"));expect(wrapper).toMatchSnapshot();expect(wrapper.find('button').length).toEqual(1);expect(wrapper.find('button').at(0).text()).toEqual('text');});});
+import React from 'react';
+import { mount } from 'enzyme';
+import Chip from '.';
+describe('<Chip />', () => {
+  it('should render a tag', () => {
+    const wrapper = mount(/*#__PURE__*/React.createElement(Chip, {
+      id: "some-id"
+    }, "text"));
+    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.find('button').length).toEqual(2);
+    expect(wrapper.find('button').at(1).text()).toEqual('text');
+  });
+});
+describe('<Chip />', () => {
+  it('should render a without removable icon', () => {
+    const wrapper = mount(/*#__PURE__*/React.createElement(Chip, {
+      id: "some-id",
+      removable: false
+    }, "text"));
+    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.find('button').length).toEqual(1);
+    expect(wrapper.find('button').at(0).text()).toEqual('text');
+  });
+});