@gympass/yoga 7.59.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/Card/web/PlanCard/Content.js +11 -6
- package/cjs/Drawer/web/Content.js +1 -4
- package/esm/Card/web/PlanCard/Content.js +11 -6
- 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 -95
- 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 -85
- 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
|
@@ -19,7 +19,7 @@ var _Subtitle = _interopRequireDefault(require("./Subtitle"));
|
|
|
19
19
|
|
|
20
20
|
var _Divider = _interopRequireDefault(require("../../../Divider"));
|
|
21
21
|
|
|
22
|
-
var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
|
|
22
|
+
var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "extra", "children"];
|
|
23
23
|
|
|
24
24
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
25
25
|
|
|
@@ -61,10 +61,11 @@ var PlanCardContent = function PlanCardContent(_ref) {
|
|
|
61
61
|
suffix = _ref.suffix,
|
|
62
62
|
price = _ref.price,
|
|
63
63
|
period = _ref.period,
|
|
64
|
+
extra = _ref.extra,
|
|
64
65
|
children = _ref.children,
|
|
65
66
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
66
67
|
|
|
67
|
-
return /*#__PURE__*/_react["default"].createElement(Wrapper, 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, {
|
|
68
|
+
return /*#__PURE__*/_react["default"].createElement(Wrapper, 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), !!price && /*#__PURE__*/_react["default"].createElement(Price, null, currency && /*#__PURE__*/_react["default"].createElement(_Text["default"].H4, {
|
|
68
69
|
as: "sup"
|
|
69
70
|
}, currency), price && /*#__PURE__*/_react["default"].createElement(_Text["default"].H4, {
|
|
70
71
|
as: "strong"
|
|
@@ -72,7 +73,7 @@ var PlanCardContent = function PlanCardContent(_ref) {
|
|
|
72
73
|
as: "sup"
|
|
73
74
|
}, suffix), period && /*#__PURE__*/_react["default"].createElement(EnhancePrice, {
|
|
74
75
|
as: "sub"
|
|
75
|
-
}, period)), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), children);
|
|
76
|
+
}, period)), extra, /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), children);
|
|
76
77
|
};
|
|
77
78
|
|
|
78
79
|
PlanCardContent.propTypes = {
|
|
@@ -84,12 +85,13 @@ PlanCardContent.propTypes = {
|
|
|
84
85
|
|
|
85
86
|
/** suffix currency of the current country */
|
|
86
87
|
suffix: _propTypes.string,
|
|
87
|
-
price: _propTypes.string
|
|
88
|
+
price: _propTypes.string,
|
|
88
89
|
|
|
89
90
|
/** period that this price will be charged */
|
|
90
|
-
period: _propTypes.string
|
|
91
|
+
period: _propTypes.string,
|
|
91
92
|
description: _propTypes.string,
|
|
92
93
|
subtitle: _propTypes.string,
|
|
94
|
+
extra: _propTypes.node,
|
|
93
95
|
children: _propTypes.node
|
|
94
96
|
};
|
|
95
97
|
PlanCardContent.defaultProps = {
|
|
@@ -97,7 +99,10 @@ PlanCardContent.defaultProps = {
|
|
|
97
99
|
description: null,
|
|
98
100
|
subtitle: null,
|
|
99
101
|
currency: null,
|
|
100
|
-
suffix: null
|
|
102
|
+
suffix: null,
|
|
103
|
+
price: null,
|
|
104
|
+
period: null,
|
|
105
|
+
extra: null
|
|
101
106
|
};
|
|
102
107
|
PlanCardContent.displayName = 'PlanCard.Content';
|
|
103
108
|
var _default = PlanCardContent;
|
|
@@ -13,10 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
13
13
|
|
|
14
14
|
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
15
15
|
|
|
16
|
-
var Content = (0, _styledComponents["default"])(_Dialog["default"].Content)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n
|
|
17
|
-
var drawer = _ref.theme.yoga.components.drawer;
|
|
18
|
-
return "\n ";
|
|
19
|
-
});
|
|
16
|
+
var Content = (0, _styledComponents["default"])(_Dialog["default"].Content)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n margin: 0;\n height: 100%;\n width: 100%;\n align-self: flex-start;\n text-align: left;\n"])));
|
|
20
17
|
Content.displayName = 'Drawer.Content';
|
|
21
18
|
var _default = Content;
|
|
22
19
|
exports["default"] = _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
|
|
1
|
+
var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "extra", "children"];
|
|
2
2
|
|
|
3
3
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
4
4
|
|
|
@@ -40,10 +40,11 @@ var PlanCardContent = function PlanCardContent(_ref) {
|
|
|
40
40
|
suffix = _ref.suffix,
|
|
41
41
|
price = _ref.price,
|
|
42
42
|
period = _ref.period,
|
|
43
|
+
extra = _ref.extra,
|
|
43
44
|
children = _ref.children,
|
|
44
45
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
45
46
|
|
|
46
|
-
return /*#__PURE__*/React.createElement(Wrapper, 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, {
|
|
47
|
+
return /*#__PURE__*/React.createElement(Wrapper, rest, subtitle && /*#__PURE__*/React.createElement(Subtitle, null, subtitle), title && /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, null, description), !!price && /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(Text.H4, {
|
|
47
48
|
as: "sup"
|
|
48
49
|
}, currency), price && /*#__PURE__*/React.createElement(Text.H4, {
|
|
49
50
|
as: "strong"
|
|
@@ -51,7 +52,7 @@ var PlanCardContent = function PlanCardContent(_ref) {
|
|
|
51
52
|
as: "sup"
|
|
52
53
|
}, suffix), period && /*#__PURE__*/React.createElement(EnhancePrice, {
|
|
53
54
|
as: "sub"
|
|
54
|
-
}, period)), /*#__PURE__*/React.createElement(Divider, null), children);
|
|
55
|
+
}, period)), extra, /*#__PURE__*/React.createElement(Divider, null), children);
|
|
55
56
|
};
|
|
56
57
|
|
|
57
58
|
PlanCardContent.propTypes = {
|
|
@@ -63,12 +64,13 @@ PlanCardContent.propTypes = {
|
|
|
63
64
|
|
|
64
65
|
/** suffix currency of the current country */
|
|
65
66
|
suffix: string,
|
|
66
|
-
price: string
|
|
67
|
+
price: string,
|
|
67
68
|
|
|
68
69
|
/** period that this price will be charged */
|
|
69
|
-
period: string
|
|
70
|
+
period: string,
|
|
70
71
|
description: string,
|
|
71
72
|
subtitle: string,
|
|
73
|
+
extra: node,
|
|
72
74
|
children: node
|
|
73
75
|
};
|
|
74
76
|
PlanCardContent.defaultProps = {
|
|
@@ -76,7 +78,10 @@ PlanCardContent.defaultProps = {
|
|
|
76
78
|
description: null,
|
|
77
79
|
subtitle: null,
|
|
78
80
|
currency: null,
|
|
79
|
-
suffix: null
|
|
81
|
+
suffix: null,
|
|
82
|
+
price: null,
|
|
83
|
+
period: null,
|
|
84
|
+
extra: null
|
|
80
85
|
};
|
|
81
86
|
PlanCardContent.displayName = 'PlanCard.Content';
|
|
82
87
|
export default PlanCardContent;
|
|
@@ -4,9 +4,6 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
|
|
|
4
4
|
|
|
5
5
|
import styled from 'styled-components';
|
|
6
6
|
import Dialog from '../../Dialog';
|
|
7
|
-
var Content = styled(Dialog.Content)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n
|
|
8
|
-
var drawer = _ref.theme.yoga.components.drawer;
|
|
9
|
-
return "\n ";
|
|
10
|
-
});
|
|
7
|
+
var Content = styled(Dialog.Content)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n margin: 0;\n height: 100%;\n width: 100%;\n align-self: flex-start;\n text-align: left;\n"])));
|
|
11
8
|
Content.displayName = 'Drawer.Content';
|
|
12
9
|
export default Content;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gympass/yoga",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.60.1",
|
|
4
4
|
"description": "Gympass component library",
|
|
5
5
|
"main": "./cjs",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -25,12 +25,12 @@
|
|
|
25
25
|
"url": "https://github.com/Gympass/yoga/issues"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@gympass/yoga-common": "^1.1.
|
|
28
|
+
"@gympass/yoga-common": "^1.1.2",
|
|
29
29
|
"@gympass/yoga-helpers": "^1.0.3",
|
|
30
30
|
"@gympass/yoga-icons": "^1.7.0",
|
|
31
31
|
"@gympass/yoga-illustrations": "^0.5.1",
|
|
32
|
-
"@gympass/yoga-system": "^0.10.
|
|
33
|
-
"@gympass/yoga-tokens": "^3.1.
|
|
32
|
+
"@gympass/yoga-system": "^0.10.3",
|
|
33
|
+
"@gympass/yoga-tokens": "^3.1.5",
|
|
34
34
|
"@ptomasroos/react-native-multi-slider": "^1.0.0",
|
|
35
35
|
"@radix-ui/react-dropdown-menu": "^2.0.1",
|
|
36
36
|
"date-fns": "^2.29.2",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"react": ">=16",
|
|
53
53
|
"styled-components": "^4.4.0"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "f2b47049ebf63e4db6f58dfc98ea708b39065aee",
|
|
56
56
|
"module": "./esm",
|
|
57
57
|
"private": false,
|
|
58
58
|
"react-native": "./cjs/index.native.js"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _yoga=require("@gympass/yoga");var _yogaIllustrations=require("@gympass/yoga-illustrations");var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");var _ActionRequirement=_interopRequireDefault(require("./ActionRequirement"));function handleGetCheckableContent(){return _react["default"].createElement(_yoga.Box,{display:"flex",flexDirection:"row",alignItems:"center"},_react["default"].createElement(_yoga.Checkbox,null),_react["default"].createElement(_yoga.Text,null,"I have read and agree to the Terms of Use and Privacy Policy."));}function handleGetIllustration(){return _react["default"].createElement(_yogaIllustrations.Img2d01,{width:375,height:375});}function handleGetList(){return _react["default"].createElement(_react["default"].Fragment,null,_react["default"].createElement(_yoga.Text,null,_react["default"].createElement(_yogaIcons.Dumbbell,null)," 1x/day standard access"),_react["default"].createElement(_yoga.Text,{mt:"small"},_react["default"].createElement(_yogaIcons.User,null)," 4x/month 1-on-1 sessions"),_react["default"].createElement(_yoga.Text,{mt:"small"},_react["default"].createElement(_yogaIcons.Star,null)," 2x/month premium classes"));}describe('<ActionRequirement />',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_ActionRequirement["default"],{title:"Welcome to the world of feeling good!",description:"Lets make it a good day!",illustration:handleGetIllustration(),checkable:handleGetCheckableContent(),list:handleGetList()}))),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});});
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _react2 = require("@testing-library/react");
|
|
6
|
-
|
|
7
|
-
var _yoga = require("@gympass/yoga");
|
|
8
|
-
|
|
9
|
-
var _yogaIcons = require("@gympass/yoga-icons");
|
|
10
|
-
|
|
11
|
-
var _ActionRequirement = _interopRequireDefault(require("./ActionRequirement"));
|
|
12
|
-
|
|
13
|
-
var _ = require("../..");
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
|
-
|
|
17
|
-
function handleGetList() {
|
|
18
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_yoga.Text, null, /*#__PURE__*/_react["default"].createElement(_yogaIcons.Dumbbell, null), " 1x/day standard access"), /*#__PURE__*/_react["default"].createElement(_yoga.Text, {
|
|
19
|
-
mt: "small"
|
|
20
|
-
}, /*#__PURE__*/_react["default"].createElement(_yogaIcons.User, null), " 4x/month 1-on-1 sessions"), /*#__PURE__*/_react["default"].createElement(_yoga.Text, {
|
|
21
|
-
mt: "small"
|
|
22
|
-
}, /*#__PURE__*/_react["default"].createElement(_yogaIcons.Star, null), " 2x/month premium classes"));
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
describe('<ActionRequirement />', function () {
|
|
26
|
-
it('should default match snapshot', function () {
|
|
27
|
-
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_ActionRequirement["default"], null))),
|
|
28
|
-
container = _render.container;
|
|
29
|
-
|
|
30
|
-
expect(container).toMatchSnapshot();
|
|
31
|
-
});
|
|
32
|
-
it('should match snapshot with list', function () {
|
|
33
|
-
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_ActionRequirement["default"], {
|
|
34
|
-
list: handleGetList()
|
|
35
|
-
}))),
|
|
36
|
-
container = _render2.container;
|
|
37
|
-
|
|
38
|
-
expect(container).toMatchSnapshot();
|
|
39
|
-
});
|
|
40
|
-
});
|
|
@@ -1,156 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _react2 = require("@testing-library/react");
|
|
6
|
-
|
|
7
|
-
var _ = require("../..");
|
|
8
|
-
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
|
|
11
|
-
describe('<AutoComplete />', function () {
|
|
12
|
-
describe('Snapshots', function () {
|
|
13
|
-
it('should match with default component', function () {
|
|
14
|
-
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, null))),
|
|
15
|
-
container = _render.container;
|
|
16
|
-
|
|
17
|
-
expect(container).toMatchSnapshot();
|
|
18
|
-
});
|
|
19
|
-
it('should match with a full width component', function () {
|
|
20
|
-
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
|
|
21
|
-
full: true
|
|
22
|
-
}))),
|
|
23
|
-
container = _render2.container;
|
|
24
|
-
|
|
25
|
-
expect(container).toMatchSnapshot();
|
|
26
|
-
});
|
|
27
|
-
it('should match with options list', function () {
|
|
28
|
-
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
|
|
29
|
-
value: "s",
|
|
30
|
-
options: ['first', 'second']
|
|
31
|
-
}))),
|
|
32
|
-
getByDisplayValue = _render3.getByDisplayValue,
|
|
33
|
-
container = _render3.container;
|
|
34
|
-
|
|
35
|
-
_react2.fireEvent.focus(getByDisplayValue('s'));
|
|
36
|
-
|
|
37
|
-
expect(container).toMatchSnapshot();
|
|
38
|
-
});
|
|
39
|
-
it('should match with full width options list', function () {
|
|
40
|
-
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
|
|
41
|
-
value: "s",
|
|
42
|
-
full: true,
|
|
43
|
-
options: ['first', 'second']
|
|
44
|
-
}))),
|
|
45
|
-
getByDisplayValue = _render4.getByDisplayValue,
|
|
46
|
-
container = _render4.container;
|
|
47
|
-
|
|
48
|
-
_react2.fireEvent.focus(getByDisplayValue('s'));
|
|
49
|
-
|
|
50
|
-
expect(container).toMatchSnapshot();
|
|
51
|
-
});
|
|
52
|
-
});
|
|
53
|
-
describe('Options list', function () {
|
|
54
|
-
it('should filter the options', function () {
|
|
55
|
-
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
|
|
56
|
-
value: "secon",
|
|
57
|
-
options: ['first', 'second', 'third']
|
|
58
|
-
}))),
|
|
59
|
-
container = _render5.container,
|
|
60
|
-
getByDisplayValue = _render5.getByDisplayValue;
|
|
61
|
-
|
|
62
|
-
_react2.fireEvent.focus(getByDisplayValue('secon'));
|
|
63
|
-
|
|
64
|
-
expect(container.querySelector('ul').firstChild.textContent).toBe('second');
|
|
65
|
-
});
|
|
66
|
-
it('should close options list when clean button is clicked', function () {
|
|
67
|
-
var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
|
|
68
|
-
value: "secon",
|
|
69
|
-
options: ['first', 'second', 'third']
|
|
70
|
-
}))),
|
|
71
|
-
container = _render6.container,
|
|
72
|
-
getByDisplayValue = _render6.getByDisplayValue,
|
|
73
|
-
getByRole = _render6.getByRole;
|
|
74
|
-
|
|
75
|
-
_react2.fireEvent.focus(getByDisplayValue('secon'));
|
|
76
|
-
|
|
77
|
-
_react2.fireEvent.click(getByRole('button', {
|
|
78
|
-
name: /clear/i
|
|
79
|
-
}));
|
|
80
|
-
|
|
81
|
-
expect(container.querySelector('ul')).toBe(null);
|
|
82
|
-
});
|
|
83
|
-
});
|
|
84
|
-
describe('Event listeners', function () {
|
|
85
|
-
it('should call onChangeMock', function () {
|
|
86
|
-
var onChangeMock = jest.fn();
|
|
87
|
-
var onCleanMock = jest.fn();
|
|
88
|
-
var onSelectMock = jest.fn();
|
|
89
|
-
|
|
90
|
-
var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
|
|
91
|
-
value: "New",
|
|
92
|
-
options: ['New York'],
|
|
93
|
-
onChange: onChangeMock
|
|
94
|
-
}))),
|
|
95
|
-
getByDisplayValue = _render7.getByDisplayValue;
|
|
96
|
-
|
|
97
|
-
_react2.fireEvent.change(getByDisplayValue('New'), {
|
|
98
|
-
target: {
|
|
99
|
-
value: 'a'
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
|
|
103
|
-
expect(onChangeMock).toHaveBeenCalledWith('a');
|
|
104
|
-
expect(onSelectMock).not.toHaveBeenCalled();
|
|
105
|
-
expect(onCleanMock).not.toHaveBeenCalled();
|
|
106
|
-
});
|
|
107
|
-
it('should call onCleanMock', function () {
|
|
108
|
-
var onCleanMock = jest.fn();
|
|
109
|
-
var onSelectMock = jest.fn();
|
|
110
|
-
var onChangeMock = jest.fn();
|
|
111
|
-
|
|
112
|
-
var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
|
|
113
|
-
value: "New",
|
|
114
|
-
options: ['New York'],
|
|
115
|
-
onClean: onCleanMock,
|
|
116
|
-
onSelect: onSelectMock,
|
|
117
|
-
onChange: onChangeMock
|
|
118
|
-
}))),
|
|
119
|
-
getByDisplayValue = _render8.getByDisplayValue,
|
|
120
|
-
getByRole = _render8.getByRole;
|
|
121
|
-
|
|
122
|
-
_react2.fireEvent.focus(getByDisplayValue('New'));
|
|
123
|
-
|
|
124
|
-
_react2.fireEvent.click(getByRole('button', {
|
|
125
|
-
name: /clear/i
|
|
126
|
-
}));
|
|
127
|
-
|
|
128
|
-
expect(onCleanMock).toHaveBeenCalledWith('');
|
|
129
|
-
expect(onSelectMock).not.toHaveBeenCalled();
|
|
130
|
-
expect(onChangeMock).toHaveBeenCalledWith('');
|
|
131
|
-
});
|
|
132
|
-
it('should call onSelectMock', function () {
|
|
133
|
-
var onSelectMock = jest.fn();
|
|
134
|
-
var onCleanMock = jest.fn();
|
|
135
|
-
var onChangeMock = jest.fn();
|
|
136
|
-
|
|
137
|
-
var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
|
|
138
|
-
value: "New",
|
|
139
|
-
options: ['New York'],
|
|
140
|
-
onSelect: onSelectMock,
|
|
141
|
-
onClean: onCleanMock,
|
|
142
|
-
onChange: onChangeMock
|
|
143
|
-
}))),
|
|
144
|
-
getByDisplayValue = _render9.getByDisplayValue,
|
|
145
|
-
getByRole = _render9.getByRole;
|
|
146
|
-
|
|
147
|
-
_react2.fireEvent.focus(getByDisplayValue('New'));
|
|
148
|
-
|
|
149
|
-
_react2.fireEvent.click(getByRole('option'));
|
|
150
|
-
|
|
151
|
-
expect(onSelectMock).toHaveBeenCalledWith('New York');
|
|
152
|
-
expect(onChangeMock).toHaveBeenCalledWith('New York');
|
|
153
|
-
expect(onCleanMock).not.toHaveBeenCalled();
|
|
154
|
-
});
|
|
155
|
-
});
|
|
156
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");var _Avatar=_interopRequireDefault(require("./Avatar"));var _Text=_interopRequireDefault(require("../../Text"));describe('<Avatar />',function(){it('should match snapshot in default avatar',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Avatar["default"],{width:78,height:78,fill:"black"}))),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot in default avatar with placeholder prop',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Avatar["default"],{placeholder:_yogaIcons.UserFilled}))),toJSON=_render2.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot in circle avatar',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Avatar["default"].Circle,null))),toJSON=_render3.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot in circle avatar with placeholder prop',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Avatar["default"].Circle,{placeholder:_yogaIcons.UserFilled}))),toJSON=_render4.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot in avatar with children prop',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Avatar["default"],null,_react["default"].createElement(_Text["default"],null,"AL")))),toJSON=_render5.toJSON;expect(toJSON()).toMatchSnapshot();});});
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _react2 = require("@testing-library/react");
|
|
6
|
-
|
|
7
|
-
var _yogaIcons = require("@gympass/yoga-icons");
|
|
8
|
-
|
|
9
|
-
var _ = require("../..");
|
|
10
|
-
|
|
11
|
-
var _Avatar = _interopRequireDefault(require("./Avatar"));
|
|
12
|
-
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
|
-
|
|
15
|
-
describe('<Avatar />', function () {
|
|
16
|
-
it('should match snapshot in default avatar', function () {
|
|
17
|
-
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
18
|
-
width: 78,
|
|
19
|
-
height: 78,
|
|
20
|
-
fill: "black"
|
|
21
|
-
}))),
|
|
22
|
-
container = _render.container;
|
|
23
|
-
|
|
24
|
-
expect(container).toMatchSnapshot();
|
|
25
|
-
});
|
|
26
|
-
it('should match snapshot in default avatar with src and alt prop', function () {
|
|
27
|
-
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
28
|
-
src: "https://github.com/Gympass.png",
|
|
29
|
-
alt: "Gympass brand logo"
|
|
30
|
-
}))),
|
|
31
|
-
container = _render2.container;
|
|
32
|
-
|
|
33
|
-
expect(container).toMatchSnapshot();
|
|
34
|
-
});
|
|
35
|
-
it('should match snapshot in default avatar with placeholder prop', function () {
|
|
36
|
-
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
37
|
-
icon: _yogaIcons.UserFilled
|
|
38
|
-
}))),
|
|
39
|
-
container = _render3.container;
|
|
40
|
-
|
|
41
|
-
expect(container).toMatchSnapshot();
|
|
42
|
-
});
|
|
43
|
-
it('should match snapshot in circle avatar', function () {
|
|
44
|
-
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_Avatar["default"].Circle, null))),
|
|
45
|
-
container = _render4.container;
|
|
46
|
-
|
|
47
|
-
expect(container).toMatchSnapshot();
|
|
48
|
-
});
|
|
49
|
-
it('should match snapshot in circle avatar with placeholder prop', function () {
|
|
50
|
-
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_Avatar["default"].Circle, {
|
|
51
|
-
icon: _yogaIcons.UserFilled
|
|
52
|
-
}))),
|
|
53
|
-
container = _render5.container;
|
|
54
|
-
|
|
55
|
-
expect(container).toMatchSnapshot();
|
|
56
|
-
});
|
|
57
|
-
it('should match snapshot in circle avatar with src and alt prop', function () {
|
|
58
|
-
var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_Avatar["default"].Circle, {
|
|
59
|
-
src: "https://github.com/Gympass.png",
|
|
60
|
-
alt: "Gympass brand logo"
|
|
61
|
-
}))),
|
|
62
|
-
container = _render6.container;
|
|
63
|
-
|
|
64
|
-
expect(container).toMatchSnapshot();
|
|
65
|
-
});
|
|
66
|
-
it('should match snapshot in avatar with children prop', function () {
|
|
67
|
-
var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "LC")))),
|
|
68
|
-
container = _render7.container;
|
|
69
|
-
|
|
70
|
-
expect(container).toMatchSnapshot();
|
|
71
|
-
});
|
|
72
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");describe('<Banner />',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Banner,{message:"Feedback message."}))),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with custom variant',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Banner,{variant:"success",message:"Success banner without button"}),_react["default"].createElement(_.Banner,{variant:"informative",message:"Informative banner without button"}),_react["default"].createElement(_.Banner,{variant:"attention",message:"Attention banner without button"}))),toJSON=_render2.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with icon',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Banner,{icon:_yogaIcons.CheckedFull,message:"Banner with icon"}))),toJSON=_render3.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with button',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Banner,{message:"Banner with button",primaryButton:{label:'Action',action:function action(){}}}))),toJSON=_render4.toJSON;expect(toJSON()).toMatchSnapshot();});it('should call button action function when the banner button is pressed',function(){var onButtonPressMock=jest.fn();var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Banner,{message:"Banner with button",primaryButton:{label:'Action',action:onButtonPressMock}}))),getByText=_render5.getByText;_reactNative.fireEvent.press(getByText('Action'));expect(onButtonPressMock).toHaveBeenCalled();});it('should match snapshot with two action buttons',function(){var _render6=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Banner,{message:"Banner with two action buttons",primaryButton:{label:'Primary Action',action:function action(){}},secondaryButton:{label:'Secondary Action',action:function action(){}}}))),toJSON=_render6.toJSON;expect(toJSON()).toMatchSnapshot();});it('should call both buttons action function when each banner action button are pressed',function(){var onPrimaryButtonPressMock=jest.fn();var onSecondaryButtonPressMock=jest.fn();var _render7=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Banner,{message:"Banner with button",primaryButton:{label:'Primary Action',action:onPrimaryButtonPressMock},secondaryButton:{label:'Secondary Action',action:onSecondaryButtonPressMock}}))),getByText=_render7.getByText;_reactNative.fireEvent.press(getByText('Primary Action'));expect(onPrimaryButtonPressMock).toHaveBeenCalled();_reactNative.fireEvent.press(getByText('Secondary Action'));expect(onSecondaryButtonPressMock).toHaveBeenCalled();});});
|
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _react2 = require("@testing-library/react");
|
|
6
|
-
|
|
7
|
-
var _yogaIcons = require("@gympass/yoga-icons");
|
|
8
|
-
|
|
9
|
-
var _ = require("../..");
|
|
10
|
-
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
|
|
13
|
-
describe('<Banner />', function () {
|
|
14
|
-
it('should match snapshot', function () {
|
|
15
|
-
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Banner, {
|
|
16
|
-
message: "Feedback message."
|
|
17
|
-
}))),
|
|
18
|
-
container = _render.container;
|
|
19
|
-
|
|
20
|
-
expect(container).toMatchSnapshot();
|
|
21
|
-
});
|
|
22
|
-
it('should match snapshot with custom variant', function () {
|
|
23
|
-
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Banner, {
|
|
24
|
-
variant: "success",
|
|
25
|
-
message: "Success banner without button"
|
|
26
|
-
}), /*#__PURE__*/_react["default"].createElement(_.Banner, {
|
|
27
|
-
variant: "informative",
|
|
28
|
-
message: "Informative banner without button"
|
|
29
|
-
}), /*#__PURE__*/_react["default"].createElement(_.Banner, {
|
|
30
|
-
variant: "attention",
|
|
31
|
-
message: "Attention banner without button"
|
|
32
|
-
}))),
|
|
33
|
-
container = _render2.container;
|
|
34
|
-
|
|
35
|
-
expect(container).toMatchSnapshot();
|
|
36
|
-
});
|
|
37
|
-
it('should match snapshot with icon', function () {
|
|
38
|
-
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Banner, {
|
|
39
|
-
icon: _yogaIcons.CheckedFull,
|
|
40
|
-
message: "Banner with icon"
|
|
41
|
-
}))),
|
|
42
|
-
container = _render3.container;
|
|
43
|
-
|
|
44
|
-
expect(container).toMatchSnapshot();
|
|
45
|
-
});
|
|
46
|
-
it('should match snapshot with button', function () {
|
|
47
|
-
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Banner, {
|
|
48
|
-
message: "Banner with button",
|
|
49
|
-
primaryButton: {
|
|
50
|
-
label: 'Action',
|
|
51
|
-
action: function action() {}
|
|
52
|
-
}
|
|
53
|
-
}))),
|
|
54
|
-
container = _render4.container;
|
|
55
|
-
|
|
56
|
-
expect(container).toMatchSnapshot();
|
|
57
|
-
});
|
|
58
|
-
it('should call button action function when the banner button is clicked', function () {
|
|
59
|
-
var onButtonClickMock = jest.fn();
|
|
60
|
-
|
|
61
|
-
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Banner, {
|
|
62
|
-
message: "Banner with button",
|
|
63
|
-
primaryButton: {
|
|
64
|
-
label: 'Action',
|
|
65
|
-
action: onButtonClickMock
|
|
66
|
-
}
|
|
67
|
-
}))),
|
|
68
|
-
getByRole = _render5.getByRole;
|
|
69
|
-
|
|
70
|
-
_react2.fireEvent.click(getByRole('button', {
|
|
71
|
-
name: 'Action'
|
|
72
|
-
}));
|
|
73
|
-
|
|
74
|
-
expect(onButtonClickMock).toHaveBeenCalled();
|
|
75
|
-
});
|
|
76
|
-
it('should match snapshot with two action buttons', function () {
|
|
77
|
-
var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Banner, {
|
|
78
|
-
message: "Banner with two action buttons",
|
|
79
|
-
primaryButton: {
|
|
80
|
-
label: 'Primary Action',
|
|
81
|
-
action: function action() {}
|
|
82
|
-
},
|
|
83
|
-
secondaryButton: {
|
|
84
|
-
label: 'Secondary Action',
|
|
85
|
-
action: function action() {}
|
|
86
|
-
}
|
|
87
|
-
}))),
|
|
88
|
-
container = _render6.container;
|
|
89
|
-
|
|
90
|
-
expect(container).toMatchSnapshot();
|
|
91
|
-
});
|
|
92
|
-
it('should call both buttons action function when each banner action button are clicked', function () {
|
|
93
|
-
var onPrimaryButtonClickMock = jest.fn();
|
|
94
|
-
var onSecondaryButtonClickMock = jest.fn();
|
|
95
|
-
|
|
96
|
-
var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Banner, {
|
|
97
|
-
message: "Banner with button",
|
|
98
|
-
primaryButton: {
|
|
99
|
-
label: 'Primary Action',
|
|
100
|
-
action: onPrimaryButtonClickMock
|
|
101
|
-
},
|
|
102
|
-
secondaryButton: {
|
|
103
|
-
label: 'Secondary Action',
|
|
104
|
-
action: onSecondaryButtonClickMock
|
|
105
|
-
}
|
|
106
|
-
}))),
|
|
107
|
-
getByRole = _render7.getByRole;
|
|
108
|
-
|
|
109
|
-
_react2.fireEvent.click(getByRole('button', {
|
|
110
|
-
name: 'Primary Action'
|
|
111
|
-
}));
|
|
112
|
-
|
|
113
|
-
expect(onPrimaryButtonClickMock).toHaveBeenCalled();
|
|
114
|
-
|
|
115
|
-
_react2.fireEvent.click(getByRole('button', {
|
|
116
|
-
name: 'Secondary Action'
|
|
117
|
-
}));
|
|
118
|
-
|
|
119
|
-
expect(onSecondaryButtonClickMock).toHaveBeenCalled();
|
|
120
|
-
});
|
|
121
|
-
});
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _react2 = require("@testing-library/react");
|
|
6
|
-
|
|
7
|
-
var _ = require("../..");
|
|
8
|
-
|
|
9
|
-
var _2 = _interopRequireDefault(require("."));
|
|
10
|
-
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
|
|
13
|
-
describe('<BottomSheet />', function () {
|
|
14
|
-
afterEach(_react2.cleanup);
|
|
15
|
-
it('should match snapshot', function () {
|
|
16
|
-
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
|
|
17
|
-
isOpen: true
|
|
18
|
-
}, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"), /*#__PURE__*/_react["default"].createElement(_2["default"].Content, null, "Subtitle"), /*#__PURE__*/_react["default"].createElement(_2["default"].Footer, null, /*#__PURE__*/_react["default"].createElement(_.Button, {
|
|
19
|
-
secondary: true
|
|
20
|
-
}, "Ok, got it"))))),
|
|
21
|
-
baseElement = _render.baseElement;
|
|
22
|
-
|
|
23
|
-
expect(baseElement).toMatchSnapshot();
|
|
24
|
-
});
|
|
25
|
-
it('should render a minimal bottom sheet', function () {
|
|
26
|
-
var onActionMock = jest.fn();
|
|
27
|
-
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
|
|
28
|
-
isOpen: true
|
|
29
|
-
}, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"), /*#__PURE__*/_react["default"].createElement(_2["default"].Content, null, "Subtitle"), /*#__PURE__*/_react["default"].createElement(_2["default"].Footer, null, /*#__PURE__*/_react["default"].createElement(_.Button, {
|
|
30
|
-
onClick: onActionMock,
|
|
31
|
-
secondary: true
|
|
32
|
-
}, "Ok, got it")))));
|
|
33
|
-
|
|
34
|
-
_react2.screen.getByText('Title');
|
|
35
|
-
|
|
36
|
-
_react2.screen.getByText('Subtitle');
|
|
37
|
-
|
|
38
|
-
var button = _react2.screen.getByRole('button', {
|
|
39
|
-
name: /Ok, got it/i
|
|
40
|
-
});
|
|
41
|
-
|
|
42
|
-
_react2.fireEvent.click(button);
|
|
43
|
-
|
|
44
|
-
expect(onActionMock).toHaveBeenCalledTimes(1);
|
|
45
|
-
});
|
|
46
|
-
it('should hide the close button', function () {
|
|
47
|
-
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
|
|
48
|
-
isOpen: true,
|
|
49
|
-
onClose: function onClose() {}
|
|
50
|
-
}, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"))));
|
|
51
|
-
expect(_react2.screen.queryByRole('button')).toBeNull();
|
|
52
|
-
});
|
|
53
|
-
it('should show the close button', function () {
|
|
54
|
-
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
|
|
55
|
-
isOpen: true,
|
|
56
|
-
hideCloseButton: false,
|
|
57
|
-
onClose: function onClose() {}
|
|
58
|
-
}, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"))));
|
|
59
|
-
expect(_react2.screen.getByRole('button')).not.toBeNull();
|
|
60
|
-
});
|
|
61
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=require("../..");describe('<Box />',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Box,{b:"small",p:"small",borderRadius:"small",color:"feedback.success.dark"},_react["default"].createElement(_.Text,null,"Making wellbeing universal")))),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});});
|