@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.7

package/dist/components/LearnMoreSection/LearnMore.styles.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,66 +7,41 @@ exports.TitleContainer = exports.TabTitle = exports.TabNav = exports.TabArrow =
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _TabsNav = require("../TabsNav/TabsNav.styles");
-var _templateObject;
-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; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "LearnMorestyles__Container",
   componentId: "sc-aj1pda-0"
 })(["width:100%;overflow:hidden;", "{padding:0 !important;}", "{border-bottom:none;}"], _TabsNav.TabsWrapper, _TabsNav.StyledTabs);
-exports.Container = Container;
-var TabNav = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
+const TabNav = exports.TabNav = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
   displayName: "LearnMorestyles__TabNav",
   componentId: "sc-aj1pda-1"
-})(["font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer;height:104px;letter-spacing:0.6px;line-height:1.5;padding:44px 64px !important;", ""], function (props) {
-  return props.isActive && (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      border-right: none !important;\n\n      &::before {\n        content: '';\n        width: 8px;\n        position: absolute;\n        left: 0;\n        top: 0;\n        bottom: 0;\n        background: ", ";\n      }\n    "])), props.theme.cWarning);
-});
-exports.TabNav = TabNav;
-var TabArrow = _styledComponents.default.i.attrs({
+})(["font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer;height:104px;letter-spacing:0.6px;line-height:1.5;padding:44px 64px !important;", ""], props => props.isActive && (0, _styledComponents.css)(["border-right:none !important;&::before{content:'';width:8px;position:absolute;left:0;top:0;bottom:0;background:", ";}"], props.theme.cWarning));
+const TabArrow = exports.TabArrow = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-forward'
 }).withConfig({
   displayName: "LearnMorestyles__TabArrow",
   componentId: "sc-aj1pda-2"
-})(["color:", ";margin-right:15px;"], function (props) {
-  return props.theme.cWarning;
-});
-exports.TabArrow = TabArrow;
-var SliderWrapper = _styledComponents.default.div.withConfig({
+})(["color:", ";margin-right:15px;"], props => props.theme.cWarning);
+const SliderWrapper = exports.SliderWrapper = _styledComponents.default.div.withConfig({
   displayName: "LearnMorestyles__SliderWrapper",
   componentId: "sc-aj1pda-3"
-})(["width:100%;.slick-arrow{width:64px;height:48px;background:", ";z-index:10;transition:0.3s ease background;&:hover,&:focus{background:", ";&::before{color:", " !important;}}}.slick-arrow.slick-prev{top:auto;left:auto;bottom:0;right:64px;transform:translate(0);}.slick-arrow.slick-next{top:auto;left:auto;bottom:0;right:0;transform:translate(0);border-left:1px solid ", ";}.slick-dots{width:auto;right:164px;height:36px;bottom:0;}"], function (props) {
-  return props.theme.cWarning;
-}, function (props) {
-  return props.theme.cWarningDark;
-}, function (props) {
-  return props.theme.cWhite;
-}, function (props) {
-  return props.theme.cWarningDark;
-});
-exports.SliderWrapper = SliderWrapper;
-var TitleContainer = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
+})(["width:100%;.slick-arrow{width:64px;height:48px;background:", ";z-index:10;transition:0.3s ease background;&:hover,&:focus{background:", ";&::before{color:", " !important;}}}.slick-arrow.slick-prev{top:auto;left:auto;bottom:0;right:64px;transform:translate(0);}.slick-arrow.slick-next{top:auto;left:auto;bottom:0;right:0;transform:translate(0);border-left:1px solid ", ";}.slick-dots{width:auto;right:164px;height:36px;bottom:0;}"], props => props.theme.cWarning, props => props.theme.cWarningDark, props => props.theme.cWhite, props => props.theme.cWarningDark);
+const TitleContainer = exports.TitleContainer = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
   displayName: "LearnMorestyles__TitleContainer",
   componentId: "sc-aj1pda-4"
 })(["height:100%;display:flex;align-items:center;flex-grow:1;"]);
