@gympass/yoga 7.66.1 → 7.67.0

package/cjs/Feedback/web/Feedback.js

@@ -17,7 +17,7 @@ var _Text = _interopRequireDefault(require("../../Text"));
 
 var _StyledFeedback = require("./StyledFeedback");
 
-var _excluded = ["variant", "title", "description", "children"];
+var _excluded = ["variant", "title", "description", "children", "center"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -50,6 +50,7 @@ function Feedback(_ref) {
       title = _ref.title,
       description = _ref.description,
       children = _ref.children,
+      center = _ref.center,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var iconProps = VARIANT_ICONS[variant];
@@ -67,15 +68,16 @@ function Feedback(_ref) {
   }
 
   defineCompoundComponents();
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    ph: "medium",
-    pv: "xxlarge",
-    minHeight: "100%",
-    width: "100%",
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], _extends({
     display: "flex",
     alignItems: "flex-end",
-    bg: "white"
-  }, /*#__PURE__*/_react["default"].createElement(_StyledFeedback.Content, props, /*#__PURE__*/_react["default"].createElement(_Icon["default"], _extends({}, iconProps, {
+    bg: "white",
+    width: "100%"
+  }, center && {
+    ph: 'medium',
+    pv: 'xxlarge',
+    minHeight: '100%'
+  }), /*#__PURE__*/_react["default"].createElement(_StyledFeedback.Content, props, /*#__PURE__*/_react["default"].createElement(_Icon["default"], _extends({}, iconProps, {
     size: ICON_SIZE,
     mb: "large",
     "data-testid": "feedback-icon"
@@ -91,11 +93,15 @@ Feedback.propTypes = {
   variant: (0, _propTypes.oneOf)(Object.keys(VARIANT_ICONS)).isRequired,
   title: _propTypes.string,
   description: _propTypes.string.isRequired,
-  children: (0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(_propTypes.node), _propTypes.node])
+  children: (0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(_propTypes.node), _propTypes.node]),
+
+  /** Center the component vertically */
+  center: _propTypes.bool
 };
 Feedback.defaultProps = {
   title: undefined,
-  children: undefined
+  children: undefined,
+  center: true
 };
 var _default = Feedback;
 exports["default"] = _default;

package/esm/Feedback/web/Feedback.js

@@ -1,10 +1,10 @@
-var _excluded = ["variant", "title", "description", "children"];
+var _excluded = ["variant", "title", "description", "children", "center"];
 
 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); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import { arrayOf, node, oneOf, oneOfType, string } from 'prop-types';
+import { arrayOf, node, oneOf, oneOfType, string, bool } from 'prop-types';
 import React from 'react';
 import { CheckedFull, AlertCircle, AlertTriangle } from '@gympass/yoga-icons';
 import Icon from '../../Icon';
@@ -36,6 +36,7 @@ function Feedback(_ref) {
       title = _ref.title,
       description = _ref.description,
       children = _ref.children,
+      center = _ref.center,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var iconProps = VARIANT_ICONS[variant];
@@ -52,15 +53,16 @@ function Feedback(_ref) {
   }
 
   defineCompoundComponents();
-  return /*#__PURE__*/React.createElement(Box, {
-    ph: "medium",
-    pv: "xxlarge",
-    minHeight: "100%",
-    width: "100%",
+  return /*#__PURE__*/React.createElement(Box, _extends({
     display: "flex",
     alignItems: "flex-end",
-    bg: "white"
-  }, /*#__PURE__*/React.createElement(Content, props, /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
+    bg: "white",
+    width: "100%"
+  }, center && {
+    ph: 'medium',
+    pv: 'xxlarge',
+    minHeight: '100%'
+  }), /*#__PURE__*/React.createElement(Content, props, /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
     size: ICON_SIZE,
     mb: "large",
     "data-testid": "feedback-icon"
@@ -76,10 +78,14 @@ Feedback.propTypes = {
   variant: oneOf(Object.keys(VARIANT_ICONS)).isRequired,
   title: string,
   description: string.isRequired,
-  children: oneOfType([arrayOf(node), node])
+  children: oneOfType([arrayOf(node), node]),
+
+  /** Center the component vertically */
+  center: bool
 };
 Feedback.defaultProps = {
   title: undefined,
-  children: undefined
+  children: undefined,
+  center: true
 };
 export default Feedback;

package/esm/Feedback/web/Feedback.test.js

@@ -50,33 +50,44 @@ describe('<Feedback />', function () {
       name: 'Cancel'
     })).toBeTruthy();
   });
-  it('should render the icon for success variant', function () {
+  it('should render correctly when not centered vertically', function () {
     var _renderWithTheme4 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
+      variant: "success",
+      title: title,
+      description: description,
+      center: false
+    })),
+        baseElement = _renderWithTheme4.baseElement;
+
+    expect(baseElement).toMatchSnapshot();
+  });
+  it('should render the icon for success variant', function () {
+    var _renderWithTheme5 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
       variant: "success",
       title: title,
       description: description
     })),
-        getByTestId = _renderWithTheme4.getByTestId;
+        getByTestId = _renderWithTheme5.getByTestId;
 
     expect(getByTestId('feedback-icon')).toMatchSnapshot();
   });
   it('should render the icon for informative variant', function () {
-    var _renderWithTheme5 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
+    var _renderWithTheme6 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
       variant: "informative",
       title: title,
       description: description
     })),
-        getByTestId = _renderWithTheme5.getByTestId;
+        getByTestId = _renderWithTheme6.getByTestId;
 
     expect(getByTestId('feedback-icon')).toMatchSnapshot();
   });
   it('should render the icon for attention variant', function () {
-    var _renderWithTheme6 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
+    var _renderWithTheme7 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
       variant: "attention",
       title: title,
       description: description
     })),
-        getByTestId = _renderWithTheme6.getByTestId;
+        getByTestId = _renderWithTheme7.getByTestId;
 
     expect(getByTestId('feedback-icon')).toMatchSnapshot();
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.66.1",
+  "version": "7.67.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -53,7 +53,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "e8bd52603782e3357d0e64ffff63192e96e52137",
+  "gitHead": "82246210f3de6802ce64c94ca6599082d2dc06fc",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"