@gympass/yoga 7.58.0 → 7.60.0

package/cjs/Card/web/PlanCard/Content.js

@@ -19,7 +19,7 @@ var _Subtitle = _interopRequireDefault(require("./Subtitle"));
 
 var _Divider = _interopRequireDefault(require("../../../Divider"));
 
-var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
+var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "extra", "children"];
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
@@ -61,10 +61,11 @@ var PlanCardContent = function PlanCardContent(_ref) {
       suffix = _ref.suffix,
       price = _ref.price,
       period = _ref.period,
+      extra = _ref.extra,
       children = _ref.children,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(Wrapper, rest, subtitle && /*#__PURE__*/_react["default"].createElement(_Subtitle["default"], null, subtitle), title && /*#__PURE__*/_react["default"].createElement(Title, null, title), description && /*#__PURE__*/_react["default"].createElement(Description, null, description), /*#__PURE__*/_react["default"].createElement(Price, null, currency && /*#__PURE__*/_react["default"].createElement(_Text["default"].H4, {
+  return /*#__PURE__*/_react["default"].createElement(Wrapper, rest, subtitle && /*#__PURE__*/_react["default"].createElement(_Subtitle["default"], null, subtitle), title && /*#__PURE__*/_react["default"].createElement(Title, null, title), description && /*#__PURE__*/_react["default"].createElement(Description, null, description), !!price && /*#__PURE__*/_react["default"].createElement(Price, null, currency && /*#__PURE__*/_react["default"].createElement(_Text["default"].H4, {
     as: "sup"
   }, currency), price && /*#__PURE__*/_react["default"].createElement(_Text["default"].H4, {
     as: "strong"
@@ -72,7 +73,7 @@ var PlanCardContent = function PlanCardContent(_ref) {
     as: "sup"
   }, suffix), period && /*#__PURE__*/_react["default"].createElement(EnhancePrice, {
     as: "sub"
-  }, period)), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), children);
+  }, period)), extra, /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), children);
 };
 
 PlanCardContent.propTypes = {
@@ -84,12 +85,13 @@ PlanCardContent.propTypes = {
 
   /** suffix currency of the current country */
   suffix: _propTypes.string,
-  price: _propTypes.string.isRequired,
+  price: _propTypes.string,
 
   /** period that this price will be charged  */
-  period: _propTypes.string.isRequired,
+  period: _propTypes.string,
   description: _propTypes.string,
   subtitle: _propTypes.string,
+  extra: _propTypes.node,
   children: _propTypes.node
 };
 PlanCardContent.defaultProps = {
@@ -97,7 +99,10 @@ PlanCardContent.defaultProps = {
   description: null,
   subtitle: null,
   currency: null,
-  suffix: null
+  suffix: null,
+  price: null,
+  period: null,
+  extra: null
 };
 PlanCardContent.displayName = 'PlanCard.Content';
 var _default = PlanCardContent;

package/cjs/Card/web/PlanCard/PlanCard.test.js

@@ -91,5 +91,14 @@ describe('<PlanCard />', function () {
 
       expect(container).toMatchSnapshot();
     });
+    it('should render the extra content', function () {
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], null, /*#__PURE__*/_react["default"].createElement(_2["default"].Content, {
+        title: "Basic",
+        extra: /*#__PURE__*/_react["default"].createElement("p", null, "Hello")
+      })))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
   });
 });

package/cjs/Datepicker/web/Datepicker.js

@@ -167,11 +167,20 @@ function Datepicker(_ref8) {
     triggerOnOpen();
   };
 
+  var checkInputFilled = function checkInputFilled() {
+    if (type === 'range') {
+      if (!customOnSelectRange) setInputFilled(!!(startDateLocal && endDateLocal));else {
+        setInputFilled(startDateLocal && endDateLocal);
+      }
+    } else {
+      setInputFilled(startDate);
+    }
+  };
+
   (0, _react.useEffect)(function () {
-    setInputFilled(startDate || endDate);
-  }, [startDate, endDate]);
+    checkInputFilled();
+  }, [startDate, startDateLocal, endDateLocal]);
   (0, _react.useEffect)(function () {
-    setInputFilled(startDate || endDate);
     setStartDateLocal(startDate);
     setEndDateLocal(endDate);
 

package/cjs/Divider/web/Divider.js

@@ -28,19 +28,23 @@ var StyledDivider = _styledComponents["default"].hr(_templateObject || (_templat
 });
 
 var Divider = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
-  var vertical = _ref2.vertical;
+  var vertical = _ref2.vertical,
+      style = _ref2.style;
   return /*#__PURE__*/_react["default"].createElement(StyledDivider, {
     vertical: vertical,
-    ref: ref
+    ref: ref,
+    style: style
   });
 });
 
 Divider.propTypes = {
   /** If this value is defined, the divider will be in vertical if the flexDirection is row type */
-  vertical: _propTypes.bool
+  vertical: _propTypes.bool,
+  style: (0, _propTypes.shape)({})
 };
 Divider.defaultProps = {
-  vertical: false
+  vertical: false,
+  style: undefined
 };
 
 var _default = (0, _styledComponents.withTheme)(Divider);