-exports.TitleContainer = TitleContainer;
-var TabTitle = _styledComponents.default.div.withConfig({
+const TabTitle = exports.TabTitle = _styledComponents.default.div.withConfig({
   displayName: "LearnMorestyles__TabTitle",
   componentId: "sc-aj1pda-5"
 })(["padding:42px 36px;display:flex;justify-content:space-between;font-weight:700;text-transform:uppercase;position:relative;font-size:11px;line-height:20px;letter-spacing:0.6px;"]);
-exports.TabTitle = TabTitle;
-var Arrow = _styledComponents.default.i.attrs({
+const Arrow = exports.Arrow = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-down'
 }).withConfig({
   displayName: "LearnMorestyles__Arrow",
   componentId: "sc-aj1pda-6"
-})(["&&&{position:absolute;top:50%;right:32px;transition:0.3s transform;transform:rotate(0);text-align:center;font-size:16px;line-height:16px;height:16px;margin-top:-8px;", "}"], function (props) {
-  return props.isOpened && "\n      transform: rotate(180deg);\n    ";
-});
-exports.Arrow = Arrow;
-var SidebarSubHeading = _styledComponents.default.div.withConfig({
+})(["&&&{position:absolute;top:50%;right:32px;transition:0.3s transform;transform:rotate(0);text-align:center;font-size:16px;line-height:16px;height:16px;margin-top:-8px;", "}"], props => props.isOpened && "\n      transform: rotate(180deg);\n    ");
+const SidebarSubHeading = exports.SidebarSubHeading = _styledComponents.default.div.withConfig({
   displayName: "LearnMorestyles__SidebarSubHeading",
   componentId: "sc-aj1pda-7"
-})(["font-size:11px;line-height:24px;letter-spacing:2.1px;text-transform:uppercase;margin-bottom:20px;"]);
-exports.SidebarSubHeading = SidebarSubHeading;
+})(["font-size:11px;line-height:24px;letter-spacing:2.1px;text-transform:uppercase;margin-bottom:20px;"]);

package/dist/components/LearnMoreSection/LearnMoreItem.js

@@ -12,16 +12,18 @@ var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/Comp
 var _Button = _interopRequireDefault(require("../Button/Button.styles"));
 var _LearnMoreItem = require("./LearnMoreItem.styles");
 var _LearnMore = require("./LearnMore.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var LearnMoreItem = function LearnMoreItem(_ref) {
-  var title = _ref.title,
-    content = _ref.content,
-    link = _ref.link,
-    coverSrc = _ref.coverSrc,
-    postType = _ref.postType,
-    videoSrc = _ref.videoSrc,
-    category = _ref.category;
-  var navigate = (0, _reactRouterDom.useNavigate)();
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LearnMoreItem = _ref => {
+  let {
+    title,
+    content,
+    link,
+    coverSrc,
+    postType,
+    videoSrc,
+    category
+  } = _ref;
+  let navigate = (0, _reactRouterDom.useNavigate)();
   return /*#__PURE__*/_react.default.createElement(_LearnMoreItem.Container, null, /*#__PURE__*/_react.default.createElement(_LearnMoreItem.Cover, null, /*#__PURE__*/_react.default.createElement(_Background.default, {
     src: coverSrc,
     investmentOpportunities: true
@@ -35,9 +37,7 @@ var LearnMoreItem = function LearnMoreItem(_ref) {
     noPaddingHorizontal: true,
     noPaddingBottom: true
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
-      return navigate(link);
-    }
+    onClick: () => navigate(link)
   }, title === 'ARTID' || title === 'INFINITE-FLEET' || title === 'BLOCKSTREAM MINING' || title === 'MAZZANTI AUTOMOBILI' ? 'FULL DETAILS' : "I'M INTERESTED")));
 };
 exports.LearnMoreItem = LearnMoreItem;
@@ -48,5 +48,4 @@ LearnMoreItem.propTypes = {
   coverSrc: _propTypes.default.string.isRequired,
   postType: _propTypes.default.string.isRequired
 };
-var _default = LearnMoreItem;
-exports.default = _default;
+var _default = exports.default = LearnMoreItem;

package/dist/components/LearnMoreSection/LearnMoreItem.stories.js

@@ -7,9 +7,9 @@ exports.default = exports.LearnMoreItemVideo = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _LearnMoreItem = require("./LearnMoreItem");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import { ComponentWrapper } from '../ComponentWrapper/ComponentWrapper.styles'
-var _default = {
+var _default = exports.default = {
   title: 'Components Library/LearnMoreSection/LearnMoreItem',
   component: _LearnMoreItem.LearnMoreItem,
   argTypes: {
@@ -44,12 +44,8 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_LearnMoreItem.LearnMoreItem, args));
-};
-var LearnMoreItemVideo = Template.bind({});
-exports.LearnMoreItemVideo = LearnMoreItemVideo;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_LearnMoreItem.LearnMoreItem, args));
+const LearnMoreItemVideo = exports.LearnMoreItemVideo = Template.bind({});
 LearnMoreItemVideo.args = {
   title: 'A Title',
   content: 'Some Content',

package/dist/components/LearnMoreSection/LearnMoreItem.styles.js

@@ -7,44 +7,30 @@ exports.Title = exports.PlayIcon = exports.Play = exports.Cover = exports.Conten
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _reactRouterDom = require("react-router-dom");
 var _Background = require("../Background/Background.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Container = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "LearnMoreItemstyles__Container",
   componentId: "sc-mqjc7z-0"
 })(["height:100%;"]);
