@gympass/yoga 7.51.1 → 7.52.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/ActionRequirement/ActionRequirement.theme.js +11 -0
- package/cjs/ActionRequirement/index.js +11 -0
- package/cjs/ActionRequirement/index.native.js +1 -0
- package/cjs/ActionRequirement/native/ActionRequirement.js +1 -0
- package/cjs/ActionRequirement/native/ActionRequirement.test.js +1 -0
- package/cjs/ActionRequirement/native/ActionRequirementStyles.js +1 -0
- package/cjs/ActionRequirement/native/index.js +1 -0
- package/cjs/ActionRequirement/web/ActionRequirement.js +78 -0
- package/cjs/ActionRequirement/web/ActionRequirement.test.js +20 -0
- package/cjs/ActionRequirement/web/ActionRequirementStyles.js +46 -0
- package/cjs/ActionRequirement/web/index.js +16 -0
- package/cjs/Theme/theme/theme.js +3 -0
- package/cjs/index.js +4 -0
- package/cjs/index.native.js +1 -1
- package/esm/ActionRequirement/ActionRequirement.theme.js +5 -0
- package/esm/ActionRequirement/index.js +2 -0
- package/esm/ActionRequirement/index.native.js +2 -0
- package/esm/ActionRequirement/native/ActionRequirement.js +48 -0
- package/esm/ActionRequirement/native/ActionRequirement.test.js +45 -0
- package/esm/ActionRequirement/native/ActionRequirementStyles.js +25 -0
- package/esm/ActionRequirement/native/index.js +6 -0
- package/esm/ActionRequirement/web/ActionRequirement.js +64 -0
- package/esm/ActionRequirement/web/ActionRequirement.test.js +12 -0
- package/esm/ActionRequirement/web/ActionRequirementStyles.js +27 -0
- package/esm/ActionRequirement/web/index.js +6 -0
- package/esm/Theme/theme/theme.js +2 -0
- package/esm/index.js +2 -1
- package/esm/index.native.js +2 -1
- package/package.json +2 -2
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports["default"] = void 0;
|
|
5
|
+
|
|
6
|
+
var _web = _interopRequireDefault(require("./web"));
|
|
7
|
+
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
|
+
|
|
10
|
+
var _default = _web["default"];
|
|
11
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _native=_interopRequireDefault(require("./native"));var _default=_native["default"];exports["default"]=_default;
|
|
@@ -0,0 +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;
|
|
@@ -0,0 +1 @@
|
|
|
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();});});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Title=exports.SecondaryButton=exports.PrimaryButton=exports.Actions=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _index=_interopRequireDefault(require("../../Text/index.native"));var _index2=_interopRequireDefault(require("../../Box/index.native"));var _index3=_interopRequireDefault(require("../../Button/index.native"));var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Title=(0,_styledComponents["default"])(_index["default"].H4)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),function(_ref){var fontSizes=_ref.theme.yoga.fontSizes;return(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n @media (min-width: 769px) {\n max-width: 700px;\n font-size: ","px;\n line-height: ","px;\n }\n "])),fontSizes.huge,fontSizes.huge);});exports.Title=Title;var Actions=(0,_styledComponents["default"])(_index2["default"])(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),function(_ref2){var spacing=_ref2.theme.yoga.spacing;return(0,_styledComponents.css)(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n display: flex;\n flex-direction: column;\n\n @media (min-width: 769px) {\n flex-direction: row;\n margin-top: ","px;\n }\n "])),spacing.xlarge);});exports.Actions=Actions;var buttonsStyles=(0,_styledComponents.css)(_templateObject5||(_templateObject5=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),function(_ref3){var spacing=_ref3.theme.yoga.spacing;return(0,_styledComponents.css)(_templateObject6||(_templateObject6=(0,_taggedTemplateLiteralLoose2["default"])(["\n width: 100%;\n\n :last-child(:not(:first-child)) {\n margin-top: ","px;\n }\n\n @media (min-width: 769px) {\n width: auto;\n\n :last-child(:not(:first-child)) {\n margin-top: 0;\n margin-left: ","px;\n }\n }\n "])),spacing.small,spacing.large);});var PrimaryButton=(0,_styledComponents["default"])(_index3["default"])(_templateObject7||(_templateObject7=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),buttonsStyles);exports.PrimaryButton=PrimaryButton;var SecondaryButton=(0,_styledComponents["default"])(_index3["default"].Text)(_templateObject8||(_templateObject8=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),buttonsStyles);exports.SecondaryButton=SecondaryButton;Title.displayName='ActionRequirement.Title';PrimaryButton.displayName='ActionRequirement.PrimaryButton';SecondaryButton.displayName='ActionRequirement.SecondaryButton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _ActionRequirement=_interopRequireDefault(require("./ActionRequirement"));var _ActionRequirementStyles=require("./ActionRequirementStyles");_ActionRequirement["default"].Title=_ActionRequirementStyles.Title;_ActionRequirement["default"].PrimaryButton=_ActionRequirementStyles.PrimaryButton;_ActionRequirement["default"].SecondaryButton=_ActionRequirementStyles.SecondaryButton;var _default=_ActionRequirement["default"];exports["default"]=_default;
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports["default"] = void 0;
|
|
5
|
+
|
|
6
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
|
+
|
|
8
|
+
var _propTypes = require("prop-types");
|
|
9
|
+
|
|
10
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
+
|
|
12
|
+
var _ActionRequirementStyles = require("./ActionRequirementStyles");
|
|
13
|
+
|
|
14
|
+
var _Text = _interopRequireDefault(require("../../Text"));
|
|
15
|
+
|
|
16
|
+
var _Box = _interopRequireDefault(require("../../Box"));
|
|
17
|
+
|
|
18
|
+
var _templateObject;
|
|
19
|
+
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
+
|
|
22
|
+
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
23
|
+
|
|
24
|
+
var StyledActionRequirement = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
|
|
25
|
+
|
|
26
|
+
function isChildFromComponent(child, component) {
|
|
27
|
+
return child.type.displayName === component.displayName;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
function ActionRequirement(props) {
|
|
31
|
+
var title = props.title,
|
|
32
|
+
description = props.description,
|
|
33
|
+
children = props.children,
|
|
34
|
+
checkable = props.checkable,
|
|
35
|
+
illustration = props.illustration,
|
|
36
|
+
list = props.list;
|
|
37
|
+
var primaryButton;
|
|
38
|
+
var secondaryButton;
|
|
39
|
+
|
|
40
|
+
function defineCompoundComponents() {
|
|
41
|
+
_react["default"].Children.forEach(children, function (child) {
|
|
42
|
+
if (isChildFromComponent(child, _ActionRequirementStyles.PrimaryButton)) primaryButton = child;
|
|
43
|
+
if (isChildFromComponent(child, _ActionRequirementStyles.SecondaryButton)) secondaryButton = child;
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
defineCompoundComponents();
|
|
48
|
+
return /*#__PURE__*/_react["default"].createElement(StyledActionRequirement, props, illustration && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, illustration), /*#__PURE__*/_react["default"].createElement(_ActionRequirementStyles.Title, null, title), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
|
49
|
+
mt: "small",
|
|
50
|
+
color: "deep"
|
|
51
|
+
}, description), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
|
52
|
+
mt: "small",
|
|
53
|
+
color: "deep"
|
|
54
|
+
}, list && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
|
|
55
|
+
mt: "xxxlarge"
|
|
56
|
+
}, list)), checkable && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
|
|
57
|
+
mt: "xxxlarge"
|
|
58
|
+
}, checkable), /*#__PURE__*/_react["default"].createElement(_ActionRequirementStyles.Actions, {
|
|
59
|
+
mt: "xlarge"
|
|
60
|
+
}, primaryButton, secondaryButton));
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
ActionRequirement.propTypes = {
|
|
64
|
+
title: _propTypes.string.isRequired,
|
|
65
|
+
children: (0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(_propTypes.node), _propTypes.node]),
|
|
66
|
+
description: _propTypes.string.isRequired,
|
|
67
|
+
checkable: (0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(_propTypes.node), _propTypes.node]),
|
|
68
|
+
illustration: (0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(_propTypes.node), _propTypes.node]),
|
|
69
|
+
list: (0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(_propTypes.node), _propTypes.node])
|
|
70
|
+
};
|
|
71
|
+
ActionRequirement.defaultProps = {
|
|
72
|
+
children: undefined,
|
|
73
|
+
checkable: undefined,
|
|
74
|
+
illustration: undefined,
|
|
75
|
+
list: undefined
|
|
76
|
+
};
|
|
77
|
+
var _default = ActionRequirement;
|
|
78
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
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 _ActionRequirement = _interopRequireDefault(require("./ActionRequirement"));
|
|
10
|
+
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
+
|
|
13
|
+
describe('<ActionRequirement />', function () {
|
|
14
|
+
it('should match snapshot', function () {
|
|
15
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_ActionRequirement["default"], null))),
|
|
16
|
+
container = _render.container;
|
|
17
|
+
|
|
18
|
+
expect(container).toMatchSnapshot();
|
|
19
|
+
});
|
|
20
|
+
});
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.Title = exports.SecondaryButton = exports.PrimaryButton = exports.Actions = void 0;
|
|
5
|
+
|
|
6
|
+
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
7
|
+
|
|
8
|
+
var _Text = _interopRequireDefault(require("../../Text"));
|
|
9
|
+
|
|
10
|
+
var _Box = _interopRequireDefault(require("../../Box"));
|
|
11
|
+
|
|
12
|
+
var _Button = _interopRequireDefault(require("../../Button"));
|
|
13
|
+
|
|
14
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
+
|
|
18
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
+
|
|
20
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
+
|
|
22
|
+
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
23
|
+
|
|
24
|
+
var Title = (0, _styledComponents["default"])(_Text["default"].H4).attrs({
|
|
25
|
+
as: 'p'
|
|
26
|
+
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
27
|
+
var fontSizes = _ref.theme.yoga.fontSizes;
|
|
28
|
+
return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n @media (min-width: 769px) {\n max-width: 700px;\n font-size: ", "px;\n line-height: ", "px;\n }\n "])), fontSizes.huge, fontSizes.huge);
|
|
29
|
+
});
|
|
30
|
+
exports.Title = Title;
|
|
31
|
+
var Actions = (0, _styledComponents["default"])(_Box["default"])(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
|
|
32
|
+
var spacing = _ref2.theme.yoga.spacing;
|
|
33
|
+
return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n @media (min-width: 769px) {\n flex-direction: row;\n margin-top: ", "px;\n }\n "])), spacing.xlarge);
|
|
34
|
+
});
|
|
35
|
+
exports.Actions = Actions;
|
|
36
|
+
var buttonsStyles = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref3) {
|
|
37
|
+
var spacing = _ref3.theme.yoga.spacing;
|
|
38
|
+
return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n width: 100%;\n\n :last-child(:not(:first-child)) {\n margin-top: ", "px;\n }\n\n @media (min-width: 769px) {\n width: auto;\n\n :last-child(:not(:first-child)) {\n margin-top: 0;\n margin-left: ", "px;\n }\n }\n "])), spacing.small, spacing.large);
|
|
39
|
+
});
|
|
40
|
+
var PrimaryButton = (0, _styledComponents["default"])(_Button["default"])(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n ", "\n"])), buttonsStyles);
|
|
41
|
+
exports.PrimaryButton = PrimaryButton;
|
|
42
|
+
var SecondaryButton = (0, _styledComponents["default"])(_Button["default"].Text)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n ", "\n"])), buttonsStyles);
|
|
43
|
+
exports.SecondaryButton = SecondaryButton;
|
|
44
|
+
Title.displayName = 'ActionRequirement.Title';
|
|
45
|
+
PrimaryButton.displayName = 'ActionRequirement.PrimaryButton';
|
|
46
|
+
SecondaryButton.displayName = 'ActionRequirement.SecondaryButton';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports["default"] = void 0;
|
|
5
|
+
|
|
6
|
+
var _ActionRequirement = _interopRequireDefault(require("./ActionRequirement"));
|
|
7
|
+
|
|
8
|
+
var _ActionRequirementStyles = require("./ActionRequirementStyles");
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
_ActionRequirement["default"].Title = _ActionRequirementStyles.Title;
|
|
13
|
+
_ActionRequirement["default"].PrimaryButton = _ActionRequirementStyles.PrimaryButton;
|
|
14
|
+
_ActionRequirement["default"].SecondaryButton = _ActionRequirementStyles.SecondaryButton;
|
|
15
|
+
var _default = _ActionRequirement["default"];
|
|
16
|
+
exports["default"] = _default;
|
package/cjs/Theme/theme/theme.js
CHANGED
|
@@ -5,6 +5,8 @@ exports["default"] = void 0;
|
|
|
5
5
|
|
|
6
6
|
var _yogaCommon = require("@gympass/yoga-common");
|
|
7
7
|
|
|
8
|
+
var _ActionRequirementTheme = _interopRequireDefault(require("./../../ActionRequirement/ActionRequirement.theme.js"));
|
|
9
|
+
|
|
8
10
|
var _AutoCompleteTheme = _interopRequireDefault(require("./../../AutoComplete/AutoComplete.theme.js"));
|
|
9
11
|
|
|
10
12
|
var _AvatarTheme = _interopRequireDefault(require("./../../Avatar/Avatar.theme.js"));
|
|
@@ -78,6 +80,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
78
80
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
79
81
|
|
|
80
82
|
var componentThemes = {
|
|
83
|
+
ActionRequirement$ActionRequirement: _ActionRequirementTheme["default"],
|
|
81
84
|
AutoComplete$AutoComplete: _AutoCompleteTheme["default"],
|
|
82
85
|
Avatar$Avatar: _AvatarTheme["default"],
|
|
83
86
|
Banner$Banner: _BannerTheme["default"],
|
package/cjs/index.js
CHANGED
|
@@ -143,6 +143,10 @@ var _Skeleton = _interopRequireDefault(require("./Skeleton"));
|
|
|
143
143
|
|
|
144
144
|
exports.Skeleton = _Skeleton["default"];
|
|
145
145
|
|
|
146
|
+
var _ActionRequirement = _interopRequireDefault(require("./ActionRequirement"));
|
|
147
|
+
|
|
148
|
+
exports.ActionRequirement = _ActionRequirement["default"];
|
|
149
|
+
|
|
146
150
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
147
151
|
|
|
148
152
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
package/cjs/index.native.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function get(){return _Avatar["default"];}});Object.defineProperty(exports,"Banner",{enumerable:true,get:function get(){return _Banner["default"];}});Object.defineProperty(exports,"Box",{enumerable:true,get:function get(){return _Box["default"];}});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _Button["default"];}});Object.defineProperty(exports,"Card",{enumerable:true,get:function get(){return _native.Card;}});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function get(){return _Checkbox["default"];}});Object.defineProperty(exports,"Chips",{enumerable:true,get:function get(){return _Chips["default"];}});Object.defineProperty(exports,"Divider",{enumerable:true,get:function get(){return _Divider["default"];}});Object.defineProperty(exports,"Dropdown",{enumerable:true,get:function get(){return _Dropdown["default"];}});Object.defineProperty(exports,"EventCard",{enumerable:true,get:function get(){return _native.EventCard;}});Object.defineProperty(exports,"GymCard",{enumerable:true,get:function get(){return _native.GymCard;}});Object.defineProperty(exports,"Icon",{enumerable:true,get:function get(){return _Icon["default"];}});Object.defineProperty(exports,"Input",{enumerable:true,get:function get(){return _Input["default"];}});Object.defineProperty(exports,"List",{enumerable:true,get:function get(){return _List["default"];}});Object.defineProperty(exports,"PlanCard",{enumerable:true,get:function get(){return _native.PlanCard;}});Object.defineProperty(exports,"Progress",{enumerable:true,get:function get(){return _Progress["default"];}});Object.defineProperty(exports,"RadioGroup",{enumerable:true,get:function get(){return _RadioGroup["default"];}});Object.defineProperty(exports,"Rating",{enumerable:true,get:function get(){return _Rating["default"];}});Object.defineProperty(exports,"Result",{enumerable:true,get:function get(){return _Result["default"];}});Object.defineProperty(exports,"Skeleton",{enumerable:true,get:function get(){return _Skeleton["default"];}});Object.defineProperty(exports,"Slider",{enumerable:true,get:function get(){return _Slider["default"];}});Object.defineProperty(exports,"Snackbar",{enumerable:true,get:function get(){return _Snackbar["default"];}});Object.defineProperty(exports,"Stepper",{enumerable:true,get:function get(){return _Stepper["default"];}});Object.defineProperty(exports,"Tag",{enumerable:true,get:function get(){return _Tag["default"];}});Object.defineProperty(exports,"Text",{enumerable:true,get:function get(){return _Text["default"];}});Object.defineProperty(exports,"TextArea",{enumerable:true,get:function get(){return _TextArea["default"];}});Object.defineProperty(exports,"ThemeProvider",{enumerable:true,get:function get(){return _Theme["default"];}});Object.defineProperty(exports,"createTheme",{enumerable:true,get:function get(){return _Theme.createTheme;}});Object.defineProperty(exports,"theme",{enumerable:true,get:function get(){return _Theme.theme;}});Object.defineProperty(exports,"yogaTheme",{enumerable:true,get:function get(){return _Theme.yogaTheme;}});var _Theme=_interopRequireWildcard(require("./Theme"));var _Button=_interopRequireDefault(require("./Button"));var _List=_interopRequireDefault(require("./List"));var _Checkbox=_interopRequireDefault(require("./Checkbox"));var _Slider=_interopRequireDefault(require("./Slider"));var _RadioGroup=_interopRequireDefault(require("./RadioGroup"));var _native=require("./Card/native");var _Stepper=_interopRequireDefault(require("./Stepper"));var _Text=_interopRequireDefault(require("./Text"));var _Rating=_interopRequireDefault(require("./Rating"));var _Tag=_interopRequireDefault(require("./Tag"));var _Input=_interopRequireDefault(require("./Input"));var _Progress=_interopRequireDefault(require("./Progress"));var _Dropdown=_interopRequireDefault(require("./Dropdown"));var _TextArea=_interopRequireDefault(require("./TextArea"));var _Icon=_interopRequireDefault(require("./Icon"));var _Chips=_interopRequireDefault(require("./Chips"));var _Box=_interopRequireDefault(require("./Box"));var _Avatar=_interopRequireDefault(require("./Avatar"));var _Result=_interopRequireDefault(require("./Result"));var _Divider=_interopRequireDefault(require("./Divider"));var _Snackbar=_interopRequireDefault(require("./Snackbar"));var _Banner=_interopRequireDefault(require("./Banner"));var _Skeleton=_interopRequireDefault(require("./Skeleton"));function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ActionRequirement",{enumerable:true,get:function get(){return _ActionRequirement["default"];}});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function get(){return _Avatar["default"];}});Object.defineProperty(exports,"Banner",{enumerable:true,get:function get(){return _Banner["default"];}});Object.defineProperty(exports,"Box",{enumerable:true,get:function get(){return _Box["default"];}});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _Button["default"];}});Object.defineProperty(exports,"Card",{enumerable:true,get:function get(){return _native.Card;}});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function get(){return _Checkbox["default"];}});Object.defineProperty(exports,"Chips",{enumerable:true,get:function get(){return _Chips["default"];}});Object.defineProperty(exports,"Divider",{enumerable:true,get:function get(){return _Divider["default"];}});Object.defineProperty(exports,"Dropdown",{enumerable:true,get:function get(){return _Dropdown["default"];}});Object.defineProperty(exports,"EventCard",{enumerable:true,get:function get(){return _native.EventCard;}});Object.defineProperty(exports,"GymCard",{enumerable:true,get:function get(){return _native.GymCard;}});Object.defineProperty(exports,"Icon",{enumerable:true,get:function get(){return _Icon["default"];}});Object.defineProperty(exports,"Input",{enumerable:true,get:function get(){return _Input["default"];}});Object.defineProperty(exports,"List",{enumerable:true,get:function get(){return _List["default"];}});Object.defineProperty(exports,"PlanCard",{enumerable:true,get:function get(){return _native.PlanCard;}});Object.defineProperty(exports,"Progress",{enumerable:true,get:function get(){return _Progress["default"];}});Object.defineProperty(exports,"RadioGroup",{enumerable:true,get:function get(){return _RadioGroup["default"];}});Object.defineProperty(exports,"Rating",{enumerable:true,get:function get(){return _Rating["default"];}});Object.defineProperty(exports,"Result",{enumerable:true,get:function get(){return _Result["default"];}});Object.defineProperty(exports,"Skeleton",{enumerable:true,get:function get(){return _Skeleton["default"];}});Object.defineProperty(exports,"Slider",{enumerable:true,get:function get(){return _Slider["default"];}});Object.defineProperty(exports,"Snackbar",{enumerable:true,get:function get(){return _Snackbar["default"];}});Object.defineProperty(exports,"Stepper",{enumerable:true,get:function get(){return _Stepper["default"];}});Object.defineProperty(exports,"Tag",{enumerable:true,get:function get(){return _Tag["default"];}});Object.defineProperty(exports,"Text",{enumerable:true,get:function get(){return _Text["default"];}});Object.defineProperty(exports,"TextArea",{enumerable:true,get:function get(){return _TextArea["default"];}});Object.defineProperty(exports,"ThemeProvider",{enumerable:true,get:function get(){return _Theme["default"];}});Object.defineProperty(exports,"createTheme",{enumerable:true,get:function get(){return _Theme.createTheme;}});Object.defineProperty(exports,"theme",{enumerable:true,get:function get(){return _Theme.theme;}});Object.defineProperty(exports,"yogaTheme",{enumerable:true,get:function get(){return _Theme.yogaTheme;}});var _Theme=_interopRequireWildcard(require("./Theme"));var _Button=_interopRequireDefault(require("./Button"));var _List=_interopRequireDefault(require("./List"));var _Checkbox=_interopRequireDefault(require("./Checkbox"));var _Slider=_interopRequireDefault(require("./Slider"));var _RadioGroup=_interopRequireDefault(require("./RadioGroup"));var _native=require("./Card/native");var _Stepper=_interopRequireDefault(require("./Stepper"));var _Text=_interopRequireDefault(require("./Text"));var _Rating=_interopRequireDefault(require("./Rating"));var _Tag=_interopRequireDefault(require("./Tag"));var _Input=_interopRequireDefault(require("./Input"));var _Progress=_interopRequireDefault(require("./Progress"));var _Dropdown=_interopRequireDefault(require("./Dropdown"));var _TextArea=_interopRequireDefault(require("./TextArea"));var _Icon=_interopRequireDefault(require("./Icon"));var _Chips=_interopRequireDefault(require("./Chips"));var _Box=_interopRequireDefault(require("./Box"));var _Avatar=_interopRequireDefault(require("./Avatar"));var _Result=_interopRequireDefault(require("./Result"));var _Divider=_interopRequireDefault(require("./Divider"));var _Snackbar=_interopRequireDefault(require("./Snackbar"));var _Banner=_interopRequireDefault(require("./Banner"));var _Skeleton=_interopRequireDefault(require("./Skeleton"));var _ActionRequirement=_interopRequireDefault(require("./ActionRequirement"));function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
var _templateObject;
|
|
2
|
+
|
|
3
|
+
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
4
|
+
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { arrayOf, node, oneOfType, string } from 'prop-types';
|
|
7
|
+
import styled from 'styled-components/native';
|
|
8
|
+
import { View } from 'react-native';
|
|
9
|
+
import Box from '../../Box';
|
|
10
|
+
import { Title } from './ActionRequirementStyles';
|
|
11
|
+
import Text from '../../Text';
|
|
12
|
+
var StyledActionRequirement = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
|
|
13
|
+
|
|
14
|
+
function ActionRequirement(props) {
|
|
15
|
+
var title = props.title,
|
|
16
|
+
description = props.description,
|
|
17
|
+
children = props.children,
|
|
18
|
+
checkable = props.checkable,
|
|
19
|
+
illustration = props.illustration,
|
|
20
|
+
list = props.list;
|
|
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
|
+
mt: "small",
|
|
23
|
+
color: "deep"
|
|
24
|
+
}, description), /*#__PURE__*/React.createElement(Text, {
|
|
25
|
+
mt: "small",
|
|
26
|
+
color: "deep"
|
|
27
|
+
}, list && /*#__PURE__*/React.createElement(Box, {
|
|
28
|
+
mt: "xxxlarge"
|
|
29
|
+
}, list)), checkable && /*#__PURE__*/React.createElement(Box, {
|
|
30
|
+
mt: "xxxlarge"
|
|
31
|
+
}, checkable), /*#__PURE__*/React.createElement(View, null, children));
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
ActionRequirement.propTypes = {
|
|
35
|
+
title: string.isRequired,
|
|
36
|
+
children: oneOfType([arrayOf(node), node]),
|
|
37
|
+
description: string.isRequired,
|
|
38
|
+
checkable: oneOfType([arrayOf(node), node]),
|
|
39
|
+
illustration: oneOfType([arrayOf(node), node]),
|
|
40
|
+
list: oneOfType([arrayOf(node), node])
|
|
41
|
+
};
|
|
42
|
+
ActionRequirement.defaultProps = {
|
|
43
|
+
children: undefined,
|
|
44
|
+
checkable: undefined,
|
|
45
|
+
illustration: undefined,
|
|
46
|
+
list: undefined
|
|
47
|
+
};
|
|
48
|
+
export default ActionRequirement;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react-native';
|
|
3
|
+
import { Box, Checkbox, Text } from '@gympass/yoga';
|
|
4
|
+
import { Img2d01 } from '@gympass/yoga-illustrations';
|
|
5
|
+
import { Dumbbell, User, Star } from '@gympass/yoga-icons';
|
|
6
|
+
import { ThemeProvider } from '../..';
|
|
7
|
+
import ActionRequirement from './ActionRequirement';
|
|
8
|
+
|
|
9
|
+
function handleGetCheckableContent() {
|
|
10
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
11
|
+
display: "flex",
|
|
12
|
+
flexDirection: "row",
|
|
13
|
+
alignItems: "center"
|
|
14
|
+
}, /*#__PURE__*/React.createElement(Checkbox, null), /*#__PURE__*/React.createElement(Text, null, "I have read and agree to the Terms of Use and Privacy Policy."));
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
function handleGetIllustration() {
|
|
18
|
+
return /*#__PURE__*/React.createElement(Img2d01, {
|
|
19
|
+
width: 375,
|
|
20
|
+
height: 375
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
function handleGetList() {
|
|
25
|
+
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, {
|
|
26
|
+
mt: "small"
|
|
27
|
+
}, /*#__PURE__*/React.createElement(User, null), " 4x/month 1-on-1 sessions"), /*#__PURE__*/React.createElement(Text, {
|
|
28
|
+
mt: "small"
|
|
29
|
+
}, /*#__PURE__*/React.createElement(Star, null), " 2x/month premium classes"));
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
describe('<ActionRequirement />', function () {
|
|
33
|
+
it('should match snapshot', function () {
|
|
34
|
+
var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(ActionRequirement, {
|
|
35
|
+
title: "Welcome to the world of feeling good!",
|
|
36
|
+
description: "Lets make it a good day!",
|
|
37
|
+
illustration: handleGetIllustration(),
|
|
38
|
+
checkable: handleGetCheckableContent(),
|
|
39
|
+
list: handleGetList()
|
|
40
|
+
}))),
|
|
41
|
+
toJSON = _render.toJSON;
|
|
42
|
+
|
|
43
|
+
expect(toJSON()).toMatchSnapshot();
|
|
44
|
+
});
|
|
45
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
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 Text from '../../Text/index.native';
|
|
7
|
+
import Box from '../../Box/index.native';
|
|
8
|
+
import Button from '../../Button/index.native';
|
|
9
|
+
export var Title = styled(Text.H4)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10
|
+
var fontSizes = _ref.theme.yoga.fontSizes;
|
|
11
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n @media (min-width: 769px) {\n max-width: 700px;\n font-size: ", "px;\n line-height: ", "px;\n }\n "])), fontSizes.huge, fontSizes.huge);
|
|
12
|
+
});
|
|
13
|
+
export var Actions = styled(Box)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
|
|
14
|
+
var spacing = _ref2.theme.yoga.spacing;
|
|
15
|
+
return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n @media (min-width: 769px) {\n flex-direction: row;\n margin-top: ", "px;\n }\n "])), spacing.xlarge);
|
|
16
|
+
});
|
|
17
|
+
var buttonsStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref3) {
|
|
18
|
+
var spacing = _ref3.theme.yoga.spacing;
|
|
19
|
+
return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n width: 100%;\n\n :last-child(:not(:first-child)) {\n margin-top: ", "px;\n }\n\n @media (min-width: 769px) {\n width: auto;\n\n :last-child(:not(:first-child)) {\n margin-top: 0;\n margin-left: ", "px;\n }\n }\n "])), spacing.small, spacing.large);
|
|
20
|
+
});
|
|
21
|
+
export var PrimaryButton = styled(Button)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n ", "\n"])), buttonsStyles);
|
|
22
|
+
export var SecondaryButton = styled(Button.Text)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n ", "\n"])), buttonsStyles);
|
|
23
|
+
Title.displayName = 'ActionRequirement.Title';
|
|
24
|
+
PrimaryButton.displayName = 'ActionRequirement.PrimaryButton';
|
|
25
|
+
SecondaryButton.displayName = 'ActionRequirement.SecondaryButton';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import ActionRequirement from './ActionRequirement';
|
|
2
|
+
import { Title, PrimaryButton, SecondaryButton } from './ActionRequirementStyles';
|
|
3
|
+
ActionRequirement.Title = Title;
|
|
4
|
+
ActionRequirement.PrimaryButton = PrimaryButton;
|
|
5
|
+
ActionRequirement.SecondaryButton = SecondaryButton;
|
|
6
|
+
export default ActionRequirement;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
var _templateObject;
|
|
2
|
+
|
|
3
|
+
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
4
|
+
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { arrayOf, node, oneOfType, string } from 'prop-types';
|
|
7
|
+
import styled from 'styled-components';
|
|
8
|
+
import { Actions, Title, PrimaryButton, SecondaryButton } from './ActionRequirementStyles';
|
|
9
|
+
import Text from '../../Text';
|
|
10
|
+
import Box from '../../Box';
|
|
11
|
+
var StyledActionRequirement = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
|
|
12
|
+
|
|
13
|
+
function isChildFromComponent(child, component) {
|
|
14
|
+
return child.type.displayName === component.displayName;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
function ActionRequirement(props) {
|
|
18
|
+
var title = props.title,
|
|
19
|
+
description = props.description,
|
|
20
|
+
children = props.children,
|
|
21
|
+
checkable = props.checkable,
|
|
22
|
+
illustration = props.illustration,
|
|
23
|
+
list = props.list;
|
|
24
|
+
var primaryButton;
|
|
25
|
+
var secondaryButton;
|
|
26
|
+
|
|
27
|
+
function defineCompoundComponents() {
|
|
28
|
+
React.Children.forEach(children, function (child) {
|
|
29
|
+
if (isChildFromComponent(child, PrimaryButton)) primaryButton = child;
|
|
30
|
+
if (isChildFromComponent(child, SecondaryButton)) secondaryButton = child;
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
defineCompoundComponents();
|
|
35
|
+
return /*#__PURE__*/React.createElement(StyledActionRequirement, props, illustration && /*#__PURE__*/React.createElement(Box, null, illustration), /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement(Text, {
|
|
36
|
+
mt: "small",
|
|
37
|
+
color: "deep"
|
|
38
|
+
}, description), /*#__PURE__*/React.createElement(Text, {
|
|
39
|
+
mt: "small",
|
|
40
|
+
color: "deep"
|
|
41
|
+
}, list && /*#__PURE__*/React.createElement(Box, {
|
|
42
|
+
mt: "xxxlarge"
|
|
43
|
+
}, list)), checkable && /*#__PURE__*/React.createElement(Box, {
|
|
44
|
+
mt: "xxxlarge"
|
|
45
|
+
}, checkable), /*#__PURE__*/React.createElement(Actions, {
|
|
46
|
+
mt: "xlarge"
|
|
47
|
+
}, primaryButton, secondaryButton));
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
ActionRequirement.propTypes = {
|
|
51
|
+
title: string.isRequired,
|
|
52
|
+
children: oneOfType([arrayOf(node), node]),
|
|
53
|
+
description: string.isRequired,
|
|
54
|
+
checkable: oneOfType([arrayOf(node), node]),
|
|
55
|
+
illustration: oneOfType([arrayOf(node), node]),
|
|
56
|
+
list: oneOfType([arrayOf(node), node])
|
|
57
|
+
};
|
|
58
|
+
ActionRequirement.defaultProps = {
|
|
59
|
+
children: undefined,
|
|
60
|
+
checkable: undefined,
|
|
61
|
+
illustration: undefined,
|
|
62
|
+
list: undefined
|
|
63
|
+
};
|
|
64
|
+
export default ActionRequirement;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import { ThemeProvider } from '../..';
|
|
4
|
+
import ActionRequirement from './ActionRequirement';
|
|
5
|
+
describe('<ActionRequirement />', function () {
|
|
6
|
+
it('should match snapshot', function () {
|
|
7
|
+
var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(ActionRequirement, null))),
|
|
8
|
+
container = _render.container;
|
|
9
|
+
|
|
10
|
+
expect(container).toMatchSnapshot();
|
|
11
|
+
});
|
|
12
|
+
});
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
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 Text from '../../Text';
|
|
7
|
+
import Box from '../../Box';
|
|
8
|
+
import Button from '../../Button';
|
|
9
|
+
export var Title = styled(Text.H4).attrs({
|
|
10
|
+
as: 'p'
|
|
11
|
+
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
12
|
+
var fontSizes = _ref.theme.yoga.fontSizes;
|
|
13
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n @media (min-width: 769px) {\n max-width: 700px;\n font-size: ", "px;\n line-height: ", "px;\n }\n "])), fontSizes.huge, fontSizes.huge);
|
|
14
|
+
});
|
|
15
|
+
export var Actions = styled(Box)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
|
|
16
|
+
var spacing = _ref2.theme.yoga.spacing;
|
|
17
|
+
return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n @media (min-width: 769px) {\n flex-direction: row;\n margin-top: ", "px;\n }\n "])), spacing.xlarge);
|
|
18
|
+
});
|
|
19
|
+
var buttonsStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref3) {
|
|
20
|
+
var spacing = _ref3.theme.yoga.spacing;
|
|
21
|
+
return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n width: 100%;\n\n :last-child(:not(:first-child)) {\n margin-top: ", "px;\n }\n\n @media (min-width: 769px) {\n width: auto;\n\n :last-child(:not(:first-child)) {\n margin-top: 0;\n margin-left: ", "px;\n }\n }\n "])), spacing.small, spacing.large);
|
|
22
|
+
});
|
|
23
|
+
export var PrimaryButton = styled(Button)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n ", "\n"])), buttonsStyles);
|
|
24
|
+
export var SecondaryButton = styled(Button.Text)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n ", "\n"])), buttonsStyles);
|
|
25
|
+
Title.displayName = 'ActionRequirement.Title';
|
|
26
|
+
PrimaryButton.displayName = 'ActionRequirement.PrimaryButton';
|
|
27
|
+
SecondaryButton.displayName = 'ActionRequirement.SecondaryButton';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import ActionRequirement from './ActionRequirement';
|
|
2
|
+
import { Title, PrimaryButton, SecondaryButton } from './ActionRequirementStyles';
|
|
3
|
+
ActionRequirement.Title = Title;
|
|
4
|
+
ActionRequirement.PrimaryButton = PrimaryButton;
|
|
5
|
+
ActionRequirement.SecondaryButton = SecondaryButton;
|
|
6
|
+
export default ActionRequirement;
|
package/esm/Theme/theme/theme.js
CHANGED
|
@@ -2,6 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
2
2
|
|
|
3
3
|
/* eslint-disable prefer-destructuring */
|
|
4
4
|
import { merge } from '@gympass/yoga-common';
|
|
5
|
+
import _componentThemes_ActionRequirement$ActionRequirement from "./../../ActionRequirement/ActionRequirement.theme.js";
|
|
5
6
|
import _componentThemes_AutoComplete$AutoComplete from "./../../AutoComplete/AutoComplete.theme.js";
|
|
6
7
|
import _componentThemes_Avatar$Avatar from "./../../Avatar/Avatar.theme.js";
|
|
7
8
|
import _componentThemes_Banner$Banner from "./../../Banner/Banner.theme.js";
|
|
@@ -37,6 +38,7 @@ import _componentThemes_Tag$Tag from "./../../Tag/Tag.theme.js";
|
|
|
37
38
|
import _componentThemes_Text$Text from "./../../Text/Text.theme.js";
|
|
38
39
|
import _componentThemes_TextArea$TextArea from "./../../TextArea/TextArea.theme.js";
|
|
39
40
|
var componentThemes = {
|
|
41
|
+
ActionRequirement$ActionRequirement: _componentThemes_ActionRequirement$ActionRequirement,
|
|
40
42
|
AutoComplete$AutoComplete: _componentThemes_AutoComplete$AutoComplete,
|
|
41
43
|
Avatar$Avatar: _componentThemes_Avatar$Avatar,
|
|
42
44
|
Banner$Banner: _componentThemes_Banner$Banner,
|
package/esm/index.js
CHANGED
|
@@ -31,4 +31,5 @@ import Feedback from './Feedback';
|
|
|
31
31
|
import Datepicker from './Datepicker';
|
|
32
32
|
import Drawer from './Drawer';
|
|
33
33
|
import Skeleton from './Skeleton';
|
|
34
|
-
|
|
34
|
+
import ActionRequirement from './ActionRequirement';
|
|
35
|
+
export { ThemeProvider, FontLoader, createTheme, yogaTheme, theme, Button, List, Checkbox, RadioGroup, Slider, Card, PlanCard, Stepper, Container, Row, Col, Hide, Text, Rating, EventCard, Tag, Input, Progress, Dropdown, TextArea, AutoComplete, Icon, Chips, Box, Snackbar, Avatar, BottomSheet, Dialog, Divider, Header, Menu, Banner, Heading, Feedback, Datepicker, Drawer, Skeleton, ActionRequirement };
|
package/esm/index.native.js
CHANGED
|
@@ -22,4 +22,5 @@ import Divider from './Divider';
|
|
|
22
22
|
import Snackbar from './Snackbar';
|
|
23
23
|
import Banner from './Banner';
|
|
24
24
|
import Skeleton from './Skeleton';
|
|
25
|
-
|
|
25
|
+
import ActionRequirement from './ActionRequirement';
|
|
26
|
+
export { ThemeProvider, yogaTheme, createTheme, theme, Button, List, Checkbox, RadioGroup, Slider, Card, PlanCard, EventCard, GymCard, Stepper, Text, Rating, Tag, Input, Progress, Dropdown, TextArea, Icon, Chips, Box, Avatar, Result, Divider, Snackbar, Banner, Skeleton, ActionRequirement };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gympass/yoga",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.52.0",
|
|
4
4
|
"description": "Gympass component library",
|
|
5
5
|
"main": "./cjs",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"react": ">=16",
|
|
53
53
|
"styled-components": "^4.4.0"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "5de153fc4eccd7bb5a8f4f74f727523110645426",
|
|
56
56
|
"module": "./esm",
|
|
57
57
|
"private": false,
|
|
58
58
|
"react-native": "./cjs/index.native.js"
|