package/esm/Card/web/PlanCard/Content.js

@@ -1,4 +1,4 @@
-var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
+var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "extra", "children"];
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
@@ -40,10 +40,11 @@ var PlanCardContent = function PlanCardContent(_ref) {
       suffix = _ref.suffix,
       price = _ref.price,
       period = _ref.period,
+      extra = _ref.extra,
       children = _ref.children,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Wrapper, rest, subtitle && /*#__PURE__*/React.createElement(Subtitle, null, subtitle), title && /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, null, description), /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(Text.H4, {
+  return /*#__PURE__*/React.createElement(Wrapper, rest, subtitle && /*#__PURE__*/React.createElement(Subtitle, null, subtitle), title && /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, null, description), !!price && /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(Text.H4, {
     as: "sup"
   }, currency), price && /*#__PURE__*/React.createElement(Text.H4, {
     as: "strong"
@@ -51,7 +52,7 @@ var PlanCardContent = function PlanCardContent(_ref) {
     as: "sup"
   }, suffix), period && /*#__PURE__*/React.createElement(EnhancePrice, {
     as: "sub"
-  }, period)), /*#__PURE__*/React.createElement(Divider, null), children);
+  }, period)), extra, /*#__PURE__*/React.createElement(Divider, null), children);
 };
 
 PlanCardContent.propTypes = {
@@ -63,12 +64,13 @@ PlanCardContent.propTypes = {
 
   /** suffix currency of the current country */
   suffix: string,
-  price: string.isRequired,
+  price: string,
 
   /** period that this price will be charged  */
-  period: string.isRequired,
+  period: string,
   description: string,
   subtitle: string,
+  extra: node,
   children: node
 };
 PlanCardContent.defaultProps = {
@@ -76,7 +78,10 @@ PlanCardContent.defaultProps = {
   description: null,
   subtitle: null,
   currency: null,
-  suffix: null
+  suffix: null,
+  price: null,
+  period: null,
+  extra: null
 };
 PlanCardContent.displayName = 'PlanCard.Content';
 export default PlanCardContent;

package/esm/Card/web/PlanCard/PlanCard.test.js

@@ -81,5 +81,14 @@ describe('<PlanCard />', function () {
 
       expect(container).toMatchSnapshot();
     });
+    it('should render the extra content', function () {
+      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(PlanCard, null, /*#__PURE__*/React.createElement(PlanCard.Content, {
+        title: "Basic",
+        extra: /*#__PURE__*/React.createElement("p", null, "Hello")
+      })))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
   });
 });

package/esm/Datepicker/web/Datepicker.js

@@ -142,11 +142,20 @@ function Datepicker(_ref8) {
     triggerOnOpen();
   };
 
+  var checkInputFilled = function checkInputFilled() {
+    if (type === 'range') {
+      if (!customOnSelectRange) setInputFilled(!!(startDateLocal && endDateLocal));else {
+        setInputFilled(startDateLocal && endDateLocal);
+      }
+    } else {
+      setInputFilled(startDate);
+    }
+  };
+
   useEffect(function () {
-    setInputFilled(startDate || endDate);
-  }, [startDate, endDate]);
+    checkInputFilled();
+  }, [startDate, startDateLocal, endDateLocal]);
   useEffect(function () {
-    setInputFilled(startDate || endDate);
     setStartDateLocal(startDate);
     setEndDateLocal(endDate);
 

package/esm/Divider/web/Divider.js

@@ -2,7 +2,7 @@ var _templateObject, _templateObject2;
 
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
-import { bool } from 'prop-types';
+import { bool, shape } from 'prop-types';
 import React from 'react';
 import styled, { css, withTheme } from 'styled-components';
 var StyledDivider = styled.hr(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
@@ -13,17 +13,21 @@ var StyledDivider = styled.hr(_templateObject || (_templateObject = _taggedTempl
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n      border-width: 0px;\n      border-left-width: ", "px;\n      border-bottom-width: ", "px;\n      border-color: ", ";\n    "])), vertical ? 'height: auto' : 'width: 100%', vertical ? borders.small : 0, vertical ? 0 : borders.small, colors.text.disabled);
 });
 var Divider = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
-  var vertical = _ref2.vertical;
+  var vertical = _ref2.vertical,
+      style = _ref2.style;
   return /*#__PURE__*/React.createElement(StyledDivider, {
     vertical: vertical,
-    ref: ref
+    ref: ref,
+    style: style
   });
 });
 Divider.propTypes = {
   /** If this value is defined, the divider will be in vertical if the flexDirection is row type */
-  vertical: bool
+  vertical: bool,
+  style: shape({})
 };
 Divider.defaultProps = {
-  vertical: false
+  vertical: false,
+  style: undefined
 };
 export default withTheme(Divider);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.58.0",
+  "version": "7.60.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -52,7 +52,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "c95fc2a84c56128169a139dfb9adb0d72380990b",
+  "gitHead": "d5169082be1a31b40e49e54e8dc061494e3c238d",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"