-exports.Container = Container;
-var Cover = _styledComponents.default.div.withConfig({
+const Cover = exports.Cover = _styledComponents.default.div.withConfig({
   displayName: "LearnMoreItemstyles__Cover",
   componentId: "sc-mqjc7z-1"
 })(["width:100%;", "{width:100%;padding-top:56.25%;}", "{position:absolute;top:50%;left:50%;width:auto;transform:translateY(-50%) translateX(-50%);}"], _Background.Container, _Background.Content);
-exports.Cover = Cover;
-var Play = (0, _styledComponents.default)(_reactRouterDom.Link).withConfig({
+const Play = exports.Play = (0, _styledComponents.default)(_reactRouterDom.Link).withConfig({
   displayName: "LearnMoreItemstyles__Play",
   componentId: "sc-mqjc7z-2"
-})(["width:48px;height:48px;color:", ";background:", ";border-radius:50%;display:flex;align-items:center;justify-content:center;transition:0.3s background;&:hover{color:", ";background:", ";}"], function (props) {
-  return props.theme.cWhite;
-}, function (props) {
-  return props.theme.cWarning;
-}, function (props) {
-  return props.theme.cWhite;
-}, function (props) {
-  return props.theme.cWarningDark;
-});
-exports.Play = Play;
-var PlayIcon = _styledComponents.default.i.attrs({
+})(["width:48px;height:48px;color:", ";background:", ";border-radius:50%;display:flex;align-items:center;justify-content:center;transition:0.3s background;&:hover{color:", ";background:", ";}"], props => props.theme.cWhite, props => props.theme.cWarning, props => props.theme.cWhite, props => props.theme.cWarningDark);
+const PlayIcon = exports.PlayIcon = _styledComponents.default.i.attrs({
   className: 'ion ion-md-play'
 }).withConfig({
   displayName: "LearnMoreItemstyles__PlayIcon",
   componentId: "sc-mqjc7z-3"
 })(["font-size:16px;"]);
-exports.PlayIcon = PlayIcon;
-var Title = _styledComponents.default.div.withConfig({
+const Title = exports.Title = _styledComponents.default.div.withConfig({
   displayName: "LearnMoreItemstyles__Title",
   componentId: "sc-mqjc7z-4"
 })(["font-size:16px;font-weight:600;"]);
-exports.Title = Title;
-var Content = _styledComponents.default.div.withConfig({
+const Content = exports.Content = _styledComponents.default.div.withConfig({
   displayName: "LearnMoreItemstyles__Content",
   componentId: "sc-mqjc7z-5"
-})(["font-size:16px;font-weight:300;line-height:1.5;letter-spacing:0.6px;min-height:100px;"]);
-exports.Content = Content;
+})(["font-size:16px;font-weight:300;line-height:1.5;letter-spacing:0.6px;min-height:100px;"]);

package/dist/components/LoginModal/LoginModal.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -20,42 +19,36 @@ var _TextLink = _interopRequireDefault(require("../TextLink/TextLink.styles"));
 var _Grid = require("../Grid/Grid.styles");
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _globalVariables = require("../../constants/globalVariables");
-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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var LoginModal = function LoginModal(props) {
-  var _React$useState = _react.default.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    email = _React$useState2[0],
-    setEmail = _React$useState2[1];
-  var location = (0, _reactRouterDom.useLocation)();
-  _react.default.useEffect(function () {
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LoginModal = props => {
+  const [email, setEmail] = _react.default.useState();
+  const location = (0, _reactRouterDom.useLocation)();
+  _react.default.useEffect(() => {
     //the URL will look like this: /login?email=some.email@email.com
-    var search = location.search;
-    var query = new URLSearchParams(search);
-    var email = query.get('email');
+    const {
+      search
+    } = location;
+    const query = new URLSearchParams(search);
+    let email = query.get('email');
     if (email) {
       setEmail(email);
     }
   }, []);
-  var validationSchema = Yup.object().shape({
+  const validationSchema = Yup.object().shape({
     email: Yup.string().matches(_globalVariables.emailRegex, "Oops, that's not a valid address").required("Oops, this can't be blank"),
     password: Yup.string().min(6, 'Password must be at least 6 characters').required('Password is required')
   });
-  var popupError = props.popupError,
-    isModalOpen = props.isModalOpen,
-    onModalClose = props.onModalClose,
-    onFormSend = props.onFormSend,
-    onModalSwitch = props.onModalSwitch,
-    onForgotPassword = props.onForgotPassword,
-    isActionLoading = props.isActionLoading,
-    background = props.background;
+  const {
+    popupError,
+    isModalOpen,
+    onModalClose,
+    onFormSend,
+    onModalSwitch,
+    onForgotPassword,
+    isActionLoading,
+    background
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     isOpen: isModalOpen,
     onClose: onModalClose,
@@ -80,16 +73,18 @@ var LoginModal = function LoginModal(props) {
     validateOnChange: true,
     validateOnBlur: true,
     validationSchema: validationSchema,
-    onSubmit: function onSubmit(values) {
+    onSubmit: values => {
       onFormSend(values);
     }
-  }, function (_ref) {
-    var values = _ref.values,
-      errors = _ref.errors,
-      touched = _ref.touched,
-      handleChange = _ref.handleChange,
-      handleBlur = _ref.handleBlur;
-    var submitDisabled = !values.email || !values.password || !!errors.email || !!errors.password || isActionLoading === 'login';
+  }, _ref => {
+    let {
+      values,
+      errors,
+      touched,
+      handleChange,
+      handleBlur
+    } = _ref;
+    const submitDisabled = !values.email || !values.password || !!errors.email || !!errors.password || isActionLoading === 'login';
     return /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
       noPadding: true
     }, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
@@ -136,9 +131,9 @@ var LoginModal = function LoginModal(props) {
       noPaddingHorizontal: true
     }, /*#__PURE__*/_react.default.createElement(_TextLink.default, {
       as: "button",
-      onClick: function onClick() {
+      onClick: function () {
         values.password = '';
-        onForgotPassword.apply(void 0, arguments);
+        onForgotPassword(...arguments);
       }
     }, "Forgot password?")));
   })))));
@@ -157,5 +152,4 @@ LoginModal.propTypes = {
   }).isRequired,
   background: _propTypes.default.string
 };
-var _default = LoginModal;
-exports.default = _default;
+var _default = exports.default = LoginModal;

package/dist/components/LoginModal/LoginModal.stories.js

@@ -9,8 +9,8 @@ var _reactRouterDom = require("react-router-dom");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _LoginModal = _interopRequireDefault(require("./LoginModal"));
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/LoginModal',
   component: _LoginModal.default,
   parameters: {
@@ -46,12 +46,8 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_LoginModal.default, args)));
-};
-var LoginModalOpen = Template.bind({});
-exports.LoginModalOpen = LoginModalOpen;
+const Template = args => /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_LoginModal.default, args)));
+const LoginModalOpen = exports.LoginModalOpen = Template.bind({});
 LoginModalOpen.args = {
   isModalOpen: true,
   popupError: {
@@ -62,16 +58,16 @@ LoginModalOpen.args = {
     message: null,
     popup: null
   },
-  onFormSend: function onFormSend(data) {
+  onFormSend: data => {
     console.log(data);
   },
-  onModalClose: function onModalClose(data) {
+  onModalClose: data => {
     console.log('close modal');
   },
-  onModalSwitch: function onModalSwitch(data) {
+  onModalSwitch: data => {
     console.log('switch modal');
   },
-  onForgotPassword: function onForgotPassword(data) {
+  onForgotPassword: data => {
     console.log('forgot password');
   },
   isActionLoading: false

package/dist/components/MainMenu/DynamicMainMenu.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,21 +8,20 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactCollapse = require("react-collapse");
 var _MainMenu = require("./MainMenu.styles");
-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; }
-//import ReactDOM from 'react-dom'
-
-var DynamicMainMenu = function DynamicMainMenu(props) {
-  var spanStyleForMenu = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DynamicMainMenu = props => {
+  const spanStyleForMenu = {
     letterSpacing: '2px',
     cursor: 'pointer'
   };
-  var options = props.options,
-    isMenuActive = props.isMenuActive;
+  const {
+    options,
+    isMenuActive
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_MainMenu.StyledMainMenu, null, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
     isOpened: isMenuActive
-  }, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuContainer, null, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOptions, null, options.map(function (item, index) {
+  }, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuContainer, null, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOptions, null, options.map((item, index) => {
     return /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
       key: item.name + index,
       as: "button",
@@ -35,7 +33,7 @@ var DynamicMainMenu = function DynamicMainMenu(props) {
     }, item.name));
   })))));
 };
-var optionsShape = _propTypes.default.shape({
+const optionsShape = _propTypes.default.shape({
   name: _propTypes.default.string.isRequired,
   onClick: _propTypes.default.func.isRequired
 });
@@ -47,5 +45,4 @@ DynamicMainMenu.defaultProps = {
   isMenuActive: false,
   options: []
 };
-var _default = DynamicMainMenu;
-exports.default = _default;
+var _default = exports.default = DynamicMainMenu;