@gympass/yoga 7.60.0 → 7.60.1
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/Drawer/web/Content.js +1 -4
- package/esm/Drawer/web/Content.js +1 -4
- package/package.json +5 -5
- package/cjs/ActionRequirement/native/ActionRequirement.test.js +0 -1
- package/cjs/ActionRequirement/web/ActionRequirement.test.js +0 -40
- package/cjs/AutoComplete/web/AutoComplete.test.js +0 -156
- package/cjs/Avatar/native/Avatar.test.js +0 -1
- package/cjs/Avatar/web/Avatar.test.js +0 -72
- package/cjs/Banner/native/Banner.test.js +0 -1
- package/cjs/Banner/web/Banner.test.js +0 -121
- package/cjs/BottomSheet/web/BottomSheet.test.js +0 -61
- package/cjs/Box/native/Box.test.js +0 -1
- package/cjs/Box/web/Box.test.js +0 -23
- package/cjs/Button/native/Button.test.js +0 -1
- package/cjs/Button/web/Button.test.js +0 -778
- package/cjs/Card/native/Card/Card.test.js +0 -1
- package/cjs/Card/native/EventCard/EventCard.test.js +0 -1
- package/cjs/Card/native/GymCard/CheckIn/CheckIn.test.js +0 -1
- package/cjs/Card/native/PlanCard/PlanCard.test.js +0 -1
- package/cjs/Card/web/Card/Card.test.js +0 -22
- package/cjs/Card/web/EventCard/EventCard.test.js +0 -35
- package/cjs/Card/web/PlanCard/PlanCard.test.js +0 -104
- package/cjs/Checkbox/native/Checkbox.test.js +0 -1
- package/cjs/Checkbox/native/Switch.test.js +0 -1
- package/cjs/Checkbox/web/Checkbox.test.js +0 -161
- package/cjs/Checkbox/web/Switch.test.js +0 -65
- package/cjs/Chips/native/Chips.test.js +0 -1
- package/cjs/Chips/web/Chips.test.js +0 -138
- package/cjs/Datepicker/web/Datepicker.test.js +0 -286
- package/cjs/Dialog/web/Dialog.test.js +0 -78
- package/cjs/Divider/native/Divider.test.js +0 -1
- package/cjs/Divider/web/Divider.test.js +0 -36
- package/cjs/Drawer/web/Drawer.test.js +0 -46
- package/cjs/Dropdown/native/Backdrop.test.js +0 -1
- package/cjs/Dropdown/native/Dropdown.test.js +0 -1
- package/cjs/Dropdown/web/Dropdown.test.js +0 -102
- package/cjs/Feedback/web/Feedback.test.js +0 -89
- package/cjs/Grid/web/Col.test.js +0 -56
- package/cjs/Grid/web/Container.test.js +0 -22
- package/cjs/Grid/web/Hide.test.js +0 -39
- package/cjs/Grid/web/Row.test.js +0 -22
- package/cjs/Header/web/Header.test.js +0 -49
- package/cjs/Heading/web/Heading.test.js +0 -68
- package/cjs/Icon/native/Icon.test.js +0 -1
- package/cjs/Icon/web/Icon.test.js +0 -53
- package/cjs/Input/native/Email.test.js +0 -1
- package/cjs/Input/native/Input.test.js +0 -1
- package/cjs/Input/native/Number.test.js +0 -1
- package/cjs/Input/native/Password.test.js +0 -1
- package/cjs/Input/native/Tel.test.js +0 -1
- package/cjs/Input/web/Email.test.js +0 -20
- package/cjs/Input/web/Input.test.js +0 -161
- package/cjs/Input/web/Number.test.js +0 -20
- package/cjs/Input/web/Password.test.js +0 -103
- package/cjs/Input/web/Tel.test.js +0 -20
- package/cjs/List/native/List.test.js +0 -1
- package/cjs/List/web/List.test.js +0 -69
- package/cjs/Menu/web/Menu.test.js +0 -123
- package/cjs/Popover/web/Popover.test.js +0 -27
- package/cjs/Progress/native/Progress.test.js +0 -1
- package/cjs/Progress/web/Progress.test.js +0 -229
- package/cjs/RadioGroup/native/Button/RadioButton.test.js +0 -1
- package/cjs/RadioGroup/native/Radio/Radio.test.js +0 -1
- package/cjs/RadioGroup/native/RadioGroup.test.js +0 -1
- package/cjs/RadioGroup/web/Button/RadioButton.test.js +0 -132
- package/cjs/RadioGroup/web/Radio/Radio.test.js +0 -119
- package/cjs/RadioGroup/web/RadioGroup.test.js +0 -93
- package/cjs/Rating/native/Rating.test.js +0 -1
- package/cjs/Rating/web/Rating.test.js +0 -201
- package/cjs/Result/native/Result.test.js +0 -1
- package/cjs/Skeleton/native/Skeleton.test.js +0 -1
- package/cjs/Skeleton/web/Skeleton.test.js +0 -84
- package/cjs/Slider/native/Slider.test.js +0 -1
- package/cjs/Slider/web/Slider.test.js +0 -95
- package/cjs/Snackbar/native/Snackbar.test.js +0 -1
- package/cjs/Snackbar/web/Snackbar.test.js +0 -137
- package/cjs/Stepper/native/Stepper.test.js +0 -1
- package/cjs/Stepper/web/Stepper.test.js +0 -75
- package/cjs/Tag/native/Tag.test.js +0 -1
- package/cjs/Tag/web/Tag.test.js +0 -87
- package/cjs/Text/native/Text.test.js +0 -1
- package/cjs/Text/web/Text.test.js +0 -157
- package/cjs/TextArea/native/TextArea.test.js +0 -1
- package/cjs/TextArea/web/TextArea.test.js +0 -18
- package/cjs/Theme/Provider/web/FontLoader.test.js +0 -19
- package/cjs/Theme/Provider/web/GlobalStyle.test.js +0 -27
- package/cjs/Theme/helpers/themeReader/native/native.test.js +0 -1
- package/cjs/Theme/helpers/themeReader/web/web.test.js +0 -54
- package/esm/ActionRequirement/index.native.js +0 -2
- package/esm/ActionRequirement/native/ActionRequirement.js +0 -48
- package/esm/ActionRequirement/native/ActionRequirement.test.js +0 -45
- package/esm/ActionRequirement/native/ActionRequirementStyles.js +0 -25
- package/esm/ActionRequirement/native/index.js +0 -6
- package/esm/ActionRequirement/web/ActionRequirement.test.js +0 -31
- package/esm/AutoComplete/web/AutoComplete.test.js +0 -139
- package/esm/Avatar/index.native.js +0 -4
- package/esm/Avatar/native/Avatar.js +0 -96
- package/esm/Avatar/native/Avatar.test.js +0 -46
- package/esm/Avatar/native/AvatarCircle.js +0 -24
- package/esm/Avatar/web/Avatar.test.js +0 -63
- package/esm/Banner/index.native.js +0 -2
- package/esm/Banner/native/Banner.js +0 -128
- package/esm/Banner/native/Banner.test.js +0 -103
- package/esm/Banner/native/index.js +0 -2
- package/esm/Banner/web/Banner.test.js +0 -109
- package/esm/BottomSheet/web/BottomSheet.test.js +0 -48
- package/esm/Box/index.native.js +0 -2
- package/esm/Box/native/Box.js +0 -4
- package/esm/Box/native/Box.test.js +0 -16
- package/esm/Box/native/index.js +0 -2
- package/esm/Box/web/Box.test.js +0 -16
- package/esm/Button/index.native.js +0 -8
- package/esm/Button/native/Button.js +0 -110
- package/esm/Button/native/Button.test.js +0 -475
- package/esm/Button/native/Icon.js +0 -82
- package/esm/Button/native/Link.js +0 -35
- package/esm/Button/native/Text.js +0 -74
- package/esm/Button/native/withTouchable.js +0 -63
- package/esm/Button/web/Button.test.js +0 -764
- package/esm/Card/index.native.js +0 -2
- package/esm/Card/native/Card/Actions.js +0 -12
- package/esm/Card/native/Card/Card.js +0 -92
- package/esm/Card/native/Card/Card.test.js +0 -15
- package/esm/Card/native/Card/Content.js +0 -8
- package/esm/Card/native/Card/Header.js +0 -8
- package/esm/Card/native/Card/index.js +0 -8
- package/esm/Card/native/EventCard/EventCard.js +0 -169
- package/esm/Card/native/EventCard/EventCard.test.js +0 -65
- package/esm/Card/native/EventCard/index.js +0 -2
- package/esm/Card/native/GymCard/CheckIn/Avatar.js +0 -17
- package/esm/Card/native/GymCard/CheckIn/CheckIn.js +0 -66
- package/esm/Card/native/GymCard/CheckIn/CheckIn.test.js +0 -39
- package/esm/Card/native/GymCard/CheckIn/Content.js +0 -11
- package/esm/Card/native/GymCard/CheckIn/Header.js +0 -11
- package/esm/Card/native/GymCard/CheckIn/index.js +0 -2
- package/esm/Card/native/GymCard/index.js +0 -5
- package/esm/Card/native/PlanCard/Actions.js +0 -22
- package/esm/Card/native/PlanCard/Content.js +0 -75
- package/esm/Card/native/PlanCard/List.js +0 -73
- package/esm/Card/native/PlanCard/PlanCard.js +0 -51
- package/esm/Card/native/PlanCard/PlanCard.test.js +0 -84
- package/esm/Card/native/PlanCard/Subtitle.js +0 -15
- package/esm/Card/native/PlanCard/Tag.js +0 -34
- package/esm/Card/native/PlanCard/index.js +0 -15
- package/esm/Card/native/index.js +0 -5
- package/esm/Card/web/Card/Card.test.js +0 -14
- package/esm/Card/web/EventCard/EventCard.test.js +0 -27
- package/esm/Card/web/PlanCard/PlanCard.test.js +0 -94
- package/esm/Checkbox/index.native.js +0 -3
- package/esm/Checkbox/native/Checkbox.js +0 -179
- package/esm/Checkbox/native/Checkbox.test.js +0 -115
- package/esm/Checkbox/native/Switch.js +0 -115
- package/esm/Checkbox/native/Switch.test.js +0 -54
- package/esm/Checkbox/native/index.js +0 -3
- package/esm/Checkbox/web/Checkbox.test.js +0 -153
- package/esm/Checkbox/web/Switch.test.js +0 -56
- package/esm/Chips/index.native.js +0 -2
- package/esm/Chips/native/Chips.js +0 -104
- package/esm/Chips/native/Chips.test.js +0 -143
- package/esm/Chips/native/Counter.js +0 -20
- package/esm/Chips/native/index.js +0 -2
- package/esm/Chips/web/Chips.test.js +0 -128
- package/esm/Datepicker/web/Datepicker.test.js +0 -247
- package/esm/Dialog/web/Dialog.test.js +0 -62
- package/esm/Divider/index.native.js +0 -2
- package/esm/Divider/native/Divider.js +0 -29
- package/esm/Divider/native/Divider.test.js +0 -29
- package/esm/Divider/native/index.js +0 -2
- package/esm/Divider/web/Divider.test.js +0 -29
- package/esm/Drawer/web/Drawer.test.js +0 -33
- package/esm/Dropdown/index.native.js +0 -2
- package/esm/Dropdown/native/Backdrop.js +0 -93
- package/esm/Dropdown/native/Backdrop.test.js +0 -26
- package/esm/Dropdown/native/Dropdown.js +0 -142
- package/esm/Dropdown/native/Dropdown.test.js +0 -78
- package/esm/Dropdown/native/Options.android.js +0 -66
- package/esm/Dropdown/native/Options.ios.js +0 -71
- package/esm/Dropdown/native/index.js +0 -2
- package/esm/Dropdown/web/Dropdown.test.js +0 -93
- package/esm/Feedback/web/Feedback.test.js +0 -83
- package/esm/Grid/web/Col.test.js +0 -48
- package/esm/Grid/web/Container.test.js +0 -14
- package/esm/Grid/web/Hide.test.js +0 -31
- package/esm/Grid/web/Row.test.js +0 -14
- package/esm/Header/web/Header.test.js +0 -38
- package/esm/Heading/web/Heading.test.js +0 -58
- package/esm/Icon/index.native.js +0 -2
- package/esm/Icon/native/Icon.test.js +0 -47
- package/esm/Icon/native/index.js +0 -2
- package/esm/Icon/web/Icon.test.js +0 -47
- package/esm/Input/index.native.js +0 -6
- package/esm/Input/native/Email.js +0 -15
- package/esm/Input/native/Email.test.js +0 -13
- package/esm/Input/native/Helper.js +0 -62
- package/esm/Input/native/Input.js +0 -234
- package/esm/Input/native/Input.test.js +0 -181
- package/esm/Input/native/Number.js +0 -12
- package/esm/Input/native/Number.test.js +0 -13
- package/esm/Input/native/Password.js +0 -112
- package/esm/Input/native/Password.test.js +0 -125
- package/esm/Input/native/Tel.js +0 -14
- package/esm/Input/native/Tel.test.js +0 -13
- package/esm/Input/native/index.js +0 -6
- package/esm/Input/web/Email.test.js +0 -13
- package/esm/Input/web/Input.test.js +0 -145
- package/esm/Input/web/Number.test.js +0 -13
- package/esm/Input/web/Password.test.js +0 -90
- package/esm/Input/web/Tel.test.js +0 -13
- package/esm/List/index.native.js +0 -3
- package/esm/List/native/List.js +0 -22
- package/esm/List/native/List.test.js +0 -106
- package/esm/List/native/ListItem.js +0 -51
- package/esm/List/native/index.js +0 -3
- package/esm/List/web/List.test.js +0 -62
- package/esm/Menu/web/Menu.test.js +0 -115
- package/esm/Popover/web/Popover.test.js +0 -19
- package/esm/Progress/index.native.js +0 -2
- package/esm/Progress/native/Progress.js +0 -103
- package/esm/Progress/native/Progress.test.js +0 -222
- package/esm/Progress/native/index.js +0 -2
- package/esm/Progress/web/Progress.test.js +0 -222
- package/esm/RadioGroup/index.native.js +0 -4
- package/esm/RadioGroup/native/Button/RadioButton.js +0 -64
- package/esm/RadioGroup/native/Button/RadioButton.test.js +0 -96
- package/esm/RadioGroup/native/Radio/Radio.js +0 -88
- package/esm/RadioGroup/native/Radio/Radio.test.js +0 -112
- package/esm/RadioGroup/native/RadioGroup.js +0 -66
- package/esm/RadioGroup/native/RadioGroup.test.js +0 -50
- package/esm/RadioGroup/native/index.js +0 -4
- package/esm/RadioGroup/web/Button/RadioButton.test.js +0 -121
- package/esm/RadioGroup/web/Radio/Radio.test.js +0 -108
- package/esm/RadioGroup/web/RadioGroup.test.js +0 -83
- package/esm/Rating/index.native.js +0 -2
- package/esm/Rating/native/Rating.js +0 -186
- package/esm/Rating/native/Rating.test.js +0 -121
- package/esm/Rating/native/index.js +0 -2
- package/esm/Rating/web/Rating.test.js +0 -184
- package/esm/Result/index.native.js +0 -8
- package/esm/Result/native/Attendances.js +0 -55
- package/esm/Result/native/Details.js +0 -97
- package/esm/Result/native/Rate.js +0 -35
- package/esm/Result/native/Result.js +0 -86
- package/esm/Result/native/Result.test.js +0 -107
- package/esm/Result/native/ResultButton.js +0 -13
- package/esm/Result/native/Tags.js +0 -41
- package/esm/Result/native/TinyTextIcon.js +0 -18
- package/esm/Result/native/index.js +0 -2
- package/esm/Skeleton/index.native.js +0 -2
- package/esm/Skeleton/native/Skeleton.js +0 -94
- package/esm/Skeleton/native/Skeleton.test.js +0 -78
- package/esm/Skeleton/native/index.js +0 -2
- package/esm/Skeleton/web/Skeleton.test.js +0 -77
- package/esm/Slider/index.native.js +0 -2
- package/esm/Slider/native/Label.js +0 -19
- package/esm/Slider/native/Marker.js +0 -68
- package/esm/Slider/native/Slider.js +0 -156
- package/esm/Slider/native/Slider.test.js +0 -122
- package/esm/Slider/native/Step.js +0 -14
- package/esm/Slider/native/Tooltip.js +0 -90
- package/esm/Slider/web/Slider.test.js +0 -86
- package/esm/Snackbar/index.native.js +0 -2
- package/esm/Snackbar/native/Snackbar.js +0 -199
- package/esm/Snackbar/native/Snackbar.test.js +0 -100
- package/esm/Snackbar/native/SnackbarAnimationWrapper.js +0 -124
- package/esm/Snackbar/native/index.js +0 -2
- package/esm/Snackbar/web/Snackbar.test.js +0 -118
- package/esm/Stepper/index.native.js +0 -3
- package/esm/Stepper/native/Dots.js +0 -45
- package/esm/Stepper/native/Line.js +0 -35
- package/esm/Stepper/native/Step.js +0 -19
- package/esm/Stepper/native/Stepper.js +0 -52
- package/esm/Stepper/native/Stepper.test.js +0 -70
- package/esm/Stepper/native/index.js +0 -3
- package/esm/Stepper/web/Stepper.test.js +0 -67
- package/esm/Tag/index.native.js +0 -4
- package/esm/Tag/native/Informative.js +0 -72
- package/esm/Tag/native/Tag.js +0 -75
- package/esm/Tag/native/Tag.test.js +0 -94
- package/esm/Tag/native/index.js +0 -2
- package/esm/Tag/web/Tag.test.js +0 -79
- package/esm/Text/index.native.js +0 -16
- package/esm/Text/native/Text.js +0 -69
- package/esm/Text/native/Text.test.js +0 -149
- package/esm/Text/native/index.js +0 -2
- package/esm/Text/web/Text.test.js +0 -149
- package/esm/TextArea/index.native.js +0 -2
- package/esm/TextArea/native/TextArea.js +0 -59
- package/esm/TextArea/native/TextArea.test.js +0 -11
- package/esm/TextArea/native/index.js +0 -2
- package/esm/TextArea/web/TextArea.test.js +0 -11
- package/esm/Theme/Provider/index.native.js +0 -2
- package/esm/Theme/Provider/native/index.js +0 -2
- package/esm/Theme/Provider/web/FontLoader.test.js +0 -11
- package/esm/Theme/Provider/web/GlobalStyle.test.js +0 -17
- package/esm/Theme/helpers/themeReader/native/native.test.js +0 -53
- package/esm/Theme/helpers/themeReader/web/web.test.js +0 -41
- package/esm/Theme/index.native.js +0 -5
- package/esm/index.native.js +0 -26
- package/esm/shared/index.native.js +0 -2
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
|
|
2
|
-
|
|
3
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
4
|
-
|
|
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
|
-
|
|
7
|
-
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
8
|
-
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import styled, { css } from 'styled-components';
|
|
11
|
-
import { string, node } from 'prop-types';
|
|
12
|
-
import Content from '../Card/Content';
|
|
13
|
-
import Text from '../../../Text';
|
|
14
|
-
import theme from '../../../Theme/helpers/themeReader';
|
|
15
|
-
import Subtitle from './Subtitle';
|
|
16
|
-
import Divider from '../../../Divider';
|
|
17
|
-
var Title = styled(Text.Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (props) {
|
|
18
|
-
var _theme = theme(props),
|
|
19
|
-
_theme$components = _theme.components,
|
|
20
|
-
cardnative = _theme$components.cardnative,
|
|
21
|
-
card = _theme$components.card;
|
|
22
|
-
|
|
23
|
-
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-bottom: ", "px;\n line-height: ", "px;\n "])), card.plan.title.color, cardnative.plan.title.margin.bottom, cardnative.plan.title.lineHeight);
|
|
24
|
-
});
|
|
25
|
-
var Description = styled(Text.Small)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n height: 40px;\n\n color: ", ";\n"])), theme.components.card.plan.description.color);
|
|
26
|
-
var Price = styled.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n flex-direction: row;\n\n ", "\n"])), function (props) {
|
|
27
|
-
var _theme2 = theme(props),
|
|
28
|
-
plan = _theme2.components.cardnative.plan;
|
|
29
|
-
|
|
30
|
-
return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n "])), plan.price.margin.bottom);
|
|
31
|
-
});
|
|
32
|
-
var EnhancePrice = styled.View(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n align-self: center;\n"])));
|
|
33
|
-
|
|
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);
|
|
44
|
-
|
|
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, {
|
|
46
|
-
numberOfLines: 2
|
|
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);
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
PlanCardContent.propTypes = {
|
|
51
|
-
/** plan name */
|
|
52
|
-
title: string.isRequired,
|
|
53
|
-
|
|
54
|
-
/** currency of the current country */
|
|
55
|
-
currency: string,
|
|
56
|
-
|
|
57
|
-
/** suffix currency of the current country */
|
|
58
|
-
suffix: string,
|
|
59
|
-
price: string.isRequired,
|
|
60
|
-
|
|
61
|
-
/** period that this price will be charged */
|
|
62
|
-
period: string.isRequired,
|
|
63
|
-
description: string,
|
|
64
|
-
subtitle: string,
|
|
65
|
-
children: node
|
|
66
|
-
};
|
|
67
|
-
PlanCardContent.defaultProps = {
|
|
68
|
-
children: null,
|
|
69
|
-
description: null,
|
|
70
|
-
subtitle: null,
|
|
71
|
-
currency: null,
|
|
72
|
-
suffix: null
|
|
73
|
-
};
|
|
74
|
-
PlanCardContent.displayName = 'PlanCard.Content';
|
|
75
|
-
export default PlanCardContent;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
var _excluded = ["children"];
|
|
2
|
-
|
|
3
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
4
|
-
|
|
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
|
-
|
|
7
|
-
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
8
|
-
|
|
9
|
-
import React, { isValidElement } from 'react';
|
|
10
|
-
import styled, { withTheme } from 'styled-components';
|
|
11
|
-
import { TouchableWithoutFeedback } from 'react-native';
|
|
12
|
-
import { string, node, shape, oneOfType, func } from 'prop-types';
|
|
13
|
-
import get from 'lodash.get';
|
|
14
|
-
import Text from '../../../Text';
|
|
15
|
-
import Icon from '../../../Icon';
|
|
16
|
-
import theme from '../../../Theme/helpers/themeReader';
|
|
17
|
-
var _theme$components = theme.components,
|
|
18
|
-
card = _theme$components.card,
|
|
19
|
-
cardnative = _theme$components.cardnative;
|
|
20
|
-
var List = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n"])), cardnative.plan.list.margin.top);
|
|
21
|
-
var Item = styled.View(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), card.plan.list.item.margin.bottom);
|
|
22
|
-
var Wrapper = styled.View(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n flex-direction: row;\n align-items: center;\n"])));
|
|
23
|
-
var IconWrapper = styled.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n margin-right: ", "px;\n"])), cardnative.plan.list.item.icon.margin.right);
|
|
24
|
-
var Button = styled.View(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n"])), card.plan.list.button.margin.top);
|
|
25
|
-
var ButtonText = styled(Text.Medium)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n font-size: ", "px;\n color: ", ";\n"])), card.plan.list.button.font.size, card.plan.list.button.font.color);
|
|
26
|
-
var ItemText = styled(Text.Small)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref) {
|
|
27
|
-
var color = _ref.color;
|
|
28
|
-
return color || card.plan.list.item.font.color;
|
|
29
|
-
});
|
|
30
|
-
var ListItem = withTheme(function (_ref2) {
|
|
31
|
-
var text = _ref2.text,
|
|
32
|
-
variant = _ref2.variant,
|
|
33
|
-
yogaTheme = _ref2.theme,
|
|
34
|
-
icon = _ref2.icon,
|
|
35
|
-
_ref2$buttonProps = _ref2.buttonProps,
|
|
36
|
-
children = _ref2$buttonProps.children,
|
|
37
|
-
buttonProps = _objectWithoutPropertiesLoose(_ref2$buttonProps, _excluded);
|
|
38
|
-
|
|
39
|
-
var itemColor = get(yogaTheme.yoga.colors, variant);
|
|
40
|
-
if (variant && !itemColor) // eslint-disable-next-line no-console
|
|
41
|
-
console.warn("Invalid token " + variant + ", you can use " + JSON.stringify(Object.keys(yogaTheme.yoga.colors)));
|
|
42
|
-
return /*#__PURE__*/React.createElement(Item, null, /*#__PURE__*/React.createElement(Wrapper, null, icon && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/isValidElement(icon) ? icon : /*#__PURE__*/React.createElement(Icon, {
|
|
43
|
-
as: icon,
|
|
44
|
-
size: "small",
|
|
45
|
-
fill: variant || 'text.primary'
|
|
46
|
-
})), /*#__PURE__*/React.createElement(ItemText, {
|
|
47
|
-
color: itemColor
|
|
48
|
-
}, text)), Boolean(Object.keys(buttonProps).length) && /*#__PURE__*/React.createElement(TouchableWithoutFeedback, buttonProps, /*#__PURE__*/React.createElement(Button, null, /*#__PURE__*/React.createElement(ButtonText, null, children))));
|
|
49
|
-
});
|
|
50
|
-
List.displayName = 'PlanCard.List';
|
|
51
|
-
ListItem.displayName = 'PlanCard.ListItem';
|
|
52
|
-
Button.displayName = 'PlanCard.ListButton';
|
|
53
|
-
ListItem.propTypes = {
|
|
54
|
-
text: string.isRequired,
|
|
55
|
-
|
|
56
|
-
/** an icon to be displayed on the begin of the item */
|
|
57
|
-
icon: oneOfType([node, func]),
|
|
58
|
-
|
|
59
|
-
/** if provided displays a button below the item text. It accepts all button
|
|
60
|
-
* element props */
|
|
61
|
-
buttonProps: shape({}),
|
|
62
|
-
|
|
63
|
-
/** if provided a color variant, like "vibin", "hope", "energy" the icon and
|
|
64
|
-
* the item text will be rendered on this color.
|
|
65
|
-
*/
|
|
66
|
-
variant: string
|
|
67
|
-
};
|
|
68
|
-
ListItem.defaultProps = {
|
|
69
|
-
icon: undefined,
|
|
70
|
-
buttonProps: {},
|
|
71
|
-
variant: undefined
|
|
72
|
-
};
|
|
73
|
-
export { List, ListItem };
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
var _excluded = ["children", "variant"];
|
|
2
|
-
|
|
3
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
4
|
-
|
|
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
|
-
|
|
7
|
-
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
8
|
-
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import styled, { css } from 'styled-components';
|
|
11
|
-
import { node, oneOf } from 'prop-types';
|
|
12
|
-
import Box from '../../../Box';
|
|
13
|
-
export var PLAN_LINE_HEIGHT = 8;
|
|
14
|
-
var Plan = styled(Box)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n max-width: 312px;\n width: 100%;\n position: relative;\n overflow: hidden;\n\n ", "\n"])), function (props) {
|
|
15
|
-
var theme = props.theme.yoga;
|
|
16
|
-
var plan = theme.components.card.plan;
|
|
17
|
-
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n padding: ", "px ", "px\n ", "px ", "px;\n border: ", "px solid ", ";\n border-radius: ", "px;\n\n background-color: ", ";\n "])), plan.padding.top, plan.padding.right, plan.padding.bottom, plan.padding.left, theme.borders.small, theme.colors.light, plan.radius, theme.colors.white);
|
|
18
|
-
});
|
|
19
|
-
var Border = styled.View(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n\n height: 8px;\n background-color: ", ";\n"])), function (_ref) {
|
|
20
|
-
var variant = _ref.variant,
|
|
21
|
-
_ref$theme$yoga$color = _ref.theme.yoga.colors,
|
|
22
|
-
deepPurple = _ref$theme$yoga$color.deepPurple,
|
|
23
|
-
_ref$theme$yoga$color2 = _ref$theme$yoga$color[variant],
|
|
24
|
-
color = _ref$theme$yoga$color2 === void 0 ? deepPurple : _ref$theme$yoga$color2;
|
|
25
|
-
return color;
|
|
26
|
-
});
|
|
27
|
-
|
|
28
|
-
var PlanCard = function PlanCard(_ref2) {
|
|
29
|
-
var children = _ref2.children,
|
|
30
|
-
variant = _ref2.variant,
|
|
31
|
-
rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
|
|
32
|
-
|
|
33
|
-
return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Plan, rest, /*#__PURE__*/React.createElement(Border, {
|
|
34
|
-
variant: variant
|
|
35
|
-
}), children));
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
PlanCard.propTypes = {
|
|
39
|
-
children: node,
|
|
40
|
-
|
|
41
|
-
/** style the card border top color following the theme (primary, secondary,
|
|
42
|
-
* vibin, hope, energy, relax, peace, verve, uplift, deepPurple, deep,
|
|
43
|
-
* stamina, dark, medium, light, clear, white) */
|
|
44
|
-
variant: oneOf(['primary', 'secondary', 'vibin', 'hope', 'energy', 'relax', 'peace', 'verve', 'uplift', 'deepPurple', 'stamina', 'dark', 'medium', 'deep', 'light', 'clear', 'white'])
|
|
45
|
-
};
|
|
46
|
-
PlanCard.defaultProps = {
|
|
47
|
-
children: undefined,
|
|
48
|
-
variant: 'deepPurple'
|
|
49
|
-
};
|
|
50
|
-
PlanCard.displayName = 'PlanCard';
|
|
51
|
-
export default PlanCard;
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render, fireEvent } from '@testing-library/react-native';
|
|
3
|
-
import { Star, MapPin } from '@gympass/yoga-icons';
|
|
4
|
-
import { ThemeProvider, Button, Icon } from '../../..';
|
|
5
|
-
import PlanCard from '.';
|
|
6
|
-
describe('<PlanCard />', function () {
|
|
7
|
-
var buttonOnPressMock = jest.fn();
|
|
8
|
-
|
|
9
|
-
var renderPlan = function renderPlan() {
|
|
10
|
-
return render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(PlanCard, null, /*#__PURE__*/React.createElement(PlanCard.Tag, {
|
|
11
|
-
variant: "informative"
|
|
12
|
-
}, "Recommended Plan"), /*#__PURE__*/React.createElement(PlanCard.Content, {
|
|
13
|
-
subtitle: "plan",
|
|
14
|
-
title: "Basic",
|
|
15
|
-
currency: "$",
|
|
16
|
-
price: "99.90",
|
|
17
|
-
period: "/month"
|
|
18
|
-
}, /*#__PURE__*/React.createElement(PlanCard.Subtitle, null, "Get access to"), /*#__PURE__*/React.createElement(PlanCard.List, null, /*#__PURE__*/React.createElement(PlanCard.ListItem, {
|
|
19
|
-
icon: /*#__PURE__*/React.createElement(Icon, {
|
|
20
|
-
as: MapPin,
|
|
21
|
-
height: "small",
|
|
22
|
-
width: "small",
|
|
23
|
-
stroke: "medium"
|
|
24
|
-
}),
|
|
25
|
-
text: "gyms and studios"
|
|
26
|
-
}), /*#__PURE__*/React.createElement(PlanCard.ListItem, {
|
|
27
|
-
icon: Star,
|
|
28
|
-
text: "list item",
|
|
29
|
-
buttonProps: {
|
|
30
|
-
children: 'button',
|
|
31
|
-
onPress: buttonOnPressMock
|
|
32
|
-
}
|
|
33
|
-
}))), /*#__PURE__*/React.createElement(PlanCard.Actions, null, /*#__PURE__*/React.createElement(Button, {
|
|
34
|
-
full: true
|
|
35
|
-
}, "Select this plan")))));
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
describe('Events', function () {
|
|
39
|
-
it('should call onPress when ListItem has a button', function () {
|
|
40
|
-
var _renderPlan = renderPlan(),
|
|
41
|
-
getByText = _renderPlan.getByText;
|
|
42
|
-
|
|
43
|
-
fireEvent.press(getByText('button'));
|
|
44
|
-
expect(buttonOnPressMock).toHaveBeenCalled();
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
describe('Snapshots', function () {
|
|
48
|
-
it('should match snapshot with default PlanCard', function () {
|
|
49
|
-
var _renderPlan2 = renderPlan(),
|
|
50
|
-
toJSON = _renderPlan2.toJSON;
|
|
51
|
-
|
|
52
|
-
expect(toJSON()).toMatchSnapshot();
|
|
53
|
-
});
|
|
54
|
-
it('should match snapshot with variant', function () {
|
|
55
|
-
var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(PlanCard, {
|
|
56
|
-
variant: "hope"
|
|
57
|
-
}, /*#__PURE__*/React.createElement(PlanCard.Content, {
|
|
58
|
-
subtitle: "plan",
|
|
59
|
-
title: "Basic",
|
|
60
|
-
currency: "$",
|
|
61
|
-
price: "99.90",
|
|
62
|
-
period: "/month"
|
|
63
|
-
})))),
|
|
64
|
-
toJSON = _render.toJSON;
|
|
65
|
-
|
|
66
|
-
expect(toJSON()).toMatchSnapshot();
|
|
67
|
-
});
|
|
68
|
-
it('should match snapshot with suffix', function () {
|
|
69
|
-
var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(PlanCard, {
|
|
70
|
-
variant: "hope"
|
|
71
|
-
}, /*#__PURE__*/React.createElement(PlanCard.Content, {
|
|
72
|
-
subtitle: "plan",
|
|
73
|
-
title: "Basic",
|
|
74
|
-
currency: "$",
|
|
75
|
-
suffix: "MXN",
|
|
76
|
-
price: "99.90",
|
|
77
|
-
period: "/month"
|
|
78
|
-
})))),
|
|
79
|
-
toJSON = _render2.toJSON;
|
|
80
|
-
|
|
81
|
-
expect(toJSON()).toMatchSnapshot();
|
|
82
|
-
});
|
|
83
|
-
});
|
|
84
|
-
});
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
var _templateObject, _templateObject2;
|
|
2
|
-
|
|
3
|
-
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
4
|
-
|
|
5
|
-
import styled, { css } from 'styled-components';
|
|
6
|
-
import theme from '../../../Theme/helpers/themeReader';
|
|
7
|
-
import Text from '../../../Text';
|
|
8
|
-
var Subtitle = styled(Text.Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n text-transform: uppercase;\n\n ", "\n"])), function (props) {
|
|
9
|
-
var _theme = theme(props),
|
|
10
|
-
plan = _theme.components.card.plan;
|
|
11
|
-
|
|
12
|
-
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n\n color: ", ";\n font-size: ", "px;\n "])), plan.subtitle.margin.bottom, plan.subtitle.font.color, plan.subtitle.font.size);
|
|
13
|
-
});
|
|
14
|
-
Subtitle.displayName = 'PlanCard.Subtitle';
|
|
15
|
-
export default Subtitle;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
var _excluded = ["children"];
|
|
2
|
-
|
|
3
|
-
var _templateObject, _templateObject2;
|
|
4
|
-
|
|
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
|
-
|
|
7
|
-
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
8
|
-
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import styled, { css } from 'styled-components';
|
|
11
|
-
import { node } from 'prop-types';
|
|
12
|
-
import { PLAN_LINE_HEIGHT } from './PlanCard';
|
|
13
|
-
import Tag from '../../../Tag';
|
|
14
|
-
var StyledTag = styled(Tag.Informative).attrs(function () {
|
|
15
|
-
return {
|
|
16
|
-
small: true
|
|
17
|
-
};
|
|
18
|
-
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n position: absolute;\n align-items: center;\n justify-content: center;\n\n ", "\n"])), function (props) {
|
|
19
|
-
var plan = props.theme.yoga.components.card.plan;
|
|
20
|
-
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n top: ", "px;\n left: ", "px;\n "])), plan.tag.position.top + PLAN_LINE_HEIGHT, plan.tag.position.left);
|
|
21
|
-
});
|
|
22
|
-
|
|
23
|
-
var PlanCardTag = function PlanCardTag(_ref) {
|
|
24
|
-
var children = _ref.children,
|
|
25
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
26
|
-
|
|
27
|
-
return /*#__PURE__*/React.createElement(StyledTag, rest, children);
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
PlanCardTag.displayName = 'PlanCard.Tag';
|
|
31
|
-
PlanCardTag.propTypes = {
|
|
32
|
-
children: node.isRequired
|
|
33
|
-
};
|
|
34
|
-
export default PlanCardTag;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Actions, Button, ButtonText } from './Actions';
|
|
2
|
-
import Content from './Content';
|
|
3
|
-
import PlanCard from './PlanCard';
|
|
4
|
-
import Subtitle from './Subtitle';
|
|
5
|
-
import Tag from './Tag';
|
|
6
|
-
import { List, ListItem } from './List';
|
|
7
|
-
PlanCard.Actions = Actions;
|
|
8
|
-
PlanCard.Button = Button;
|
|
9
|
-
PlanCard.ButtonText = ButtonText;
|
|
10
|
-
PlanCard.Content = Content;
|
|
11
|
-
PlanCard.List = List;
|
|
12
|
-
PlanCard.ListItem = ListItem;
|
|
13
|
-
PlanCard.Subtitle = Subtitle;
|
|
14
|
-
PlanCard.Tag = Tag;
|
|
15
|
-
export default PlanCard;
|
package/esm/Card/native/index.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render } from '@testing-library/react';
|
|
3
|
-
import { ThemeProvider, Button } from '../../..';
|
|
4
|
-
import Card from '.';
|
|
5
|
-
describe('<Card />', function () {
|
|
6
|
-
describe('Snapshots', function () {
|
|
7
|
-
it('should match snapshot with default Card', function () {
|
|
8
|
-
var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Card.Header, null, "Hello World"), /*#__PURE__*/React.createElement(Card.Content, null, "It's fine here"), /*#__PURE__*/React.createElement(Card.Actions, null, /*#__PURE__*/React.createElement(Button, null, "Action's children must be Button"))))),
|
|
9
|
-
container = _render.container;
|
|
10
|
-
|
|
11
|
-
expect(container).toMatchSnapshot();
|
|
12
|
-
});
|
|
13
|
-
});
|
|
14
|
-
});
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render } from '@testing-library/react';
|
|
3
|
-
import { ThemeProvider } from '../../..';
|
|
4
|
-
import EventCard from '.';
|
|
5
|
-
var event = {
|
|
6
|
-
name: 'Yoga Class',
|
|
7
|
-
place: 'Gympass',
|
|
8
|
-
time: '19 am'
|
|
9
|
-
};
|
|
10
|
-
var date = {
|
|
11
|
-
day: '19',
|
|
12
|
-
weekday: 'thu',
|
|
13
|
-
month: 'dec'
|
|
14
|
-
};
|
|
15
|
-
describe('<Card />', function () {
|
|
16
|
-
describe('Snapshots', function () {
|
|
17
|
-
it('should match snapshot with default EventCard', function () {
|
|
18
|
-
var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(EventCard, {
|
|
19
|
-
event: event,
|
|
20
|
-
date: date
|
|
21
|
-
}))),
|
|
22
|
-
container = _render.container;
|
|
23
|
-
|
|
24
|
-
expect(container).toMatchSnapshot();
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
});
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render, fireEvent } from '@testing-library/react';
|
|
3
|
-
import { Star, MapPin } from '@gympass/yoga-icons';
|
|
4
|
-
import { ThemeProvider, Button, Icon } from '../../..';
|
|
5
|
-
import PlanCard from '.';
|
|
6
|
-
describe('<PlanCard />', function () {
|
|
7
|
-
var buttonOnClickMock = jest.fn();
|
|
8
|
-
|
|
9
|
-
var renderPlan = function renderPlan() {
|
|
10
|
-
return render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(PlanCard, null, /*#__PURE__*/React.createElement(PlanCard.Tag, {
|
|
11
|
-
variant: "informative"
|
|
12
|
-
}, "Recommended Plan"), /*#__PURE__*/React.createElement(PlanCard.Content, {
|
|
13
|
-
subtitle: "plan",
|
|
14
|
-
title: "Basic",
|
|
15
|
-
currency: "$",
|
|
16
|
-
price: "99.90",
|
|
17
|
-
period: "/month"
|
|
18
|
-
}, /*#__PURE__*/React.createElement(PlanCard.Subtitle, null, "Get access to"), /*#__PURE__*/React.createElement(PlanCard.List, null, /*#__PURE__*/React.createElement(PlanCard.ListItem, {
|
|
19
|
-
icon: /*#__PURE__*/React.createElement(Icon, {
|
|
20
|
-
as: MapPin,
|
|
21
|
-
height: "small",
|
|
22
|
-
width: "small",
|
|
23
|
-
stroke: "medium"
|
|
24
|
-
}),
|
|
25
|
-
text: "gyms and studios"
|
|
26
|
-
}), /*#__PURE__*/React.createElement(PlanCard.ListItem, {
|
|
27
|
-
icon: Star,
|
|
28
|
-
text: "list item",
|
|
29
|
-
buttonProps: {
|
|
30
|
-
children: 'button',
|
|
31
|
-
as: 'a',
|
|
32
|
-
onClick: buttonOnClickMock
|
|
33
|
-
}
|
|
34
|
-
}))), /*#__PURE__*/React.createElement(PlanCard.Actions, null, /*#__PURE__*/React.createElement(Button, {
|
|
35
|
-
full: true
|
|
36
|
-
}, "Select this plan")))));
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
describe('Events', function () {
|
|
40
|
-
it('should call onClick when ListItem has a button', function () {
|
|
41
|
-
var _renderPlan = renderPlan(),
|
|
42
|
-
getByText = _renderPlan.getByText;
|
|
43
|
-
|
|
44
|
-
fireEvent.click(getByText('button'));
|
|
45
|
-
expect(buttonOnClickMock).toHaveBeenCalled();
|
|
46
|
-
});
|
|
47
|
-
});
|
|
48
|
-
describe('Snapshots', function () {
|
|
49
|
-
it('should match snapshot with default PlanCard', function () {
|
|
50
|
-
var _renderPlan2 = renderPlan(),
|
|
51
|
-
planCard = _renderPlan2.container;
|
|
52
|
-
|
|
53
|
-
expect(planCard).toMatchSnapshot();
|
|
54
|
-
});
|
|
55
|
-
it('should match snapshot with variant', function () {
|
|
56
|
-
var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(PlanCard, {
|
|
57
|
-
variant: "hope"
|
|
58
|
-
}, /*#__PURE__*/React.createElement(PlanCard.Content, {
|
|
59
|
-
subtitle: "plan",
|
|
60
|
-
title: "Basic",
|
|
61
|
-
currency: "$",
|
|
62
|
-
price: "99.90",
|
|
63
|
-
period: "/month"
|
|
64
|
-
})))),
|
|
65
|
-
container = _render.container;
|
|
66
|
-
|
|
67
|
-
expect(container).toMatchSnapshot();
|
|
68
|
-
});
|
|
69
|
-
it('should match snapshot with suffix', function () {
|
|
70
|
-
var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(PlanCard, {
|
|
71
|
-
variant: "hope"
|
|
72
|
-
}, /*#__PURE__*/React.createElement(PlanCard.Content, {
|
|
73
|
-
subtitle: "plan",
|
|
74
|
-
title: "Basic",
|
|
75
|
-
currency: "$",
|
|
76
|
-
suffix: "MXN",
|
|
77
|
-
price: "99.90",
|
|
78
|
-
period: "/month"
|
|
79
|
-
})))),
|
|
80
|
-
container = _render2.container;
|
|
81
|
-
|
|
82
|
-
expect(container).toMatchSnapshot();
|
|
83
|
-
});
|
|
84
|
-
it('should render the extra content', function () {
|
|
85
|
-
var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(PlanCard, null, /*#__PURE__*/React.createElement(PlanCard.Content, {
|
|
86
|
-
title: "Basic",
|
|
87
|
-
extra: /*#__PURE__*/React.createElement("p", null, "Hello")
|
|
88
|
-
})))),
|
|
89
|
-
container = _render3.container;
|
|
90
|
-
|
|
91
|
-
expect(container).toMatchSnapshot();
|
|
92
|
-
});
|
|
93
|
-
});
|
|
94
|
-
});
|