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

package/dist/components/InvestCalculator/InvestCalculator.stories.js

@@ -8,14 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _InvestCalculator = require("./InvestCalculator");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-var _exchangeRate, _maxFunds;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 ////  U N F I N I S H E D  ////
-var _default = {
+var _default = exports.default = {
   title: 'Components Library/InvestCalculator',
   component: _InvestCalculator.InvestCalculator,
   argTypes: {
@@ -44,22 +39,22 @@ var _default = {
     onChange: {
       type: 'function',
       action: 'onChange',
-      defaultValue: function defaultValue() {}
+      defaultValue: () => {}
     },
     onBlur: {
       type: 'function',
       action: 'onBlur',
-      defaultValue: function defaultValue() {}
+      defaultValue: () => {}
     },
     onFocus: {
       type: 'function',
       action: 'onFocus',
-      defaultValue: function defaultValue() {}
+      defaultValue: () => {}
     },
     onErrors: {
       type: 'function',
       action: 'onErrors',
-      defaultValue: function defaultValue() {}
+      defaultValue: () => {}
     },
     exchangeRate: {
       type: 'shape',
@@ -75,12 +70,12 @@ var _default = {
     changeCurrencyValue: {
       type: 'function',
       action: 'changeCurrencyValue',
-      defaultValue: function defaultValue() {}
+      defaultValue: () => {}
     },
     changeTokens: {
       type: 'function',
       action: 'changeTokens',
-      defaultValue: function defaultValue() {}
+      defaultValue: () => {}
     },
     tokens: {
       type: 'number'
@@ -105,20 +100,22 @@ 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(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_InvestCalculator.InvestCalculator, args)));
-};
-var InvestCalculatorOverview = Template.bind({});
-exports.InvestCalculatorOverview = InvestCalculatorOverview;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_InvestCalculator.InvestCalculator, args)));
+const InvestCalculatorOverview = exports.InvestCalculatorOverview = Template.bind({});
 InvestCalculatorOverview.args = {
   minTokensCount: 3,
   available: 345,
   tokenName: 'STOKR TEST',
   id: 'I-D',
   name: 'John Doe',
-  exchangeRate: (_exchangeRate = {}, _defineProperty(_exchangeRate, _InvestCalculator.InvestCalculatorCurrencies.ETH, 222), _defineProperty(_exchangeRate, _InvestCalculator.InvestCalculatorCurrencies.EUR, 111), _exchangeRate),
-  maxFunds: (_maxFunds = {}, _defineProperty(_maxFunds, _InvestCalculator.InvestCalculatorCurrencies.CRYPTO, 333), _defineProperty(_maxFunds, _InvestCalculator.InvestCalculatorCurrencies.EUR, 222), _maxFunds),
+  exchangeRate: {
+    [_InvestCalculator.InvestCalculatorCurrencies.ETH]: 222,
+    [_InvestCalculator.InvestCalculatorCurrencies.EUR]: 111
+  },
+  maxFunds: {
+    [_InvestCalculator.InvestCalculatorCurrencies.CRYPTO]: 333,
+    [_InvestCalculator.InvestCalculatorCurrencies.EUR]: 222
+  },
   tokens: 444,
   tokensInput: 666,
   currencyValueInput: 400

package/dist/components/InvestCalculator/InvestCalculator.styles.js

@@ -8,59 +8,40 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Select = require("../Input/Select.styles");
 var _Form = require("../Form/Form");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Wrapper = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "InvestCalculatorstyles__Wrapper",
   componentId: "sc-hce2mi-0"
 })(["display:flex;justify-content:space-between;"]);
-exports.Wrapper = Wrapper;
-var Container = _styledComponents.default.div.withConfig({
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "InvestCalculatorstyles__Container",
   componentId: "sc-hce2mi-1"
 })([""]);
