@stokr/components-library 1.1.4 → 1.1.5

package/dist/components/Checkbox/Checkbox.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Checkbox = require("./Checkbox.styles");
-var _excluded = ["id", "name", "text", "label", "value", "checked", "large", "error", "touched", "onChange", "onBlur", "onFocus", "textStyle", "disabled", "onTermsClicked", "onClick"];
+var _excluded = ["id", "name", "text", "label", "value", "checked", "large", "error", "touched", "onChange", "onBlur", "onFocus", "textStyle", "disabled", "onClick"];
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -35,7 +35,6 @@ var Checkbox = function Checkbox(_ref) {
     onFocus = _ref.onFocus,
     textStyle = _ref.textStyle,
     disabled = _ref.disabled,
-    onTermsClicked = _ref.onTermsClicked,
     onClick = _ref.onClick,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Checkbox.Wrapper, null, label && /*#__PURE__*/_react.default.createElement(_Checkbox.Label, {

package/dist/components/Checkbox/Checkbox.styles.js

@@ -21,7 +21,7 @@ exports.Label = Label;
 var Input = _styledComponents.default.div.withConfig({
   displayName: "Checkboxstyles__Input",
   componentId: "sc-1drozoj-2"
-})(["position:relative;& > input{z-index:-1;position:absolute;top:4px;left:4px;display:block;width:1px;height:0;opacity:0;border:0;& + label{position:relative;display:inline-block;max-width:100%;padding-left:28px;font-family:'Open Sans';font-size:12px;line-height:16px;font-weight:300;letter-spacing:0.4px;cursor:pointer;", ";&:before,&:after{display:block;position:absolute;}&:before{content:'';top:0;left:0;width:16px;height:16px;border-radius:3px;border:1px solid #9b9b9b;box-shadow:none;transition:border-color 0.2s;", " ", "}&:after{content:'\\f3ff';font-family:'Ionicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:3px;left:3px;width:10px;height:10px;font-size:22px;line-height:10px;text-align:center;color:transparent;", ";}}&:focus + label,&:hover + label{&:before{border-color:", ";}}&:checked + label{&:after{color:", ";}}}"], function (props) {
+})(["position:relative;& > input{z-index:-1;position:absolute;top:4px;left:4px;display:block;width:1px;height:0;opacity:0;border:0;& + label{position:relative;display:inline-block;max-width:100%;padding-left:28px;font-family:'Open Sans';font-size:12px;line-height:16px;font-weight:300;letter-spacing:0.4px;cursor:pointer;p{margin:0;}", ";&:before,&:after{display:block;position:absolute;}&:before{content:'';top:0;left:0;width:16px;height:16px;border-radius:3px;border:1px solid #9b9b9b;box-shadow:none;transition:border-color 0.2s;", " ", "}&:after{content:'\\f3ff';font-family:'Ionicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:3px;left:3px;width:10px;height:10px;font-size:22px;line-height:10px;text-align:center;color:transparent;", ";}}&:focus + label,&:hover + label{&:before{border-color:", ";}}&:checked + label{&:after{color:", ";}}}"], function (props) {
   return props.error && "color: ".concat(_theme.default.cWarning);
 }, function (props) {
   return props.large && "\n          width: 20px;\n          height: 20px;\n          border-radius: 4px;\n        ";

package/dist/components/Header/Header.js

@@ -26,7 +26,7 @@ var _Grid = require("../Grid/Grid.styles");
 var _FooterLayout = require("../Footer/FooterLayout");
 var _globalVariables = require("../../constants/globalVariables");
 var _rwd = require("../../styles/rwd");
-var _excluded = ["activeMenu", "activateMenu", "user", "userPhoto", "logoutUser", "onLoginClick", "onSignUpClick", "useRelativePathForMenu", "useRelativePathForUserMenu", "progress", "withSidebar", "isSidebarExpanded", "sidebarHandler", "signupFlow", "noFixedPosition"];
+var _excluded = ["activeMenu", "activateMenu", "user", "userPhoto", "logoutUser", "onLoginClick", "onSignUpClick", "useRelativePathForMenu", "useRelativePathForUserMenu", "progress", "withSidebar", "isSidebarExpanded", "sidebarHandler", "signupFlow", "noFixedPosition", "withoutLoginSignupButton"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
@@ -177,6 +177,8 @@ var Header = function Header(_ref3) {
     signupFlow = _ref3$signupFlow === void 0 ? false : _ref3$signupFlow,
     _ref3$noFixedPosition = _ref3.noFixedPosition,
     noFixedPosition = _ref3$noFixedPosition === void 0 ? false : _ref3$noFixedPosition,
+    _ref3$withoutLoginSig = _ref3.withoutLoginSignupButton,
+    withoutLoginSignupButton = _ref3$withoutLoginSig === void 0 ? false : _ref3$withoutLoginSig,
     props = _objectWithoutProperties(_ref3, _excluded);
   var _useState3 = (0, _react.useState)(null),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -286,11 +288,11 @@ var Header = function Header(_ref3) {
     avatar: userPhoto
   })), checkTodoStatus(user) > 0 && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
     avatar: true
-  }, checkTodoStatus(user)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_breakdown.default, null, /*#__PURE__*/_react.default.createElement(_Header.LoginButton, {
+  }, checkTodoStatus(user)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, withoutLoginSignupButton ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_breakdown.default, null, /*#__PURE__*/_react.default.createElement(_Header.LoginButton, {
     onClick: onLoginClick
   }, "Log in")), /*#__PURE__*/_react.default.createElement(_Header.SignupButton, {
     onClick: onSignUpClick
-  }, "Sign Up"))))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenu, {
+  }, "Sign Up")))))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenu, {
     isActive: currentActiveMenu === 'main',
     withSidebar: withSidebar
   }, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Header.MobileMenuPart, {
@@ -368,7 +370,7 @@ var Header = function Header(_ref3) {
     onClick: function onClick() {
       return logoutUser();
     }
-  }, "log out"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_breakdown.default, {
+  }, "log out"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, withoutLoginSignupButton ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_breakdown.default, {
     alignCenter: true
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     onClick: onLoginClick,
@@ -383,7 +385,7 @@ var Header = function Header(_ref3) {
   }, /*#__PURE__*/_react.default.createElement(_Header.SignupButton, {
     onClick: onSignUpClick,
     isMobile: true
-  }, "Sign Up")), socialLinks.length > 0 && /*#__PURE__*/_react.default.createElement(_Header.CTAContainer, null, /*#__PURE__*/_react.default.createElement("span", null, "FOLLOW US"), /*#__PURE__*/_react.default.createElement("div", null, socialLinks.map(function (item) {
+  }, "Sign Up"))), socialLinks.length > 0 && /*#__PURE__*/_react.default.createElement(_Header.CTAContainer, null, /*#__PURE__*/_react.default.createElement("span", null, "FOLLOW US"), /*#__PURE__*/_react.default.createElement("div", null, socialLinks.map(function (item) {
     return /*#__PURE__*/_react.default.createElement(_FooterMenu.SocialLink, {
       key: item.name,
       href: item.url,

package/dist/components/Header/Header.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.HeaderWitouthUser = exports.HeaderWithUser = exports.HeaderWithSidebar = exports.HeaderWithProgressSignup = exports.HeaderWithProgress = exports.HeaderWithAdminUser = void 0;
+exports.default = exports.HeaderWitouthUser = exports.HeaderWithoutLoginAndSignup = exports.HeaderWithUser = exports.HeaderWithSidebar = exports.HeaderWithProgressSignup = exports.HeaderWithProgress = exports.HeaderWithAdminUser = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Header = _interopRequireDefault(require("./Header"));
 var _reactRouterDom = require("react-router-dom");
@@ -52,6 +52,10 @@ var _default = {
     signupHandler: {
       type: 'function',
       action: 'signupHandler'
+    },
+    withoutLoginSignupButton: {
+      type: 'boolean',
+      defaultValue: false
     }
   }
 };
@@ -220,4 +224,10 @@ HeaderWithSidebar.args = {
   // progress: {},
   withSidebar: true,
   isSidebarExpanded: true
+};
+var HeaderWithoutLoginAndSignup = Template.bind({});
+exports.HeaderWithoutLoginAndSignup = HeaderWithoutLoginAndSignup;
+HeaderWithoutLoginAndSignup.args = {
+  user: {},
+  withoutLoginSignupButton: true
 };

package/dist/components/StokrLoader/StokrLoader.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StokrLoader = StokrLoader;
-exports.default = void 0;
+exports.loaderGif = exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _media = _interopRequireDefault(require("./media"));
@@ -14,17 +14,17 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+// Render a new image everytime, avoiding jump on the spinning
+var loaderGif = "https://res.cloudinary.com/stokr/image/upload/f_auto,q_auto/v1575035788/Static/stokr_loader_white_400x400_egnhgb.gif?a=".concat(Math.random());
+exports.loaderGif = loaderGif;
 function StokrLoader() {
   var fadeIn = (0, _styledComponents.keyframes)(["0%{opacity:0;}60%{opacity:1;}100%{opacity:1;}"]);
   var StyledStokrLoader = _styledComponents.default.div.withConfig({
     displayName: "StokrLoader__StyledStokrLoader",
     componentId: "sc-1chowhw-0"
   })(["align-items:center;animation:", " 1.8s ease-in-out forwards;background:rgb(254,254,254);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000;", ";", ";", ";"], fadeIn, _media.default.mobileS(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    img {\n      height: 15rem;\n      width: 15rem;\n    }\n  "]))), _media.default.mobile(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    img {\n      height: 18rem;\n      width: 18rem;\n    }\n  "]))), _media.default.tablet(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    img {\n      height: 30rem;\n      width: 30rem;\n    }\n  "]))));
-
-  // Render a new image everytime, avoiding jump on the spinning
-  var gif = "https://res.cloudinary.com/stokr/image/upload/f_auto,q_auto/v1575035788/Static/stokr_loader_white_400x400_egnhgb.gif?a=".concat(Math.random());
   return /*#__PURE__*/_react.default.createElement(StyledStokrLoader, null, /*#__PURE__*/_react.default.createElement("img", {
-    src: gif,
+    src: loaderGif,
     alt: "\xA0"
   }));
 }

package/dist/components/Text/Text.styles.js

@@ -26,7 +26,7 @@ exports.Text = Text;
 var Caption = _styledComponents.default.p.withConfig({
   displayName: "Textstyles__Caption",
   componentId: "sc-xkpyal-1"
-})(["&&&{font-family:'Open Sans';font-weight:300;font-size:9px;line-height:1.78em;letter-spacing:0.4px;", " ", " ", " a{text-decoration:underline;transition:color .2s;color:", ";&:hover{color:", ";}}}"], _rwd.default.Large(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      font-size: 12px;\n    "]))), function (props) {
+})(["&&&{font-family:'Open Sans';font-weight:300;font-size:9px;line-height:1.78em;letter-spacing:0.4px;p{font-size:9px;}", " ", " ", " a{text-decoration:underline;transition:color 0.2s;color:", ";&:hover{color:", ";}}}"], _rwd.default.Large(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      font-size: 12px;\n       \n      p {\n        font-size: 12px;\n      }\n    "]))), function (props) {
   return props.center && 'text-align: center;';
 }, function (props) {
   return props.link && 'margin-top: 36px;';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",