@gympass/yoga 7.75.6 → 7.76.0

package/cjs/Accordion/web/Accordion.js

@@ -115,6 +115,11 @@ var Accordion = function Accordion(_ref15) {
       open = _useState[0],
       setOpen = _useState[1];
 
+  var _React$Children$toArr = _react["default"].Children.toArray(children),
+      summary = _React$Children$toArr[0],
+      contentChildren = _React$Children$toArr.slice(1);
+
+  var hasSummary = summary.type.displayName === 'Accordion.Summary';
   return /*#__PURE__*/_react["default"].createElement(AccordionWrapper, _extends({
     disabled: disabled
   }, props), /*#__PURE__*/_react["default"].createElement(Header, {
@@ -126,7 +131,7 @@ var Accordion = function Accordion(_ref15) {
     },
     small: small,
     hasHorizontalPadding: hasHorizontalPadding
-  }, /*#__PURE__*/_react["default"].createElement(Title, {
+  }, hasSummary ? summary : /*#__PURE__*/_react["default"].createElement(Title, {
     subtitle: subtitle
   }, small ? /*#__PURE__*/_react["default"].createElement(_yoga.Text.Small, {
     color: disabled ? 'deep' : undefined
@@ -145,11 +150,11 @@ var Accordion = function Accordion(_ref15) {
     isOpen: open,
     small: small,
     hasHorizontalPadding: hasHorizontalPadding
-  }, children), /*#__PURE__*/_react["default"].createElement(_yoga.Divider, null));
+  }, hasSummary ? contentChildren : children), /*#__PURE__*/_react["default"].createElement(_yoga.Divider, null));
 };
 
 Accordion.propTypes = {
-  title: _propTypes.string.isRequired,
+  title: _propTypes.string,
   subtitle: _propTypes.string,
   children: _propTypes.node.isRequired,
   disabled: _propTypes.bool,
@@ -158,6 +163,7 @@ Accordion.propTypes = {
   hasHorizontalPadding: _propTypes.bool
 };
 Accordion.defaultProps = {
+  title: undefined,
   subtitle: undefined,
   disabled: false,
   expanded: false,

package/cjs/Accordion/web/Content.js

@@ -16,5 +16,6 @@ var Content = _styledComponents["default"].div(_templateObject || (_templateObje
   return "\n      padding: 0 " + accordion.padding.standard + "px " + accordion.padding.standard + "px;\n    ";
 });
 
+Content.displayName = 'Accordion.Content';
 var _default = Content;
 exports["default"] = _default;

package/cjs/Accordion/web/Summary.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../../Box"));
+
+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 Summary(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], _extends({
+    width: "100%"
+  }, props));
+}
+
+Summary.displayName = 'Accordion.Summary';
+var _default = Summary;
+exports["default"] = _default;

package/cjs/Accordion/web/index.js

@@ -5,6 +5,8 @@ exports["default"] = void 0;
 
 var _Accordion = _interopRequireDefault(require("./Accordion"));
 
+var _Summary = _interopRequireDefault(require("./Summary"));
+
 var _Content = _interopRequireDefault(require("./Content"));
 
 var _Small = _interopRequireDefault(require("./Small"));
@@ -12,6 +14,7 @@ var _Small = _interopRequireDefault(require("./Small"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 _Accordion["default"].Content = _Content["default"];
+_Accordion["default"].Summary = _Summary["default"];
 _Accordion["default"].Small = _Small["default"];
 var _default = _Accordion["default"];
 exports["default"] = _default;

package/esm/Accordion/web/Accordion.js

@@ -95,6 +95,11 @@ var Accordion = function Accordion(_ref15) {
       open = _useState[0],
       setOpen = _useState[1];
 
+  var _React$Children$toArr = React.Children.toArray(children),
+      summary = _React$Children$toArr[0],
+      contentChildren = _React$Children$toArr.slice(1);
+
+  var hasSummary = summary.type.displayName === 'Accordion.Summary';
   return /*#__PURE__*/React.createElement(AccordionWrapper, _extends({
     disabled: disabled
   }, props), /*#__PURE__*/React.createElement(Header, {
@@ -106,7 +111,7 @@ var Accordion = function Accordion(_ref15) {
     },
     small: small,
     hasHorizontalPadding: hasHorizontalPadding
-  }, /*#__PURE__*/React.createElement(Title, {
+  }, hasSummary ? summary : /*#__PURE__*/React.createElement(Title, {
     subtitle: subtitle
   }, small ? /*#__PURE__*/React.createElement(Text.Small, {
     color: disabled ? 'deep' : undefined
@@ -125,11 +130,11 @@ var Accordion = function Accordion(_ref15) {
     isOpen: open,
     small: small,
     hasHorizontalPadding: hasHorizontalPadding
-  }, children), /*#__PURE__*/React.createElement(Divider, null));
+  }, hasSummary ? contentChildren : children), /*#__PURE__*/React.createElement(Divider, null));
 };
 
 Accordion.propTypes = {
-  title: string.isRequired,
+  title: string,
   subtitle: string,
   children: node.isRequired,
   disabled: bool,
@@ -138,6 +143,7 @@ Accordion.propTypes = {
   hasHorizontalPadding: bool
 };
 Accordion.defaultProps = {
+  title: undefined,
   subtitle: undefined,
   disabled: false,
   expanded: false,

package/esm/Accordion/web/Accordion.test.js

@@ -102,6 +102,15 @@ describe('<Accordion />', function () {
       expect(container.firstChild).toMatchSnapshot();
     });
   });
+  it('should render the accordion summary', function () {
+    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Accordion, {
+      title: "Title",
+      subtitle: "Subtitle"
+    }, /*#__PURE__*/React.createElement(Accordion.Summary, null, /*#__PURE__*/React.createElement(Text, null, "Summary")), /*#__PURE__*/React.createElement(Accordion.Content, null, /*#__PURE__*/React.createElement(Text, null, "Content")))));
+    expect(screen.getByText('Summary')).toBeInTheDocument();
+    expect(screen.queryByText('Title')).not.toBeInTheDocument();
+    expect(screen.queryByText('Subtitle')).not.toBeInTheDocument();
+  });
   it('should have className when passed as props', function () {
     render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Accordion, {
       title: "Title"

package/esm/Accordion/web/Content.js

@@ -7,4 +7,5 @@ var Content = styled.div(_templateObject || (_templateObject = _taggedTemplateLi
   var accordion = _ref.theme.yoga.components.accordion;
   return "\n      padding: 0 " + accordion.padding.standard + "px " + accordion.padding.standard + "px;\n    ";
 });
+Content.displayName = 'Accordion.Content';
 export default Content;

package/esm/Accordion/web/Summary.js

@@ -0,0 +1,13 @@
+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); }
+
+import React from 'react';
+import Box from '../../Box';
+
+function Summary(props) {
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    width: "100%"
+  }, props));
+}
+
+Summary.displayName = 'Accordion.Summary';
+export default Summary;

package/esm/Accordion/web/index.js

@@ -1,6 +1,8 @@
 import Accordion from './Accordion';
+import Summary from './Summary';
 import Content from './Content';
 import AccordionSmall from './Small';
 Accordion.Content = Content;
+Accordion.Summary = Summary;
 Accordion.Small = AccordionSmall;
 export default Accordion;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.75.6",
+  "version": "7.76.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -27,7 +27,7 @@
   "dependencies": {
     "@gympass/yoga-common": "^1.1.2",
     "@gympass/yoga-helpers": "^1.0.3",
-    "@gympass/yoga-icons": "^1.12.0",
+    "@gympass/yoga-icons": "^1.13.0",
     "@gympass/yoga-illustrations": "^0.5.1",
     "@gympass/yoga-system": "^0.11.0",
     "@gympass/yoga-tokens": "^3.1.5",
@@ -53,7 +53,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "92c73ec021f0501dfe6d1326083bc1e096bd474c",
+  "gitHead": "c162c2c074dac2da331bbc5a02da61733dd14d44",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"