-exports.Container = Container;
-var Title = _styledComponents.default.div.withConfig({
+const Title = exports.Title = _styledComponents.default.div.withConfig({
   displayName: "InvestCalculatorstyles__Title",
   componentId: "sc-hce2mi-2"
-})(["font-size:12px;font-weight:700;line-height:24px;letter-spacing:2px;color:", ";text-transform:uppercase;", ""], function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return props.error && "color: ".concat(_theme.default.cWarning, ";");
-});
-exports.Title = Title;
-var InputWrap = _styledComponents.default.div.withConfig({
+})(["font-size:12px;font-weight:700;line-height:24px;letter-spacing:2px;color:", ";text-transform:uppercase;", ""], props => _theme.default.cBlack, props => props.error && "color: ".concat(_theme.default.cWarning, ";"));
+const InputWrap = exports.InputWrap = _styledComponents.default.div.withConfig({
   displayName: "InvestCalculatorstyles__InputWrap",
   componentId: "sc-hce2mi-3"
 })(["padding-top:9px;input{font-size:22px;font-weight:300;line-height:28px;padding-bottom:11px;padding-top:0;}"]);
-exports.InputWrap = InputWrap;
-var StyledFormError = (0, _styledComponents.default)(_Form.FormError).withConfig({
+const StyledFormError = exports.StyledFormError = (0, _styledComponents.default)(_Form.FormError).withConfig({
   displayName: "InvestCalculatorstyles__StyledFormError",
   componentId: "sc-hce2mi-4"
-})(["font-size:13px;font-weight:300;line-height:16px;letter-spacing:0.4px;font-style:italic;top:0;width:min-content;min-width:100%;", ""], function (props) {
-  return props.paddingTop && 'padding-top: 12px;';
-});
-exports.StyledFormError = StyledFormError;
-var Caption = _styledComponents.default.div.withConfig({
+})(["font-size:13px;font-weight:300;line-height:16px;letter-spacing:0.4px;font-style:italic;top:0;width:min-content;min-width:100%;", ""], props => props.paddingTop && 'padding-top: 12px;');
+const Caption = exports.Caption = _styledComponents.default.div.withConfig({
   displayName: "InvestCalculatorstyles__Caption",
   componentId: "sc-hce2mi-5"
 })(["font-size:13px;font-weight:300;line-height:16px;padding-top:12px;letter-spacing:0.4px;font-style:italic;"]);
-exports.Caption = Caption;
-var EqualSign = _styledComponents.default.div.withConfig({
+const EqualSign = exports.EqualSign = _styledComponents.default.div.withConfig({
   displayName: "InvestCalculatorstyles__EqualSign",
   componentId: "sc-hce2mi-6"
-})(["margin:auto;font-size:34px;font-weight:300;color:", ";opacity:0.5;padding:0px 30px;"], function (props) {
-  return _theme.default.cBlack;
-});
-exports.EqualSign = EqualSign;
-var SelectWrapper = _styledComponents.default.div.withConfig({
+})(["margin:auto;font-size:34px;font-weight:300;color:", ";opacity:0.5;padding:0px 30px;"], props => _theme.default.cBlack);
+const SelectWrapper = exports.SelectWrapper = _styledComponents.default.div.withConfig({
   displayName: "InvestCalculatorstyles__SelectWrapper",
   componentId: "sc-hce2mi-7"
 })(["padding-bottom:2px;", "", "", "{padding:0;border:0;height:24px;min-height:24px;font-size:12px;font-weight:700;line-height:24px;letter-spacing:2px;margin-top:-2px;}"], _Select.SelectControl, _Select.SelectControl, _Select.SelectControl);
-exports.SelectWrapper = SelectWrapper;
-var Label = _styledComponents.default.div.withConfig({
+const Label = exports.Label = _styledComponents.default.div.withConfig({
   displayName: "InvestCalculatorstyles__Label",
   componentId: "sc-hce2mi-8"
-})(["", ""], function (props) {
-  return props.error && "color: ".concat(_theme.default.cWarning, ";");
-});
-exports.Label = Label;
+})(["", ""], props => props.error && "color: ".concat(_theme.default.cWarning, ";"));

package/dist/components/InvestmentStat/InvestmentStat.js

@@ -8,14 +8,16 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _InvestmentStat = require("./InvestmentStat.styles");
 var _InfoIcon = _interopRequireDefault(require("../InfoIcon/InfoIcon"));
-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); }
-var InvestmentStat = function InvestmentStat(props) {
-  var title = props.title,
-    content = props.content,
-    state = props.state,
-    primaryBg = props.primaryBg,
-    tooltip = props.tooltip;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const InvestmentStat = props => {
+  const {
+    title,
+    content,
+    state,
+    primaryBg,
+    tooltip
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_InvestmentStat.Container, _extends({
     primaryBg: primaryBg
   }, props), /*#__PURE__*/_react.default.createElement(_InvestmentStat.Title, null, title), /*#__PURE__*/_react.default.createElement(_InvestmentStat.DataContainer, null, /*#__PURE__*/_react.default.createElement(_InvestmentStat.Content, {
@@ -36,5 +38,4 @@ InvestmentStat.defaultProps = {
   state: '',
   primaryBg: false
 };
-var _default = InvestmentStat;
-exports.default = _default;
+var _default = exports.default = InvestmentStat;

package/dist/components/InvestmentStat/InvestmentStat.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _InvestmentStat = _interopRequireDefault(require("./InvestmentStat"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 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/InvestmentStat',
   component: _InvestmentStat.default,
   argTypes: {
@@ -37,18 +37,13 @@ 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(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_InvestmentStat.default, args)));
-};
-var InvestmentStatOverview = Template.bind({});
-exports.InvestmentStatOverview = InvestmentStatOverview;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_InvestmentStat.default, args)));
+const InvestmentStatOverview = exports.InvestmentStatOverview = Template.bind({});
 InvestmentStatOverview.args = {
   title: 'Investment Stat Title',
   content: 'some Content'
 };
-var InvestmentStatBlueTooltip = Template.bind({});
-exports.InvestmentStatBlueTooltip = InvestmentStatBlueTooltip;
+const InvestmentStatBlueTooltip = exports.InvestmentStatBlueTooltip = Template.bind({});
 InvestmentStatBlueTooltip.args = {
   title: 'Investment Stat Title',
   content: 'some Content',

package/dist/components/InvestmentStat/InvestmentStat.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
 });
@@ -9,35 +8,24 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _templateObject, _templateObject2;
-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 Title = _styledComponents.default.div.withConfig({
+var _templateObject;
+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); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const Title = exports.Title = _styledComponents.default.div.withConfig({
   displayName: "InvestmentStatstyles__Title",
   componentId: "sc-naw3jx-0"
-})(["font-size:11px;line-height:12px;letter-spacing:2px;text-transform:uppercase;color:", ";white-space:nowrap;"], function (props) {
-  return _theme.default.cBlack;
-});
-exports.Title = Title;
-var Content = _styledComponents.default.div.withConfig({
+})(["font-size:11px;line-height:12px;letter-spacing:2px;text-transform:uppercase;color:", ";white-space:nowrap;"], props => _theme.default.cBlack);
+const Content = exports.Content = _styledComponents.default.div.withConfig({
   displayName: "InvestmentStatstyles__Content",
   componentId: "sc-naw3jx-1"
-})(["margin-top:8px;font-size:22px;line-height:28px;letter-spacing:0.6px;font-weight:300;", ""], function (props) {
-  return props.state === 'warning' && "\n    color: ".concat(_theme.default.cWarning, ";\n  ");
-});
-exports.Content = Content;
-var Container = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
+})(["margin-top:8px;font-size:22px;line-height:28px;letter-spacing:0.6px;font-weight:300;", ""], props => props.state === 'warning' && "\n    color: ".concat(_theme.default.cWarning, ";\n  "));
+const Container = exports.Container = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
   displayName: "InvestmentStatstyles__Container",
   componentId: "sc-naw3jx-2"
-})(["padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;", " ", ""], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 40px 20px;\n  "]))), function (props) {
-  return props.primaryBg && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      background: ", ";\n\n      ", " {\n        color: ", ";\n      }\n\n      ", " {\n        color: ", ";\n      }\n    "])), _theme.default.cPrimaryDark, Title, _theme.default.cWhite, Content, _theme.default.cWhite);
-});
+})(["padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;", " ", ""], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 40px 20px;\n  "]))), props => props.primaryBg && (0, _styledComponents.css)(["background:", ";", "{color:", ";}", "{color:", ";}"], _theme.default.cPrimaryDark, Title, _theme.default.cWhite, Content, _theme.default.cWhite));
 // from IIS, which puts the content margin of 8px into DataContainer styling
-exports.Container = Container;
-var DataContainer = _styledComponents.default.div.withConfig({
+const DataContainer = exports.DataContainer = _styledComponents.default.div.withConfig({
   displayName: "InvestmentStatstyles__DataContainer",
   componentId: "sc-naw3jx-3"
-})(["align-items:center;display:flex;"]);
-exports.DataContainer = DataContainer;
+})(["align-items:center;display:flex;"]);