@shopgate/pwa-ui-ios 6.19.2 → 6.20.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AppBar/components/Below/index.js +1 -1
- package/AppBar/components/Center/index.js +1 -1
- package/AppBar/components/Field/index.js +3 -3
- package/AppBar/components/Icon/index.js +3 -3
- package/AppBar/components/Left/index.js +1 -1
- package/AppBar/components/Right/index.js +1 -1
- package/AppBar/components/Title/index.js +3 -3
- package/AppBar/index.js +5 -5
- package/BaseDialog/components/Buttons/index.js +1 -1
- package/BaseDialog/components/Buttons/spec.js +1 -1
- package/BaseDialog/components/Content/index.js +1 -1
- package/BaseDialog/components/Content/spec.js +1 -1
- package/BaseDialog/components/Title/index.js +1 -1
- package/BaseDialog/components/Title/spec.js +1 -1
- package/BaseDialog/index.js +1 -1
- package/BaseDialog/spec.js +1 -1
- package/icons/CartIcon.js +1 -1
- package/icons/FilterIcon.js +1 -1
- package/icons/HomeIcon.js +1 -1
- package/icons/ShareIcon.js +1 -1
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
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';/**
|
|
2
2
|
* @param {Object} props The component props.
|
|
3
3
|
* @returns {JSX}
|
|
4
|
-
*/function Below(_ref){var elements=_ref.elements;return
|
|
4
|
+
*/function Below(_ref){var elements=_ref.elements;return/*#__PURE__*/React.createElement(Fragment,{key:"below"},/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_BELOW_BEFORE}),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_BELOW},elements),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_BELOW_AFTER}));}Below.defaultProps={elements:null};export default Below;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
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';/**
|
|
2
2
|
* @param {Object} props The component props.
|
|
3
3
|
* @returns {JSX}
|
|
4
|
-
*/function Center(_ref){var elements=_ref.elements;return
|
|
4
|
+
*/function Center(_ref){var elements=_ref.elements;return/*#__PURE__*/React.createElement(Fragment,{key:"center"},/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_CENTER_BEFORE}),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_CENTER},elements),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_CENTER_AFTER}));}Center.defaultProps={elements:null};export default Center;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
function _typeof(obj){
|
|
1
|
+
function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{PureComponent}from'react';import PropTypes from'prop-types';import styles from"./style";/**
|
|
2
2
|
* The AppBarField component.
|
|
3
|
-
*/var AppBarField=/*#__PURE__*/function(_PureComponent){_inherits(AppBarField,_PureComponent);function AppBarField(){_classCallCheck(this,AppBarField);return
|
|
3
|
+
*/var AppBarField=/*#__PURE__*/function(_PureComponent){_inherits(AppBarField,_PureComponent);var _super=_createSuper(AppBarField);function AppBarField(){_classCallCheck(this,AppBarField);return _super.apply(this,arguments);}_createClass(AppBarField,[{key:"render",value:/**
|
|
4
4
|
* @returns {JSX}
|
|
5
|
-
*/
|
|
5
|
+
*/function render(){var _this$props=this.props,fieldRef=_this$props.fieldRef,onChange=_this$props.onChange,onSubmit=_this$props.onSubmit;var _this$context$i18n=this.context.i18n(),__=_this$context$i18n.__;return/*#__PURE__*/React.createElement("form",{className:styles.form,onSubmit:onSubmit},/*#__PURE__*/React.createElement("input",{className:styles.field,onChange:onChange,placeholder:__('search.placeholder'),ref:fieldRef}));}}]);return AppBarField;}(PureComponent);_defineProperty(AppBarField,"defaultProps",{fieldRef:null,onChange:null,onSubmit:null});_defineProperty(AppBarField,"contextTypes",{i18n:PropTypes.func});export default AppBarField;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
function _typeof(obj){
|
|
1
|
+
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);}var _excluded=["background","badge","color","icon","onClick","testId","aria-hidden","aria-label"];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);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{PureComponent}from'react';import PropTypes from'prop-types';import styles from"./style";/**
|
|
2
2
|
* The AppBarIcon component.
|
|
3
|
-
*/var AppBarIcon=/*#__PURE__*/function(_PureComponent){_inherits(AppBarIcon,_PureComponent);function AppBarIcon(){_classCallCheck(this,AppBarIcon);return
|
|
3
|
+
*/var AppBarIcon=/*#__PURE__*/function(_PureComponent){_inherits(AppBarIcon,_PureComponent);var _super=_createSuper(AppBarIcon);function AppBarIcon(){_classCallCheck(this,AppBarIcon);return _super.apply(this,arguments);}_createClass(AppBarIcon,[{key:"render",value:/**
|
|
4
4
|
* @returns {JSX}
|
|
5
|
-
*/
|
|
5
|
+
*/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/*#__PURE__*/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},/*#__PURE__*/React.createElement(Icon,_extends({key:"icon"},iconProps)),Badge&&/*#__PURE__*/React.createElement(Badge,{key:"badge"}));}}]);return AppBarIcon;}(PureComponent);_defineProperty(AppBarIcon,"defaultProps",{'aria-hidden':false,'aria-label':null,background:'inherit',badge:null,color:'inherit',testId:null});export default AppBarIcon;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
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';/**
|
|
2
2
|
* @param {Object} props The component props.
|
|
3
3
|
* @returns {JSX}
|
|
4
|
-
*/function Left(_ref){var elements=_ref.elements;return
|
|
4
|
+
*/function Left(_ref){var elements=_ref.elements;return/*#__PURE__*/React.createElement(Fragment,{key:"left"},/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_LEFT_BEFORE}),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_LEFT},elements),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_LEFT_AFTER}));}Left.defaultProps={elements:null};export default Left;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
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';/**
|
|
2
2
|
* @param {Object} props The component props.
|
|
3
3
|
* @returns {JSX}
|
|
4
|
-
*/function Right(_ref){var elements=_ref.elements;return
|
|
4
|
+
*/function Right(_ref){var elements=_ref.elements;return/*#__PURE__*/React.createElement(Fragment,{key:"right"},/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_RIGHT_BEFORE}),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_RIGHT},elements),/*#__PURE__*/React.createElement(Portal,{name:APP_BAR_RIGHT_AFTER}));}Right.defaultProps={elements:null};export default Right;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
function _typeof(obj){
|
|
1
|
+
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);}import React,{PureComponent}from'react';import PropTypes from'prop-types';import styles from"./style";/**
|
|
2
2
|
* The AppBarTitle component.
|
|
3
|
-
*/var AppBarTitle=/*#__PURE__*/function(_PureComponent){_inherits(AppBarTitle,_PureComponent);function AppBarTitle(){_classCallCheck(this,AppBarTitle);return
|
|
3
|
+
*/var AppBarTitle=/*#__PURE__*/function(_PureComponent){_inherits(AppBarTitle,_PureComponent);var _super=_createSuper(AppBarTitle);function AppBarTitle(){_classCallCheck(this,AppBarTitle);return _super.apply(this,arguments);}_createClass(AppBarTitle,[{key:"render",value:/**
|
|
4
4
|
* @returns {JSX}
|
|
5
|
-
*/
|
|
5
|
+
*/function render(){var title=this.props.title;return/*#__PURE__*/React.createElement("div",{className:styles,role:"heading","aria-level":"1","data-test-id":"title: ".concat(title)},title);}}]);return AppBarTitle;}(PureComponent);export default AppBarTitle;
|
package/AppBar/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
function _typeof(obj){
|
|
1
|
+
function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{PureComponent}from'react';import PropTypes from'prop-types';import classnames from'classnames';import{themeColors}from'@shopgate/pwa-common/helpers/config';import Field from"./components/Field";import Icon from"./components/Icon";import Title from"./components/Title";import Right from"./components/Right";import Center from"./components/Center";import Left from"./components/Left";import Below from"./components/Below";import styles from"./style";/**
|
|
2
2
|
* The AppBar component.
|
|
3
|
-
*/var AppBar=/*#__PURE__*/function(_PureComponent){_inherits(AppBar,_PureComponent);function AppBar(){_classCallCheck(this,AppBar);return
|
|
4
|
-
* @returns {JSX}
|
|
5
|
-
*/value:function render(){var _this$props=this.props,below=_this$props.below,center=_this$props.center,left=_this$props.left,right=_this$props.right,classes=_this$props.classes,ariaHidden=_this$props['aria-hidden'];var sectionClasses=classnames(styles.outer,classes.outer,'ui-ios__app-bar');return React.createElement("section",{className:sectionClasses,"data-test-id":"Navigator",style:this.style,"aria-hidden":ariaHidden},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}));}},{key:"style",/**
|
|
3
|
+
*/var AppBar=/*#__PURE__*/function(_PureComponent){_inherits(AppBar,_PureComponent);var _super=_createSuper(AppBar);function AppBar(){_classCallCheck(this,AppBar);return _super.apply(this,arguments);}_createClass(AppBar,[{key:"style",get:/**
|
|
6
4
|
* @returns {Object}
|
|
7
|
-
*/
|
|
5
|
+
*/function get(){var _this$props=this.props,backgroundColor=_this$props.backgroundColor,textColor=_this$props.textColor;return{background:backgroundColor,color:textColor};}/**
|
|
6
|
+
* @returns {JSX}
|
|
7
|
+
*/},{key:"render",value:function render(){var _this$props2=this.props,below=_this$props2.below,center=_this$props2.center,left=_this$props2.left,right=_this$props2.right,classes=_this$props2.classes,ariaHidden=_this$props2['aria-hidden'];var sectionClasses=classnames(styles.outer,classes.outer,'ui-ios__app-bar');return/*#__PURE__*/React.createElement("section",{className:sectionClasses,"data-test-id":"Navigator",style:this.style,"aria-hidden":ariaHidden},/*#__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}));}}]);return AppBar;}(PureComponent);_defineProperty(AppBar,"defaultProps",{'aria-hidden':null,backgroundColor:themeColors.light,below:null,center:null,classes:{inner:'',outer:''},left:null,right:null,textColor:themeColors.dark});_defineProperty(AppBar,"Field",Field);_defineProperty(AppBar,"Icon",Icon);_defineProperty(AppBar,"Title",Title);export default AppBar;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
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";/**
|
|
2
2
|
* @param {Object} props The component props.
|
|
3
3
|
* @returns {JSX}
|
|
4
|
-
*/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;return
|
|
4
|
+
*/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;return/*#__PURE__*/React.createElement(Button,{key:label,className:"".concat(styles.button," ").concat(type==='primary'?styles.buttonPrimary:''),type:"primary",onClick:action,flat:true},/*#__PURE__*/React.createElement(I18n.Text,{className:styles.buttonText,string:label}));});};Buttons.defaultProps={actions:[]};export default/*#__PURE__*/memo(Buttons);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from'react';import{shallow}from'enzyme';import Button from'@shopgate/pwa-ui-shared/Button';import Buttons from"./index";var actions=[{label:'action0',action:jest.fn()},{label:'action1',action:jest.fn()},{label:'action2',action:jest.fn()}];describe('<Buttons />',function(){it('should not render if no actions are passed',function(){var wrapper=shallow(React.createElement(Buttons,null));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});it('should render buttons',function(){var wrapper=shallow(React.createElement(Buttons,{actions:actions}));expect(wrapper).toMatchSnapshot();expect(wrapper.find(Button).length).toBe(actions.length);});});
|
|
1
|
+
import React from'react';import{shallow}from'enzyme';import Button from'@shopgate/pwa-ui-shared/Button';import Buttons from"./index";var actions=[{label:'action0',action:jest.fn()},{label:'action1',action:jest.fn()},{label:'action2',action:jest.fn()}];describe('<Buttons />',function(){it('should not render if no actions are passed',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Buttons,null));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});it('should render buttons',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Buttons,{actions:actions}));expect(wrapper).toMatchSnapshot();expect(wrapper.find(Button).length).toBe(actions.length);});});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React,{memo}from'react';import PropTypes from'prop-types';import styles from"../../style";/**
|
|
2
2
|
* @param {Object} props The component props.
|
|
3
3
|
* @returns {JSX}
|
|
4
|
-
*/var Content=function Content(_ref){var content=_ref.content;if(!content){return null;}return
|
|
4
|
+
*/var Content=function Content(_ref){var content=_ref.content;if(!content){return null;}return/*#__PURE__*/React.createElement("div",{className:styles.body,id:"basicDialogDesc"},content);};Content.defaultProps={content:null};export default/*#__PURE__*/memo(Content);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from'react';import{shallow}from'enzyme';import Content from"./index";describe('<Content />',function(){it('should not render if no content is passed',function(){var wrapper=shallow(React.createElement(Content,null));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});it('should render content components',function(){var wrapper=shallow(React.createElement(Content,{content:"Hello World"}));expect(wrapper).toMatchSnapshot();expect(wrapper.find('[id="basicDialogDesc"]').length).toBe(1);});});
|
|
1
|
+
import React from'react';import{shallow}from'enzyme';import Content from"./index";describe('<Content />',function(){it('should not render if no content is passed',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Content,null));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});it('should render content components',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Content,{content:"Hello World"}));expect(wrapper).toMatchSnapshot();expect(wrapper.find('[id="basicDialogDesc"]').length).toBe(1);});});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
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";/**
|
|
2
2
|
* @param {Object} props The component props.
|
|
3
3
|
* @returns {JSX}
|
|
4
|
-
*/var Title=function Title(_ref){var title=_ref.title;if(!title){return null;}return
|
|
4
|
+
*/var Title=function Title(_ref){var title=_ref.title;if(!title){return null;}return/*#__PURE__*/React.createElement("div",{className:styles.title,id:"basicDialogTitle",role:"heading","aria-level":"2"},/*#__PURE__*/React.createElement(Ellipsis,{rows:3},typeof title==='string'?/*#__PURE__*/React.createElement(I18n.Text,{string:title}):title));};Title.defaultProps={title:null};export default/*#__PURE__*/memo(Title);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from'react';import{shallow}from'enzyme';import Title from"./index";describe('<Title />',function(){it('should not render without a title',function(){var wrapper=shallow(React.createElement(Title,null));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});it('should render with a title',function(){var wrapper=shallow(React.createElement(Title,{title:"Some test title"}));expect(wrapper).toMatchSnapshot();expect(wrapper.find('[id="basicDialogTitle"]').length).toBe(1);});});
|
|
1
|
+
import React from'react';import{shallow}from'enzyme';import Title from"./index";describe('<Title />',function(){it('should not render without a title',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Title,null));expect(wrapper).toMatchSnapshot();expect(wrapper.instance()).toEqual(null);});it('should render with a title',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(Title,{title:"Some test title"}));expect(wrapper).toMatchSnapshot();expect(wrapper.find('[id="basicDialogTitle"]').length).toBe(1);});});
|
package/BaseDialog/index.js
CHANGED
|
@@ -6,4 +6,4 @@ import React from'react';import PropTypes from'prop-types';import Title from"./c
|
|
|
6
6
|
* @param {Function} actions.action The callback to invoke when the action is triggered.
|
|
7
7
|
* @param {string|ReactElement} title The title of the dialog.
|
|
8
8
|
* @return {JSX} The rendered dialog.
|
|
9
|
-
*/var BaseDialog=function BaseDialog(_ref){var children=_ref.children,actions=_ref.actions,title=_ref.title;return
|
|
9
|
+
*/var BaseDialog=function BaseDialog(_ref){var children=_ref.children,actions=_ref.actions,title=_ref.title;return/*#__PURE__*/React.createElement("div",{className:"".concat(styles.container," ui-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})));};BaseDialog.defaultProps={children:null,actions:[],title:null};export default BaseDialog;
|
package/BaseDialog/spec.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from'react';import{shallow}from'enzyme';import Title from"./components/Title";import Content from"./components/Content";import Buttons from"./components/Buttons";import BasicDialog from"./index";var props={title:'Hello World',children
|
|
1
|
+
import React from'react';import{shallow}from'enzyme';import Title from"./components/Title";import Content from"./components/Content";import Buttons from"./components/Buttons";import BasicDialog from"./index";var props={title:'Hello World',children:/*#__PURE__*/React.createElement("div",null,"Hello World"),actions:[{label:'action0',action:jest.fn()},{label:'action1',action:jest.fn()},{label:'action2',action:jest.fn()}]};describe('<BasicDialog />',function(){it('should render with minimal props',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(BasicDialog,{actions:[]}));expect(wrapper).toMatchSnapshot();});it('should render as expected',function(){var wrapper=shallow(/*#__PURE__*/React.createElement(BasicDialog,props));expect(wrapper).toMatchSnapshot();expect(wrapper.find(Title).length).toBe(1);expect(wrapper.find(Title).props().title).toEqual(props.title);expect(wrapper.find(Content).length).toBe(1);expect(wrapper.find(Content).props().content).toEqual(props.children);expect(wrapper.find(Buttons).length).toBe(1);expect(wrapper.find(Buttons).props().actions).toEqual(props.actions);});});
|
package/icons/CartIcon.js
CHANGED
|
@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
|
|
|
2
2
|
* The cart icon component.
|
|
3
3
|
* @param {Object} props The icon component properties.
|
|
4
4
|
* @returns {JSX}
|
|
5
|
-
*/var CartIcon=function CartIcon(props){return
|
|
5
|
+
*/var CartIcon=function CartIcon(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.cart},props));};export default CartIcon;
|
package/icons/FilterIcon.js
CHANGED
|
@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
|
|
|
2
2
|
* The filter icon component.
|
|
3
3
|
* @param {Object} props The icon component properties.
|
|
4
4
|
* @returns {JSX}
|
|
5
|
-
*/var Filter=function Filter(props){return
|
|
5
|
+
*/var Filter=function Filter(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.filter},props));};export default Filter;
|
package/icons/HomeIcon.js
CHANGED
|
@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
|
|
|
2
2
|
* The home icon component.
|
|
3
3
|
* @param {Object} props The icon component properties.
|
|
4
4
|
* @returns {JSX}
|
|
5
|
-
*/var Home=function Home(props){return
|
|
5
|
+
*/var Home=function Home(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.home},props));};export default Home;
|
package/icons/ShareIcon.js
CHANGED
|
@@ -2,4 +2,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
|
|
|
2
2
|
* The Share icon component.
|
|
3
3
|
* @param {Object} props The icon component properties.
|
|
4
4
|
* @returns {JSX}
|
|
5
|
-
*/var ShareIcon=function ShareIcon(props){return
|
|
5
|
+
*/var ShareIcon=function ShareIcon(props){return/*#__PURE__*/React.createElement(Icon,_extends({content:themeConfig.icons.share},props));};export default ShareIcon;
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shopgate/pwa-ui-ios",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.20.0-beta.11",
|
|
4
4
|
"description": "Shopgate's iOS UI components.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"devDependencies": {
|
|
8
|
-
"@shopgate/pwa-common": "6.
|
|
8
|
+
"@shopgate/pwa-common": "6.20.0-beta.11",
|
|
9
9
|
"react": "~16.12.0"
|
|
10
10
|
},
|
|
11
11
|
"peerDependencies": {
|