@gympass/yoga 7.50.3 → 7.50.4
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.
|
@@ -5,7 +5,7 @@ exports["default"] = void 0;
|
|
|
5
5
|
|
|
6
6
|
var _react = _interopRequireDefault(require("react"));
|
|
7
7
|
|
|
8
|
-
var _propTypes =
|
|
8
|
+
var _propTypes = _interopRequireWildcard(require("prop-types"));
|
|
9
9
|
|
|
10
10
|
var _StyledHeading = _interopRequireWildcard(require("./StyledHeading"));
|
|
11
11
|
|
|
@@ -24,7 +24,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
25
|
|
|
26
26
|
var Heading = function Heading(_ref) {
|
|
27
|
-
var children = _ref.children
|
|
27
|
+
var children = _ref.children,
|
|
28
|
+
noPadding = _ref.noPadding;
|
|
28
29
|
var backButton = null;
|
|
29
30
|
var title = null;
|
|
30
31
|
var rightButtons = [];
|
|
@@ -44,7 +45,9 @@ var Heading = function Heading(_ref) {
|
|
|
44
45
|
defineComponent(children);
|
|
45
46
|
}
|
|
46
47
|
|
|
47
|
-
return /*#__PURE__*/_react["default"].createElement(_StyledHeading["default"],
|
|
48
|
+
return /*#__PURE__*/_react["default"].createElement(_StyledHeading["default"], {
|
|
49
|
+
noPadding: noPadding
|
|
50
|
+
}, backButton || /*#__PURE__*/_react["default"].createElement(_StyledHeading.Button, null), title || /*#__PURE__*/_react["default"].createElement(_Box["default"], {
|
|
48
51
|
w: "100%"
|
|
49
52
|
}), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
|
|
50
53
|
display: "flex",
|
|
@@ -54,10 +57,12 @@ var Heading = function Heading(_ref) {
|
|
|
54
57
|
};
|
|
55
58
|
|
|
56
59
|
Heading.propTypes = {
|
|
57
|
-
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node])
|
|
60
|
+
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
|
|
61
|
+
noPadding: _propTypes.bool
|
|
58
62
|
};
|
|
59
63
|
Heading.defaultProps = {
|
|
60
|
-
children: undefined
|
|
64
|
+
children: undefined,
|
|
65
|
+
noPadding: false
|
|
61
66
|
};
|
|
62
67
|
var _default = Heading;
|
|
63
68
|
exports["default"] = _default;
|
|
@@ -52,4 +52,17 @@ describe('<Heading />', function () {
|
|
|
52
52
|
|
|
53
53
|
expect(container).toMatchSnapshot();
|
|
54
54
|
});
|
|
55
|
+
it('should match snapshot no padding', function () {
|
|
56
|
+
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Heading, {
|
|
57
|
+
noPadding: true
|
|
58
|
+
}, /*#__PURE__*/_react["default"].createElement(_Title["default"], null, "Gympass"), /*#__PURE__*/_react["default"].createElement(_BackButton["default"], {
|
|
59
|
+
onClick: onClick
|
|
60
|
+
}), /*#__PURE__*/_react["default"].createElement(_RightButton["default"], {
|
|
61
|
+
icon: _src.Upload2,
|
|
62
|
+
onClick: onClick
|
|
63
|
+
})))),
|
|
64
|
+
container = _render5.container;
|
|
65
|
+
|
|
66
|
+
expect(container).toMatchSnapshot();
|
|
67
|
+
});
|
|
55
68
|
});
|
|
@@ -3,20 +3,23 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports["default"] = exports.Button = void 0;
|
|
5
5
|
|
|
6
|
-
var _styledComponents =
|
|
6
|
+
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
7
7
|
|
|
8
|
-
var _templateObject, _templateObject2;
|
|
8
|
+
var _templateObject, _templateObject2, _templateObject3;
|
|
9
9
|
|
|
10
|
-
function
|
|
10
|
+
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); }
|
|
11
|
+
|
|
12
|
+
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; }
|
|
11
13
|
|
|
12
14
|
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
13
15
|
|
|
14
16
|
var StyledHeading = _styledComponents["default"].header(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
+
var noPadding = _ref.noPadding,
|
|
18
|
+
heading = _ref.theme.yoga.components.heading;
|
|
19
|
+
return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n background: ", ";\n padding: ", "px\n ", "px;\n width: 100%;\n min-height: ", "px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n ", ";\n "])), heading.background, heading.padding.vertical, heading.padding.horizontalMobile, heading.height, noPadding ? 'padding: 0' : "@media (min-width: 769px) {\n padding: " + heading.padding.vertical + "px " + heading.padding.horizontal + "px;\n }");
|
|
17
20
|
});
|
|
18
21
|
|
|
19
|
-
var Button = _styledComponents["default"].div(
|
|
22
|
+
var Button = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
|
|
20
23
|
var heading = _ref2.theme.yoga.components.heading;
|
|
21
24
|
return "\n width: " + heading.button.width + "px;\n height: " + heading.button.height + "px;\n ";
|
|
22
25
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
2
|
+
import PropTypes, { bool } from 'prop-types';
|
|
3
3
|
import StyledHeading, { Button } from './StyledHeading';
|
|
4
4
|
import Box from '../../Box';
|
|
5
5
|
import Title from './Title';
|
|
@@ -7,7 +7,8 @@ import BackButton from './BackButton';
|
|
|
7
7
|
import RightButton from './RightButton';
|
|
8
8
|
|
|
9
9
|
var Heading = function Heading(_ref) {
|
|
10
|
-
var children = _ref.children
|
|
10
|
+
var children = _ref.children,
|
|
11
|
+
noPadding = _ref.noPadding;
|
|
11
12
|
var backButton = null;
|
|
12
13
|
var title = null;
|
|
13
14
|
var rightButtons = [];
|
|
@@ -27,7 +28,9 @@ var Heading = function Heading(_ref) {
|
|
|
27
28
|
defineComponent(children);
|
|
28
29
|
}
|
|
29
30
|
|
|
30
|
-
return /*#__PURE__*/React.createElement(StyledHeading,
|
|
31
|
+
return /*#__PURE__*/React.createElement(StyledHeading, {
|
|
32
|
+
noPadding: noPadding
|
|
33
|
+
}, backButton || /*#__PURE__*/React.createElement(Button, null), title || /*#__PURE__*/React.createElement(Box, {
|
|
31
34
|
w: "100%"
|
|
32
35
|
}), /*#__PURE__*/React.createElement(Box, {
|
|
33
36
|
display: "flex",
|
|
@@ -37,9 +40,11 @@ var Heading = function Heading(_ref) {
|
|
|
37
40
|
};
|
|
38
41
|
|
|
39
42
|
Heading.propTypes = {
|
|
40
|
-
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
|
|
43
|
+
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
|
|
44
|
+
noPadding: bool
|
|
41
45
|
};
|
|
42
46
|
Heading.defaultProps = {
|
|
43
|
-
children: undefined
|
|
47
|
+
children: undefined,
|
|
48
|
+
noPadding: false
|
|
44
49
|
};
|
|
45
50
|
export default Heading;
|
|
@@ -42,4 +42,17 @@ describe('<Heading />', function () {
|
|
|
42
42
|
|
|
43
43
|
expect(container).toMatchSnapshot();
|
|
44
44
|
});
|
|
45
|
+
it('should match snapshot no padding', function () {
|
|
46
|
+
var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Heading, {
|
|
47
|
+
noPadding: true
|
|
48
|
+
}, /*#__PURE__*/React.createElement(Title, null, "Gympass"), /*#__PURE__*/React.createElement(BackButton, {
|
|
49
|
+
onClick: onClick
|
|
50
|
+
}), /*#__PURE__*/React.createElement(RightButton, {
|
|
51
|
+
icon: Upload2,
|
|
52
|
+
onClick: onClick
|
|
53
|
+
})))),
|
|
54
|
+
container = _render5.container;
|
|
55
|
+
|
|
56
|
+
expect(container).toMatchSnapshot();
|
|
57
|
+
});
|
|
45
58
|
});
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
var _templateObject, _templateObject2;
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3;
|
|
2
2
|
|
|
3
3
|
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
4
4
|
|
|
5
|
-
import styled from 'styled-components';
|
|
5
|
+
import styled, { css } from 'styled-components';
|
|
6
6
|
var StyledHeading = styled.header(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
7
|
-
var
|
|
8
|
-
|
|
7
|
+
var noPadding = _ref.noPadding,
|
|
8
|
+
heading = _ref.theme.yoga.components.heading;
|
|
9
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n background: ", ";\n padding: ", "px\n ", "px;\n width: 100%;\n min-height: ", "px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n ", ";\n "])), heading.background, heading.padding.vertical, heading.padding.horizontalMobile, heading.height, noPadding ? 'padding: 0' : "@media (min-width: 769px) {\n padding: " + heading.padding.vertical + "px " + heading.padding.horizontal + "px;\n }");
|
|
9
10
|
});
|
|
10
|
-
export var Button = styled.div(
|
|
11
|
+
export var Button = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
|
|
11
12
|
var heading = _ref2.theme.yoga.components.heading;
|
|
12
13
|
return "\n width: " + heading.button.width + "px;\n height: " + heading.button.height + "px;\n ";
|
|
13
14
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gympass/yoga",
|
|
3
|
-
"version": "7.50.
|
|
3
|
+
"version": "7.50.4",
|
|
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": "2e678bbce4f2668c5fb987872f13a6c6e6149113",
|
|
56
56
|
"module": "./esm",
|
|
57
57
|
"private": false,
|
|
58
58
|
"react-native": "./cjs/index.native.js"
|