@gympass/yoga 7.44.0 → 7.45.0

package/cjs/BottomSheet/web/BottomSheet.js

@@ -15,6 +15,8 @@ var _templateObject;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+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 _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
 var StyledBottomSheet = (0, _styledComponents["default"])(_Dialog["default"])(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n  align-self: flex-end;\n  animation: content;\n  animation-duration: 400ms;\n  animation-fill-mode: forwards;\n  @keyframes content {\n    0% {\n      transform: translateY(100vh);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  }\n"])), function (_ref) {
@@ -23,7 +25,9 @@ var StyledBottomSheet = (0, _styledComponents["default"])(_Dialog["default"])(_t
 });
 
 var BottomSheet = function BottomSheet(props) {
-  return /*#__PURE__*/_react["default"].createElement(StyledBottomSheet, props);
+  return /*#__PURE__*/_react["default"].createElement(StyledBottomSheet, _extends({
+    hideCloseButton: true
+  }, props));
 };
 
 BottomSheet.propTypes = {

package/cjs/BottomSheet/web/BottomSheet.test.js

@@ -43,4 +43,19 @@ describe('<BottomSheet />', function () {
 
     expect(onActionMock).toHaveBeenCalledTimes(1);
   });
+  it('should hide the close button', function () {
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+      isOpen: true,
+      onClose: function onClose() {}
+    }, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"))));
+    expect(_react2.screen.queryByRole('button')).toBeNull();
+  });
+  it('should show the close button', function () {
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+      isOpen: true,
+      hideCloseButton: false,
+      onClose: function onClose() {}
+    }, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"))));
+    expect(_react2.screen.getByRole('button')).not.toBeNull();
+  });
 });

package/cjs/Dialog/web/Dialog.js

@@ -17,7 +17,7 @@ var _hooks = require("../../hooks");
 
 var _ = require("../..");
 
-var _excluded = ["isOpen", "children", "onClose"];
+var _excluded = ["isOpen", "hideCloseButton", "children", "onClose"];
 
 var _templateObject, _templateObject2;
 
