@gympass/yoga 7.37.2 → 7.38.0
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/cjs/Card/Card.native.theme.js +9 -7
- package/cjs/Card/Card.theme.js +1 -1
- package/cjs/Card/Card.web.theme.js +8 -6
- package/cjs/Card/native/PlanCard/Actions.js +1 -1
- package/cjs/Card/native/PlanCard/Content.js +1 -1
- package/cjs/Card/web/PlanCard/Actions.js +1 -1
- package/cjs/Card/web/PlanCard/Content.js +28 -32
- package/cjs/Heading/web/RightButton.js +1 -1
- package/cjs/Snackbar/native/Snackbar.test.js +1 -1
- package/esm/Card/Card.native.theme.js +9 -7
- package/esm/Card/Card.theme.js +1 -1
- package/esm/Card/Card.web.theme.js +8 -6
- package/esm/Card/native/PlanCard/Actions.js +1 -1
- package/esm/Card/native/PlanCard/Content.js +16 -23
- package/esm/Card/web/PlanCard/Actions.js +1 -1
- package/esm/Card/web/PlanCard/Content.js +25 -30
- package/esm/Heading/web/RightButton.js +1 -1
- package/esm/Snackbar/native/Snackbar.test.js +3 -1
- package/package.json +2 -2
|
@@ -5,26 +5,28 @@ exports["default"] = void 0;
|
|
|
5
5
|
|
|
6
6
|
var CardNative = function CardNative(_ref) {
|
|
7
7
|
var colors = _ref.colors,
|
|
8
|
-
spacing = _ref.spacing
|
|
8
|
+
spacing = _ref.spacing,
|
|
9
|
+
lineHeights = _ref.lineHeights;
|
|
9
10
|
return {
|
|
10
11
|
plan: {
|
|
11
12
|
title: {
|
|
12
13
|
margin: {
|
|
13
|
-
top: spacing.
|
|
14
|
-
bottom: spacing.
|
|
15
|
-
}
|
|
14
|
+
top: spacing.xxsmall,
|
|
15
|
+
bottom: spacing.xxsmall
|
|
16
|
+
},
|
|
17
|
+
lineHeight: lineHeights.medium
|
|
16
18
|
},
|
|
17
19
|
description: {
|
|
18
20
|
color: colors.text.secondary
|
|
19
21
|
},
|
|
20
22
|
price: {
|
|
21
23
|
margin: {
|
|
22
|
-
bottom: spacing.
|
|
24
|
+
bottom: spacing.large
|
|
23
25
|
}
|
|
24
26
|
},
|
|
25
27
|
list: {
|
|
26
28
|
margin: {
|
|
27
|
-
top: spacing.
|
|
29
|
+
top: spacing.large
|
|
28
30
|
},
|
|
29
31
|
item: {
|
|
30
32
|
icon: {
|
|
@@ -41,7 +43,7 @@ var CardNative = function CardNative(_ref) {
|
|
|
41
43
|
}
|
|
42
44
|
},
|
|
43
45
|
margin: {
|
|
44
|
-
top: spacing.
|
|
46
|
+
top: spacing.xxsmall
|
|
45
47
|
}
|
|
46
48
|
}
|
|
47
49
|
}
|
package/cjs/Card/Card.theme.js
CHANGED
|
@@ -4,22 +4,24 @@ exports.__esModule = true;
|
|
|
4
4
|
exports["default"] = void 0;
|
|
5
5
|
|
|
6
6
|
var CardWeb = function CardWeb(_ref) {
|
|
7
|
-
var spacing = _ref.spacing
|
|
7
|
+
var spacing = _ref.spacing,
|
|
8
|
+
lineHeights = _ref.lineHeights;
|
|
8
9
|
return {
|
|
9
10
|
plan: {
|
|
10
11
|
title: {
|
|
11
12
|
margin: {
|
|
12
|
-
bottom: spacing.
|
|
13
|
-
}
|
|
13
|
+
bottom: spacing.xxsmall
|
|
14
|
+
},
|
|
15
|
+
lineHeight: lineHeights.medium
|
|
14
16
|
},
|
|
15
17
|
price: {
|
|
16
18
|
margin: {
|
|
17
|
-
bottom: spacing.
|
|
19
|
+
bottom: spacing.large
|
|
18
20
|
}
|
|
19
21
|
},
|
|
20
22
|
list: {
|
|
21
23
|
margin: {
|
|
22
|
-
top: spacing.
|
|
24
|
+
top: spacing.large
|
|
23
25
|
},
|
|
24
26
|
item: {
|
|
25
27
|
icon: {
|
|
@@ -36,7 +38,7 @@ var CardWeb = function CardWeb(_ref) {
|
|
|
36
38
|
}
|
|
37
39
|
},
|
|
38
40
|
margin: {
|
|
39
|
-
top: spacing.
|
|
41
|
+
top: spacing.xxsmall
|
|
40
42
|
}
|
|
41
43
|
}
|
|
42
44
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ButtonText=exports.Button=exports.Actions=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _Actions=_interopRequireDefault(require("../Card/Actions"));var _Button=_interopRequireDefault(require("../../../Button"));var _themeReader=_interopRequireDefault(require("../../../Theme/helpers/themeReader"));var _templateObject,_templateObject2,_templateObject3;var _theme$components=_themeReader["default"].components,cardnative=_theme$components.cardnative,card=_theme$components.card;var PlanCardButton=(0,_styledComponents["default"])(_Button["default"]).attrs({small:
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ButtonText=exports.Button=exports.Actions=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _Actions=_interopRequireDefault(require("../Card/Actions"));var _Button=_interopRequireDefault(require("../../../Button"));var _themeReader=_interopRequireDefault(require("../../../Theme/helpers/themeReader"));var _templateObject,_templateObject2,_templateObject3;var _theme$components=_themeReader["default"].components,cardnative=_theme$components.cardnative,card=_theme$components.card;var PlanCardButton=(0,_styledComponents["default"])(_Button["default"]).attrs({small:false,full:true})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));exports.Button=PlanCardButton;var PlanCardButtonText=(0,_styledComponents["default"])(_Button["default"].Text).attrs({small:true,full:true})(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n margin-top: ","px;\n margin-bottom: ","px;\n"])),cardnative.plan.actions.buttonText.margin.top,card.plan.actions.buttonText.margin.bottom);exports.ButtonText=PlanCardButtonText;var PlanCardActions=(0,_styledComponents["default"])(_Actions["default"])(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n margin-top: ","px;\n"])),cardnative.plan.actions.margin.top);exports.Actions=PlanCardActions;PlanCardActions.displayName='PlanCard.Actions';PlanCardButton.displayName='PlanCard.Button';PlanCardButtonText.displayName='PlanCard.ButtonText';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _Content=_interopRequireDefault(require("../Card/Content"));var _Text=_interopRequireDefault(require("../../../Text"));var _themeReader=_interopRequireDefault(require("../../../Theme/helpers/themeReader"));var _Subtitle=_interopRequireDefault(require("./Subtitle"));var _excluded=["title","subtitle","description","currency","suffix","price","period","children"];var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _Content=_interopRequireDefault(require("../Card/Content"));var _Text=_interopRequireDefault(require("../../../Text"));var _themeReader=_interopRequireDefault(require("../../../Theme/helpers/themeReader"));var _Subtitle=_interopRequireDefault(require("./Subtitle"));var _Divider=_interopRequireDefault(require("../../../Divider"));var _excluded=["title","subtitle","description","currency","suffix","price","period","children"];var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Title=(0,_styledComponents["default"])(_Text["default"].Medium)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),function(props){var _theme=(0,_themeReader["default"])(props),_theme$components=_theme.components,cardnative=_theme$components.cardnative,card=_theme$components.card;return(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n color: ",";\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: ","px;\n "])),card.plan.title.color,cardnative.plan.title.margin.top,cardnative.plan.title.margin.bottom,cardnative.plan.title.lineHeight);});var Description=(0,_styledComponents["default"])(_Text["default"].Small)(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n height: 40px;\n\n color: ",";\n"])),_themeReader["default"].components.card.plan.description.color);var Price=_styledComponents["default"].View(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n flex-direction: row;\n\n ","\n"])),function(props){var _theme2=(0,_themeReader["default"])(props),plan=_theme2.components.cardnative.plan;return(0,_styledComponents.css)(_templateObject5||(_templateObject5=(0,_taggedTemplateLiteralLoose2["default"])(["\n margin-bottom: ","px;\n "])),plan.price.margin.bottom);});var EnhancePrice=_styledComponents["default"].View(_templateObject6||(_templateObject6=(0,_taggedTemplateLiteralLoose2["default"])(["\n align-self: center;\n"])));var PlanCardContent=function PlanCardContent(_ref){var title=_ref.title,subtitle=_ref.subtitle,description=_ref.description,currency=_ref.currency,suffix=_ref.suffix,price=_ref.price,period=_ref.period,children=_ref.children,rest=(0,_objectWithoutProperties2["default"])(_ref,_excluded);return _react["default"].createElement(_Content["default"],rest,subtitle&&_react["default"].createElement(_Subtitle["default"],null,subtitle),title&&_react["default"].createElement(Title,null,title),description&&_react["default"].createElement(Description,{numberOfLines:2},description),_react["default"].createElement(Price,null,currency&&_react["default"].createElement(_Text["default"].H4,null,currency),price&&_react["default"].createElement(_Text["default"].H4,null,price),suffix&&_react["default"].createElement(_Text["default"].H4,null,suffix),period&&_react["default"].createElement(EnhancePrice,null,_react["default"].createElement(_Text["default"].Medium,null,""+period))),_react["default"].createElement(_Divider["default"],null),children);};PlanCardContent.propTypes={title:_propTypes.string.isRequired,currency:_propTypes.string,suffix:_propTypes.string,price:_propTypes.string.isRequired,period:_propTypes.string.isRequired,description:_propTypes.string,subtitle:_propTypes.string,children:_propTypes.node};PlanCardContent.defaultProps={children:null,description:null,subtitle:null,currency:null,suffix:null};PlanCardContent.displayName='PlanCard.Content';var _default=PlanCardContent;exports["default"]=_default;
|
|
@@ -21,7 +21,7 @@ var _theme$components = _themeReader["default"].components,
|
|
|
21
21
|
card = _theme$components.card,
|
|
22
22
|
cardweb = _theme$components.cardweb;
|
|
23
23
|
var PlanCardButton = (0, _styledComponents["default"])(_Button["default"]).attrs({
|
|
24
|
-
small:
|
|
24
|
+
small: false,
|
|
25
25
|
full: true
|
|
26
26
|
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
|
|
27
27
|
exports.Button = PlanCardButton;
|
|
@@ -17,9 +17,11 @@ var _Content = _interopRequireDefault(require("../Card/Content"));
|
|
|
17
17
|
|
|
18
18
|
var _Subtitle = _interopRequireDefault(require("./Subtitle"));
|
|
19
19
|
|
|
20
|
+
var _Divider = _interopRequireDefault(require("../../../Divider"));
|
|
21
|
+
|
|
20
22
|
var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
|
|
21
23
|
|
|
22
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6
|
|
24
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
23
25
|
|
|
24
26
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
27
|
|
|
@@ -31,51 +33,45 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
31
33
|
|
|
32
34
|
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
33
35
|
|
|
34
|
-
var Title = (0, _styledComponents["default"])(_Text["default"].
|
|
36
|
+
var Title = (0, _styledComponents["default"])(_Text["default"].Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (props) {
|
|
35
37
|
var _theme = (0, _themeReader["default"])(props),
|
|
36
38
|
_theme$components = _theme.components,
|
|
37
39
|
card = _theme$components.card,
|
|
38
40
|
cardweb = _theme$components.cardweb;
|
|
39
41
|
|
|
40
|
-
return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-bottom: ", "px;\n "])), card.plan.title.color, cardweb.plan.title.margin.bottom);
|
|
42
|
+
return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-bottom: ", "px;\n line-height: ", "px;\n "])), card.plan.title.color, cardweb.plan.title.margin.bottom, cardweb.plan.title.lineHeight);
|
|
41
43
|
});
|
|
42
44
|
var Description = (0, _styledComponents["default"])(_Text["default"].Small)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n height: 40px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n\n color: ", ";\n\n overflow: hidden;\n text-overflow: ellipsis;\n text-overflow: -o-ellipsis-lastline;\n"])), _themeReader["default"].components.card.plan.description.color);
|
|
43
45
|
|
|
44
46
|
var Price = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n display: flex;\n\n ", "\n"])), function (props) {
|
|
45
47
|
var _theme2 = (0, _themeReader["default"])(props),
|
|
46
|
-
|
|
47
|
-
card = _theme2$components.card,
|
|
48
|
-
cardweb = _theme2$components.cardweb;
|
|
48
|
+
cardweb = _theme2.components.cardweb;
|
|
49
49
|
|
|
50
|
-
return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-
|
|
50
|
+
return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n "])), cardweb.plan.price.margin.bottom);
|
|
51
51
|
});
|
|
52
52
|
|
|
53
|
-
var EnhancePrice = (0, _styledComponents["default"])(_Text["default"].
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
return /*#__PURE__*/_react["default"].createElement(_Content["default"], rest, subtitle && /*#__PURE__*/_react["default"].createElement(_Subtitle["default"], null, subtitle), title && /*#__PURE__*/_react["default"].createElement(Title, null, title), description && /*#__PURE__*/_react["default"].createElement(Description, null, description), /*#__PURE__*/_react["default"].createElement(Price, null, currency && /*#__PURE__*/_react["default"].createElement(Currency, {
|
|
71
|
-
as: "sup",
|
|
72
|
-
align: "flex-start"
|
|
73
|
-
}, currency), price && /*#__PURE__*/_react["default"].createElement(_Text["default"].H1, {
|
|
53
|
+
var EnhancePrice = (0, _styledComponents["default"])(_Text["default"].Medium)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n align-self: center;\n"])));
|
|
54
|
+
|
|
55
|
+
var PlanCardContent = function PlanCardContent(_ref) {
|
|
56
|
+
var title = _ref.title,
|
|
57
|
+
subtitle = _ref.subtitle,
|
|
58
|
+
description = _ref.description,
|
|
59
|
+
currency = _ref.currency,
|
|
60
|
+
suffix = _ref.suffix,
|
|
61
|
+
price = _ref.price,
|
|
62
|
+
period = _ref.period,
|
|
63
|
+
children = _ref.children,
|
|
64
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
65
|
+
|
|
66
|
+
return /*#__PURE__*/_react["default"].createElement(_Content["default"], rest, subtitle && /*#__PURE__*/_react["default"].createElement(_Subtitle["default"], null, subtitle), title && /*#__PURE__*/_react["default"].createElement(Title, null, title), description && /*#__PURE__*/_react["default"].createElement(Description, null, description), /*#__PURE__*/_react["default"].createElement(Price, null, currency && /*#__PURE__*/_react["default"].createElement(_Text["default"].H4, {
|
|
67
|
+
as: "sup"
|
|
68
|
+
}, currency), price && /*#__PURE__*/_react["default"].createElement(_Text["default"].H4, {
|
|
74
69
|
as: "strong"
|
|
75
|
-
}, price),
|
|
76
|
-
as: "
|
|
77
|
-
|
|
78
|
-
|
|
70
|
+
}, price), suffix && /*#__PURE__*/_react["default"].createElement(_Text["default"].H4, {
|
|
71
|
+
as: "sup"
|
|
72
|
+
}, suffix), period && /*#__PURE__*/_react["default"].createElement(EnhancePrice, {
|
|
73
|
+
as: "sub"
|
|
74
|
+
}, period)), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), children);
|
|
79
75
|
};
|
|
80
76
|
|
|
81
77
|
PlanCardContent.propTypes = {
|
|
@@ -31,7 +31,7 @@ var RightButton = function RightButton(_ref) {
|
|
|
31
31
|
|
|
32
32
|
RightButton.propTypes = {
|
|
33
33
|
onClick: _propTypes["default"].func.isRequired,
|
|
34
|
-
icon: _propTypes["default"].
|
|
34
|
+
icon: _propTypes["default"].elementType.isRequired
|
|
35
35
|
};
|
|
36
36
|
var _default = RightButton;
|
|
37
37
|
exports["default"] = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("@testing-library/react-native");var RN=_interopRequireWildcard(require("react-native"));var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("@testing-library/react-native");var RN=_interopRequireWildcard(require("react-native"));var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");var _Button=_interopRequireDefault(require("../../Button"));function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}RN.Animated.spring=jest.fn().mockReturnValue({start:jest.fn()});var Component=function Component(overrideProps){var snackbarRef=(0,_react.useRef)();return _react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Button["default"],{full:true,small:true,onPress:function onPress(){snackbarRef.current.open();}},"Tap to open snackbar"),_react["default"].createElement(_.Snackbar,(0,_extends2["default"])({ref:snackbarRef,message:"Feedback Message"},overrideProps)));};describe('<Snackbar />',function(){it('should match snapshot when snackbar is default',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(Component,null)),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot when have an icon and action',function(){var overrideProps={icon:_yogaIcons.CheckedFull,actionLabel:'Action',onAction:function onAction(){}};var _render2=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot when have a long text',function(){var overrideProps={message:'Lorem Ipsum is simply dummy text of the printing and types.',icon:_yogaIcons.CheckedFull,actionLabel:'Action',onAction:function onAction(){}};var _render3=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),container=_render3.container;expect(container).toMatchSnapshot();});it('should match snapshot when have a variant informative or attention prop',function(){var overrideProps={variant:'informative'};var _render4=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),container=_render4.container;expect(container).toMatchSnapshot();});it('should show and hide snackbar when the open and close Animation function is called',function(){var overrideProps={onSnackbarClose:jest.fn(),actionLabel:'Action',onAction:jest.fn()};var _render5=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),getByText=_render5.getByText,getByTestId=_render5.getByTestId;_reactNative.fireEvent.layout(getByTestId('wrapper'),{nativeEvent:{layout:{height:200}}});_reactNative.fireEvent.press(getByText('Tap to open snackbar'));expect(RN.Animated.spring.mock.calls[0][1]).toEqual({toValue:0,bounciness:0,useNativeDriver:true});_reactNative.fireEvent.press(getByText('Action'));expect(RN.Animated.spring.mock.calls[1][1]).toEqual({toValue:200,bounciness:0,useNativeDriver:true});});});
|
|
@@ -1,25 +1,27 @@
|
|
|
1
1
|
var CardNative = function CardNative(_ref) {
|
|
2
2
|
var colors = _ref.colors,
|
|
3
|
-
spacing = _ref.spacing
|
|
3
|
+
spacing = _ref.spacing,
|
|
4
|
+
lineHeights = _ref.lineHeights;
|
|
4
5
|
return {
|
|
5
6
|
plan: {
|
|
6
7
|
title: {
|
|
7
8
|
margin: {
|
|
8
|
-
top: spacing.
|
|
9
|
-
bottom: spacing.
|
|
10
|
-
}
|
|
9
|
+
top: spacing.xxsmall,
|
|
10
|
+
bottom: spacing.xxsmall
|
|
11
|
+
},
|
|
12
|
+
lineHeight: lineHeights.medium
|
|
11
13
|
},
|
|
12
14
|
description: {
|
|
13
15
|
color: colors.text.secondary
|
|
14
16
|
},
|
|
15
17
|
price: {
|
|
16
18
|
margin: {
|
|
17
|
-
bottom: spacing.
|
|
19
|
+
bottom: spacing.large
|
|
18
20
|
}
|
|
19
21
|
},
|
|
20
22
|
list: {
|
|
21
23
|
margin: {
|
|
22
|
-
top: spacing.
|
|
24
|
+
top: spacing.large
|
|
23
25
|
},
|
|
24
26
|
item: {
|
|
25
27
|
icon: {
|
|
@@ -36,7 +38,7 @@ var CardNative = function CardNative(_ref) {
|
|
|
36
38
|
}
|
|
37
39
|
},
|
|
38
40
|
margin: {
|
|
39
|
-
top: spacing.
|
|
41
|
+
top: spacing.xxsmall
|
|
40
42
|
}
|
|
41
43
|
}
|
|
42
44
|
}
|
package/esm/Card/Card.theme.js
CHANGED
|
@@ -1,20 +1,22 @@
|
|
|
1
1
|
var CardWeb = function CardWeb(_ref) {
|
|
2
|
-
var spacing = _ref.spacing
|
|
2
|
+
var spacing = _ref.spacing,
|
|
3
|
+
lineHeights = _ref.lineHeights;
|
|
3
4
|
return {
|
|
4
5
|
plan: {
|
|
5
6
|
title: {
|
|
6
7
|
margin: {
|
|
7
|
-
bottom: spacing.
|
|
8
|
-
}
|
|
8
|
+
bottom: spacing.xxsmall
|
|
9
|
+
},
|
|
10
|
+
lineHeight: lineHeights.medium
|
|
9
11
|
},
|
|
10
12
|
price: {
|
|
11
13
|
margin: {
|
|
12
|
-
bottom: spacing.
|
|
14
|
+
bottom: spacing.large
|
|
13
15
|
}
|
|
14
16
|
},
|
|
15
17
|
list: {
|
|
16
18
|
margin: {
|
|
17
|
-
top: spacing.
|
|
19
|
+
top: spacing.large
|
|
18
20
|
},
|
|
19
21
|
item: {
|
|
20
22
|
icon: {
|
|
@@ -31,7 +33,7 @@ var CardWeb = function CardWeb(_ref) {
|
|
|
31
33
|
}
|
|
32
34
|
},
|
|
33
35
|
margin: {
|
|
34
|
-
top: spacing.
|
|
36
|
+
top: spacing.xxsmall
|
|
35
37
|
}
|
|
36
38
|
}
|
|
37
39
|
}
|
|
@@ -10,7 +10,7 @@ var _theme$components = theme.components,
|
|
|
10
10
|
cardnative = _theme$components.cardnative,
|
|
11
11
|
card = _theme$components.card;
|
|
12
12
|
var PlanCardButton = styled(Button).attrs({
|
|
13
|
-
small:
|
|
13
|
+
small: false,
|
|
14
14
|
full: true
|
|
15
15
|
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
|
|
16
16
|
var PlanCardButtonText = styled(Button.Text).attrs({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
|
|
2
2
|
|
|
3
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6
|
|
3
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
4
4
|
|
|
5
5
|
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; }
|
|
6
6
|
|
|
@@ -13,13 +13,14 @@ import Content from '../Card/Content';
|
|
|
13
13
|
import Text from '../../../Text';
|
|
14
14
|
import theme from '../../../Theme/helpers/themeReader';
|
|
15
15
|
import Subtitle from './Subtitle';
|
|
16
|
-
|
|
16
|
+
import Divider from '../../../Divider';
|
|
17
|
+
var Title = styled(Text.Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (props) {
|
|
17
18
|
var _theme = theme(props),
|
|
18
19
|
_theme$components = _theme.components,
|
|
19
20
|
cardnative = _theme$components.cardnative,
|
|
20
21
|
card = _theme$components.card;
|
|
21
22
|
|
|
22
|
-
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-top: ", "px;\n margin-bottom: ", "px;\n "])), card.plan.title.color, cardnative.plan.title.margin.top, cardnative.plan.title.margin.bottom);
|
|
23
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-top: ", "px;\n margin-bottom: ", "px;\n line-height: ", "px;\n "])), card.plan.title.color, cardnative.plan.title.margin.top, cardnative.plan.title.margin.bottom, cardnative.plan.title.lineHeight);
|
|
23
24
|
});
|
|
24
25
|
var Description = styled(Text.Small)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n height: 40px;\n\n color: ", ";\n"])), theme.components.card.plan.description.color);
|
|
25
26
|
var Price = styled.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n flex-direction: row;\n\n ", "\n"])), function (props) {
|
|
@@ -28,30 +29,22 @@ var Price = styled.View(_templateObject4 || (_templateObject4 = _taggedTemplateL
|
|
|
28
29
|
|
|
29
30
|
return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n "])), plan.price.margin.bottom);
|
|
30
31
|
});
|
|
31
|
-
var EnhancePrice = styled.View(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n
|
|
32
|
-
var align = _ref.align;
|
|
33
|
-
return "\n align-self: " + align + ";\n ";
|
|
34
|
-
});
|
|
35
|
-
var Currency = styled(EnhancePrice)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n margin-right: ", "px;\n"])), theme.components.card.plan.price.currency.margin.right);
|
|
32
|
+
var EnhancePrice = styled.View(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n align-self: center;\n"])));
|
|
36
33
|
|
|
37
|
-
var PlanCardContent = function PlanCardContent(
|
|
38
|
-
var title =
|
|
39
|
-
subtitle =
|
|
40
|
-
description =
|
|
41
|
-
currency =
|
|
42
|
-
suffix =
|
|
43
|
-
price =
|
|
44
|
-
period =
|
|
45
|
-
children =
|
|
46
|
-
rest = _objectWithoutPropertiesLoose(
|
|
34
|
+
var PlanCardContent = function PlanCardContent(_ref) {
|
|
35
|
+
var title = _ref.title,
|
|
36
|
+
subtitle = _ref.subtitle,
|
|
37
|
+
description = _ref.description,
|
|
38
|
+
currency = _ref.currency,
|
|
39
|
+
suffix = _ref.suffix,
|
|
40
|
+
price = _ref.price,
|
|
41
|
+
period = _ref.period,
|
|
42
|
+
children = _ref.children,
|
|
43
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
47
44
|
|
|
48
45
|
return /*#__PURE__*/React.createElement(Content, rest, subtitle && /*#__PURE__*/React.createElement(Subtitle, null, subtitle), title && /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, {
|
|
49
46
|
numberOfLines: 2
|
|
50
|
-
}, description), /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(
|
|
51
|
-
align: "flex-start"
|
|
52
|
-
}, /*#__PURE__*/React.createElement(Text.Small, null, currency)), price && /*#__PURE__*/React.createElement(Text.H4, null, price), period && /*#__PURE__*/React.createElement(EnhancePrice, {
|
|
53
|
-
align: "flex-end"
|
|
54
|
-
}, /*#__PURE__*/React.createElement(Text.Small, null, "" + (suffix || '') + period))), children);
|
|
47
|
+
}, description), /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(Text.H4, null, currency), price && /*#__PURE__*/React.createElement(Text.H4, null, price), suffix && /*#__PURE__*/React.createElement(Text.H4, null, suffix), period && /*#__PURE__*/React.createElement(EnhancePrice, null, /*#__PURE__*/React.createElement(Text.Medium, null, "" + period))), /*#__PURE__*/React.createElement(Divider, null), children);
|
|
55
48
|
};
|
|
56
49
|
|
|
57
50
|
PlanCardContent.propTypes = {
|
|
@@ -10,7 +10,7 @@ var _theme$components = theme.components,
|
|
|
10
10
|
card = _theme$components.card,
|
|
11
11
|
cardweb = _theme$components.cardweb;
|
|
12
12
|
var PlanCardButton = styled(Button).attrs({
|
|
13
|
-
small:
|
|
13
|
+
small: false,
|
|
14
14
|
full: true
|
|
15
15
|
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
|
|
16
16
|
var PlanCardButtonText = styled(Button.Text).attrs({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
|
|
2
2
|
|
|
3
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6
|
|
3
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
4
4
|
|
|
5
5
|
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; }
|
|
6
6
|
|
|
@@ -13,49 +13,44 @@ import theme from '../../../Theme/helpers/themeReader';
|
|
|
13
13
|
import Text from '../../../Text';
|
|
14
14
|
import Content from '../Card/Content';
|
|
15
15
|
import Subtitle from './Subtitle';
|
|
16
|
-
|
|
16
|
+
import Divider from '../../../Divider';
|
|
17
|
+
var Title = styled(Text.Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (props) {
|
|
17
18
|
var _theme = theme(props),
|
|
18
19
|
_theme$components = _theme.components,
|
|
19
20
|
card = _theme$components.card,
|
|
20
21
|
cardweb = _theme$components.cardweb;
|
|
21
22
|
|
|
22
|
-
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-bottom: ", "px;\n "])), card.plan.title.color, cardweb.plan.title.margin.bottom);
|
|
23
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-bottom: ", "px;\n line-height: ", "px;\n "])), card.plan.title.color, cardweb.plan.title.margin.bottom, cardweb.plan.title.lineHeight);
|
|
23
24
|
});
|
|
24
25
|
var Description = styled(Text.Small)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n height: 40px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n\n color: ", ";\n\n overflow: hidden;\n text-overflow: ellipsis;\n text-overflow: -o-ellipsis-lastline;\n"])), theme.components.card.plan.description.color);
|
|
25
26
|
var Price = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n display: flex;\n\n ", "\n"])), function (props) {
|
|
26
27
|
var _theme2 = theme(props),
|
|
27
|
-
|
|
28
|
-
card = _theme2$components.card,
|
|
29
|
-
cardweb = _theme2$components.cardweb;
|
|
28
|
+
cardweb = _theme2.components.cardweb;
|
|
30
29
|
|
|
31
|
-
return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-
|
|
30
|
+
return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n "])), cardweb.plan.price.margin.bottom);
|
|
32
31
|
});
|
|
33
|
-
var EnhancePrice = styled(Text.
|
|
34
|
-
var align = _ref.align;
|
|
35
|
-
return "\n align-self: " + align + ";\n ";
|
|
36
|
-
});
|
|
37
|
-
var Currency = styled(EnhancePrice)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n margin-right: ", "px;\n"])), theme.components.card.plan.price.currency.margin.right);
|
|
32
|
+
var EnhancePrice = styled(Text.Medium)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n align-self: center;\n"])));
|
|
38
33
|
|
|
39
|
-
var PlanCardContent = function PlanCardContent(
|
|
40
|
-
var title =
|
|
41
|
-
subtitle =
|
|
42
|
-
description =
|
|
43
|
-
currency =
|
|
44
|
-
suffix =
|
|
45
|
-
price =
|
|
46
|
-
period =
|
|
47
|
-
children =
|
|
48
|
-
rest = _objectWithoutPropertiesLoose(
|
|
34
|
+
var PlanCardContent = function PlanCardContent(_ref) {
|
|
35
|
+
var title = _ref.title,
|
|
36
|
+
subtitle = _ref.subtitle,
|
|
37
|
+
description = _ref.description,
|
|
38
|
+
currency = _ref.currency,
|
|
39
|
+
suffix = _ref.suffix,
|
|
40
|
+
price = _ref.price,
|
|
41
|
+
period = _ref.period,
|
|
42
|
+
children = _ref.children,
|
|
43
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
49
44
|
|
|
50
|
-
return /*#__PURE__*/React.createElement(Content, rest, subtitle && /*#__PURE__*/React.createElement(Subtitle, null, subtitle), title && /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, null, description), /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(
|
|
51
|
-
as: "sup"
|
|
52
|
-
|
|
53
|
-
}, currency), price && /*#__PURE__*/React.createElement(Text.H1, {
|
|
45
|
+
return /*#__PURE__*/React.createElement(Content, rest, subtitle && /*#__PURE__*/React.createElement(Subtitle, null, subtitle), title && /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, null, description), /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(Text.H4, {
|
|
46
|
+
as: "sup"
|
|
47
|
+
}, currency), price && /*#__PURE__*/React.createElement(Text.H4, {
|
|
54
48
|
as: "strong"
|
|
55
|
-
}, price),
|
|
56
|
-
as: "
|
|
57
|
-
|
|
58
|
-
|
|
49
|
+
}, price), suffix && /*#__PURE__*/React.createElement(Text.H4, {
|
|
50
|
+
as: "sup"
|
|
51
|
+
}, suffix), period && /*#__PURE__*/React.createElement(EnhancePrice, {
|
|
52
|
+
as: "sub"
|
|
53
|
+
}, period)), /*#__PURE__*/React.createElement(Divider, null), children);
|
|
59
54
|
};
|
|
60
55
|
|
|
61
56
|
PlanCardContent.propTypes = {
|
|
@@ -5,7 +5,7 @@ import { render, fireEvent } from '@testing-library/react-native';
|
|
|
5
5
|
import * as RN from 'react-native';
|
|
6
6
|
import { CheckedFull } from '@gympass/yoga-icons';
|
|
7
7
|
import { ThemeProvider, Snackbar } from '../..';
|
|
8
|
-
import
|
|
8
|
+
import Button from '../../Button';
|
|
9
9
|
RN.Animated.spring = jest.fn().mockReturnValue({
|
|
10
10
|
start: jest.fn()
|
|
11
11
|
});
|
|
@@ -13,6 +13,8 @@ RN.Animated.spring = jest.fn().mockReturnValue({
|
|
|
13
13
|
var Component = function Component(overrideProps) {
|
|
14
14
|
var snackbarRef = useRef();
|
|
15
15
|
return /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
|
|
16
|
+
full: true,
|
|
17
|
+
small: true,
|
|
16
18
|
onPress: function onPress() {
|
|
17
19
|
snackbarRef.current.open();
|
|
18
20
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gympass/yoga",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.38.0",
|
|
4
4
|
"description": "Gympass component library",
|
|
5
5
|
"main": "./cjs",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"react": ">=16",
|
|
50
50
|
"styled-components": "^4.4.0"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "8632b41839e5bc3869cf7eb6d54053feb57485de",
|
|
53
53
|
"module": "./esm",
|
|
54
54
|
"private": false,
|
|
55
55
|
"react-native": "./cjs/index.native.js"
|