@gympass/yoga 7.53.6 → 7.53.8

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.
Files changed (7) hide show
  1. package/cjs/ActionRequirement/native/ActionRequirement.js +1 -1
  2. package/cjs/ActionRequirement/web/ActionRequirement.js +4 -4
  3. package/cjs/ActionRequirement/web/ActionRequirement.test.js +22 -2
  4. package/esm/ActionRequirement/native/ActionRequirement.js +2 -2
  5. package/esm/ActionRequirement/web/ActionRequirement.js +4 -4
  6. package/esm/ActionRequirement/web/ActionRequirement.test.js +21 -2
  7. package/package.json +3 -3
package/cjs/ActionRequirement/native/ActionRequirement.js CHANGED
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _native=_interopRequireDefault(require("styled-components/native"));var _reactNative=require("react-native");var _Box=_interopRequireDefault(require("../../Box"));var _ActionRequirementStyles=require("./ActionRequirementStyles");var _Text=_interopRequireDefault(require("../../Text"));var _templateObject;var StyledActionRequirement=_native["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));function ActionRequirement(props){var title=props.title,description=props.description,children=props.children,checkable=props.checkable,illustration=props.illustration,list=props.list;return _react["default"].createElement(StyledActionRequirement,props,illustration&&_react["default"].createElement(_Box["default"],null,illustration),_react["default"].createElement(_ActionRequirementStyles.Title,null,title),_react["default"].createElement(_Text["default"],{mt:"small",color:"deep"},description),_react["default"].createElement(_Text["default"],{mt:"small",color:"deep"},list&&_react["default"].createElement(_Box["default"],{mt:"xxxlarge"},list)),checkable&&_react["default"].createElement(_Box["default"],{mt:"xxxlarge"},checkable),_react["default"].createElement(_reactNative.View,null,children));}ActionRequirement.propTypes={title:_propTypes.string.isRequired,children:(0,_propTypes.oneOfType)([(0,_propTypes.arrayOf)(_propTypes.node),_propTypes.node]),description:_propTypes.string.isRequired,checkable:(0,_propTypes.oneOfType)([(0,_propTypes.arrayOf)(_propTypes.node),_propTypes.node]),illustration:(0,_propTypes.oneOfType)([(0,_propTypes.arrayOf)(_propTypes.node),_propTypes.node]),list:(0,_propTypes.oneOfType)([(0,_propTypes.arrayOf)(_propTypes.node),_propTypes.node])};ActionRequirement.defaultProps={children:undefined,checkable:undefined,illustration:undefined,list:undefined};var _default=ActionRequirement;exports["default"]=_default;
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _native=_interopRequireDefault(require("styled-components/native"));var _reactNative=require("react-native");var _Box=_interopRequireDefault(require("../../Box"));var _ActionRequirementStyles=require("./ActionRequirementStyles");var _Text=_interopRequireDefault(require("../../Text"));var _templateObject;var StyledActionRequirement=_native["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));function ActionRequirement(props){var title=props.title,description=props.description,children=props.children,checkable=props.checkable,illustration=props.illustration,list=props.list;return _react["default"].createElement(StyledActionRequirement,props,illustration&&_react["default"].createElement(_Box["default"],null,illustration),_react["default"].createElement(_ActionRequirementStyles.Title,null,title),_react["default"].createElement(_Text["default"],{mt:"small",color:"deep"},description),list&&_react["default"].createElement(_Text["default"],{mt:"small",color:"deep"},_react["default"].createElement(_Box["default"],{mt:"xxxlarge"},list)),checkable&&_react["default"].createElement(_Box["default"],{mt:"xxxlarge"},checkable),_react["default"].createElement(_reactNative.View,null,children));}ActionRequirement.propTypes={title:_propTypes.string.isRequired,children:(0,_propTypes.oneOfType)([(0,_propTypes.arrayOf)(_propTypes.node),_propTypes.node]),description:_propTypes.string.isRequired,checkable:(0,_propTypes.oneOfType)([(0,_propTypes.arrayOf)(_propTypes.node),_propTypes.node]),illustration:(0,_propTypes.oneOfType)([(0,_propTypes.arrayOf)(_propTypes.node),_propTypes.node]),list:(0,_propTypes.oneOfType)([(0,_propTypes.arrayOf)(_propTypes.node),_propTypes.node])};ActionRequirement.defaultProps={children:undefined,checkable:undefined,illustration:undefined,list:undefined};var _default=ActionRequirement;exports["default"]=_default;
package/cjs/ActionRequirement/web/ActionRequirement.js CHANGED
@@ -23,11 +23,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
23
23
 
24
24
  function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
25
25
 
26
- var StyledActionRequirement = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n display: flex;\n ", "\n ", "\n"])), _yogaHelpers.media.xxs(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n flex-direction: column;\n "]))), _yogaHelpers.media.lg(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n flex-direction: row-reverse;\n "]))));
26
+ var StyledActionRequirement = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 100%;\n ", "\n ", "\n"])), _yogaHelpers.media.xxs(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n flex-direction: column;\n "]))), _yogaHelpers.media.lg(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n flex-direction: row-reverse;\n "]))));
27
27
 
28
28
  var Content = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n ", "\n\n ", "\n"])), _yogaHelpers.media.xxs(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n width: auto;\n margin-right: 0;\n "]))), _yogaHelpers.media.lg(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n width: 520px;\n margin-right: 120px;\n "]))));
29
29
 
30
- var BoxIllustration = (0, _styledComponents["default"])(_Box["default"])(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n text-align: center;\n"])));
30
+ var BoxIllustration = (0, _styledComponents["default"])(_Box["default"])(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n flex-grow: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
31
31
 
32
32
  function isChildFromComponent(child, component) {
33
33
  return child.type.displayName === component.displayName;
@@ -54,10 +54,10 @@ function ActionRequirement(props) {
54
54
  return /*#__PURE__*/_react["default"].createElement(StyledActionRequirement, props, illustration && /*#__PURE__*/_react["default"].createElement(BoxIllustration, null, illustration), /*#__PURE__*/_react["default"].createElement(Content, null, /*#__PURE__*/_react["default"].createElement(_ActionRequirementStyles.Title, null, title), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
55
55
  mt: "small",
56
56
  color: "deep"
57
- }, description), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
57
+ }, description), list && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
58
58
  mt: "large",
59
59
  color: "deep"
60
- }, list && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, list)), checkable && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
60
+ }, /*#__PURE__*/_react["default"].createElement(_Box["default"], null, list)), checkable && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
61
61
  mt: "xxlarge"