@@ -47,12 +47,14 @@ var Overlay = _styledComponents["default"].div(_templateObject2 || (_templateObj
 
 var Dialog = function Dialog(_ref3) {
   var isOpen = _ref3.isOpen,
+      hideCloseButton = _ref3.hideCloseButton,
       children = _ref3.children,
       onClose = _ref3.onClose,
       props = _objectWithoutPropertiesLoose(_ref3, _excluded);
 
   var dialogRef = (0, _react.useRef)(null);
   var dialogElement = (0, _hooks.usePortal)('dialog');
+  var isCloseButtonVisible = onClose && !hideCloseButton;
   var closeDialog = (0, _react.useCallback)(function (e) {
     if (dialogRef.current === e.target && isOpen && onClose) {
       onClose(e);
@@ -79,7 +81,7 @@ var Dialog = function Dialog(_ref3) {
     ref: dialogRef
   }, /*#__PURE__*/_react["default"].createElement(StyledDialog, _extends({
     onClose: onClose
-  }, props), onClose && /*#__PURE__*/_react["default"].createElement(_.Box, {
+  }, props), isCloseButtonVisible && /*#__PURE__*/_react["default"].createElement(_.Box, {
     d: "flex",
     justifyContent: "flex-end",
     w: "100%"
@@ -94,12 +96,16 @@ Dialog.propTypes = {
   /** Control the dialog visibility. */
   isOpen: _propTypes.bool,
 
+  /** Hide the close button when onClose prop is defined. */
+  hideCloseButton: _propTypes.bool,
+
   /** Function to close the dialog. */
   onClose: _propTypes.func,
   children: _propTypes.node.isRequired
 };
 Dialog.defaultProps = {
   isOpen: false,
+  hideCloseButton: false,
   onClose: undefined
 };
 Dialog.displayName = 'Dialog';

package/cjs/Dialog/web/Dialog.test.js

@@ -67,4 +67,12 @@ describe('<Dialog />', function () {
 
     expect(onCloseMock).toHaveBeenCalledTimes(1);
   });
+  it('should hide the close button when hideCloseButton prop is true', function () {
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+      isOpen: true,
+      hideCloseButton: true,
+      onClose: function onClose() {}
+    }, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"))));
+    expect(_react2.screen.queryByRole('button')).toBeNull();
+  });
 });

package/esm/BottomSheet/web/BottomSheet.js

@@ -1,5 +1,7 @@
 var _templateObject;
 
+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 _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
 import React from 'react';
@@ -12,7 +14,9 @@ var StyledBottomSheet = styled(Dialog)(_templateObject || (_templateObject = _ta
 });
 
 var BottomSheet = function BottomSheet(props) {
-  return /*#__PURE__*/React.createElement(StyledBottomSheet, props);
+  return /*#__PURE__*/React.createElement(StyledBottomSheet, _extends({
+    hideCloseButton: true
+  }, props));
 };
 
 BottomSheet.propTypes = {

package/esm/BottomSheet/web/BottomSheet.test.js

@@ -30,4 +30,19 @@ describe('<BottomSheet />', function () {
     fireEvent.click(button);
     expect(onActionMock).toHaveBeenCalledTimes(1);
   });
+  it('should hide the close button', function () {
+    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(BottomSheet, {
+      isOpen: true,
+      onClose: function onClose() {}
+    }, /*#__PURE__*/React.createElement(BottomSheet.Header, null, "Title"))));
+    expect(screen.queryByRole('button')).toBeNull();
+  });
+  it('should show the close button', function () {
+    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(BottomSheet, {
+      isOpen: true,
+      hideCloseButton: false,
+      onClose: function onClose() {}
+    }, /*#__PURE__*/React.createElement(BottomSheet.Header, null, "Title"))));
+    expect(screen.getByRole('button')).not.toBeNull();
+  });
 });

package/esm/Dialog/web/Dialog.js

@@ -1,4 +1,4 @@
-var _excluded = ["isOpen", "children", "onClose"];
+var _excluded = ["isOpen", "hideCloseButton", "children", "onClose"];
 
 var _templateObject, _templateObject2;
 
@@ -27,12 +27,14 @@ var Overlay = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplate
 
 var Dialog = function Dialog(_ref3) {
   var isOpen = _ref3.isOpen,
+      hideCloseButton = _ref3.hideCloseButton,
       children = _ref3.children,
       onClose = _ref3.onClose,
       props = _objectWithoutPropertiesLoose(_ref3, _excluded);
 
   var dialogRef = useRef(null);
   var dialogElement = usePortal('dialog');
+  var isCloseButtonVisible = onClose && !hideCloseButton;
   var closeDialog = useCallback(function (e) {
     if (dialogRef.current === e.target && isOpen && onClose) {
       onClose(e);
@@ -59,7 +61,7 @@ var Dialog = function Dialog(_ref3) {
     ref: dialogRef
   }, /*#__PURE__*/React.createElement(StyledDialog, _extends({
     onClose: onClose
-  }, props), onClose && /*#__PURE__*/React.createElement(Box, {
+  }, props), isCloseButtonVisible && /*#__PURE__*/React.createElement(Box, {
     d: "flex",
     justifyContent: "flex-end",
     w: "100%"
@@ -74,12 +76,16 @@ Dialog.propTypes = {
   /** Control the dialog visibility. */
   isOpen: bool,
 
+  /** Hide the close button when onClose prop is defined. */
+  hideCloseButton: bool,
+
   /** Function to close the dialog. */
   onClose: func,
   children: node.isRequired
 };
 Dialog.defaultProps = {
   isOpen: false,
+  hideCloseButton: false,
   onClose: undefined
 };
 Dialog.displayName = 'Dialog';

package/esm/Dialog/web/Dialog.test.js

@@ -51,4 +51,12 @@ describe('<Dialog />', function () {
     fireEvent.click(button);
     expect(onCloseMock).toHaveBeenCalledTimes(1);
   });
+  it('should hide the close button when hideCloseButton prop is true', function () {
+    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Dialog, {
+      isOpen: true,
+      hideCloseButton: true,
+      onClose: function onClose() {}
+    }, /*#__PURE__*/React.createElement(Dialog.Header, null, "Title"))));
+    expect(screen.queryByRole('button')).toBeNull();
+  });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.44.0",
+  "version": "7.45.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -28,7 +28,7 @@
     "@gympass/yoga-common": "^1.1.1",
     "@gympass/yoga-helpers": "^1.0.3",
     "@gympass/yoga-icons": "^1.5.0",
-    "@gympass/yoga-illustrations": "^0.1.1",
+    "@gympass/yoga-illustrations": "^0.5.0",
     "@gympass/yoga-system": "^0.10.2",
     "@gympass/yoga-tokens": "^3.1.4",
     "@ptomasroos/react-native-multi-slider": "^1.0.0",
@@ -51,7 +51,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "90285a4eae87d13a2ae4e32ca4243b898bfafe52",
+  "gitHead": "4e607bdc60a2d1a57338f2294debb4be08341573",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"