62
62
  }, checkable), /*#__PURE__*/_react["default"].createElement(_ActionRequirementStyles.Actions, {
63
63
  mt: "xlarge"
package/cjs/ActionRequirement/web/ActionRequirement.test.js CHANGED
@@ -4,17 +4,37 @@ var _react = _interopRequireDefault(require("react"));
4
4
 
5
5
  var _react2 = require("@testing-library/react");
6
6
 
7
- var _ = require("../..");
7
+ var _yoga = require("@gympass/yoga");
8
+
9
+ var _yogaIcons = require("@gympass/yoga-icons");
8
10
 
9
11
  var _ActionRequirement = _interopRequireDefault(require("./ActionRequirement"));
10
12
 
13
+ var _ = require("../..");
14
+
11
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
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
+
13
25
  describe('<ActionRequirement />', function () {
14
- it('should match snapshot', function () {
26
+ it('should default match snapshot', function () {
15
27
  var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_ActionRequirement["default"], null))),
16
28
  container = _render.container;
17
29
 
18
30
  expect(container).toMatchSnapshot();
19
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
+ });
20
40
  });
package/esm/ActionRequirement/native/ActionRequirement.js CHANGED
@@ -21,10 +21,10 @@ function ActionRequirement(props) {
21
21
  return /*#__PURE__*/React.createElement(StyledActionRequirement, props, illustration && /*#__PURE__*/React.createElement(Box, null, illustration), /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement(Text, {
22
22
  mt: "small",
23
23
  color: "deep"
24
- }, description), /*#__PURE__*/React.createElement(Text, {
24
+ }, description), list && /*#__PURE__*/React.createElement(Text, {
25
25
  mt: "small",
26
26
  color: "deep"
27
- }, list && /*#__PURE__*/React.createElement(Box, {
27
+ }, /*#__PURE__*/React.createElement(Box, {
28
28
  mt: "xxxlarge"
29
29
  }, list)), checkable && /*#__PURE__*/React.createElement(Box, {
30
30
  mt: "xxxlarge"
package/esm/ActionRequirement/web/ActionRequirement.js CHANGED
@@ -9,9 +9,9 @@ import { media } from '@gympass/yoga-helpers';
9
9
  import { Actions, Title, PrimaryButton, SecondaryButton } from './ActionRequirementStyles';
10
10
  import Text from '../../Text';
11
11
  import Box from '../../Box';
12
- var StyledActionRequirement = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n display: flex;\n ", "\n ", "\n"])), media.xxs(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n flex-direction: column;\n "]))), media.lg(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n flex-direction: row-reverse;\n "]))));
12
+ var StyledActionRequirement = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 100%;\n ", "\n ", "\n"])), media.xxs(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n flex-direction: column;\n "]))), media.lg(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n flex-direction: row-reverse;\n "]))));
13
13
  var Content = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n ", "\n\n ", "\n"])), media.xxs(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n width: auto;\n margin-right: 0;\n "]))), media.lg(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n width: 520px;\n margin-right: 120px;\n "]))));
14
- var BoxIllustration = styled(Box)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n text-align: center;\n"])));
14
+ var BoxIllustration = styled(Box)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n flex-grow: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
15
15
 
16
16
  function isChildFromComponent(child, component) {
17
17
  return child.type.displayName === component.displayName;
@@ -38,10 +38,10 @@ function ActionRequirement(props) {
38
38
  return /*#__PURE__*/React.createElement(StyledActionRequirement, props, illustration && /*#__PURE__*/React.createElement(BoxIllustration, null, illustration), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement(Text, {
39
39
  mt: "small",
40
40
  color: "deep"
41
- }, description), /*#__PURE__*/React.createElement(Text, {
41
+ }, description), list && /*#__PURE__*/React.createElement(Text, {
42
42
  mt: "large",
43
43
  color: "deep"
44
- }, list && /*#__PURE__*/React.createElement(Box, null, list)), checkable && /*#__PURE__*/React.createElement(Box, {
44
+ }, /*#__PURE__*/React.createElement(Box, null, list)), checkable && /*#__PURE__*/React.createElement(Box, {
45
45
  mt: "xxlarge"
46
46
  }, checkable), /*#__PURE__*/React.createElement(Actions, {
47
47
  mt: "xlarge"
package/esm/ActionRequirement/web/ActionRequirement.test.js CHANGED
@@ -1,12 +1,31 @@
1
1
  import React from 'react';
2
2
  import { render } from '@testing-library/react';
3
- import { ThemeProvider } from '../..';
3
+ import { Text } from '@gympass/yoga';
4
+ import { Dumbbell, User, Star } from '@gympass/yoga-icons';
4
5
  import ActionRequirement from './ActionRequirement';
6
+ import { ThemeProvider } from '../..';
7
+
8
+ function handleGetList() {
9
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(Dumbbell, null), " 1x/day standard access"), /*#__PURE__*/React.createElement(Text, {
10
+ mt: "small"
11
+ }, /*#__PURE__*/React.createElement(User, null), " 4x/month 1-on-1 sessions"), /*#__PURE__*/React.createElement(Text, {
12
+ mt: "small"
13
+ }, /*#__PURE__*/React.createElement(Star, null), " 2x/month premium classes"));
14
+ }
15
+
5
16
  describe('<ActionRequirement />', function () {
6
- it('should match snapshot', function () {
17
+ it('should default match snapshot', function () {
7
18
  var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(ActionRequirement, null))),
8
19
  container = _render.container;
9
20
 
10
21
  expect(container).toMatchSnapshot();
11
22
  });
23
+ it('should match snapshot with list', function () {
24
+ var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(ActionRequirement, {
25
+ list: handleGetList()
26
+ }))),
27
+ container = _render2.container;
28
+
29
+ expect(container).toMatchSnapshot();
30
+ });
12
31
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.53.6",
3
+ "version": "7.53.8",
4
4
  "description": "Gympass component library",
5
5
  "main": "./cjs",
6
6
  "sideEffects": false,
@@ -27,7 +27,7 @@
27
27
  "dependencies": {
28
28
  "@gympass/yoga-common": "^1.1.1",
29
29
  "@gympass/yoga-helpers": "^1.0.3",
30
- "@gympass/yoga-icons": "^1.5.1",
30
+ "@gympass/yoga-icons": "^1.6.0",
31
31
  "@gympass/yoga-illustrations": "^0.5.1",
32
32
  "@gympass/yoga-system": "^0.10.2",
33
33
  "@gympass/yoga-tokens": "^3.1.4",
@@ -52,7 +52,7 @@
52
52
  "react": ">=16",
53
53
  "styled-components": "^4.4.0"
54
54
  },
55
- "gitHead": "09aa607d293360743340e3fe636a5839b0b142fe",
55
+ "gitHead": "364b71b2503f465e8194514a03e8d6724f77ec42",
56
56
  "module": "./esm",
57
57
  "private": false,
58
58
  "react-native": "./cjs/index.native.js"